:root{--bg-0: #f7edcf;--bg-1: #f1d79c;--ink: #2d2113;--panel: #fff6dd;--line: #6e5232;--accent: #d96b24;--board: #e7be78;--clear: #4b8f29;--cell-size: min(44px, calc((100vw - 100px) / 9))}*{box-sizing:border-box}body{margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 10%,var(--bg-1),var(--bg-0));min-height:100dvh}main{max-width:480px;margin:0 auto;padding:12px}.panel{background:var(--panel);border:2px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 10px 25px #00000014}.puzzle-panel{position:relative}.puzzle-panel.victory{animation:victoryGlow .9s ease}.clear-badge{display:inline-block;margin:4px 0 8px;padding:6px 12px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#f06d1f,#d3382d);font-weight:700;letter-spacing:.08em}.wrong-badge{display:inline-block;margin:4px 0 8px;padding:6px 12px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#666,#444);font-weight:700;letter-spacing:.08em}.fx-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.fx-sparkles span{position:absolute;left:calc((var(--i) + 1) * 7.6%);top:-8px;color:#d96b24;opacity:0;animation:sparkleFall .92s ease-out forwards;animation-delay:calc(var(--i) * 35ms)}h1,h2{margin:8px 0 12px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px;margin-bottom:12px}.toolbar .spacer{flex:1}.grid4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.btn{border:2px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:16px;padding:10px 12px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:active{opacity:.7}.btn.primary{background:var(--accent);color:#fff;border-color:#a54f1b}.btn.small{font-size:13px;padding:6px 10px}.top-hero{display:grid;grid-template-columns:1fr 160px;gap:12px;align-items:center}.top-hero img{width:100%}.rule-list{margin:0 0 10px;padding-left:20px;line-height:1.7}.rules-note{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:#fff3d4;border:1px solid #d8b679;font-size:14px}.puzzle-grid{margin-top:10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.puzzle-num{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 0;font-size:15px;font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.puzzle-num.clear{background:#d7f0c8;color:var(--clear)}.board-wrap{overflow-x:auto;display:flex;justify-content:center;align-items:flex-start;margin-top:10px;margin-bottom:12px}.board{border-collapse:collapse}.board td{padding:0;width:var(--cell-size);height:var(--cell-size)}.board button{display:flex;align-items:center;justify-content:center;width:var(--cell-size);height:var(--cell-size);border:1px solid #7c5c35;background:var(--board);font-size:18px;font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0;margin:0;position:relative;vertical-align:top}.board button.edge-top{border-top-width:3px}.board button.edge-bottom{border-bottom-width:3px}.board button.edge-left{border-left-width:3px}.board button.edge-right{border-right-width:3px}.board button.sel{outline:3px solid #1f77b4;z-index:1}.board button.move-target{background:#daa54a}.board button.last-move{background:#d4c07a}.board button.hint{background:#e8a0a0}.coord{width:20px;min-width:20px;text-align:center;font-size:12px;font-weight:700;color:#5a452b;user-select:none}.coord.corner{color:transparent}.piece{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--cell-size) * .82);height:calc(var(--cell-size) * .88);clip-path:polygon(50% 0%,85% 12%,95% 100%,5% 100%,15% 12%);background:linear-gradient(175deg,#f7e8cc,#dcc09a 60%,#c8a878);filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));font-weight:700;line-height:1;padding-top:calc(var(--cell-size) * .06)}.piece.defender{transform:rotate(180deg);background:linear-gradient(175deg,#e8ddd0,#c8b8a0 60%,#b0a088)}.piece.promoted{color:#c03020}.komadai{display:flex;flex-direction:row;align-items:center;background:var(--board);border:2px solid #7c5c35;border-radius:6px;padding:4px 8px;margin-bottom:6px;gap:4px}.komadai-label{font-size:11px;font-weight:700;color:#5a452b;letter-spacing:.15em;margin-right:4px}.komadai-empty{font-size:11px;color:#8a7357}.komadai-pieces{display:flex;flex-direction:row;align-items:center;gap:4px}.komadai-piece{display:flex;flex-direction:column;align-items:center;justify-content:center;width:36px;height:40px;border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0}.komadai-piece.sel{background:#daa54a;border-color:#a54f1b}.komadai-char{display:inline-flex;align-items:center;justify-content:center;width:30px;height:34px;clip-path:polygon(50% 0%,85% 12%,95% 100%,5% 100%,15% 12%);background:linear-gradient(175deg,#f7e8cc,#dcc09a 60%,#c8a878);filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));font-size:16px;font-weight:700;color:var(--ink);line-height:1;padding-top:2px}.komadai-count{font-size:11px;font-weight:700;color:#5a452b;line-height:1;margin-top:1px}.message{margin:8px 0;padding:8px 12px;border-radius:8px;background:#fff;border:1px solid #ddd4c0;font-size:15px;font-weight:500}.log{margin-top:8px;padding:8px;border-radius:8px;background:#fff;border:1px dashed var(--line);font-size:14px}.solution-toggle{cursor:pointer;user-select:none;font-size:13px;color:#8a7357}.solution-moves{line-height:1.6}.sol-atk{color:#1a5c1a;font-weight:700}.sol-def{color:#8a4a2a}.sol-played{opacity:.4;text-decoration:line-through}.tanuki-face{display:block;width:48px;height:48px;margin:12px auto 0}.page-footer{margin-top:12px;font-size:11px;color:#8a7357;text-align:center}.footer-sep{color:#b5a28a}.footer-link{font-size:12px;color:#6a5740;text-decoration:none;border-bottom:1px dotted #8a7357}.footer-link:hover{color:#3f2f1d}.promo-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.promo-modal{background:var(--panel);border:2px solid var(--line);border-radius:16px;padding:20px 24px;text-align:center;box-shadow:0 8px 30px #0003;min-width:200px}.promo-modal .promo-title{font-size:16px;font-weight:700;margin-bottom:16px}.promo-modal .promo-buttons{display:flex;gap:12px;justify-content:center}.promo-modal .btn{min-width:80px;font-size:18px;padding:12px 16px}@media(max-width:400px){:root{--cell-size: min(38px, calc((100vw - 60px) / 9))}.top-hero{grid-template-columns:1fr}.puzzle-grid{grid-template-columns:repeat(5,minmax(0,1fr))}main{padding:4px}.panel{padding:8px}.board button{font-size:min(16px,calc(var(--cell-size) * .44))}.coord{width:14px;min-width:14px;font-size:10px}.komadai{padding:3px 6px}.komadai-piece{width:30px;height:34px}.komadai-char{font-size:13px;width:26px;height:30px}.komadai-count{font-size:10px}}@media(min-width:401px)and (max-width:640px){.top-hero{grid-template-columns:1fr}}@keyframes victoryGlow{0%{transform:scale(1);box-shadow:0 0 #d96b2400}35%{transform:scale(1.01);box-shadow:0 0 0 8px #d96b241f}to{transform:scale(1);box-shadow:0 0 #d96b2400}}@keyframes sparkleFall{0%{transform:translateY(0) rotate(0);opacity:0}20%{opacity:.95}to{transform:translateY(170px) rotate(180deg);opacity:0}}