:root{--night: #101713;--ink: #281b12;--paper: #d7b777;--paper-light: #f0dfb4;--amber: #c0924e;--coral: #a43631;--line: rgba(224, 192, 126, .3);--jade: #748b78;--vermilion: #b33b34;--panel-surface: linear-gradient(90deg, rgba(255, 246, 208, .14) 1px, transparent 1px), linear-gradient(rgba(111, 69, 33, .045) 1px, transparent 1px), linear-gradient(142deg, rgba(237, 218, 169, .99), rgba(190, 151, 90, .99));--panel-surface-size: 29px 29px, 17px 17px, auto;--panel-border: rgba(125, 79, 38, .96);--panel-shadow: inset 0 1px rgba(255, 244, 200, .62), inset 0 0 0 1px rgba(91, 54, 25, .12);--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(--night)}body{color:var(--paper-light);font-family:Songti SC,STSong,"Noto Serif SC",SimSun,Georgia,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% 38%,rgba(111,79,39,.2),transparent 43%),radial-gradient(ellipse at 72% 80%,rgba(43,84,58,.18),transparent 48%),linear-gradient(115deg,#0a100d,#18251b 58%,#0b110e)}#app:before{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.14;background-image:linear-gradient(rgba(226,196,127,.04) 1px,transparent 1px);background-size:100% 4px;content:"";pointer-events:none}#app>canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;cursor:grab;touch-action:none}.topbar{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;gap:18px;padding:calc(18px + var(--safe-top)) calc(22px + var(--safe-right)) 18px calc(22px + var(--safe-left));pointer-events:none}.turn-pill{position:absolute;top:calc(18px + var(--safe-top));left:50%;display:flex;align-items:center;gap:9px;margin:0;padding:8px 12px;transform:translate(-50%);border:1px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:var(--paper-light);font-size:12px;letter-spacing:.11em;white-space:nowrap;pointer-events:none;transition:color .18s}.turn-pill.thinking{color:#e7c982}.turn-pill.check{color:#d99d72}.turn-stone{display:block;width:14px;height:14px;border-radius:50%;box-shadow:inset 1px 1px 2px #ffffff3d,0 2px 4px #0006}.turn-stone.red{background:radial-gradient(circle at 35% 28%,#ef9b73,#a8342d 58%,#661e22)}.turn-stone.black{background:radial-gradient(circle at 35% 28%,#59616b,#11161c 58%,#05070a)}.top-actions{display:flex;gap:8px;margin-left:auto;justify-content:flex-end}.ghost-button{pointer-events:auto;min-height:38px;padding:8px 13px;border:1px solid var(--line);border-radius:2px;background:#14221bdb;color:var(--paper);cursor:pointer;font-size:11px;letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 1px #f2dba414;transition:background .16s,border-color .16s,transform .16s}.ghost-button:hover{border-color:#dba957e6;background:#2e4331f0}.secondary-button{pointer-events:auto;min-height:38px;padding:8px 13px;border:1px solid var(--panel-border);border-radius:2px;background:var(--panel-surface);background-size:var(--panel-surface-size);color:var(--ink);cursor:pointer;font-size:11px;letter-spacing:.12em;text-transform:uppercase;box-shadow:var(--panel-shadow);transition:background .16s,border-color .16s,transform .16s}.secondary-button:hover{border-color:#73411de6;background:linear-gradient(90deg,rgba(255,246,208,.14) 1px,transparent 1px),linear-gradient(rgba(111,69,33,.045) 1px,transparent 1px),linear-gradient(142deg,#f5e6bafc,#caa262fc);background-size:var(--panel-surface-size)}.ghost-button:disabled{cursor:not-allowed;opacity:.35}.icon-button{display:grid;width:38px;padding:8px;place-items:center}.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}.secondary-button:active,.primary-button:active{transform:translateY(1px)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:24px;background:#050b07bd;-webkit-backdrop-filter:blur(9px) saturate(.82);backdrop-filter:blur(9px) saturate(.82)}.overlay.hidden{display:none}.menu-panel,.result-panel{position:relative;width:min(520px,91vw);padding:34px 38px 28px;border:1px solid var(--panel-border);border-radius:2px;background:var(--panel-surface);background-size:var(--panel-surface-size);box-shadow:0 28px 90px #000000ad,var(--panel-shadow);color:var(--ink)}.menu-panel:before,.result-panel:before{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(111,70,30,.36);content:"";pointer-events:none}.menu-panel:after,.result-panel:after{position:absolute;top:15px;right:17px;display:grid;width:28px;height:28px;border:2px solid rgba(163,52,45,.32);border-radius:2px;color:#912d276b;content:"棋";font-size:16px;place-items:center;transform:rotate(-7deg);pointer-events:none}.settings-grid{display:grid;grid-template-columns:1fr;gap:22px;margin-bottom:26px}.setting label{display:block;margin-bottom:9px;color:#654122;font-weight:600;font-size:11px;letter-spacing:.2em}.segmented{display:flex;gap:5px}.choice{flex:1;min-height:40px;padding:7px 8px;border:1px solid rgba(91,57,27,.42);border-radius:2px;background:#53341b14;color:#362212bd;cursor:pointer;font-size:12px;letter-spacing:.08em;transition:color .16s,background .16s,border-color .16s}.choice:hover{border-color:#73411de6;background:#ffefbf2e}.choice.selected{border-color:#8f302b;background:linear-gradient(135deg,#ad3a32,#8e2d2b);color:#f7e7bd;box-shadow:inset 0 1px #ffd7ac2e,0 2px 5px #56231629}#difficultySetting.disabled{opacity:.38;pointer-events:none}.primary-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:12px 17px;border:1px solid rgba(255,222,164,.8);border-radius:2px;background:linear-gradient(135deg,#b43e34,#8f2d2c);color:#f8e6b7;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.15em;box-shadow:inset 0 1px #ffddae38,0 4px 9px #5b1f1738;transition:background .16s,transform .16s}.primary-button:hover{background:linear-gradient(135deg,#c34b3b,#a0322f)}.result-panel{width:min(390px,88vw)}h2{margin:0 0 10px;color:var(--ink);font-family:Songti SC,STSong,"Noto Serif SC",serif;font-size:38px;font-weight:400;letter-spacing:.08em;text-align:center}.result-actions{display:flex;flex-direction:column;gap:9px}.result-actions .secondary-button{width:100%}.mobile-controls{position:absolute;right:calc(18px + var(--safe-right));bottom:calc(18px + var(--safe-bottom));z-index:3;display:none;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(3,38px);gap:4px;pointer-events:auto}.mobile-controls button{border:1px solid rgba(204,163,91,.56);border-radius:2px;background:#14221be6;color:var(--paper);cursor:pointer;font-size:17px}button:focus-visible{outline:2px solid rgba(226,181,98,.95);outline-offset:3px}.mobile-controls button:first-child{grid-column:2}.mobile-controls button:nth-child(2){grid-column:1;grid-row:2}.mobile-controls button:nth-child(3){grid-column:2;grid-row:2;color:#e2b260;font-size:12px}.mobile-controls button:nth-child(4){grid-column:3;grid-row:2}.mobile-controls button:nth-child(5){grid-column:2;grid-row:3}@media (pointer: coarse){.mobile-controls{display:grid}}@media (max-width: 600px){.topbar{gap:8px;padding-left:calc(14px + var(--safe-left));padding-right:calc(14px + var(--safe-right))}.turn-pill{padding:7px 10px;font-size:10px}.ghost-button{padding:8px 9px;font-size:9px}.menu-panel,.result-panel{padding:26px 23px 22px}.settings-grid{gap:16px;margin-bottom:20px}}@media (max-height: 560px){.menu-panel,.result-panel{padding:20px 25px 17px}.settings-grid{margin-bottom:15px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}