:root{--bg: #0f172a;--bg2: #1e293b;--tile: #1e293b;--tile-marked: #4f46e5;--text: #f1f5f9;--muted: #94a3b8;--primary: #4f46e5;--primary-2: #6366f1;--danger: #f87171;--radius: 16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro,system-ui,sans-serif;overscroll-behavior:none}.screen{min-height:100%;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.center{align-items:center;justify-content:center;text-align:center}.muted{color:var(--muted)}.error{color:var(--danger)}.small{font-size:13px}.hero .logo{font-size:64px}.hero h1{margin:8px 0 4px;font-size:32px}.hero p{margin:0}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;background:var(--bg2);color:var(--text);font-size:16px;font-weight:600;padding:14px 20px;cursor:pointer;transition:transform .05s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-2))}.btn.big{width:100%;padding:18px;font-size:18px}.btn.small{padding:10px 14px;font-size:14px}.btn:disabled{opacity:.5}.btn.sticky{position:sticky;bottom:max(16px,env(safe-area-inset-bottom));margin-top:auto}.link{background:none;border:none;color:var(--primary-2);font-size:16px;font-weight:600;cursor:pointer}.join{display:flex;gap:8px;width:100%;max-width:360px}.code-input{flex:1;text-align:center;letter-spacing:6px;font-size:24px;font-weight:700;text-transform:uppercase}input{background:var(--bg2);border:1px solid #334155;border-radius:12px;color:var(--text);font-size:16px;padding:14px;width:100%}input:focus{outline:none;border-color:var(--primary-2)}.field{display:flex;flex-direction:column;gap:8px}.field>span{font-size:14px;color:var(--muted);font-weight:600}.event-list{display:flex;flex-direction:column;gap:8px}.segmented{display:flex;gap:8px}.seg{flex:1;padding:12px;border-radius:12px;border:1px solid #334155;background:var(--bg2);color:var(--text);font-weight:700;cursor:pointer}.seg.active{background:var(--primary);border-color:var(--primary)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.topbar h2{margin:0;font-size:18px}.room-title{display:flex;flex-direction:column;align-items:center;gap:2px}.code-pill{font-size:12px;letter-spacing:2px;color:var(--muted);font-weight:700}.room{gap:12px}.grid{display:grid;gap:8px;flex:1;align-content:start}.tile{position:relative;aspect-ratio:1;border:none;border-radius:var(--radius);background:var(--tile);color:var(--text);font-weight:600;padding:5px;container-type:inline-size;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;overflow:hidden;transition:background .2s ease,transform .08s ease}.tile:active{transform:scale(.96)}.tile-text{display:-webkit-box;-webkit-line-clamp:var(--tile-lines, 4);-webkit-box-orient:vertical;overflow:hidden;line-height:1.12;font-size:clamp(7px,15cqw,15px);overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.tile.marked{background:linear-gradient(135deg,var(--primary),var(--primary-2))}.tile.marked .tile-text{opacity:.92}.tile-check{position:absolute;top:6px;right:8px;font-size:14px;font-weight:800}.tile.flash{animation:pop .5s ease}@keyframes pop{0%{transform:scale(1);box-shadow:0 0 #6366f199}40%{transform:scale(1.06);box-shadow:0 0 0 10px #6366f100}to{transform:scale(1)}}.room-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:4px}.bingo-banner{position:fixed;top:max(16px,env(safe-area-inset-top));left:16px;right:16px;z-index:20;text-align:center;padding:16px;border-radius:16px;font-size:24px;font-weight:800;background:linear-gradient(135deg,#f59e0b,#ef4444);animation:drop .4s ease}@keyframes drop{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;z-index:30}.sheet{width:100%;background:var(--bg2);border-radius:24px 24px 0 0;padding:12px 20px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:12px;animation:sheetUp .25s ease}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:40px;height:4px;border-radius:2px;background:#475569}.sheet h3{margin:4px 0 0}.sheet p{margin:0;text-align:center}.qr{width:220px;height:220px;border-radius:12px;background:#fff;padding:8px}.code-big{font-size:28px;font-weight:800;letter-spacing:6px}.sheet-actions{display:flex;gap:8px;width:100%}.sheet-actions .btn{flex:1}.install-hint{background:var(--bg);border-radius:12px;padding:12px 14px;font-size:13px}.install-hint p{margin:6px 0 0;color:var(--muted);text-align:left}.close{margin-top:4px}