:root{--bg: #10131a;--panel: #181d27;--line: #2a3140;--text: #e6e9ef;--muted: #97a1b4;--accent: #6ea8fe;--good: #59c88a;--bad: #e06a6a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.screen{max-width:1000px;margin:0 auto;padding:24px 16px 64px}.screen--lobby{max-width:520px}h1{font-size:1.6rem;margin:0 0 4px}h2{font-size:1.15rem;margin:0 0 8px}h3{font-size:.95rem;margin:0 0 10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.lead,.hint{color:var(--muted);font-size:.9rem}.hint{margin:8px 0 0}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:16px}label{display:block;margin-bottom:12px;font-size:.9rem;color:var(--muted)}input,select{width:100%;margin-top:4px;padding:9px 10px;border-radius:8px;border:1px solid var(--line);background:#0d1017;color:var(--text);font-size:1rem}.row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.row input,.row select{margin-top:0}.row input[type=checkbox]{width:auto}.row input:not([type=checkbox]),.row select{flex:1 1 0;min-width:0;width:auto}button,input,select,textarea{font-family:inherit}button{padding:9px 14px;border-radius:8px;border:1px solid var(--line);background:#222a38;color:var(--text);font-size:.95rem;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#06101f;font-weight:600}button.link{background:none;border:none;color:var(--accent);padding:0;margin-bottom:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.presets{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.chip{font-size:.8rem;padding:5px 9px}.icon{padding:9px 11px;line-height:1}.hint+button,.hint+label{margin-top:12px}.rooms__list{list-style:none;margin:0 0 4px;padding:0;max-height:40vh;overflow-y:auto}.rooms__list li{margin-bottom:6px}.room{display:flex;align-items:center;gap:8px;width:100%;text-align:left}.room--picked{border-color:var(--accent)}.room__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error{color:var(--bad);font-size:.9rem}.notice{color:var(--accent);font-size:.9rem}.banner{background:#3a2b12;border:1px solid #6b4f1d;color:#f0cd8a;padding:8px 12px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.room__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 16px;margin-bottom:16px}.room__head>div:first-child{flex:1 1 260px;min-width:0;overflow-wrap:anywhere}.room__head .actions button{white-space:nowrap}.room__grid>*{min-width:0}.room__grid{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}@media (max-width: 780px){.room__grid{grid-template-columns:1fr}}.players{list-style:none;margin:0 0 16px;padding:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.player{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line)}.player:last-child{border-bottom:none}.player--me{background:#1f2634}.player__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.player__score{font-weight:700}.dot{width:8px;height:8px;border-radius:50%;flex:none}.dot--on{background:var(--good)}.dot--off{background:#55606f}.tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:999px;background:#2a3140;color:var(--muted)}.tag--master{background:#3a2f13;color:#f0cd8a}.tag--turn{background:#14372a;color:var(--good)}.history__head{display:flex;justify-content:space-between;align-items:center;gap:12px}.history__list{list-style:none;margin:12px 0 0;padding:0;max-height:52vh;overflow-y:auto}.history__row{display:flex;gap:12px;padding:10px 4px;border-bottom:1px solid var(--line)}.history__row:last-child{border-bottom:none}.history__n{color:var(--muted);font-variant-numeric:tabular-nums;min-width:20px}.history__main{display:flex;flex-direction:column;gap:2px;min-width:0}.history__word{font-size:1.05rem}.history__main .hint{margin:0}.ranking{margin:0;padding-left:20px}.ranking li{display:flex;justify-content:space-between;padding:4px 0}.reveal{font-size:1.2rem}.advanced{border-top:1px solid var(--line);padding-top:12px}.board__status{font-size:1.1rem;font-weight:600;margin:0 0 12px}.player__swatch{width:12px;height:12px;border-radius:3px;flex:none;margin:0 2px}.panel--host>button,.panel--host>.actions{margin-bottom:8px}.panel--host>button{margin-right:8px}.panel--host>.actions+.hint,.panel--host>button+.hint{margin-top:0}.player__symbol{font-weight:700;min-width:1.2em;text-align:center}.grid{display:grid;gap:4px;width:min(100%,560px);aspect-ratio:1;margin:0 auto}.cell{padding:0;aspect-ratio:1;min-width:0;display:flex;align-items:center;justify-content:center;font-size:calc(55cqi / var(--n, 3));font-weight:700;line-height:1;background:#0d1017;border-radius:6px}.grid{container-type:inline-size}.cell:disabled{opacity:1;cursor:default}.grid--mine .cell:not(:disabled):hover{background:#1f2634;border-color:var(--accent)}.cell--last{border-color:var(--muted)}.cell--win{background:#14372a;border-color:var(--good)}h4{font-size:.85rem;margin:0 0 8px;color:var(--muted)}.bots{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.bots .row select{flex:1}.bots__list{list-style:none;margin:0;padding:0}.bots__list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0}.tag--bot{background:#2b2440;color:#c792ea}.board{display:flex;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}.board__main{flex:1;min-width:0}.gallows{width:130px;height:150px;color:var(--muted);flex:none}.category{color:var(--muted);margin:0 0 12px}.lives{margin:12px 0 0}.wrong{color:var(--bad);font-size:.9rem;margin:6px 0 0}.slots{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;font-size:1.5rem}.word{display:flex;flex-wrap:wrap;gap:10px 6px;max-width:100%}.slot{min-width:26px;text-align:center;padding-bottom:3px;border-bottom:2px solid var(--line);font-variant:small-caps}.slot--empty{color:transparent}.slot--fixed,.slot--filled{border-bottom-color:var(--accent)}.keyboard{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:12px}.key{padding:8px 0;font-size:.9rem}.key--hit{background:#14372a;border-color:#1f5a42}.key--wrong{background:#3a1c1c;border-color:#6b2b2b}@media (max-width: 640px){.board{flex-direction:column;gap:12px}.gallows{width:108px;height:124px}.slots{font-size:1.3rem;gap:8px 16px}.slot{min-width:22px}.word{gap:8px 5px}}.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:16px}.game{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px}.game .hint{margin:0}.game--picked{border-color:var(--accent);background:#1f2634}.eyebrow{margin:0;color:var(--accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.dots{--edge: 18px;display:grid;width:min(100%,520px);aspect-ratio:1;margin:0 auto}.dot-point{background:var(--text);border-radius:50%;margin:4px}.edge{padding:0;border:0 solid var(--panel);border-radius:0;background:#262d3b;min-width:0;min-height:0}.edge--h{border-width:6px 0}.edge--v{border-width:0 6px}.edge:disabled{opacity:1;cursor:default}.dots--mine .edge:not(:disabled):hover{background:var(--accent)}.edge--last{border-color:#4a5467}.box{display:flex;align-items:center;justify-content:center;font-weight:700;color:#06101f}.box--taken{opacity:.75}.naval__seas{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.naval__sea h3{margin-bottom:6px}.naval__placing{display:grid;gap:12px;max-width:420px}.naval__verdicts{margin:12px 0 0;padding-left:18px}.sea{display:grid;gap:2px;width:100%;aspect-ratio:1}.sea-cell{padding:0;min-width:0;aspect-ratio:1;border-radius:3px;background:#10233a;border-color:#1b3656;font-size:.8rem;line-height:1}.sea-cell:disabled{opacity:1;cursor:default}.sea--target .sea-cell:not(:disabled):hover{background:#1d4a7a;border-color:var(--accent)}.sea-cell--ship{background:#55606f;border-color:#6d7888}.sea-cell--miss{color:var(--muted)}.sea-cell--hit{background:#6b2b2b;border-color:var(--bad);color:#fff}.sea-cell--sunk{background:#3a1c1c;border-color:#6b2b2b}.sea-cell--pending{box-shadow:0 0 0 2px var(--accent)}.sea--placing .sea-cell{touch-action:manipulation}.sea-cell--preview{background:#1d4a7a;border-color:var(--accent)}.sea-cell--blocked{background:#4a2323;border-color:var(--bad)}.naval__ships{display:flex;gap:6px;flex-wrap:wrap}.naval__ship{display:inline-flex;gap:2px;align-items:center;padding:6px 8px}.naval__ship span{width:10px;height:10px;border-radius:2px;background:#6d7888}.naval__ship--picked{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.naval__ship--placed{opacity:.35}