:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f3f0e8;background:#101a25;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 17% 8%,#27394a 0,transparent 35%),#101a25}button{font:inherit;cursor:pointer}button:focus-visible,canvas:focus-visible{outline:3px solid #e5b86b;outline-offset:3px}.shell{max-width:1370px;min-height:100vh;margin:auto;padding:22px 28px 12px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.brand{display:flex;gap:13px;align-items:center}.brand strong{display:block;letter-spacing:.2em;font-size:19px;line-height:1.1}.brand small{display:block;color:#a5b3bc;font-size:11px;letter-spacing:.17em;text-transform:uppercase;margin-top:5px}.brand-mark{width:34px;height:34px;display:grid;grid-template-columns:repeat(3,8px);grid-template-rows:repeat(3,8px);gap:4px;transform:rotate(-8deg)}.brand-mark i{background:#dcb978;border-radius:50%;box-shadow:0 1px 4px #0006}.brand-mark i:nth-child(2){grid-column:3}.brand-mark i:nth-child(3){grid-column:2}.brand-mark i:nth-child(4){grid-column:1}.brand-mark i:nth-child(5){grid-column:3}.top-actions{display:flex;gap:8px}.icon-btn,.close{border:1px solid #455564;background:#1d2d3c;color:#eee4d2;border-radius:10px;min-width:39px;height:39px;font-weight:700}.icon-btn:hover,.close:hover,.tool-grid button:hover{background:#31475a}.layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:25px;align-items:start}.play-area{min-width:0}.board-head,.board-foot{display:flex;justify-content:space-between;align-items:end}.board-head{padding:2px 2px 14px}.eyebrow{display:block;color:#d6ae70;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.board-head h1{font-size:27px;letter-spacing:-.03em;margin:5px 0 0}.pill{background:#28483e;color:#b9ead0;border:1px solid #477363;border-radius:30px;padding:8px 12px;font-size:12px;font-weight:700}.board-frame{width:min(100%,750px);aspect-ratio:1;margin:auto;padding:10px;border-radius:20px;background:#c89357;box-shadow:0 20px 55px #0007,inset 0 2px 2px #f4d49b;border:1px solid #efc584}canvas{display:block;width:100%;height:100%;border-radius:12px;background:#dbad70;touch-action:none;cursor:crosshair}.board-foot{padding:13px 4px 3px;align-items:center;gap:12px}.status{font-size:14px;font-weight:700;min-height:22px}.timer{font-variant-numeric:tabular-nums;color:#b7c4c9;font-size:13px}.sidebar{display:grid;gap:15px;padding-top:1px}.panel{background:#1a2a38;border:1px solid #354856;border-radius:17px;padding:18px;box-shadow:0 8px 24px #0002}.hero-panel{background:linear-gradient(150deg,#263d43,#1b2d3a 70%)}.panel h2{font-size:17px;margin:0;letter-spacing:-.02em}.hero-panel h2{font-size:28px;line-height:1.08;margin:10px 0}.hero-panel p{color:#bccbc9;font-size:13px;line-height:1.55;margin:0 0 18px}.primary{width:100%;background:#e5b76e;color:#172432;border:0;border-radius:10px;padding:12px 16px;font-weight:800;box-shadow:inset 0 1px #ffe2aa}.primary:hover{background:#f2c986}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.turn-dot{height:9px;width:9px;border-radius:50%;background:#d6aa64;box-shadow:0 0 12px #d6aa64}.player-row{display:flex;gap:10px;align-items:center;padding:9px;border-radius:11px;border:1px solid transparent}.player-row.active{background:#293c49;border-color:#506a76}.player-row>div{flex:1}.player-row strong,.player-row small{display:block}.player-row strong{font-size:13px}.player-row small{font-size:11px;color:#95a9b2;margin-top:2px}.stone{height:26px;width:26px;border-radius:50%;flex:0 0 26px}.stone.black{background:radial-gradient(circle at 35% 28%,#59616a,#121820 70%);box-shadow:1px 2px 3px #0007}.stone.white{background:radial-gradient(circle at 35% 27%,#fff,#d1d7d8 70%);box-shadow:1px 2px 3px #0005}.score{color:#d6b271;font-size:16px;font-weight:800}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-grid button,.secondary{background:#243747;border:1px solid #496070;color:#f1efe8;border-radius:9px;padding:10px;font-size:13px;font-weight:700}.tool-grid button:disabled{opacity:.42;cursor:default}.side-note{color:#9eafb5;font-size:12px;line-height:1.55;margin:0 6px}footer{padding:20px 0 0;color:#79909c;text-align:center;font-size:11px}footer span{margin:0 3px}.overlay{position:fixed;inset:0;z-index:10;background:#0a121bd9;display:grid;place-items:center;padding:18px;overflow-y:auto}.overlay.hidden{display:none}.modal{position:relative;background:#1d2f3c;color:#f7f0e5;border:1px solid #557080;border-radius:19px;box-shadow:0 24px 80px #000b;width:min(100%,475px);max-height:calc(100vh - 36px);overflow-y:auto;padding:29px}.close{position:absolute;right:13px;top:13px;font-size:24px;line-height:25px}.modal .eyebrow{margin-bottom:10px}.modal h2{font-size:31px;line-height:1.08;margin:0 32px 12px 0}.modal p{color:#bdcbd0;line-height:1.55;font-size:14px}.modal .section-label{display:block;margin:20px 0 9px;color:#e1bb81;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice-grid.two{grid-template-columns:repeat(2,1fr)}.choice{min-height:51px;background:#273c4c;border:1px solid #536b78;color:#ecf1ed;border-radius:10px;padding:9px;font-weight:700;font-size:13px}.choice.selected{border-color:#f5c678;background:#5a4a38;color:#ffdfaa}.modal-actions{display:flex;gap:9px;margin-top:22px}.modal-actions button{flex:1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:19px 0}.stat{background:#273d4b;border-radius:10px;padding:11px;text-align:center}.stat strong{display:block;font-size:20px;color:#e4bc79}.stat small{display:block;font-size:11px;color:#b5c5c8;margin-top:4px}.rules-list{padding-left:20px;color:#c6d1d3;line-height:1.6;font-size:14px}.credit{font-size:12px;color:#9db0ba;margin-top:25px;border-top:1px solid #435968;padding-top:13px}.notice{padding:10px;border-radius:9px;background:#29453d;color:#c2e9d8;font-size:12px!important}.result-mark{font-size:49px;color:#e8bd76;line-height:1;margin-bottom:10px}@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{grid-template-columns:repeat(2,1fr)}.side-note{grid-column:1/-1}.shell{max-width:780px}}@media(max-width:550px){.shell{padding:13px 12px 9px}.topbar{margin-bottom:15px}.brand strong{font-size:16px}.brand small{font-size:9px}.layout{gap:17px}.board-head h1{font-size:22px}.board-head{padding-bottom:10px}.pill{font-size:10px;padding:6px 8px}.board-frame{padding:6px;border-radius:12px}.board-foot{font-size:12px;padding-top:10px}.sidebar{grid-template-columns:1fr 1fr;gap:9px}.hero-panel{grid-column:1/-1}.hero-panel h2{font-size:23px}.hero-panel p{margin-bottom:12px}.panel{padding:13px}.panel h2{font-size:14px}.player-row{padding:5px 0;gap:6px}.stone{height:19px;width:19px;flex-basis:19px}.player-row strong{font-size:11px}.player-row small{font-size:10px}.score{font-size:13px}.tool-grid{gap:5px}.tool-grid button{padding:9px 4px;font-size:11px}.side-note{font-size:11px}.modal{padding:23px 19px}.modal h2{font-size:27px}}@media(max-width:370px){.sidebar{grid-template-columns:1fr}.hero-panel{grid-column:auto}.board-head h1{font-size:20px}}@media(prefers-reduced-motion:no-preference){.stone,.choice,.primary,.tool-grid button{transition:background .15s,transform .15s}.primary:active,.choice:active{transform:scale(.98)}}