:root{font-family:ui-rounded,Trebuchet MS,system-ui,sans-serif;color-scheme:light;--surface: #fffaf6;--text: #342d48;--paper: #eeeaf7;--line: #d4cbdf;--muted: #695d7c;--accent: #7441a3;background:var(--paper);color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--surface: #141b33;--text: #f2e9ef;--paper: #0b1024;--line: #343b59;--muted: #adaac4;--accent: #ccb0ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#a7749b12,transparent 70%),var(--paper)}button,input{font:inherit}button{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;min-height:44px;padding:9px 15px;cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}:focus-visible{outline:3px solid #bd75d2;outline-offset:3px}[hidden]{display:none!important}.shell{width:min(100%,1040px);margin:auto;padding:14px 24px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.eyebrow{color:var(--muted);font-size:.6rem;letter-spacing:.18em;margin:0 0 5px}h1{font-size:clamp(2.2rem,6vw,3.8rem);letter-spacing:-.075em;line-height:1;margin:0;font-weight:550}h1 span{font-size:.7em;color:var(--accent);margin-left:.3em}.quiet{font-size:.8rem;background:transparent}.scoreboard{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;margin:20px 0 12px;gap:8px}.scoreboard>div:not(.turn){display:flex;align-items:center;gap:12px}.scoreboard .tide{justify-content:flex-end}.scoreboard span{font-size:.6rem;letter-spacing:.14em}.scoreboard strong{font-size:2rem;font-weight:500}.ember strong{color:#a6531b}.tide strong{color:#00798c}:root[data-theme=dark] .ember strong{color:#ffc477}:root[data-theme=dark] .tide strong{color:#79e5fa}.turn{text-align:center}.turn p{margin:0 0 3px;font-size:.92rem;font-weight:650}.turn small{font-size:.7rem;color:var(--muted)}main{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;align-items:start}.sky-wrap{position:relative;background:#080d20;border:1px solid #63617b;border-radius:24px;overflow:hidden;box-shadow:0 20px 80px #09092222}canvas{width:100%;aspect-ratio:10/9;display:block;touch-action:none}.sky-bottom{position:absolute;bottom:8px;left:17px;right:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;min-height:32px}.sky-bottom span{font-size:.62rem;color:#a8a5c4;letter-spacing:.05em}.sky-bottom button{pointer-events:auto;min-height:38px;background:#11182ddd;color:#f1e4ff;border-color:#625678;font-size:.7rem;padding:6px 10px}.console{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.modes{display:grid;gap:8px}.modes button{text-align:left}.adjust{display:grid;gap:10px;margin-top:20px}.adjust label{font-size:.72rem;color:var(--muted)}output{float:right;color:var(--text)}input[type=range]{width:100%;min-height:36px;accent-color:var(--accent);margin:0}.well-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.well-picker button{flex:1;padding:8px}.well-picker span{color:var(--muted);font-size:.75rem;line-height:1.5}#hint{font-size:.78rem;line-height:1.65;color:var(--muted);margin:15px 0}.commit{width:100%;background:#533873;color:#fff5ea;font-size:.82rem;font-weight:650;border-color:transparent;min-height:50px}:root[data-theme=dark] .commit{background:#cbb1f5;color:#20112f}#notice{font-size:.75rem;line-height:1.5;color:var(--accent);margin:10px 0 0}#notice:empty{display:none}.options{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.options button{background:transparent;font-size:.72rem;padding:8px 12px}details{border-top:1px solid var(--line);padding:14px 0;font-size:.84rem}summary{cursor:pointer;min-height:30px;font-weight:600}details p,details li{line-height:1.65;color:var(--muted)}details li{margin-bottom:8px}.small,#connection-status{font-size:.75rem;overflow-wrap:anywhere}footer{color:var(--muted);font-size:.7rem;margin-top:12px}a{color:inherit}@media(max-width:700px){.shell{padding:12px}main{grid-template-columns:1fr;gap:12px}.console{padding:12px}.modes{grid-template-columns:1fr 1fr}.modes button{text-align:center;padding:8px;font-size:.78rem}.adjust{grid-template-columns:1fr 1fr;margin-top:12px;gap:18px}.scoreboard{margin-top:16px}.scoreboard>div:not(.turn){gap:6px}.scoreboard strong{font-size:1.7rem}.scoreboard span{font-size:.52rem}#hint{margin:8px 0;font-size:.72rem}.sky-wrap{border-radius:17px}.eyebrow{font-size:.48rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.game-lobby{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem}.game-lobby>label,.game-lobby .invite-qr{flex:1 1 100%;min-width:0;margin:0}.game-lobby input,.game-lobby select{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:.5rem;margin-top:.4rem;font:inherit;background:var(--surface, var(--paper));color:var(--text, var(--ink));border:1px solid var(--line);border-radius:8px}.game-lobby .connection-notice{flex:1 1 100%;line-height:1.5;margin:0}.game-lobby[data-playing=true] .connection-notice{flex:1 1 12rem}.game-lobby .invite-qr img{display:block;max-width:min(100%,200px);height:auto}.game-lobby .invite-qr figcaption{margin-top:.4rem}