:root{--bg: #e3b078;--panel: #f3eee4f2;--slate: #26262b;--accent: #e8564e;--good: #2e8b4f;--bad: #c9372c;--text: #26262b;--line: #26262b22}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:url(/assets/img/title.jpg) center / cover no-repeat,var(--bg)}.overlay.title-screen{flex-direction:column;justify-content:flex-start;padding-top:5vh}.title-hero{text-align:center;margin-bottom:3vh}.game-title{font-size:clamp(38px,6.5vw,68px);font-weight:800;color:var(--slate);letter-spacing:-1.5px;text-shadow:0 2px 0 #fffdf8}.tagline{font-size:19px;color:var(--slate);opacity:.75;margin-top:8px}.panel{background:var(--panel);border:2px solid var(--slate);border-radius:18px;box-shadow:0 14px 40px #26262b33;padding:30px 34px;width:min(480px,92vw);max-height:90vh;overflow-y:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel h1{font-size:34px;margin-bottom:6px;color:var(--slate);letter-spacing:-.5px}.panel h2{font-size:26px;margin-bottom:12px;color:var(--slate)}.panel p.sub{opacity:.75;margin-bottom:18px;font-size:17px}.field{margin-bottom:16px}.field label{display:block;font-size:15px;opacity:.8;margin-bottom:6px}input[type=text],select,textarea{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:#fffdf8;color:var(--text);font-size:17px;font-family:inherit}textarea{min-height:64px;resize:vertical}button{cursor:pointer;border:none;border-radius:12px;padding:13px 18px;font-size:19px;font-weight:700;background:var(--accent);color:#fffdf8;width:100%;margin-top:6px}button:hover{filter:brightness(1.08)}button.secondary{background:var(--slate);color:#f3eee4}button:disabled{opacity:.5;cursor:default}.playerlist{list-style:none;margin:10px 0 16px}.playerlist li{padding:8px 12px;border-radius:10px;background:#fffdf8;border:1px solid var(--line);margin-bottom:6px;display:flex;align-items:center;gap:10px;font-size:17px}.playerlist .dot{width:13px;height:13px;border-radius:50%;border:1px solid #26262b33}.playerlist .host-tag{margin-left:auto;font-size:12px;font-weight:700;letter-spacing:1px;color:var(--accent)}.sharebox{display:flex;gap:8px;margin-bottom:6px}.sharebox input{flex:1;font-size:15px}.sharebox button{width:auto;margin:0;padding:10px 16px;font-size:15px}#hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 18px;gap:12px}.hud-card{background:var(--panel);border:2px solid var(--slate);border-radius:14px;padding:12px 16px;box-shadow:0 6px 18px #26262b26}#hud-words{min-width:170px}#hud-words .ttl{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.65;margin-bottom:6px}#hud-words .w{font-size:19px;letter-spacing:1px;padding:2px 0;text-transform:lowercase}#hud-words .w.found{color:var(--good);text-decoration:line-through}#hud-timer{font-size:34px;font-variant-numeric:tabular-nums;text-align:center}#hud-timer.low{color:var(--bad)}#hud-timer.won{color:var(--good)}#hud-timer .round{display:block;font-size:13px;opacity:.7}#hud-actions{text-align:center}#hud-actions .n{font-size:30px;font-weight:700;color:var(--accent)}#hud-actions .lbl{font-size:13px;opacity:.7}#banner{position:absolute;top:34%;left:0;right:0;text-align:center;font-size:clamp(30px,6vw,58px);font-weight:800;color:var(--slate);text-shadow:0 2px 0 #f3eee4,0 6px 22px #26262b55;pointer-events:none}#banner.good{color:var(--good)}#banner.bad{color:var(--bad)}#hint{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:17px;font-weight:600;opacity:.85;pointer-events:none;color:var(--slate);text-shadow:0 1px 4px #f3eee4aa}.muted{font-size:15px;opacity:.65;margin-top:10px}.error{color:var(--bad);font-size:16px;margin-top:8px}