@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Grotesk:wght@400;500&display=swap');
:root{font:16px 'DM Sans',sans-serif;color:#e8e6df;background:#171815;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible,#accessible-board:focus-visible{outline:2px solid #d8b986;outline-offset:4px}header{height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:18px;text-decoration:none;color:inherit}.mark{font-family:'Space Grotesk',sans-serif;font-size:45px;letter-spacing:-4px;line-height:1}.mark span{color:#c5ad86}.brand-name{font-size:11px;letter-spacing:2.4px;color:#8b8d82}.icon{display:inline-grid;place-items:center;border:1px solid #ffffff1c;background:transparent;color:#c9ccc0;width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:400;line-height:1}.icon:hover{background:#ffffff0b;color:#fff}main{margin:0 4%;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:38px;min-height:calc(100svh - 100px);align-items:center}.arena{min-width:0}#scene{height:clamp(460px,72vh,850px);position:relative;width:100%}canvas{display:block;touch-action:none;width:100%;height:100%}#loading{position:absolute;top:48%;width:100%;text-align:center;color:#c9b185;font-size:14px}.arena-bottom{padding:5px 0 25px;text-align:center;position:relative}.gesture-help{font-size:12px;color:#85897d;margin:0 0 18px;line-height:1.6}.view-controls{display:flex;align-items:center;justify-content:center;gap:10px}.control-divider{height:17px;width:1px;background:#ffffff16;margin:0 3px}.view-controls .text-button{margin:0 6px;font-size:12px}.board-meta{display:none}aside{padding:30px 0 40px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.eyebrow,#move-count{font-size:11px;letter-spacing:1.5px;color:#8e9284}h1{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:400;letter-spacing:-1.4px;margin:15px 0 28px}h2{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:400;letter-spacing:-.7px}.mode{display:flex;gap:18px;border-bottom:1px solid #ffffff16}.mode button{font-size:14px;padding:0 0 12px;border:0;border-bottom:1px solid transparent;background:none;color:#868a7e}.mode .selected{color:#f0eadb;border-bottom-color:#cfb98e}.players{padding-top:24px}.player{display:flex;align-items:center;gap:13px;padding:11px 0;opacity:.55;transition:opacity .2s}.player.active{opacity:1}.stone{width:32px;height:32px;border-radius:50%;box-shadow:0 4px 8px #0008;flex-shrink:0}.black{background:radial-gradient(circle at 30% 20%,#60645a,#151714 45%,#060806 90%);border:1px solid #44483e}.white{background:radial-gradient(circle at 30% 20%,#fff,#e3e4dc 60%,#a1a393)}.player strong{font-size:15px;font-weight:500}.player div span{display:block;font-size:10px;letter-spacing:1px;color:#919486;margin-top:5px}.player b{margin-left:auto;font-size:20px;font-weight:400}.versus{display:none}.capture-label{font-size:11px;color:#74796a;text-align:right;margin:5px 0 23px}.status-box{border-top:1px solid #ffffff12;padding:22px 0;min-height:108px}.status-box strong{font-size:15px;font-weight:500;color:#d9c49f}.status-box p{font-size:13px;line-height:1.6;color:#989c8e;margin:7px 0 0}.pulse{display:none}.actions{display:flex;gap:10px}.primary,.secondary{font-size:14px;border-radius:5px;padding:13px 16px;min-height:45px}.primary{background:#d8c19a;color:#262219;border:1px solid #d8c19a;flex:1;font-weight:500}.primary:hover{background:#ead2a7}.primary span{margin-right:7px}.secondary{background:transparent;color:#d5d7cd;border:1px solid #ffffff25}.secondary:hover{background:#ffffff09}#autoplay{width:100%}[hidden]{display:none!important}.hint-note{padding:14px 0;color:#d3c09e;font-size:13px;line-height:1.6}.settings{padding-top:24px;display:grid;gap:16px}.settings>div{display:flex;justify-content:space-between;align-items:center;gap:8px}label{font-size:13px;color:#949989}select{font-size:12px;background:#20221c;color:#cbd0c0;border:1px solid #ffffff16;padding:8px 5px;border-radius:4px;max-width:155px}.text-button{border:0;background:none;color:#a2a794;font-size:13px;padding:4px 0}.text-button:hover{color:#f0eadb}.lower-actions{display:flex;justify-content:space-between;padding:24px 0;border-bottom:1px solid #ffffff12}.last-move{display:flex;justify-content:space-between;gap:10px;margin-top:21px}.last-move span{font-size:10px;letter-spacing:1px;color:#858b79}.last-move strong{font-size:12px;font-weight:400;color:#b6beaa}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.sr-only:focus{clip:auto;width:auto;height:auto;bottom:16px;left:16px;right:16px;background:#26291f;padding:12px;z-index:3;white-space:normal}dialog{max-width:660px;width:calc(100% - 32px);background:#20221d;color:#bec5b5;border:1px solid #565e4a;border-radius:10px;padding:35px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#10120ed9;backdrop-filter:blur(8px)}dialog h2{color:#e8ecdf;font-size:32px}dialog p,dialog li{font-size:16px;line-height:1.7}dialog ol{padding-left:20px}dialog li{margin:16px 0}.close{float:right}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-top:1px solid #ffffff16}.help-grid p{font-size:14px}@media(max-width:1000px){main{gap:20px;grid-template-columns:minmax(0,1fr) 270px}.gesture-help{font-size:11px}.view-controls{gap:6px}.view-controls .text-button{margin:0 3px}}@media(max-width:760px){header{height:73px}.brand-name{font-size:10px}.mark{font-size:40px}main{display:flex;flex-direction:column;gap:0;margin:0 5%;min-height:0}.arena{width:100%}#scene{height:clamp(330px,58vh,530px)}.arena-bottom{padding-bottom:18px;border-bottom:1px solid #ffffff12}.gesture-help{font-size:11px;margin-bottom:14px}.view-controls{gap:8px}.view-controls .icon{width:32px;height:32px}aside{width:100%;max-width:520px;padding-top:28px}h1{font-size:27px;margin:12px 0 22px}.players{display:flex;justify-content:space-between;gap:28px;padding-top:18px}.player{flex:1}.capture-label{margin-bottom:18px}.status-box{min-height:90px;padding:17px 0}.settings{gap:14px}select{max-width:180px}.help-grid{grid-template-columns:1fr}dialog{padding:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.arena{position:relative}.maximize-button{position:absolute;top:12px;right:12px;z-index:5;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #ffffff1c;border-radius:20px;background:#171815cc;color:#b9bfad;font:inherit;font-size:12px;backdrop-filter:blur(8px)}.maximize-button:hover{color:#f0eadb;background:#282b23}.maximize-button>span:first-child{font-size:19px;line-height:1}.board-only{overflow:hidden}.board-only>header,.board-only aside{display:none}.board-only main{display:block;margin:0;min-height:0}.board-only .arena{position:fixed;inset:0;z-index:20;background:#171815}.board-only #scene{height:100vh;height:100dvh;width:100%;margin:0}.board-only .arena-bottom{display:none}.board-only .maximize-button{top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));opacity:.6}.board-only .maximize-button:hover,.board-only .maximize-button:focus-visible{opacity:1}