:root{--void: #0b0c0e;--stone: #1a1c1f;--slate: #2c3036;--marble: #d0ccc5;--ash: #8b8f96;--mist: #a8abb1;--signal: #3b9eff;--signal-soft: rgba(59, 158, 255, .22);--line: rgba(208, 204, 197, .2);--line-strong: rgba(208, 204, 197, .42);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--void)}body{color:var(--marble);font-family:Avenir Next Condensed,Futura,PingFang SC,sans-serif;-webkit-user-select:none;user-select:none}button{font:inherit}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,rgba(59,158,255,.07),transparent 46%),radial-gradient(ellipse at 78% 82%,rgba(160,156,148,.08),transparent 50%),linear-gradient(145deg,#090a0c,#14161a 55%,#0a0b0d)}#app:before{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.09;background-image:linear-gradient(rgba(208,204,197,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(208,204,197,.03) 1px,transparent 1px);background-size:100% 5px,5px 100%;content:"";pointer-events:none}.topbar{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;padding:calc(20px + var(--safe-top)) calc(28px + var(--safe-right)) 20px calc(28px + var(--safe-left))}.top-actions{display:flex;gap:8px;margin-left:auto}.text-button,.secondary-button{min-height:36px;padding:8px 12px;border:1px solid var(--line);border-radius:0;background:#0e0f12c7;color:var(--mist);cursor:pointer;font-size:10px;letter-spacing:.18em;text-transform:uppercase;transition:border-color .16s,background .16s,color .16s}.text-button:hover,.secondary-button:hover{border-color:var(--line-strong);background:#3b9eff1a;color:var(--marble)}.topbar .text-button{border-color:transparent;background:transparent;box-shadow:none;color:var(--ash)}.topbar .text-button:hover{border-color:transparent;background:transparent;color:var(--signal)}.text-button:disabled{cursor:not-allowed;opacity:.3}.icon-button{width:36px;padding:6px;font-size:19px;line-height:1}.sound-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.sound-off-line,.icon-button.muted .sound-waves{display:none}.icon-button.muted .sound-off-line{display:block}.icon-button.muted{color:var(--ash);text-decoration:line-through}.turn-pill{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line);color:var(--mist);font-size:12px;letter-spacing:.14em}.turn-pill.thinking{color:var(--signal)}.turn-stone{display:block;width:15px;height:15px;border:1px solid rgba(208,204,197,.45);border-radius:50%;box-shadow:0 3px 8px #0006}.turn-stone.white{background:#bdbdb8}.turn-stone.black{border-color:#4a4a4a;background:#161616}.hint{margin:17px 0 0;color:var(--ash);font-size:11px;line-height:1.65}.rules-note{margin:42px 0 0;color:#a8abb18c;font-size:9px;line-height:1.7;letter-spacing:.08em}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:24px;background:#060709b8;-webkit-backdrop-filter:blur(10px) saturate(.75);backdrop-filter:blur(10px) saturate(.75)}.overlay.hidden{display:none}.menu-panel,.result-panel{position:relative;width:min(460px,92vw);padding:40px 42px 34px;border:1px solid var(--line-strong);background:linear-gradient(155deg,#24262af7,#101114fa 58%,#0c0d0ffc),var(--void);box-shadow:0 28px 80px #0000008c,inset 0 1px #d0ccc514}.menu-panel:before,.result-panel:before{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(208,204,197,.12);content:"";pointer-events:none}.menu-panel:after,.result-panel:after{position:absolute;top:7px;left:7px;right:7px;height:1px;background:linear-gradient(90deg,transparent,rgba(59,158,255,.45),transparent);content:"";pointer-events:none}.panel-kicker{color:var(--signal);font-size:9px;letter-spacing:.32em;text-transform:uppercase}h2{margin:14px 0 28px;color:var(--marble);font-family:Optima,Futura,PingFang SC,sans-serif;font-weight:400;font-size:36px;letter-spacing:.06em}.settings-grid{display:grid;gap:22px;margin-bottom:28px}.setting label{display:block;margin-bottom:8px;color:#a8abb1b8;font-size:9px;letter-spacing:.22em}.segmented{display:flex;gap:5px}.choice{flex:1;min-height:38px;padding:7px 5px;border:1px solid var(--line);border-radius:0;background:#d0ccc509;color:var(--ash);cursor:pointer;font-size:10px;letter-spacing:.1em}.choice:hover{border-color:var(--line-strong);color:var(--marble)}.choice.selected{border-color:var(--signal);background:var(--signal-soft);color:#e8f3ff;box-shadow:inset 0 0 0 1px #3b9eff26}#difficultySetting.disabled{opacity:.35;pointer-events:none}.primary-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;padding:12px 16px;border:1px solid rgba(208,204,197,.55);border-radius:0;background:linear-gradient(135deg,#d8d4cd,#b8b4ad);color:#121316;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.18em;box-shadow:0 10px 24px #00000047,inset 0 1px #ffffff59;transition:background .16s,border-color .16s,transform .16s}.primary-button:hover{border-color:var(--signal);background:linear-gradient(135deg,#e4e0d9,#c4c0b9)}.button-piece-mark{width:14px;height:14px;border-radius:50%;background:#161616;box-shadow:0 0 0 1px #00000059,inset 0 1px 1px #ffffff1f;font-size:0;line-height:0}.primary-button:active{transform:translateY(1px)}.result-panel{width:min(380px,92vw)}.result-actions{display:flex;flex-direction:column;gap:9px}button:focus-visible{outline:2px solid var(--signal);outline-offset:3px}@media (max-width: 720px){.topbar{padding-right:calc(14px + var(--safe-right));padding-left:calc(14px + var(--safe-left))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important}}#app>canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;cursor:grab;touch-action:none}.game-info{position:absolute;z-index:2;top:calc(20px + var(--safe-top));left:50%;display:block;height:36px;width:auto;transform:translate(-50%)}@media (max-width: 720px){.turn-pill{padding-bottom:7px;font-size:10px}.hint{margin:0;text-align:right}}.game-info .turn-pill{height:36px;padding:8px 12px;border-color:transparent;background:transparent;white-space:nowrap}.game-info .hint,.game-info .rules-note{display:none}