:root{--paper: #efe6d1;--paper-hi: #f7f0de;--paper-lo: #e4d5b6;--cell-a: #f3ead4;--cell-b: #e1ddc9;--ink: #1e2b46;--ink-soft: rgba(30, 43, 70, .55);--blue: #2f6cb3;--blue-deep: #1d4c86;--sage: #6f8f68;--sage-deep: #55744f;--coral: #e07a5f;--coral-deep: #b4452c;--yellow: #e2b23c;--cream: #f7f0de;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--control-min: 44px;--content-max: 1120px;--actions-max: 560px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;font-family:var(--font);color:var(--ink);background:#d8c9a8;background-image:radial-gradient(150% 120% at 50% -20%,#efe6d1,#dccdac 60%,#c9b893);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid var(--blue-deep);outline-offset:2px}.app{position:relative;width:min(100vw,500px);height:min(100dvh,900px);isolation:isolate}.app.view-home{width:min(100vw,1360px);height:100dvh}.paper{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(120% 90% at 16% 2%,var(--paper-hi) 0%,var(--paper) 46%,var(--paper-lo) 100%);display:flex;flex-direction:column}.grain{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;z-index:1;pointer-events:none;mix-blend-mode:multiply;opacity:.34;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}.grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(97deg,rgba(30,43,70,.05) 0 1px,transparent 1px 6px);opacity:.5}.decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.shape{position:absolute;display:block}.rules{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,rgba(47,108,179,.12) 0 1px,transparent 1px 28px);opacity:.7}.s-sage{top:-30px;right:-40px;width:128px;height:128px;border-radius:50%;background:var(--sage);opacity:.42}.s-coral{bottom:-110px;right:-96px;width:220px;height:220px;border-radius:50%;background:var(--coral);opacity:.8}.s-yellow{top:-18px;right:22px;width:54px;height:54px;border-radius:50%;background:var(--yellow);opacity:.85}.s-ring{top:52%;left:-66px;width:150px;height:150px;border-radius:50%;border:2px solid rgba(30,43,70,.3)}.s-stepped{bottom:0;left:0;width:96px;height:70px;background:var(--blue-deep);opacity:.85;clip-path:polygon(0 100%,0 44%,24% 44%,24% 64%,48% 64%,48% 80%,72% 80%,72% 100%)}.dots{position:absolute;background-image:radial-gradient(rgba(30,43,70,.75) 1.5px,transparent 1.6px);background-size:10px 10px}.dots.d1{top:76px;right:20px;width:48px;height:30px}.dots.d2{bottom:28%;left:10px;width:46px;height:38px;background-image:radial-gradient(rgba(47,108,179,.85) 1.5px,transparent 1.6px)}.hud{position:relative;z-index:4;flex:0 0 auto;padding:calc(12px + env(safe-area-inset-top)) 16px 4px}.brand{display:flex;align-items:center;gap:8px;min-width:0}.brand-mark{width:12px;height:12px;flex:0 0 auto;background:var(--blue);box-shadow:2.5px 2.5px 0 0 var(--yellow)}.brand-name{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.hud-bar{display:flex;align-items:center;gap:10px;margin-top:7px;min-height:22px;flex-wrap:wrap}.turn-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.02em}.turn-chip i{width:11px;height:11px;border-radius:3px;border:1.5px solid var(--ink)}.turn-chip[data-side=blue] i{background:var(--blue)}.turn-chip[data-side=green] i{background:var(--sage)}.spell{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;border:1px solid rgba(30,43,70,.32);background:#f7f0deb8}.spell b{font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.spell[data-mode=active]{border-color:var(--coral-deep);color:var(--coral-deep);animation:spellTag .32s ease-out}.pips{display:inline-flex;gap:4px}.pip{width:8px;height:8px;border-radius:2px;border:1.5px solid rgba(30,43,70,.45);background:transparent;transform:rotate(45deg)}.pip.is-on{background:var(--coral);border-color:var(--ink)}@keyframes spellTag{0%{transform:translateY(-3px);opacity:0}to{transform:none;opacity:1}}.thinking{display:inline-flex;gap:4px;align-items:center}.thinking i{width:5px;height:5px;border-radius:50%;background:var(--blue-deep);animation:thinkDot 1s ease-in-out infinite}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}@keyframes thinkDot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.hud-line{position:relative;z-index:4;flex:0 0 auto;height:1px;margin:4px 16px 0;background:#1e2b4633}.region{position:relative;z-index:4;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px 4px}.board-wrap{--coord-gap: 13px;position:relative;container-type:inline-size;width:min(100%,calc(100dvh - 10.5rem),480px);aspect-ratio:1 / 1}.coords{position:absolute;display:grid;place-items:center;pointer-events:none}.coords span{font-size:8px;font-weight:700;letter-spacing:.04em;color:#1e2b467a}.coords-ranks{left:0;top:0;width:var(--coord-gap);height:calc(100% - var(--coord-gap));grid-template-rows:repeat(8,1fr)}.coords-files{left:var(--coord-gap);bottom:0;width:calc(100% - var(--coord-gap));height:var(--coord-gap);grid-template-columns:repeat(8,1fr)}.board{position:absolute;top:0;left:var(--coord-gap);width:calc(100% - var(--coord-gap));height:calc(100% - var(--coord-gap));display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:1px;background:#1e2b4642;border:1.5px solid rgba(30,43,70,.5);box-shadow:5px 5px #1e2b461a}.square{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:0;background:var(--cell-a);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.square.dark{background:var(--cell-b)}.square:disabled{cursor:default}.square:focus-visible{outline:2.5px solid var(--blue-deep);outline-offset:-3px;z-index:3}.square.is-last:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#2f6cb321;box-shadow:inset 0 0 0 1px #2f6cb352}.square.is-last-self:before{background:#2f6cb329;box-shadow:inset 0 0 0 1.5px #2f6cb36b}.square.is-last-opponent:before{background:#e07a5f38;box-shadow:inset 0 0 0 2.5px #b4452cb8}.square.is-legal:after{content:"";position:absolute;top:35%;right:35%;bottom:35%;left:35%;border-radius:50%;background:#1e2b464d}.square.is-capture:after{top:15%;right:15%;bottom:15%;left:15%;border:2.5px solid var(--coral-deep);background:transparent;box-shadow:inset 0 0 0 2px #e07a5f4d}.square.is-selected{background:#e2b23c4d}.square.is-selected .piece-face{transform:translateY(-6%) scale(1.06);filter:drop-shadow(2px 3px 0 rgba(30,43,70,.16))}.square.is-check .piece-face{animation:checkPulse 1.7s ease-in-out infinite}@keyframes checkPulse{0%,to{filter:drop-shadow(0 0 0 rgba(180,69,44,0))}50%{filter:drop-shadow(0 0 6px rgba(180,69,44,.85))}}.piece-face{position:relative;width:93%;height:93%;transition:transform .16s ease}.piece{display:block;width:100%;height:100%;object-fit:contain}.piece-seal{position:absolute;right:-8%;bottom:-4%;width:36%;height:36%;padding:5%;border-radius:50%;background:var(--cream);border:1.5px solid var(--ink);box-shadow:1.5px 1.5px #1e2b4638;display:grid;place-items:center;overflow:hidden}.piece-seal img{width:100%;height:100%;object-fit:contain}.piece-true{position:absolute;right:-2%;top:-6%;width:20%;height:20%;background:var(--yellow);border:1.5px solid var(--ink);box-shadow:1px 1px #1e2b4647;transform:rotate(45deg)}.piece-face.is-true-king:after{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;border-radius:50%;border:1.5px solid rgba(30,43,70,.42)}.piece.is-moving{animation:pieceSlide .22s cubic-bezier(.32,.72,.34,1)}@keyframes pieceSlide{0%{transform:translate(calc(var(--dx) * 100%),calc(var(--dy) * 100%))}to{transform:translate(0)}}.piece.is-captured{position:absolute;left:6%;top:10%;z-index:3;width:88%;height:82%;pointer-events:none;animation:capturedInk .3s ease-out forwards}@keyframes capturedInk{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(.55) translateY(7%) rotate(-8deg)}}.piece-face.is-transforming{z-index:4}.piece-face.is-transforming .piece{animation:inkTransform .3s cubic-bezier(.3,.7,.3,1)}.piece-face.is-transforming:after{content:"";position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;border:2px solid var(--yellow);opacity:0;animation:transformFlash .3s ease-out}@keyframes inkTransform{0%{transform:translate(0) scale(1)}22%{transform:translate(-9%,5%) scale(.9)}48%{transform:translate(9%,-5%) scale(1.07)}72%{transform:translate(-4%) scale(.98)}to{transform:translate(0) scale(1)}}@keyframes transformFlash{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.2)}}.board-wrap.is-spell{animation:spellPulse .32s cubic-bezier(.36,.07,.19,.97)}.board-wrap.is-spell .piece{animation:inkShift .3s steps(2,end)}.board-wrap.is-spell:after{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;pointer-events:none;background:radial-gradient(118% 88% at 50% 46%,#e07a5f00 40%,#e07a5f8c);animation:paperFlash .34s ease-out}@keyframes spellPulse{0%,to{transform:translate(0)}16%{transform:translate(-3px,1px) scale(1.006)}34%{transform:translate(3px,-1px)}52%{transform:translate(-2px,-1px)}70%{transform:translate(2px,1px)}}@keyframes inkShift{0%{transform:translate(0)}50%{transform:translate(2.5%,-1.5%)}to{transform:translate(0)}}@keyframes paperFlash{0%{opacity:0}22%{opacity:.5}to{opacity:0}}.board-wrap.is-swap{animation:swapPulse .42s cubic-bezier(.36,.07,.19,.97)}.board-wrap.is-swap:after{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;pointer-events:none;background:radial-gradient(118% 88% at 50% 46%,#2f6cb300 42%,#2f6cb380);animation:paperFlash .42s ease-out}@keyframes swapPulse{0%,to{transform:translate(0)}30%{transform:translateY(-2px) scale(1.004)}68%{transform:translateY(2px)}}.variant-status{border-color:var(--blue);color:var(--blue-deep)}.variant-status .pip.is-on{background:var(--blue);border-color:var(--ink)}.board-wrap.is-hunt{animation:huntPulse .36s ease-out}.board-wrap.is-hunt:after{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;pointer-events:none;background:radial-gradient(118% 88% at 50% 46%,#e86a4a00 44%,#e86a4a80);animation:paperFlash .36s ease-out}@keyframes huntPulse{0%,to{transform:scale(1)}38%{transform:scale(1.012) rotate(-.35deg)}72%{transform:scale(.998) rotate(.2deg)}}.board-wrap.is-terminal{animation:terminalSettle .4s ease-out}@keyframes terminalSettle{0%{filter:saturate(1)}to{filter:saturate(.9)}}.status{position:relative;z-index:4;flex:0 0 auto;margin:5px 16px 0;min-height:18px;text-align:center;font-size:12px;font-weight:600;letter-spacing:.01em;color:#1e2b46c7}.status[data-state=thinking]{color:var(--blue-deep)}.status[data-state=check],.status[data-state=notice]{color:var(--coral-deep)}.recovery{position:relative;z-index:5;flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 16px 0;font-size:11px;font-weight:600;color:var(--coral-deep)}.recovery[hidden]{display:none}.recovery .btn{flex:0 0 auto;min-height:34px;padding:6px 12px;font-size:9px;letter-spacing:.1em}.claim-bar{position:relative;z-index:5;flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 16px 0;font-size:11px;font-weight:600;color:#1e2b46b8}.claim-bar[hidden]{display:none}.claim-bar .btn{flex:0 0 auto;min-height:34px;padding:6px 12px;font-size:9px;letter-spacing:.1em}.online-bar{position:relative;z-index:5;flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:4px 12px 0;font-size:11px;font-weight:600;color:#1e2b46b8}.online-bar[hidden]{display:none}.online-bar .btn{flex:0 0 auto;min-height:34px;padding:6px 10px;font-size:9px;letter-spacing:.08em}.online-status{flex:1 1 100%;order:1;padding:0 4px;text-align:center;font-size:11px;letter-spacing:.04em}.online-identities{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:0 4px;overflow-wrap:anywhere}.online-presence{padding:1px 6px;border-radius:999px;border:1px solid rgba(30,43,70,.22);font-size:9px;letter-spacing:.05em;opacity:.82}.online-presence[data-presence=Offline],.online-presence[data-presence=Saiu]{opacity:.55;border-style:dashed}.online-presence[data-presence=Reconectando…]{border-color:#e2b23cb3}.online-text{max-width:100%;padding:0 4px;overflow-wrap:anywhere;text-align:center}.overlay-btn.danger{border-color:#b4452c99;color:#b4452c}.overlay-card.name .room-code-input{font-size:15px;letter-spacing:.06em;text-transform:none}.replay-bar{position:relative;z-index:5;flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:4px 12px 0;font-size:11px;font-weight:600;color:#1e2b46b8}.replay-bar[hidden]{display:none}.replay-bar .btn{flex:0 0 auto;min-height:34px;padding:6px 10px;font-size:9px;letter-spacing:.07em}.replay-bar .btn:disabled{opacity:.35}.replay-info{flex:1 1 100%;order:3;text-align:center;padding:1px 0 0;font-size:10px;letter-spacing:.02em}.app.is-replay .board-wrap{width:min(100%,calc(100dvh - 13.5rem),480px)}.room-code-input{width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid rgba(30,43,70,.28);border-radius:10px;background:#fffcf4e6;color:var(--navy, #1e2b46);font:inherit;font-size:16px;font-weight:700;letter-spacing:.22em;text-align:center;text-transform:uppercase}.room-code-input:focus{outline:2px solid rgba(226,178,60,.55);outline-offset:1px}.net-badge{position:absolute;top:calc(10px + env(safe-area-inset-top));right:14px;z-index:6;padding:2px 7px;border-radius:999px;border:1px solid rgba(180,69,44,.5);background:#f7f0dee0;color:var(--coral-deep);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.net-badge[hidden],.btn[hidden],.overlay-btn[hidden]{display:none}.foot{position:relative;z-index:4;flex:0 0 auto;margin:8px 12px calc(10px + env(safe-area-inset-bottom));display:flex;gap:10px}.btn{flex:1 1 0;min-height:46px;padding:10px 12px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:background .16s ease,transform .1s ease}.btn:active{transform:translateY(1px)}.btn.ghost:hover{background:#1e2b4612}.btn:disabled{opacity:.4;cursor:default}.foot .btn[data-action=sound]{flex:1.6 1 0;letter-spacing:.05em}.foot .btn[data-action=undo],.foot .btn[data-action=flip]{letter-spacing:.07em}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:22px 16px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#efe6d1e6,#e4d5b6f5);animation:overlayIn .22s ease-out}.overlay[hidden]{display:none}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.overlay-card{position:relative;width:100%;max-width:330px;max-height:100%;overflow-y:auto;padding:20px 18px 18px;background:linear-gradient(180deg,var(--paper-hi),var(--paper));background-image:repeating-linear-gradient(to bottom,rgba(47,108,179,.1) 0 1px,transparent 1px 26px);border:1.5px solid rgba(30,43,70,.75);box-shadow:6px 6px #1e2b4624,0 0 0 6px #f7f0de80}.overlay-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--blue-deep)}.overlay-card.result[data-tone=lose]:before{background:var(--coral)}.overlay-card.result[data-tone=draw]:before{background:var(--yellow)}.overlay-kicker{margin:2px 0 4px;font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#1e2b4699}.overlay-title{margin:0 0 8px;font-size:clamp(24px,8vw,32px);line-height:1.02;font-weight:800;letter-spacing:-.01em}.overlay-sub{margin:0 0 14px;font-size:12px;line-height:1.6;color:#1e2b46c7}.overlay-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.overlay-btn{width:100%;min-height:46px;border:1.5px solid var(--ink);border-radius:999px;background:var(--blue);color:var(--cream);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:12px 14px;cursor:pointer;transition:background .16s ease,transform .1s ease}.overlay-btn:hover{background:var(--blue-deep)}.overlay-btn:active{transform:translateY(1px)}.overlay-btn:disabled{opacity:.4;cursor:default;background:transparent;color:#1e2b4680}.overlay-btn.ghost{background:transparent;color:var(--ink);border-color:#1e2b466b;font-size:10px}.overlay-btn.ghost:hover{background:#1e2b4612}.overlay-card.start{max-width:310px;text-align:center;padding:26px 18px 20px}.start-title{margin:0 0 10px;font-size:clamp(30px,10.5vw,42px);line-height:1.02;font-weight:800;letter-spacing:-.02em}.start-title span{display:inline-block;white-space:nowrap;color:var(--blue-deep)}.start-hint{margin:0;font-size:12px;line-height:1.6;color:#1e2b46c7}.home-shell{width:100%;max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.home-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.home-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#1e2b4699}.home-settings{width:var(--control-min);height:var(--control-min);flex:0 0 auto;display:grid;place-items:center;border:1.5px solid rgba(30,43,70,.32);border-radius:var(--radius-pill);background:#f7f0de99;color:var(--ink);font-size:17px;line-height:1;cursor:pointer}.home-settings:hover{background:#1e2b4614}.home-main{display:grid;gap:var(--space-5);align-content:start}.game-context{display:grid;gap:var(--space-2);justify-items:stretch}.context-label{justify-self:start;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--blue-deep)}.context-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid rgba(30,43,70,.42);border-radius:var(--radius-md);background:linear-gradient(180deg,#f7f0def5,#efe6d1eb);box-shadow:3px 3px #1e2b461f;color:var(--ink);text-align:left;cursor:pointer;transition:background .14s ease,box-shadow .14s ease,transform .14s ease}.context-trigger:hover{background:#f7f0de;box-shadow:3px 3px #1e2b4633}.context-trigger:active{transform:translateY(1px);box-shadow:1px 1px #1e2b462e}.context-trigger:disabled{cursor:default;box-shadow:none;opacity:.7}.context-name{font-size:clamp(20px,5.5vw,27px);font-weight:800;letter-spacing:-.02em;line-height:1.05}.context-caret{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-pill);background:var(--blue);color:var(--cream);font-size:14px;line-height:1}.context-hint{max-width:52ch;margin:0;font-size:13px;line-height:1.55;color:#1e2b46b8}.home-notice{margin:0;font-weight:700;color:var(--coral-deep)}.home-actions{display:grid;gap:var(--space-3);align-content:start}.home-dominant{display:grid;gap:var(--space-2)}.home-strong,.home-secondary,.home-utility{display:flex;flex-wrap:wrap;gap:var(--space-2)}.home-strong .overlay-btn{flex:1 1 160px}.home-secondary .overlay-btn,.home-utility .overlay-btn{flex:1 1 140px;min-height:42px;padding:8px 10px;font-size:10px;letter-spacing:.06em}.overlay-btn.is-dominant{min-height:58px;font-size:13px;letter-spacing:.15em;box-shadow:4px 4px #1e2b4624}.overlay-btn.is-strong{background:transparent;color:var(--ink);border-color:var(--ink)}.overlay-btn.is-strong:hover{background:#1e2b4614}.overlay-stamp{position:absolute;top:-13px;right:16px;width:26px;height:26px;background:var(--coral);box-shadow:3px 3px 0 0 var(--yellow)}.overlay-card.result[data-tone=lose] .overlay-stamp{background:var(--ink);box-shadow:3px 3px 0 0 var(--coral)}.overlay-card.result[data-tone=draw] .overlay-stamp{background:var(--yellow);box-shadow:3px 3px 0 0 var(--blue)}.transform-list{margin:0 0 12px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.transform-list li{font-size:13px;font-weight:700;letter-spacing:.02em;padding:7px 10px;border:1px solid rgba(30,43,70,.3);background:#f7f0deb3}.tutorial-pips{display:flex;gap:6px;justify-content:center;margin:4px 0 2px}.tutorial-pips i{width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(30,43,70,.45)}.tutorial-pips i.is-on{background:var(--blue);border-color:var(--ink)}.promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}.promo-btn{display:grid;place-items:center;gap:2px;padding:6px 2px;border:1.5px solid rgba(30,43,70,.5);background:var(--paper-hi);cursor:pointer}.promo-btn img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.promo-btn span{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1e2b46bf}.promo-btn:hover{background:#e2b23c40}.app.view-home .region,.app.view-home .status,.app.view-home .foot,.app.view-home .claim-bar,.app.view-home .online-bar,.app.view-home .replay-bar{visibility:hidden}.app.view-home .overlay{align-items:flex-start;overflow-y:auto;padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));background:linear-gradient(180deg,#efe6d1f2,#e4d5b6fa)}.modal-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));background:#0e1628ad;animation:overlayIn .2s ease-out}.modal-layer[hidden]{display:none}.modal-card{width:100%;max-width:520px;max-height:min(92dvh,720px);overflow-y:auto;padding:var(--space-4);background-color:var(--paper-hi);background-image:repeating-linear-gradient(to bottom,rgba(47,108,179,.08) 0 1px,transparent 1px 26px);border:1.5px solid rgba(30,43,70,.8);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -6px #1e2b4624;animation:sheetUp .22s ease-out}@keyframes sheetUp{0%{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.modal-title{margin:0;font-size:clamp(18px,5vw,22px);font-weight:800;letter-spacing:-.01em}.modal-close{width:var(--control-min);height:var(--control-min);flex:0 0 auto;display:grid;place-items:center;border:1.5px solid rgba(30,43,70,.4);border-radius:var(--radius-pill);background:var(--paper-hi);color:var(--ink);font-size:20px;line-height:1;cursor:pointer}.modal-close:hover{background:var(--paper-lo)}.variant-list{display:grid;gap:var(--space-2)}.variant-option{display:grid;gap:3px;width:100%;padding:var(--space-3);border:1.5px solid rgba(30,43,70,.45);border-radius:var(--radius-md);background:var(--paper-hi);color:var(--ink);text-align:left;cursor:pointer;transition:background .12s ease,border-color .12s ease}.variant-option:hover{background:var(--paper-lo)}.variant-option[aria-pressed=true]{border-color:var(--blue-deep);background:#dbe7f5;box-shadow:inset 5px 0 0 0 var(--blue-deep)}.variant-option[aria-pressed=true] .variant-option-name{color:var(--blue-deep)}.variant-option-name{font-size:14px;font-weight:800;letter-spacing:.01em}.variant-option-hint{font-size:12px;line-height:1.5;color:#1e2b46c7}.settings-list{display:grid}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid rgba(30,43,70,.12)}.settings-row:last-child{border-bottom:0}.settings-row[hidden]{display:none}.settings-label{font-size:14px;font-weight:700}.settings-toggle{flex:0 0 auto;padding:0;border:0;background:transparent;cursor:pointer}.toggle-track{position:relative;display:block;width:52px;height:30px;border:1.5px solid rgba(30,43,70,.5);border-radius:var(--radius-pill);background:#1e2b461f;transition:background .16s ease}.toggle-knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border:1.5px solid rgba(30,43,70,.5);border-radius:50%;background:var(--paper-hi);transition:transform .16s ease}.settings-toggle[data-state=on] .toggle-track{background:var(--blue);border-color:var(--blue-deep)}.settings-toggle[data-state=on] .toggle-knob{transform:translate(22px);background:var(--cream)}@media (max-width: 360px){.hud{padding-left:12px;padding-right:12px}.region{padding-left:3px;padding-right:3px}.status{margin-left:12px;margin-right:12px}.foot{gap:8px;margin-left:10px;margin-right:10px}.btn{letter-spacing:.1em}.foot .btn[data-action=sound]{flex:1.7 1 0;letter-spacing:.03em}}@media (max-height: 640px){.hud{padding-top:calc(8px + env(safe-area-inset-top))}.board-wrap{width:min(100%,calc(100dvh - 9.5rem),480px)}.overlay-title{font-size:clamp(22px,7vw,28px)}}@media (min-width: 600px){.modal-layer{align-items:center}.modal-card{border-radius:var(--radius-md);box-shadow:6px 6px #1e2b4624,0 0 0 6px #f7f0de80;animation:overlayIn .2s ease-out}.home-shell{max-width:680px}.home-actions{gap:var(--space-4)}}@media (min-width: 900px){.home-shell{max-width:var(--content-max)}.home-main{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;column-gap:var(--space-7)}.game-context{grid-column:1;grid-row:1}.home-notice{grid-column:1;grid-row:2}.home-actions{grid-column:2;grid-row:1 / span 2;max-width:var(--actions-max)}}@media (min-width: 1281px){:root{--content-max: 1200px}.app.view-home .overlay{padding-inline:var(--space-7)}}@media (min-width: 900px) and (max-height: 760px){.home-shell,.home-main{gap:var(--space-4)}.home-actions{gap:var(--space-3)}.overlay-btn.is-dominant{min-height:52px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.square.is-selected .piece-face{transform:none}.board-wrap.is-spell:after{display:none}}