:root{color-scheme:dark;--paper:#101713;--ink:#e6eee5;--muted:#a9b6a9;--green:#9cccad;--line:#34483b;--light:#b6bea6;--dark:#75866f;--panel:#18231c;--field:#111b15;--input-border:#506252;--button-ink:#102117;--hero:#243a2b;--code:#121e17}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}header,main,footer{max-width:1120px;margin:auto;padding:24px 36px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:var(--green);text-underline-offset:4px}.brand{display:flex;gap:12px;align-items:center;font:38px Georgia,serif;text-decoration:none}.brand span{font-size:24px}.brand small{display:block;font:10px system-ui;text-transform:uppercase;letter-spacing:2px}nav{display:flex;gap:24px;font-size:14px}nav a{text-decoration:none}h1,h2{font-family:Georgia,serif;line-height:1.1;font-weight:400}h1{font-size:clamp(36px,5vw,64px);margin:16px 0 24px;letter-spacing:-2px}h2{font-size:30px;margin:10px 0 24px}p{color:var(--muted)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green)}.hero{display:grid;grid-template-columns:2fr 1fr;align-items:center;padding:44px 0 50px}.lede{max-width:460px;font-size:18px}.hero-piece{font-size:210px;text-align:center;background:radial-gradient(circle,var(--hero) 55%,transparent 56%);line-height:1.6;color:var(--green)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px}.create{display:grid;grid-template-columns:1fr 1fr;gap:60px}.create p{max-width:350px}.narrow{max-width:620px;margin:40px auto}.narrow h1{font-size:44px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:42px 0}.features b{font-size:13px}.features p{font-size:14px}form{display:grid;gap:16px}label{display:grid;gap:6px;font-size:13px;font-weight:600}input,select{padding:13px;border:1px solid var(--input-border);background:var(--field);border-radius:6px;width:100%;font:16px system-ui;color:var(--ink)}input:focus,select:focus{outline:2px solid var(--green);outline-offset:2px}button,.button{display:inline-flex;justify-content:space-between;gap:20px;align-items:center;background:var(--green);border:1px solid var(--green);border-radius:6px;padding:13px 20px;color:var(--button-ink);font:600 14px system-ui;cursor:pointer;text-decoration:none}.secondary{background:transparent;color:var(--green)}.notice{border-left:3px solid #bca870;padding-left:16px;font-size:14px}dt{font-size:12px;color:var(--muted);margin-top:18px}dd{margin:4px 0;font:18px ui-monospace,monospace;overflow-wrap:anywhere}.room-heading{display:flex;align-items:center;justify-content:space-between}.room-heading h1{font-size:42px}.badge{font-size:13px;border:1px solid var(--line);padding:8px 16px;border-radius:30px}.game-grid{display:grid;grid-template-columns:minmax(0,640px) minmax(240px,1fr);gap:28px;align-items:start}.board{display:grid;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,1fr);border:8px solid var(--line);border-radius:5px;overflow:hidden;aspect-ratio:1}.square{min-height:0;min-width:0;line-height:1;aspect-ratio:1;background:var(--light);position:relative;display:flex;align-items:center;justify-content:center;border:0;border-radius:0;padding:0}.square.dark{background:var(--dark)}.piece{font-family:Georgia,'Segoe UI Symbol',serif;font-size:clamp(24px,5vw,56px);color:#162b20;text-shadow:0 1px 1px #fff8}.square.w .piece{color:#fffefa;text-shadow:1px 1px 0 #263e2e,-1px -1px 0 #263e2e,1px -1px 0 #263e2e,-1px 1px 0 #263e2e}.coord{position:absolute;left:4px;bottom:0;font-size:9px;color:#16291b}.player{border-bottom:1px solid var(--line);padding-bottom:14px;font-size:13px}.player strong{display:block;color:var(--ink);font-size:18px}footer{margin-top:40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between}@media(max-width:720px){header,main,footer{padding:20px}nav{gap:12px;font-size:12px}.brand span{font-size:19px}.hero{grid-template-columns:1fr}.hero-piece{display:none}.create{grid-template-columns:1fr;gap:12px}.features{gap:20px}.game-grid{grid-template-columns:1fr}.piece{font-size:8vw}.room-heading{gap:10px}.badge{white-space:nowrap}.panel{padding:22px}footer{display:block}.narrow h1{font-size:36px}}@media(max-width:420px){header{align-items:start}nav{flex-direction:column;gap:4px}.features{grid-template-columns:1fr;gap:8px}}
.square-button{position:relative;width:100%;height:100%;border:0;border-radius:0;background:transparent;padding:0;justify-content:center}.square:disabled{cursor:default;opacity:1}.selected{box-shadow:inset 0 0 0 4px #cdb567}.target-dot{position:absolute;width:20%;height:20%;border-radius:50%;background:#21483377}.legal:hover{box-shadow:inset 0 0 0 4px #335d48}.history{max-height:240px;overflow:auto;padding-left:24px;font-family:ui-monospace,monospace}.history li{padding:3px}.history small{color:var(--muted)}.board-caption{font-size:13px}.square:focus-visible{outline:3px solid #c98038;outline-offset:-3px;z-index:1}
pre{background:var(--code);padding:20px;border-radius:8px;overflow:auto;font:13px/1.7 ui-monospace,monospace}code{font-size:.9em}.docs{max-width:850px;margin:35px auto}.docs h2{margin-top:40px}

input::placeholder{color:var(--muted);opacity:1}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:3px}.square:focus-visible,.square-button:focus-visible{outline:3px solid #e7bd63;outline-offset:-3px;z-index:1}