:root{--bg: #f5f2ea;--bg-2: #ede8dc;--panel: #fbf9f4;--panel-2: #f2eee4;--line: #e3ddcf;--line-strong: #d3cab7;--text: #2b2722;--muted: #76706a;--accent: #c96442;--accent-hover: #b5573a;--accent-soft: #f3e1d6;--accent-text: #ffffff;--danger: #b5483a;--success: #4e7a49;--warn: #a5711a;--sidebar: #efeadf;--sidebar-text: #3a352f;--sidebar-active: #e4dccb;--shadow: 0 1px 2px rgba(60, 45, 30, .05), 0 4px 16px rgba(60, 45, 30, .05);--radius: 12px;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, ui-serif, serif;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #262522;--bg-2: #2d2c28;--panel: #302f2b;--panel-2: #383733;--line: #45433d;--line-strong: #57544c;--text: #ece8de;--muted: #a39e93;--accent: #d97757;--accent-hover: #e4896b;--accent-soft: #4a3229;--sidebar: #1f1e1c;--sidebar-text: #e2ded4;--sidebar-active: #34322e;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .25);color-scheme:dark}}:root[data-theme=dark]{--bg: #262522;--bg-2: #2d2c28;--panel: #302f2b;--panel-2: #383733;--line: #45433d;--line-strong: #57544c;--text: #ece8de;--muted: #a39e93;--accent: #d97757;--accent-hover: #e4896b;--accent-soft: #4a3229;--sidebar: #1f1e1c;--sidebar-text: #e2ded4;--sidebar-active: #34322e;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .25);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:15px/1.5 var(--sans);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-underline-offset:2px}h1,h2,h3{font-family:var(--serif);font-weight:500;color:var(--text)}h1{font-size:2rem;margin:0 0 .75rem;line-height:1.15}h2{font-size:1.35rem;margin:1.6rem 0 .7rem}h3{font-size:1.08rem;margin:1rem 0 .4rem}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;padding:7px 10px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:0;border-color:var(--accent)}input[type=checkbox],input[type=range]{accent-color:var(--accent)}input.num{width:4.5em}.icon{flex-shrink:0;vertical-align:-3px}.muted{color:var(--muted)}.small{font-size:.86rem}.error{color:var(--danger)}.warning{color:var(--warn)}.success{color:var(--success)}.row{display:flex;align-items:center}.gap{gap:8px}.wrap{flex-wrap:wrap}.grow{flex:1}.stack{display:flex;flex-direction:column;gap:10px}.tag{display:inline-block;font-size:.74rem;padding:1px 8px;border-radius:99px;border:1px solid var(--line);color:var(--muted);vertical-align:middle;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:500;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-text)}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.secondary{background:var(--panel);border-color:var(--line-strong)}.btn.secondary:hover:not(:disabled){background:var(--panel-2)}.btn.ghost{background:transparent;border-color:var(--line);color:var(--muted)}.btn.ghost:hover:not(:disabled){color:var(--text);border-color:var(--line-strong)}.btn.danger{background:transparent;border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger)}.btn.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 8%,transparent)}.btn.block{width:100%}.btn.sm{padding:4px 10px;font-size:.85rem}.btn.xl{padding:12px 22px;font-size:1.02rem}.icon-btn{display:inline-grid;place-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;width:32px;height:32px;cursor:pointer;color:var(--muted)}.icon-btn:hover{color:var(--text);border-color:var(--line-strong)}.link-btn{background:none;border:0;color:var(--accent);cursor:pointer;padding:4px 0;text-align:left}.check{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;flex-wrap:wrap;background:var(--panel)}.seg button{background:transparent;border:0;padding:6px 12px;cursor:pointer;border-right:1px solid var(--line);color:var(--muted)}.seg button:last-child{border-right:0}.seg button.on{background:var(--accent-soft);color:var(--text);font-weight:600}.seg.small button{padding:4px 8px;font-size:.82rem}.app{display:flex;min-height:100vh}.sidebar{width:210px;flex-shrink:0;background:var(--sidebar);color:var(--sidebar-text);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:14px 10px;gap:2px;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:8px;padding:4px 8px 18px;color:var(--text);text-decoration:none;font:500 1.3rem/1 var(--serif)}.logo b{color:var(--accent);font-weight:500}.logo-mark{width:30px;height:30px;display:block}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--sidebar-text);text-decoration:none;font-weight:500}.nav-item:hover{background:var(--sidebar-active)}.nav-item.active{background:var(--sidebar-active);color:var(--text)}.nav-item.active .nav-label{font-weight:600}.nav-icon{width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;color:var(--muted)}.nav-icon svg.piece-svg{width:24px;height:24px}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:4px}.small-item{font-size:.92rem}.nav-login{margin:6px 4px}.conn{padding:4px 10px;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a7a197;vertical-align:middle;margin:0 4px}.dot.on{background:#6a9a5b}.main{flex:1;min-width:0}.page{padding:28px;max-width:1280px;margin:0 auto}.page.narrow{max-width:580px}.offline-banner{background:var(--accent-soft);color:var(--text);padding:7px 16px;font-size:.9rem;text-align:center;border-bottom:1px solid var(--line)}.toast{position:fixed;right:16px;bottom:16px;z-index:50;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);padding:12px 14px;display:flex;gap:8px;align-items:center}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.notice{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:9px 11px;margin:6px 0;font-size:.9rem;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.hero{display:grid;grid-template-columns:minmax(260px,460px) 1fr;gap:48px;align-items:center;padding:16px 0 24px}.hero h1{font-size:clamp(2.1rem,4vw,3.1rem);line-height:1.1;margin-bottom:1rem}.lead{font-size:1.08rem;color:var(--muted);max-width:520px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:10px;background:var(--panel);border:1px solid var(--line);text-decoration:none;color:var(--text)}.quick:hover{border-color:var(--line-strong)}.quick b{font-family:var(--serif);font-weight:500;font-size:1.05rem}.quick span{color:var(--muted);font-size:.85rem}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.preset-card{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:border-color .15s}.preset-card:hover{border-color:var(--accent)}.preset-card b{font-family:var(--serif);font-weight:500;font-size:1.05rem}.preset-card .tag{align-self:flex-start;margin-top:auto}.ruleset-card{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.ruleset-name{font:500 1.3rem/1.3 var(--serif)}.tc-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.tc-row,.level-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.tc{background:var(--panel);border:1px solid var(--line-strong);padding:7px 12px;border-radius:8px;cursor:pointer;font-weight:500}.tc:hover{border-color:var(--muted)}.tc.on{border-color:var(--accent);background:var(--accent-soft)}.tc-custom{display:inline-flex;gap:4px;align-items:center;font-size:.85rem;color:var(--muted)}.tc-custom input{width:4.2em;padding:6px}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:22px}.mode{display:flex;flex-direction:column;gap:10px}.mode h3{margin:0;font-size:1.2rem}.game-layout,.puzzle-page{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.board-col{display:flex;flex-direction:column;gap:8px;max-width:min(100%,calc(100vh - 150px));width:100%;margin:0 auto}.board-holder{position:relative}.player-bar{display:flex;align-items:center;gap:10px;padding:2px}.avatar{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font:500 1.05rem/1 var(--serif);background:#ece3d3;color:#3a342c;border:1px solid var(--line-strong);flex-shrink:0}.avatar.b{background:#3d3832;color:#efe7d8;border-color:#2a2622}.avatar.big{width:72px;height:72px;font-size:2rem;border-radius:14px}.player-meta{flex:1;min-width:0}.player-name{font-weight:600}.rating{color:var(--muted);font-weight:400;margin-left:4px}.captured{display:flex;align-items:center;min-height:20px;flex-wrap:wrap}.cap{width:20px;height:20px;margin-right:-6px}.cap svg{width:100%;height:100%}.diff{margin-left:10px;font-size:.85rem;color:var(--muted)}.clock{font:600 1.45rem/1 var(--mono);background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;padding:8px 12px;min-width:110px;text-align:right;color:var(--muted)}.clock.running{background:var(--text);color:var(--bg);border-color:var(--text)}.clock.low.running{background:var(--danger);border-color:var(--danger);color:#fff}.side-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px;position:sticky;top:16px;max-height:calc(100vh - 32px)}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:8px}.panel-title{font-size:1.3rem;margin:0}.status-line{font-weight:600;padding:6px 0 8px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tabs button{background:none;border:0;padding:8px 12px;cursor:pointer;color:var(--muted);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.tab-body{flex:1;min-height:160px;overflow:auto}.move-list{max-height:340px;overflow:auto;font:.92rem/1.5 var(--mono)}.move-row{display:grid;grid-template-columns:2.6em 1fr 1fr;padding:3px 6px;border-radius:4px}.move-row:nth-child(odd){background:var(--panel-2)}.move-no{color:var(--muted)}.controls{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;border-top:1px solid var(--line)}.chat{display:flex;flex-direction:column;gap:6px;height:100%}.chat-log{flex:1;overflow:auto;max-height:280px;font-size:.92rem;display:flex;flex-direction:column;gap:3px}.chat input{width:100%}.rules-summary ul{padding-left:18px;margin:6px 0}.result-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#28201859;z-index:20;border-radius:4px}.result-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px 30px;text-align:center;box-shadow:var(--shadow);animation:pop .2s ease-out}.result-card h2{margin:0;font-size:1.8rem}@keyframes pop{0%{transform:scale(.94);opacity:0}}.board-wrap{width:100%}.board{--sq-light: #eee2cf;--sq-dark: #bf8f6a;--last: rgba(214, 120, 70, .38);--sel: rgba(214, 120, 70, .55);--hint: rgba(55, 35, 20, .22);position:relative;display:grid;width:100%;border-radius:4px;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;container-type:inline-size;box-shadow:0 0 0 1px #3c28191f,0 6px 20px #3c281924}.board.theme-walnut{--sq-light: #f0d9b5;--sq-dark: #b58863}.board.theme-emerald{--sq-light: #e9e6cf;--sq-dark: #6f8f62;--last: rgba(225, 190, 80, .45);--sel: rgba(225, 190, 80, .6)}.board.theme-ice{--sq-light: #e3e7e8;--sq-dark: #8a9fa8;--last: rgba(214, 140, 90, .4)}.board.theme-neon{--sq-light: #241a44;--sq-dark: #150f2b;--last: rgba(62, 242, 255, .25);--sel: rgba(255, 79, 216, .4);--hint: rgba(62, 242, 255, .4);box-shadow:0 0 0 1px #3ef2ff55,0 0 24px #7c4dff55}.board.theme-neon .sq.dark{box-shadow:inset 0 0 0 .5px #3ef2ff1f}.sq{position:relative;aspect-ratio:1}.sq.light{background:var(--sq-light)}.sq.dark{background:var(--sq-dark)}.sq.last:before,.sq.sel:before,.sq.area:before,.sq.check:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sq.last:before{background:var(--last)}.sq.sel:before{background:var(--sel)}.sq.area:before{background:#c85a3238}.sq.check:before{background:radial-gradient(circle,rgba(200,40,30,.85) 0%,rgba(200,40,30,.45) 40%,transparent 72%)}.sq.void{background:var(--bg)!important;box-shadow:inset 0 2px 7px #28190a59,inset 0 0 0 1px #28190a1f}.board.editing .sq.void{background:repeating-linear-gradient(45deg,rgba(60,40,25,.12) 0 6px,transparent 6px 12px)!important}.sq.wall{background:linear-gradient(135deg,#6f665c,#4a433c)!important;box-shadow:inset 0 0 0 2px #0003}.sq.wall:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:2px solid rgba(255,245,230,.16);border-radius:3px}.sq.hole{background:radial-gradient(circle,#14100c 35%,#3a3028 75%)!important}.sq.burning:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 85%,rgba(255,140,40,.75),rgba(220,70,20,.35) 45%,transparent 70%);animation:flicker .6s infinite alternate}.sq.target:after{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;border-radius:50%;border:2px dashed rgba(180,70,40,.75);pointer-events:none}.sq.mark-move:after{content:"";position:absolute;top:35%;right:35%;bottom:35%;left:35%;border-radius:50%;background:color-mix(in srgb,var(--accent) 80%,transparent)}.sq.mark-capture:after{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;border:3px solid rgba(160,50,35,.75)}.sq.mark-reach-w:after,.sq.mark-reach-b:after,.sq.mark-reach-both:after{content:"";position:absolute;top:24%;right:24%;bottom:24%;left:24%;border-radius:50%;pointer-events:none;border:3px solid #f7f2e8;box-shadow:0 0 0 2px #2b2722,inset 0 0 0 4px #2b2722}.sq.mark-reach-b:after{border-color:#2b2722;box-shadow:0 0 0 2px #f7f2e8,inset 0 0 0 4px #f7f2e8}.sq.mark-reach-both:after{border-color:var(--accent)}.coord{position:absolute;font-size:max(9px,1.8cqw);font-weight:600;pointer-events:none;opacity:.85;z-index:1}.sq.light .coord{color:var(--sq-dark)}.sq.dark .coord{color:var(--sq-light)}.coord.rank{left:3px;top:1px}.coord.file{right:3px;bottom:0}.piece{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:grab}.piece svg{width:100%;height:100%;display:block;filter:drop-shadow(0 1.5px .5px rgba(40,25,10,.28))}.piece.slide{animation:slide .18s ease-out}@keyframes slide{0%{transform:translate(calc(var(--dx) * 100%),calc(var(--dy) * 100%))}}.piece.ghosted{opacity:.3}.piece.armed svg{animation:armed .6s ease-in-out infinite alternate}@keyframes armed{to{filter:drop-shadow(0 0 6px #e0502a) drop-shadow(0 1.5px .5px rgba(40,25,10,.28));transform:scale(1.04)}}.piece-svg .spark{animation:spark .35s steps(2) infinite;transform-origin:66px 12px}@keyframes spark{50%{transform:scale(.75) rotate(20deg);opacity:.75}}.piece .piece-svg.neon-w{filter:drop-shadow(0 0 3px #3ef2ff) drop-shadow(0 0 1px #3ef2ff)}.piece .piece-svg.neon-b{filter:drop-shadow(0 0 3px #ff4fd8) drop-shadow(0 0 1px #ff4fd8)}.drag-piece{position:absolute;z-index:30;pointer-events:none;transform:translate(-50%,-50%) scale(1.1)}.drag-piece svg{width:100%;height:100%}.badge{position:absolute;z-index:3;font:700 max(9px,2cqw)/1 var(--sans);border-radius:99px;padding:2px 5px;pointer-events:none}.badge.fuse{right:2px;top:2px;background:#c8452c;color:#fff;box-shadow:0 0 0 2px #fbf7ee;animation:pulse .8s infinite}.badge.tired{left:2px;top:2px;background:#4a453f;color:#eee6d6}.badge.hole-left{right:3px;bottom:3px;background:#14100c;color:#d8cfc0}@keyframes pulse{50%{transform:scale(1.15)}}@keyframes flicker{to{opacity:.6;transform:translateY(2%)}}.mine{position:absolute;left:6%;bottom:6%;width:max(8px,1.6cqw);height:max(8px,1.6cqw);border-radius:50%;background:#b5382a;box-shadow:0 0 0 2px #fbf7ee,0 0 0 3px #2b2722;pointer-events:none;z-index:1;font-size:0}.mine.b{background:#2b2722;box-shadow:0 0 0 2px #fbf7ee,0 0 0 3px #b5382a}.mine.revealed{background:#e09a2c}.hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.hint:after{content:"";position:absolute;top:37%;right:37%;bottom:37%;left:37%;border-radius:50%;background:var(--hint)}.hint.capture:after{top:5%;right:5%;bottom:5%;left:5%;background:none;border:max(3px,.7cqw) solid var(--hint)}.hint.ability:after{top:20%;right:20%;bottom:20%;left:20%;background:none;border-radius:50%;border:3px solid var(--accent);animation:pulse 1s infinite}.board.editing .piece{cursor:move}.ability-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.ability-piece{font:500 1rem/1 var(--serif);margin:0 6px 0 4px}.ability-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-strong);background:var(--panel);border-radius:8px;padding:6px 10px;cursor:pointer;font-weight:500}.ability-btn:hover:not(:disabled){border-color:var(--accent)}.ability-btn .icon{color:var(--accent)}.ability-btn.active{border-color:var(--accent);background:var(--accent-soft)}.ability-btn:disabled{opacity:.4;cursor:not-allowed}.cd{font-size:.75rem;color:var(--muted)}.ability-help{color:var(--accent);font-size:.86rem;font-weight:500}.promo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#28201866;display:grid;place-items:center}.promo-box{display:flex;gap:6px;background:var(--panel);padding:10px;border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:center;max-width:90%;align-items:center}.promo-box button{width:64px;height:64px;border:1px solid var(--line);background:var(--panel-2);border-radius:8px;cursor:pointer;padding:4px}.promo-box button:hover{border-color:var(--accent)}.promo-box button svg{width:100%;height:100%}.promo-box .promo-cancel{width:36px;height:36px;display:grid;place-items:center;color:var(--muted)}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.fx{position:absolute;transform:translate(-50%,-50%);animation-fill-mode:both}.fx.fire{transform-origin:0 50%;border-radius:99px;background:linear-gradient(90deg,#fff4c2,#ffb347 20%,#f2622a 60%,#c8280a1a);box-shadow:0 0 16px #f2702a,0 0 36px #d8401a;animation:fire .9s ease-out both}@keyframes fire{0%{clip-path:inset(0 100% 0 0);opacity:1}40%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:0;filter:blur(4px)}}.fx.explode{border-radius:50%;background:radial-gradient(circle,#fffbe8,#ffd27a 18%,#f08a2e 40%,#d4472a 60%,#501e0a00 72%);animation:explode .75s ease-out both}@keyframes explode{0%{transform:translate(-50%,-50%) scale(.1);opacity:1}60%{opacity:1}to{transform:translate(-50%,-50%) scale(1.15);opacity:0}}.fx.sweep{border-radius:50%;border:5px solid rgba(250,244,232,.9);box-shadow:0 0 18px #faf0dce6;animation:sweep .6s ease-out both}@keyframes sweep{0%{transform:translate(-50%,-50%) scale(.3) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(1.2) rotate(90deg);opacity:0}}.fx.destroy{background:radial-gradient(circle,rgba(70,60,50,.8),transparent 70%);border-radius:50%;animation:puff .7s ease-out both}.fx.destroy.fire{background:radial-gradient(circle,rgba(240,120,40,.9),transparent 70%)}.fx.destroy.fall{background:radial-gradient(circle,rgba(20,15,10,.9),transparent 70%)}@keyframes puff{0%{transform:translate(-50%,-50%) scale(.4);opacity:1}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}.fx.minePlace,.fx.dig{border-radius:50%;background:radial-gradient(circle,rgba(140,100,60,.9),transparent 70%);animation:puff .8s ease-out both}.fx.dig{background:radial-gradient(circle,rgba(90,70,50,.95),transparent 72%)}.fx.mineTrigger{border-radius:50%;background:radial-gradient(circle,#fff,#e2452f,#78140000 70%);animation:explode .6s ease-out both}.fx.defuse{border-radius:50%;border:3px solid #6a9a5b;animation:puff .7s ease-out both}.fx.arm{border-radius:50%;border:3px solid #d4472a;animation:puff .7s ease-out both}.fx.promote{border-radius:50%;background:radial-gradient(circle,rgba(255,220,140,.9),transparent 70%);animation:puff .8s ease-out both}.puzzle-card h2{margin:4px 0}.puzzle-list{display:flex;flex-direction:column;gap:4px;overflow:auto}.puzzle-item{display:flex;align-items:center;gap:8px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;cursor:pointer}.puzzle-item:hover{border-color:var(--line-strong)}.puzzle-item.on{border-color:var(--accent);background:var(--accent-soft)}.puzzle-item .state{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line-strong);display:grid;place-items:center;flex-shrink:0}.puzzle-item .state.done{background:var(--success);border-color:var(--success);color:#fff}.learn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.learn-custom{display:flex;flex-direction:column;gap:14px}.learn-piece{text-align:center}.learn-piece h3{margin:10px 0 0}.learn-piece.wide{display:grid;grid-template-columns:220px 1fr;gap:24px;text-align:left;align-items:start}.learn-piece.wide h3{margin-top:0;font-size:1.35rem}.ability-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.ability-list b{display:inline-flex;align-items:center;gap:6px}.ability-list .icon{color:var(--accent)}.ability-list .tag{margin-left:6px}.diagram .board{box-shadow:0 0 0 1px #3c28191f}.profile-head{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.profile-head h1{margin:0}.stat-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:8px}.stat{display:flex;flex-direction:column}.stat b{font:500 1.4rem/1.2 var(--serif)}.stat span{color:var(--muted);font-size:.8rem}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:16px}.profile-grid h2{margin-top:0}table.games{width:100%;border-collapse:collapse}table.games td{padding:7px 4px;border-bottom:1px solid var(--line)}.friend-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}.friend-list li{display:flex;align-items:center;gap:6px}.auth-card{display:flex;flex-direction:column;gap:12px}.auth-card label{display:flex;flex-direction:column;gap:5px;font-weight:500}.form-grid{display:grid;grid-template-columns:max-content 1fr;gap:14px 18px;align-items:center}.form-grid.compact{gap:8px 10px}.settings-preview{margin-top:18px}.editor-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,460px);gap:24px;align-items:start;max-width:1400px}.editor-board{display:flex;flex-direction:column;gap:10px;max-width:min(100%,calc(100vh - 120px));width:100%;margin:0 auto}.editor-head{display:flex;align-items:center;gap:10px}.title-input{font:500 1.5rem/1.2 var(--serif);flex:1;background:transparent;border-color:transparent;padding-left:4px}.title-input:hover{border-color:var(--line)}.toolbar{display:flex;gap:4px;flex-wrap:wrap}.tool{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:.86rem;font-weight:500;color:var(--muted)}.tool:hover{color:var(--text)}.tool.on{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.palette{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px}.palette-row{display:flex;gap:4px;flex-wrap:wrap}.palette-row+.palette-row{margin-top:4px}.palette-piece{width:46px;height:46px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);cursor:grab;padding:2px}.palette-piece:hover{border-color:var(--line-strong)}.palette-piece.on{border-color:var(--accent);background:var(--accent-soft)}.palette-piece svg{width:100%;height:100%;pointer-events:none}.editor-side{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px;position:sticky;top:16px;max-height:calc(100vh - 32px)}.editor-panel{overflow:auto;flex:1;padding-right:4px}.validation{border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:3px;max-height:140px;overflow:auto}.validation>div{display:flex;gap:6px;align-items:baseline}.validation>div:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0;transform:translateY(-1px)}.editor-actions{border-top:1px solid var(--line);padding-top:10px}.description{min-height:70px;resize:vertical}.piece-table{width:100%;border-collapse:collapse}.piece-table td,.piece-table th{padding:5px 4px;border-bottom:1px solid var(--line);text-align:left}.piece-table th{font-weight:500;color:var(--muted);font-size:.85rem}.mini-icon{display:inline-block;width:26px;height:26px;vertical-align:middle}.mini-icon svg{width:100%;height:100%}.royal-mark{color:var(--accent);margin-left:4px}.counter{white-space:nowrap}.counter span{display:inline-block;min-width:1.6em;text-align:center;font-weight:600}.counter .icon-btn{width:24px;height:24px}.piece-editor h3{margin-top:18px}.pe-top{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:start}.flags{display:flex;flex-direction:column;gap:4px}.rule-card{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:10px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;background:var(--panel-2)}.rule-opts{display:flex;flex-direction:column;gap:6px;font-size:.88rem}.vgrid{display:grid;grid-template-columns:repeat(7,18px);gap:2px;align-self:start}.vcell{width:18px;height:18px;border:1px solid var(--line-strong);background:var(--panel);border-radius:3px;cursor:pointer;padding:0;font-size:10px}.vcell.on{background:var(--accent);border-color:var(--accent)}.vcell.center{background:var(--text);color:var(--bg);cursor:default}.ability-grid{display:flex;flex-direction:column;gap:4px}.ability-row{padding:7px 9px;border-radius:8px;border:1px solid var(--line)}.ability-row .icon{color:var(--accent)}.ability-row.on{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent-soft) 55%,var(--panel))}.ability-params{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:.85rem}.ability-params label{display:inline-flex;align-items:center;gap:4px}.ability-params input.num{width:3.6em;padding:3px 6px}.rules-form fieldset{border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:8px 12px 12px}.rules-form legend{font:500 1rem/1 var(--serif);padding:0 4px}.rules-form label:not(.check){display:flex;gap:8px;align-items:center;flex-wrap:wrap}.preset-list{display:flex;gap:6px;flex-wrap:wrap}.saved-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px}.saved-list li{display:flex;gap:8px;align-items:center}.saved-list .muted{margin-left:auto;display:inline-flex;gap:4px;align-items:center}.code-box{background:var(--panel-2);padding:8px;border-radius:8px;font-size:.85rem;word-break:break-all}@media (max-width: 1000px){.game-layout,.puzzle-page,.editor-page{grid-template-columns:1fr}.side-panel,.editor-side{position:static;max-height:none}.board-col,.editor-board{max-width:640px}.hero{grid-template-columns:1fr;gap:28px}.hero-board{max-width:420px}}@media (max-width: 760px){.app{flex-direction:column}.sidebar{position:fixed;bottom:0;top:auto;left:0;right:0;height:auto;width:100%;border-right:0;border-top:1px solid var(--line);flex-direction:row;padding:4px 4px calc(4px + env(safe-area-inset-bottom));z-index:60;justify-content:space-around}.logo,.sidebar-foot{display:none}.nav-item{flex-direction:column;gap:2px;padding:4px 6px;font-size:.68rem}.main{padding-bottom:72px}.page{padding:14px 16px}h1{font-size:1.7rem}.quick-grid{grid-template-columns:1fr}.clock{font-size:1.15rem;min-width:84px;padding:6px 8px}.learn-piece.wide,.pe-top{grid-template-columns:1fr}.pe-top .diagram{max-width:180px}.rule-card,.form-grid{grid-template-columns:1fr}.toast{left:16px;bottom:80px}}.toggle,.field{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;cursor:pointer}.field{cursor:default;flex-wrap:wrap}.toggle+.toggle,.field+.field,.toggle+.field,.field+.toggle{border-top:1px solid var(--line)}.toggle.disabled{opacity:.5;cursor:not-allowed}.toggle-text{display:flex;flex-direction:column;min-width:0;flex:1}.toggle-label{font-weight:500}.toggle-hint{color:var(--muted);font-size:.82rem;line-height:1.35}.toggle input{position:absolute;opacity:0;width:0;height:0}.switch{position:relative;flex-shrink:0;width:38px;height:22px;border-radius:99px;background:var(--line-strong);transition:background-color .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s}.toggle input:checked+.switch{background:var(--accent)}.toggle input:checked+.switch:after{transform:translate(16px)}.toggle input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:2px}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel);overflow:hidden;flex-shrink:0}.stepper button{display:grid;place-items:center;width:30px;height:32px;border:0;background:transparent;cursor:pointer;color:var(--muted)}.stepper button:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.stepper button:disabled{opacity:.35;cursor:not-allowed}.stepper input{width:3em;border:0;border-radius:0;background:transparent;text-align:center;padding:4px 0;font-weight:600;-moz-appearance:textfield}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper input:focus{outline:none}.stepper-suffix{color:var(--muted);font-size:.8rem;margin-right:2px}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.choice{position:relative;display:flex;align-items:flex-start;gap:12px;text-align:left;cursor:pointer;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);padding:14px;transition:border-color .15s,background-color .15s}.choice:hover:not(:disabled){border-color:var(--muted)}.choice.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 60%,var(--panel));box-shadow:inset 0 0 0 1px var(--accent)}.choice:disabled{opacity:.5;cursor:not-allowed}.choice-visual{flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--panel-2);color:var(--accent)}.choice-visual svg.piece-svg{width:36px;height:36px}.choice-body{display:flex;flex-direction:column;gap:2px;min-width:0;padding-right:14px}.choice-title{font:500 1.05rem/1.25 var(--serif);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.choice-desc{color:var(--muted);font-size:.84rem;line-height:1.35}.choice-check{position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s}.choice.on .choice-check{opacity:1;transform:scale(1)}.choice-grid.compact{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.choice-grid.compact .choice{padding:12px 10px 10px;flex-direction:column;align-items:center;text-align:center;gap:6px}.choice-grid.compact .choice-body{align-items:center;padding-right:0}.choice-grid.compact .choice-title{justify-content:center;font-size:.98rem}.choice-grid.compact .choice-visual{width:52px;height:52px}.choice-grid.compact .choice-visual svg.piece-svg{width:46px;height:46px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line-strong);background:var(--panel);border-radius:99px;padding:4px 12px 4px 8px;cursor:pointer;font-size:.88rem}.chip:hover{border-color:var(--muted)}.chip.on{border-color:var(--accent);background:var(--accent-soft)}.chip-icon{width:22px;height:22px;display:grid;place-items:center}.chip-icon svg.piece-svg{width:22px;height:22px}.play-page{padding-bottom:120px}.play-step{margin-top:28px}.step-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;flex-wrap:wrap}.step-head h2{margin:0}.step-no{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--text);color:var(--bg);font:600 .8rem/1 var(--sans);transform:translateY(-2px)}.step-head .step-aside{margin-left:auto;color:var(--muted);font-size:.88rem}.preset-strip{display:grid;grid-auto-flow:column;grid-auto-columns:170px;gap:10px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity}.preset-tile{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);padding:8px 8px 10px;cursor:pointer;scroll-snap-align:start;color:inherit;text-decoration:none}.preset-tile:hover{border-color:var(--muted)}.preset-tile.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent-soft) 60%,var(--panel))}.preset-tile b{font:500 .98rem/1.2 var(--serif);padding:0 2px}.preset-tile .tile-desc{font-size:.77rem;line-height:1.3;color:var(--muted);padding:0 2px}.preset-tile .choice-check{top:14px;right:14px}.preset-tile.on .choice-check{opacity:1;transform:scale(1)}.preset-tile.edit{justify-content:center;align-items:center;text-align:center;border-style:dashed;color:var(--muted);gap:8px}.preset-tile.edit .icon{color:var(--accent)}.thumb{pointer-events:none;border-radius:6px;overflow:hidden}.thumb .board{box-shadow:none;border-radius:0}.thumb .coord,.thumb .badge{display:none}.tc-group-label{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px}.tc-groups-row{display:flex;flex-wrap:wrap;gap:18px 26px}.tc-chips{display:flex;flex-wrap:wrap;gap:8px}.tc-chip{display:flex;flex-direction:column;align-items:flex-start;min-width:88px;background:var(--panel);border:1px solid var(--line-strong);border-radius:10px;padding:8px 12px;cursor:pointer;text-align:left}.tc-chip:hover{border-color:var(--muted)}.tc-chip.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.tc-chip b{font:600 1.05rem/1.2 var(--mono)}.tc-chip span{font-size:.74rem;color:var(--muted)}.tc-custom-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:14px;align-items:center}.tc-custom-row label{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.88rem}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.options-grid .card h3{margin:0 0 10px;font-size:1.05rem}.strength{display:grid;grid-template-columns:repeat(5,minmax(64px,1fr));gap:6px}.strength button{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:9px;border:1px solid var(--line-strong);border-radius:10px;background:var(--panel);cursor:pointer;text-align:left}.strength button:hover{border-color:var(--muted)}.strength button.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.strength .bars{display:flex;gap:3px;align-items:flex-end;height:16px}.strength .bars i{width:5px;border-radius:2px;background:var(--line-strong)}.strength .bars i.lit{background:var(--accent)}.strength b{font-weight:600;font-size:.9rem}.side-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.side-picker button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;border:1px solid var(--line-strong);border-radius:10px;background:var(--panel);cursor:pointer;font-size:.88rem}.side-picker button:hover{border-color:var(--muted)}.side-picker button.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.side-picker svg.piece-svg{width:40px;height:40px}.split-piece{position:relative;width:40px;height:40px}.split-piece svg.piece-svg{position:absolute;top:0;right:0;bottom:0;left:0}.split-piece .left{clip-path:inset(0 50% 0 0)}.split-piece .right{clip-path:inset(0 0 0 50%)}.start-bar{position:fixed;left:210px;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 28px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line)}.start-summary{display:flex;flex-direction:column;min-width:0}.start-summary b{font:500 1.1rem/1.3 var(--serif)}.start-summary span{color:var(--muted);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.start-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.start-actions .btn.primary{min-width:170px}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.swatch{display:grid;grid-template-columns:1fr 1fr;width:44px;height:44px;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px #3c281926}.swatch i{display:block}.duo{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.duo svg.piece-svg{width:26px!important;height:26px!important}.duo.night{background:#1d1730;border-radius:10px}.icon-picker{display:grid;grid-template-columns:repeat(auto-fill,42px);gap:6px}.icon-picker button{width:42px;height:42px;padding:3px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel);cursor:pointer}.icon-picker button:hover{border-color:var(--muted)}.icon-picker button.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.icon-picker svg{width:100%;height:100%}.section-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:4px 14px 6px}.section-card+.section-card,.section-card+h3{margin-top:12px}.section-title{font:500 1.02rem/1.2 var(--serif);margin:18px 0 8px}.section-title:first-child{margin-top:4px}.settings-grid{display:flex;flex-direction:column;gap:26px}.settings-grid h2{margin:0 0 10px;font-size:1.15rem}.ability-row .toggle{padding:2px 0}.ability-params .field{padding:4px 0;border:0!important}.size-row{display:flex;gap:22px;flex-wrap:wrap}.size-row label{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}@media (max-width: 760px){.start-bar{left:0;bottom:64px;padding:10px 16px}.start-actions .btn.primary{min-width:0}.play-page{padding-bottom:160px}.strength{overflow-x:auto}.preset-strip{grid-auto-columns:148px}.choice-grid{grid-template-columns:1fr 1fr}.choice{flex-direction:column;gap:8px}}.rule-card{grid-template-columns:1fr;gap:10px}.rule-head{display:flex;gap:14px;align-items:flex-start}.rule-head .section-title{margin:0}.quick-dirs{display:flex;flex-wrap:wrap;gap:4px}.quick-dirs .btn.sm{padding:2px 8px;font-size:.78rem}.rule-opts .seg{flex-wrap:nowrap;align-self:flex-start}.editor-panel{overflow-x:hidden}.board{--last: rgba(214, 150, 90, .3);--sel: rgba(214, 120, 70, .42);--hint: rgba(55, 35, 20, .17);border-radius:6px;box-shadow:0 0 0 1px #3c28191a,0 14px 34px -16px #3c281966}.board.theme-neon{--hint: rgba(62, 242, 255, .35)}.coord{opacity:.6;font-size:max(8px,1.5cqw)}.hint:after{top:39%;right:39%;bottom:39%;left:39%}.hint.capture:after{top:6%;right:6%;bottom:6%;left:6%;border-width:max(2px,.55cqw)}.hint.ability:after{top:24%;right:24%;bottom:24%;left:24%;border-width:2px;animation:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.sq.area:before{background:#c85a3224}.sq.check:before{background:radial-gradient(circle,rgba(200,50,35,.6) 0%,rgba(200,50,35,.25) 45%,transparent 70%)}.piece svg{filter:drop-shadow(0 1px .5px rgba(40,25,10,.22))}.piece.armed svg{animation-duration:.9s}.badge{font:700 max(8px,1.6cqw)/1 var(--sans);padding:0;min-width:max(13px,2.6cqw);height:max(13px,2.6cqw);display:grid;place-items:center}.badge.fuse{background:#c8452c;box-shadow:0 0 0 1.5px #fbf7ee;animation:none}.badge.tired{background:#3c3732d9;color:#f1ebe0;font-style:italic}.badge.hole-left,.badge.hedge-left{background:#14100cbf;color:#efe7d8}.sq.hedge{background:radial-gradient(circle at 30% 30%,#9cc27a 0 14%,transparent 15%),radial-gradient(circle at 70% 40%,#8ab667 0 16%,transparent 17%),radial-gradient(circle at 45% 70%,#7aa65a 0 18%,transparent 19%),radial-gradient(circle at 75% 78%,#8fb86c 0 12%,transparent 13%),#5f8a46!important;box-shadow:inset 0 0 0 2px #283c1959}.fx.tongue{transform-origin:0 50%;border-radius:99px;background:linear-gradient(90deg,#c45a6a,#e8899a);box-shadow:0 0 0 1px #781e2d59;animation:tongue .55s ease-in-out both}@keyframes tongue{0%{clip-path:inset(0 100% 0 0)}45%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}.fx.hedge{border-radius:50%;background:radial-gradient(circle,rgba(120,170,90,.95),transparent 70%);animation:puff .7s ease-out both}.fx.tend{border-radius:50%;border:3px solid rgba(110,160,200,.9);animation:puff .8s ease-out both}.ability-bar{min-height:56px;margin-top:8px;padding:7px 8px 7px 10px;gap:10px;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-radius:10px}.ability-bar.idle{justify-content:center;background:transparent;border-style:dashed}.ability-piece{display:flex;align-items:center;gap:8px;margin:0;font:inherit}.ability-piece-icon{width:34px;height:34px;flex-shrink:0}.ability-piece-icon svg{width:100%;height:100%}.ability-piece b{display:block;font:500 1rem/1.15 var(--serif)}.ability-status{color:var(--muted);font-size:.8rem}.ability-list-btns{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.ability-btn{padding:5px 10px;font-size:.87rem;gap:6px}.ability-btn .cd{display:grid;place-items:center;min-width:18px;height:18px;border-radius:99px;background:var(--panel-2);border:1px solid var(--line);font-size:.7rem;color:var(--muted)}.player-bar{padding:2px 0}.avatar{width:32px;height:32px;border-radius:7px;font-size:.95rem}.player-name{font-weight:600;font-size:.95rem}.clock{font-size:1.3rem;min-width:104px;padding:7px 12px;background:var(--panel);border-color:var(--line);color:var(--muted)}.clock.running{background:var(--panel);color:var(--text);border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.clock.low.running{background:var(--panel);color:var(--danger);border-color:var(--danger);box-shadow:inset 3px 0 0 var(--danger)}.panel-title{font-size:1.15rem}.status-line{display:flex;align-items:center;gap:8px;font-weight:500;padding:4px 0 6px;border-bottom:0}.turn-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--text);flex-shrink:0}.turn-dot.w{background:#fbf7ee}.turn-dot.b{background:#2b2722}.move-row{border-radius:0;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);padding:4px 6px}.move-row:nth-child(odd){background:transparent}.move.current{justify-self:start;background:var(--accent-soft);border-radius:4px;padding:0 5px;margin-left:-5px;font-weight:600}.controls{gap:6px}.controls .btn{padding:6px 11px;font-size:.88rem}.result-modal{background:#28201838;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.notice{font-size:.86rem}.board-wrap{position:relative;container-type:inline-size}.ring-layer{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:35}.ring-halo{position:absolute;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,transparent 34%,color-mix(in srgb,var(--panel) 55%,transparent) 35%,color-mix(in srgb,var(--panel) 30%,transparent) 70%,transparent 71%);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);animation:ring-in .16s ease-out both}.ring-btn{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:clamp(34px,5.4cqw,48px);height:clamp(34px,5.4cqw,48px);border-radius:50%;display:grid;place-items:center;cursor:pointer;padding:0;background:var(--panel);color:var(--accent);border:1.5px solid var(--accent);box-shadow:0 4px 14px -4px #28190a73;animation:ring-pop .2s cubic-bezier(.3,1.5,.6,1) both;transition:background-color .12s,color .12s,transform .12s}.ring-btn:hover:not(:disabled),.ring-btn:focus-visible{background:var(--accent);color:#fff;transform:translate(-50%,-50%) scale(1.1);outline:none}.ring-btn.off{color:var(--muted);border-color:var(--line-strong);background:var(--panel-2);cursor:not-allowed;box-shadow:0 2px 8px -4px #28190a59}.ring-cd{position:absolute;right:-4px;top:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;display:grid;place-items:center;background:var(--text);color:var(--bg);font:700 .68rem/1 var(--sans)}.ring-caption{position:absolute;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:0;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px 9px;box-shadow:0 4px 14px -6px #28190a66;font-size:.8rem;animation:ring-in .16s ease-out both}.ring-caption b{font:500 .92rem/1.2 var(--serif)}.ring-caption span{color:var(--muted);font-size:.74rem}.ring-caption.active{flex-direction:row;gap:6px;pointer-events:auto;color:var(--text);border-color:var(--accent)}.ring-caption.active .icon{color:var(--accent)}.ring-caption.active span{color:var(--text);font-size:.8rem}.ring-cancel{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:0;background:var(--panel-2);cursor:pointer;color:var(--muted)}.ring-cancel:hover{color:var(--text)}@keyframes ring-pop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}}@keyframes ring-in{0%{opacity:0}}.controls>.grow{flex-basis:100%;order:10}.fx.trumpet{border-color:#e6aa5ae6;box-shadow:0 0 18px #e6aa5acc}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:100}.sidebar{width:236px;padding:14px 10px 12px;gap:0}.logo{padding:6px 10px 20px;font-size:1.4rem}.logo-mark{width:34px;height:34px}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-item{gap:12px;padding:9px 10px;border-radius:10px}.nav-item.active{background:var(--sidebar-active);box-shadow:inset 3px 0 0 var(--accent)}.nav-icon{width:32px;height:32px}.nav-icon svg.piece-svg{width:32px;height:32px}.nav-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.nav-label{font-weight:600;font-size:1rem}.nav-hint{font-size:.74rem;color:var(--muted);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot{gap:10px;padding-top:12px;border-top:1px solid var(--line)}.auth-buttons{display:flex;flex-direction:column;gap:6px}.account-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--panel);border:1px solid var(--line);color:var(--text);text-decoration:none}.account-card:hover{border-color:var(--line-strong)}.account-card .avatar{width:34px;height:34px}.foot-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px}.foot-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:.88rem;padding:4px 6px;border-radius:6px}.foot-link:hover,.foot-link.active{color:var(--text);background:var(--sidebar-active)}.conn{padding:0}.start-bar{left:236px}.home-grid{display:grid;grid-template-columns:minmax(280px,520px) minmax(300px,1fr);gap:44px;align-items:center;padding:8px 0 12px}.home-actions h1{font-size:clamp(1.9rem,3.2vw,2.6rem);margin-bottom:.4rem}.home-actions .lead{margin:0 0 20px}.action-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.action-row{display:flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line-strong);color:var(--text);text-decoration:none;transition:border-color .15s,transform .1s}.action-row:hover{border-color:var(--accent)}.action-row:active{transform:translateY(1px)}.action-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:var(--panel-2);color:var(--accent);flex-shrink:0}.action-text{display:flex;flex-direction:column;min-width:0}.action-text b{font:500 1.15rem/1.25 var(--serif)}.action-text span{color:var(--muted);font-size:.85rem}.action-arrow{margin-left:auto;color:var(--muted)}.action-row.primary{background:var(--accent);border-color:var(--accent);color:#fff}.action-row.primary:hover{background:var(--accent-hover)}.action-row.primary .action-icon{background:#ffffff29;color:#fff}.action-row.primary .action-text span,.action-row.primary .action-arrow{color:#ffffffd9}.side-panel{min-height:min(640px,calc(100vh - 32px));padding:0;gap:0;overflow:hidden}.side-panel>*{padding-left:14px;padding-right:14px}.panel-head{padding-top:14px;padding-bottom:10px;border-bottom:1px solid var(--line);background:var(--panel-2)}.status-line{padding-top:10px;padding-bottom:8px}.status-line.over{color:var(--accent)}.review-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 14px 8px;padding:6px 6px 6px 10px;border-radius:8px;background:var(--accent-soft);font-size:.86rem;font-weight:500}.tabs{padding-top:2px}.tab-body{padding-top:6px;padding-bottom:6px}.move-list{max-height:none;font:.9rem/1.4 var(--mono)}.move-empty{padding:8px 2px;font-family:var(--sans)}.move-row{display:grid;grid-template-columns:2.4em 1fr 1fr;align-items:center;padding:2px 4px}.move-cell{display:flex;flex-wrap:wrap;gap:2px;min-width:0}.move{background:none;border:0;padding:2px 6px;margin:0;border-radius:5px;font:inherit;color:var(--text);cursor:pointer;text-align:left}.move:hover:not(:disabled){background:var(--panel-2)}.move:disabled{cursor:default}.move.current{background:var(--accent-soft);font-weight:600;justify-self:auto;margin-left:0;padding:2px 6px}.move-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding-top:8px;padding-bottom:8px;border-top:1px solid var(--line)}.move-nav button{display:grid;place-items:center;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer}.move-nav button:hover:not(:disabled){border-color:var(--line-strong);background:var(--bg-2)}.move-nav button:disabled{opacity:.35;cursor:default}.move-nav .icon{fill:currentColor;stroke:none}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px;padding-top:10px;padding-bottom:14px;border-top:1px solid var(--line);background:var(--panel-2)}.controls .btn{width:100%}.controls>.grow{grid-column:1 / -1;order:10}.board-holder.reviewing .board{box-shadow:0 0 0 2px var(--accent),0 14px 34px -16px #3c281966}.auth-page{display:flex;justify-content:center}.auth-card{width:100%;max-width:420px;margin:24px auto;padding:28px 26px 22px;display:flex;flex-direction:column;gap:14px}.auth-card h1{text-align:center;margin:0;font-size:1.7rem}.auth-sub{text-align:center;margin:-6px 0 2px;font-size:.92rem}.auth-mark{width:60px;height:60px;margin:0 auto}.auth-mark svg{width:100%;height:100%}.auth-card .seg{display:flex}.auth-card .seg button{flex:1;padding:8px}.auth-form label{display:flex;flex-direction:column;gap:5px;font-weight:500}.auth-form input{width:100%;padding:9px 11px}.password-field{position:relative;display:block}.password-field input{padding-right:60px}.password-field .link-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.82rem}.auth-foot{text-align:center;margin:0}@media (max-width: 1000px){.home-grid{grid-template-columns:1fr;gap:24px}.home-board{max-width:440px}.side-panel{min-height:0}}@media (max-width: 760px){.sidebar{width:100%;padding:4px 4px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.nav-group{flex-direction:row;justify-content:space-around;width:100%}.nav-item{flex-direction:column;gap:2px;padding:4px 6px}.nav-item.active{box-shadow:inset 0 -3px 0 var(--accent)}.nav-hint{display:none}.nav-label{font-size:.68rem}.nav-icon,.nav-icon svg.piece-svg{width:24px;height:24px}.start-bar{left:0}}.coach-line{display:flex;align-items:flex-start;gap:8px;margin:0 14px 8px;padding:8px 10px;border-radius:8px;background:var(--panel-2);font-size:.86rem;line-height:1.35;animation:coach-in .22s ease-out}.coach-line .q-badge{flex:none;margin-top:1px}.coach-note{display:block;color:var(--text-2, var(--muted))}.coach-win{flex:none;font:600 .8rem var(--mono);color:var(--muted)}@keyframes coach-in{0%{opacity:0;transform:translateY(-3px)}}@media (prefers-reduced-motion: reduce){.coach-line{animation:none}}.loader{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 16px;text-align:center}.loader-art{position:relative;width:96px;height:112px}.loader-sm .loader-art{width:56px;height:66px}.loader-ring{position:absolute;left:50%;bottom:0;width:64px;height:64px;margin-left:-32px;border-radius:50%;border:3px solid color-mix(in srgb,var(--accent) 22%,transparent);border-top-color:var(--accent);animation:loader-spin .9s linear infinite}.loader-sm .loader-ring{width:38px;height:38px;margin-left:-19px;border-width:2px}.loader-frog{position:absolute;left:50%;top:0;width:58px;height:58px;margin-left:-29px;z-index:1;transform-origin:50% 100%;animation:frog-hop 1.1s cubic-bezier(.35,0,.3,1) infinite}.loader-sm .loader-frog{width:34px;height:34px;margin-left:-17px}.loader-frog svg{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 1px rgba(40,25,10,.25))}.loader-shadow{position:absolute;left:50%;top:52px;width:36px;height:6px;margin-left:-18px;border-radius:50%;background:#28190a2e;animation:frog-shadow 1.1s cubic-bezier(.35,0,.3,1) infinite}.loader-sm .loader-shadow{top:30px;width:22px;height:4px;margin-left:-11px}.loader-label{font:500 1.05rem/1.3 var(--serif)}.loader .muted{margin-top:-6px}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes frog-hop{0%,to{transform:translateY(0) scale(1.08,.92)}12%{transform:translateY(0) scale(.94,1.06)}45%{transform:translateY(-18px) scale(1)}78%{transform:translateY(0) scale(1.06,.94)}}@keyframes frog-shadow{0%,to,78%{transform:scale(1);opacity:1}45%{transform:scale(.6);opacity:.5}}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .2s ease-out both}.loader-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);min-width:280px;padding:6px 18px 18px;animation:rise .3s cubic-bezier(.2,.9,.3,1) both}.page-loading{display:grid;place-items:center;min-height:50vh}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.page-enter>*{animation:rise .45s cubic-bezier(.2,.9,.3,1) both}.page-enter>*:nth-child(1){animation-delay:60ms}.page-enter>*:nth-child(2){animation-delay:.12s}.page-enter>*:nth-child(3){animation-delay:.18s}.page-enter>*:nth-child(4){animation-delay:.24s}.page-enter>*:nth-child(5){animation-delay:.3s}.page-enter>*:nth-child(n+6){animation-delay:.36s}.page-enter .choice-grid>*{animation:rise .4s cubic-bezier(.2,.9,.3,1) both}.page-enter .choice-grid>*:nth-child(2){animation-delay:90ms}.page-enter .choice-grid>*:nth-child(3){animation-delay:.14s}.page-enter .choice-grid>*:nth-child(4){animation-delay:.19s}.page-enter .choice-grid>.vt-target,.page-enter .vt-target{animation:none}::view-transition-old(root){animation:.16s ease-out both vt-fade-out}::view-transition-new(root){animation:.28s ease-out 60ms both vt-fade-in}::view-transition-group(mode-pick){animation-duration:.48s;animation-timing-function:cubic-bezier(.2,.85,.25,1);z-index:50}::view-transition-old(mode-pick),::view-transition-new(mode-pick){animation-duration:.48s;height:100%;object-fit:fill}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.page-enter>*,.page-enter .choice-grid>*,.loader-frog,.loader-shadow{animation:none}.loader-ring{animation-duration:2s}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.loader-sm{flex-direction:row;padding:2px 0;gap:10px;text-align:left}.loader-sm .loader-label{font:500 .92rem/1.3 var(--sans)}.notice .loader-sm{flex-basis:100%}.nav-item{position:relative}.nav-item>:not(.nav-pill){position:relative;z-index:1}.nav-item.active{background:transparent;box-shadow:none}.nav-pill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:10px;background:var(--sidebar-active);box-shadow:inset 3px 0 0 var(--accent)}::view-transition-group(nav-active){animation-duration:.38s;animation-timing-function:cubic-bezier(.2,.85,.25,1)}.route>.page>*{animation:rise .42s cubic-bezier(.2,.9,.3,1) both}.route>.page>*:nth-child(2){animation-delay:50ms}.route>.page>*:nth-child(3){animation-delay:.1s}.route>.page>*:nth-child(4){animation-delay:.15s}.route>.page>*:nth-child(5){animation-delay:.2s}.route>.page>*:nth-child(n+6){animation-delay:.25s}.route>.page>.start-bar{animation:fade-in .4s ease-out .2s both}.route>.page>.vt-target,.route>.page>.loader-overlay,.route>.page>canvas{animation:none}.learn-grid>*,.preset-grid>*,.learn-custom>*{animation:rise .4s cubic-bezier(.2,.9,.3,1) both}.learn-grid>*:nth-child(2),.preset-grid>*:nth-child(2),.learn-custom>*:nth-child(2){animation-delay:40ms}.learn-grid>*:nth-child(3),.preset-grid>*:nth-child(3),.learn-custom>*:nth-child(3){animation-delay:80ms}.learn-grid>*:nth-child(4),.preset-grid>*:nth-child(4),.learn-custom>*:nth-child(4){animation-delay:.12s}.learn-grid>*:nth-child(5),.preset-grid>*:nth-child(5),.learn-custom>*:nth-child(5){animation-delay:.16s}.learn-grid>*:nth-child(n+6),.preset-grid>*:nth-child(n+6),.learn-custom>*:nth-child(n+6){animation-delay:.2s}.action-list>*{animation:rise .4s cubic-bezier(.2,.9,.3,1) both}.action-list>*:nth-child(2){animation-delay:60ms}.action-list>*:nth-child(3){animation-delay:.11s}.action-list>*:nth-child(4){animation-delay:.16s}.action-list>*:nth-child(5){animation-delay:.21s}.ghost-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9;overflow:visible;animation:fade-in .18s ease-out both}.ghost-layer line{stroke:var(--accent);stroke-width:.13;stroke-linecap:round;opacity:.5;stroke-dasharray:.22 .16;animation:ghost-march .6s linear infinite}.ghost-layer marker path{fill:var(--accent);opacity:.6}.ghost-layer .ghost-origin{fill:none;stroke:var(--accent);stroke-width:.06;opacity:.45}.ghost-layer .ghost-self{fill:var(--accent);opacity:.35}.ghost-layer.final line{opacity:.9;stroke-dasharray:none;animation:none}.ghost-layer.final marker path{opacity:.95}.ghost-layer.final .ghost-origin{opacity:.8}@keyframes ghost-march{to{stroke-dashoffset:-.38}}.notice.thinking{flex-direction:column;align-items:flex-start;gap:2px}.mono{font-family:var(--mono)}@media (prefers-reduced-motion: reduce){.route>.page>*,.learn-grid>*,.preset-grid>*,.learn-custom>*,.action-list>*{animation:none}.ghost-layer line{animation:none}}@media (max-width: 760px){.nav-pill{box-shadow:inset 0 -3px 0 var(--accent)}}.q-badge{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;margin-left:5px;border-radius:99px;color:#fff;font:700 .66rem/1 var(--sans);vertical-align:1px;letter-spacing:-.02em}.q-layer{position:absolute;z-index:12;pointer-events:none}.q-mark{position:absolute;right:-8%;top:-8%;display:grid;place-items:center;min-width:42%;height:42%;padding:0 4%;border-radius:99px;color:#fff;font:800 max(9px,1.9cqw)/1 var(--sans);box-shadow:0 0 0 2px #fff,0 3px 8px #00000040;animation:q-in .35s cubic-bezier(.3,1.6,.5,1) both}.q-pop{position:absolute;left:50%;bottom:100%;transform:translate(-50%);white-space:nowrap;font:700 max(12px,2.6cqw)/1 var(--serif);text-shadow:0 1px 0 #fff,0 0 8px rgba(255,255,255,.9);animation:q-pop 1.9s ease-out both}:root[data-theme=dark] .q-pop{text-shadow:0 1px 0 #000,0 0 8px rgba(0,0,0,.8)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .q-pop{text-shadow:0 1px 0 #000,0 0 8px rgba(0,0,0,.8)}}@keyframes q-in{0%{transform:scale(.2);opacity:0}}@keyframes q-pop{0%{opacity:0;transform:translate(-50%,30%) scale(.7)}15%{opacity:1;transform:translate(-50%) scale(1.08)}25%{transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)}}.fx.pan{background:linear-gradient(90deg,#9aa0a6,#d4d8dc);box-shadow:0 0 0 1px #3c3c3c59}.fx.spawn{background:radial-gradient(circle,rgba(150,110,70,.9),transparent 70%)}.fx.survive{background:radial-gradient(circle,rgba(150,110,70,.7),transparent 70%)}.fx.feast{border-color:#f0be5ae6;box-shadow:0 0 18px #f0be5acc}.setup-head{display:flex;flex-direction:column;gap:2px}.setup-head h1{margin:0}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--muted);text-decoration:none;font-size:.88rem;align-self:flex-start;padding:2px 6px 2px 2px;border-radius:6px}.back-link:hover{color:var(--text);background:var(--panel-2)}.back-link .icon{fill:currentColor;stroke:none}.strength{grid-template-columns:repeat(4,minmax(64px,1fr))}@media (prefers-reduced-motion: reduce){.q-mark,.q-pop{animation:none}.q-pop{display:none}}