: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}*{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,460px);height:min(100dvh,900px);isolation:isolate}.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 12px}.board-wrap{position:relative;container-type:inline-size;width:min(100%,calc(100dvh - 15rem),440px);aspect-ratio:1 / 1}.board{position:absolute;top:0;right:0;bottom:0;left:0;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-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:88%;height:88%;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-crown{position:absolute;left:50%;top:-16%;transform:translate(-50%);font-size:9cqw;line-height:1;color:var(--coral-deep);text-shadow:1px 1px 0 rgba(247,240,222,.9)}.piece-true{position:absolute;right:-4%;top:-8%;width:24%;height:24%;background:var(--yellow);border:1.5px solid var(--ink);box-shadow:1.5px 1.5px #1e2b4652;transform:rotate(45deg)}.piece-face.is-true-king:after{content:"";position:absolute;top:-7%;right:-7%;bottom:-7%;left:-7%;border-radius:50%;border:2px solid rgba(30,43,70,.5)}.piece-face.is-false-king:before{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;border-radius:50%;border:2px dashed var(--coral-deep);opacity:.85;animation:falseAura 1.9s ease-in-out infinite}.piece-face.is-false-king>.piece{opacity:.94}@keyframes falseAura{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}}.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-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)}.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}.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}.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{visibility:hidden}.app.view-home .overlay{background:linear-gradient(180deg,#efe6d1f2,#e4d5b6fa)}@media (max-width: 360px){.hud{padding-left:12px;padding-right:12px}.region{padding-left:8px;padding-right:8px}.status{margin-left:12px;margin-right:12px}.foot{margin-left:10px;margin-right:10px}}@media (max-height: 640px){.hud{padding-top:calc(8px + env(safe-area-inset-top))}.board-wrap{width:min(100%,calc(100dvh - 13.5rem),440px)}.overlay-title{font-size:clamp(22px,7vw,28px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}