:root{--night: #101713;--ink: #281b12;--paper: #d7b777;--paper-light: #f0dfb4;--amber: #c0924e;--coral: #a43631;--line: rgba(224, 192, 126, .3);--jade: #748b78;--vermilion: #b33b34;--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,#ui{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#ui{z-index:2;pointer-events: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));background:linear-gradient(180deg,#0c1612f0,#0c16122e 76%,#0c161200)}.turn-pill{position:absolute;top:calc(18px + var(--safe-top));left:50%;display:flex;align-items:center;gap:9px;margin:0;padding:8px 14px;transform:translate(-50%);border:1px solid rgba(194,146,78,.62);border-radius:3px;background:linear-gradient(135deg,#213026f0,#1a221af0);box-shadow:inset 0 1px #f4dba424,0 8px 22px #00000052;color:var(--paper);font-size:13px;letter-spacing:.16em;transition:border-color .18s,box-shadow .18s}.turn-pill.thinking{border-color:#d7a453f5;box-shadow:inset 0 1px #ffecb91f,0 0 22px #ab652a4d}.turn-pill.check{border-color:#c13930fa}.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,.secondary-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,.secondary-button:hover{border-color:#dba957e6;background:#2e4331f0}.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:calc(24px + var(--safe-top)) calc(20px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(20px + var(--safe-left));background:radial-gradient(circle at 50% 42%,#34493138,#080f0cdb 72%),#080e0b57;pointer-events:auto}.overlay.hidden{display:none}.menu-panel,.result-panel{position:relative;width:min(520px,91vw);padding:34px 38px 28px;border:1px solid rgba(125,79,38,.96);border-radius:2px;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,#eddaa9fc,#be975afc);background-size:29px 29px,17px 17px,auto;box-shadow:0 28px 90px #000000ad,inset 0 1px #fff4c89e,inset 0 0 0 1px #5b36191f;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}}