:root{color-scheme:dark;--bg:#131b1f;--panel:#1c282b;--ink:#e9e7db;--muted:#94a5a3;--gold:#d9bd82;--line:#d0c8a720;font-family:Georgia,'Noto Serif SC','Songti SC',serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;touch-action:pan-x pan-y;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}body{background:radial-gradient(ellipse at 18% 15%,#35434250,transparent 50%),var(--bg);min-height:100svh}button,input{font:inherit}button,summary,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #c3c9b729;background:#ffffff04;color:var(--ink);border-radius:7px;padding:12px 16px;min-height:44px;transition:background .18s,border-color .18s}button:hover{background:#d8c69b12;border-color:#c4ba994d}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button[hidden],[hidden]{display:none!important}.site-header{height:90px;padding:0 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);max-width:1600px;margin:auto}.brand{display:flex;gap:13px;align-items:center;font:13px Arial,sans-serif;letter-spacing:3px}.brand img{width:34px;height:34px}.brand small{display:block;font:8px Arial;letter-spacing:2.1px;color:var(--muted);margin-top:7px}.tools{display:flex;align-items:center;gap:7px}.tools button,.tools #game-seo-info>summary{width:42px;height:42px;min-height:42px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #c3c9b729;border-radius:8px;background:#ffffff04;color:#d4dbc9}.tools svg{width:21px;height:21px}.tools #game-seo-info{position:static;display:block;width:42px;margin:0;z-index:50}.tools #game-seo-info>summary{list-style:none;font-size:0}.tools #game-seo-info>summary::-webkit-details-marker{display:none}.tools #game-seo-info .game-info-content{top:82px;max-height:calc(100svh - 110px);background:#172226fa;border-color:#b2a58266;touch-action:pan-y}.tools #game-seo-info .game-info-content h2,.tools #game-seo-info .game-info-content a{color:var(--gold)}.arena{max-width:1500px;margin:auto;padding:34px 48px 16px;display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:42px;align-items:center}.board-column{min-width:0;max-width:calc(74svh * 1.08);width:100%;justify-self:center}.player-bar{display:flex;align-items:center;justify-content:space-between;font:9px Arial,sans-serif;letter-spacing:2px;color:#b2bfbb;padding:0 8px 15px;gap:12px}.player-bar>span:first-child{display:flex;align-items:center;gap:9px}.player-bar b{font-weight:400}.player-bar.bottom{padding:15px 8px 0}.stone-dot{display:block;width:9px;height:9px;border-radius:50%;border:1px solid #6e858d}.stone-dot.dark{background:#58707d}.stone-dot.light{background:#e2d8b8;border-color:#e2d8b8}.board-frame{position:relative;aspect-ratio:1.08;overflow:hidden;border:1px solid #b4a2742e;border-radius:12px;background:#151d21;box-shadow:0 22px 80px #0005}#board{display:block;width:100%;height:100%;touch-action:pan-y}.board-corner{position:absolute;top:13px;right:13px}.board-corner button{width:36px;min-height:36px;height:36px;padding:8px;background:#131e2399;border-color:#c7b48733}.board-corner svg{width:18px;height:18px}.camera-controls{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;color:var(--muted);font:8px Arial;letter-spacing:2px}.camera-controls button{min-height:32px;width:34px;padding:4px;font-size:20px;color:#a9b8ad;border-color:transparent}.camera-controls>span{margin-right:7px}#loading,#paused-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#151d21f2;gap:18px;color:var(--gold);z-index:3;font:12px Arial;letter-spacing:1px}#paused-cover{background:#10191e70;backdrop-filter:blur(3px);gap:25px;font-size:10px;letter-spacing:3px}progress{width:160px;height:3px;accent-color:var(--gold)}.loader-ring{height:44px;width:44px;border:1px solid #d9bd8233;border-top-color:var(--gold);border-radius:50%;animation:turn 2s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}#move-effect{position:absolute;bottom:25px;left:0;right:0;pointer-events:none;text-align:center;color:#efdbaf;text-shadow:0 2px 8px #000;font:10px Arial;letter-spacing:2px}.skip-effect{position:absolute;bottom:12px;right:12px;min-height:30px;font:9px Arial;background:#131e23bb;padding:6px 10px;border-color:transparent;z-index:2}.sidebar{padding:10px 0;min-width:0}.eyebrow{font:9px Arial,sans-serif;letter-spacing:2.4px;line-height:1.7;color:var(--gold);margin:0 0 20px}.sidebar h1{font-size:44px;font-weight:400;line-height:1.08;letter-spacing:-1.5px;margin:0 0 35px}.sidebar h1 em{font-style:italic;color:var(--gold)}.turn-state{display:flex;gap:12px;align-items:flex-start;border-top:1px solid var(--line);padding-top:22px;margin-bottom:25px}.turn-dot{height:6px;width:6px;margin-top:6px;background:var(--gold);border-radius:50%;flex-shrink:0;box-shadow:0 0 10px #e7cb8b45}.turn-state h2{font:15px/1.4 Georgia,serif;margin:0 0 8px}.turn-state p{font:11px/1.7 Arial,sans-serif;margin:0;color:var(--muted)}.actions{display:grid;gap:9px}.actions button{font:11px Arial;min-height:45px;text-align:left}.actions button span{float:right;font-size:17px}.primary{color:#172225;background:linear-gradient(120deg,#e7d39f,#bea16d);border-color:#dfc992;font:12px Arial;font-weight:600}.primary:hover{background:linear-gradient(120deg,#f3e1b5,#d3b77f)}.subtle{border-color:transparent;color:var(--muted);background:transparent}.actions .subtle{min-height:30px;padding:8px 16px}.scorebook{margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.scorebook summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;font:9px Arial;letter-spacing:1.5px;cursor:pointer;list-style:none;color:#a9b7ad}.scorebook summary::-webkit-details-marker{display:none}#move-number{color:var(--gold);font:16px Georgia}#history{max-height:190px;overflow:auto;padding:0 8px 10px 25px;margin:0;font:12px/1.9 Arial;color:var(--muted);touch-action:pan-y}#history li{padding-left:8px}#history li span{display:inline-block;min-width:75px;color:var(--ink)}.record{padding-top:20px}.record>p{font:8px Arial;letter-spacing:1.5px;color:var(--muted);margin:0 0 12px}#record-values{display:flex;gap:25px;font:10px Arial;color:var(--muted)}#record-values b{font:22px Georgia;color:#d2d7c4;display:block;margin-bottom:5px}.local-note{font:9px/1.8 Arial;color:#697d7b;margin:20px 0 0}.game-footer{max-width:1400px;margin:10px auto 0;padding:22px 48px 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:8px Arial;letter-spacing:2px;color:#758984}dialog{width:min(480px,calc(100vw - 28px));max-height:92svh;overflow:auto;background:linear-gradient(150deg,#263132,#172227);color:var(--ink);border:1px solid #b7a37866;border-radius:14px;padding:30px;box-shadow:0 25px 100px #0009;overscroll-behavior:contain;touch-action:pan-y}dialog::backdrop{background:#0b1219a3;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-head .eyebrow{margin:0}.icon-button{font-size:24px;padding:0;width:35px;min-height:35px;border:0;background:transparent;color:#9cafaa}dialog h2{font:32px/1.2 Georgia;margin:22px 0 12px;letter-spacing:-.5px}.menu-intro{font:12px/1.8 Arial;color:var(--muted);margin:0 0 24px}.field-label{font:9px Arial;letter-spacing:1.5px;display:block;color:var(--gold);margin:20px 0 12px}.difficulty-options{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.difficulty-options button,.color-options button{font:10px Arial;min-height:43px;padding:9px 4px}.difficulty-options button.active,.color-options button.active{background:#d5bf8a1f;border-color:#b9a46b;color:#ead6a4}.level-description{font:11px/1.7 Arial;color:var(--muted);min-height:38px;margin:12px 0 10px}.color-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.color-options button:before{content:'';width:10px;height:10px;display:inline-block;border:1px solid #798b91;border-radius:50%;vertical-align:middle;margin-right:7px}.color-options button[data-color=w]:before{background:#ded3b6;border-color:#ded3b6}.color-options button[data-color=b]:before{background:#435965}.color-options button[data-color=random]:before{background:linear-gradient(90deg,#ded3b6 50%,#435965 50%)}.appearance{display:flex;flex-wrap:wrap;gap:12px 20px;border-top:1px solid var(--line);padding:20px 0;margin-top:22px;font:11px Arial;color:var(--muted)}.appearance label{display:flex;align-items:center;gap:6px;min-height:24px}.appearance input{accent-color:#d5bb83;width:15px;height:15px}.wide{width:100%;margin-top:10px}.continue{font:11px Arial;color:var(--muted)}.save-notice{font:10px/1.7 Arial;color:#b5aa89;margin:5px 0 12px}#promotion-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}#promotion-options button{font-size:25px;padding:15px 5px}#promotion-options small{display:block;font:10px Arial;margin-top:9px;color:var(--muted)}#result-title{font-size:43px;color:var(--gold)}#result-reason{font:13px Arial;color:var(--muted);margin-bottom:25px}#result-score{display:flex;gap:25px;margin:22px 0;color:var(--muted);font:11px Arial}#result-score b{display:block;color:var(--ink);font:26px Georgia;margin-bottom:5px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;padding:13px 20px;border:1px solid #bfae7955;border-radius:7px;background:#273737f2;color:#eadbb4;font:12px/1.7 Arial;z-index:80;box-shadow:0 8px 30px #0005}
@media(min-width:1600px){.arena{gap:65px;grid-template-columns:minmax(0,1fr) 315px}.sidebar h1{font-size:49px}}
@media(max-width:1000px){.site-header{padding:0 25px;height:76px}.arena{padding:26px 25px 10px;gap:25px;grid-template-columns:minmax(0,1fr) 230px}.sidebar h1{font-size:35px}.tools #game-seo-info .game-info-content{top:70px}.board-column{max-width:none}.game-footer{padding:20px 25px}}
@media(max-width:700px){.site-header{padding:0 17px;height:70px}.brand{font-size:10px;letter-spacing:2px;gap:10px}.brand img{width:30px;height:30px}.brand small{font-size:6px;letter-spacing:1.1px}.tools button,.tools #game-seo-info>summary{width:38px;height:38px;min-height:38px}.tools #game-seo-info{width:38px}.tools svg{width:19px;height:19px}.arena{display:flex;flex-direction:column;padding:18px 12px 4px;gap:16px}.board-column{width:100%;max-width:520px}.player-bar{font-size:8px;letter-spacing:1.3px;padding-bottom:11px}.player-bar.bottom{padding-top:11px}.board-frame{aspect-ratio:.96;border-radius:9px}.board-corner{top:8px;right:8px}.board-corner button{width:30px;height:30px;min-height:30px;padding:6px}.camera-controls{margin-top:5px;gap:11px}.camera-controls button{min-height:33px}.sidebar{width:100%;padding:3px 5px}.sidebar>.eyebrow,.sidebar>h1{display:none}.turn-state{padding-top:17px;margin-bottom:15px;min-height:66px}.turn-state h2{font-size:17px;margin-bottom:5px}.turn-state p{font-size:11px}.actions{grid-template-columns:1fr 1fr;gap:8px}.actions button{min-height:42px}.actions .subtle{min-height:38px}.scorebook{margin-top:18px}.record{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:16px}.record>p{max-width:95px;line-height:1.6;margin:0}.local-note{font-size:9px;margin-top:14px}.game-footer{font-size:7px;letter-spacing:1px;padding:18px 17px}.game-footer>span{max-width:180px}.tools #game-seo-info .game-info-content{top:65px;max-height:calc(100svh - 85px)}dialog{padding:23px}dialog h2{font-size:29px}.appearance{gap:10px 15px}#move-effect{font-size:8px;letter-spacing:1px;bottom:45px}dialog::backdrop{backdrop-filter:blur(3px)}}
@media(max-height:550px) and (orientation:landscape){.site-header{height:55px}.arena{display:grid;grid-template-columns:minmax(0,1fr) 240px;padding-top:14px;gap:20px;align-items:start}.board-column{max-width:calc(86svh * 1.05)}.board-frame{aspect-ratio:1.05}.player-bar{font-size:7px;padding-bottom:7px}.player-bar.bottom{padding-top:7px}.sidebar>.eyebrow,.sidebar>h1{display:none}.turn-state{padding-top:12px}.record,.local-note{display:none}.game-footer{margin-top:0}.camera-controls{margin:0}.sidebar .actions{display:grid;grid-template-columns:1fr 1fr}.tools #game-seo-info .game-info-content{top:50px;max-height:calc(100svh - 66px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.loader-ring{animation-duration:5s}}