:root{--bg:#1b1d22;--panel:#1c1e24eb;--panel-solid:#24272e;--line:#ffffff14;--text:#f2efe8;--muted:#a9adb6;--accent:#f0c46a;--red:#d84a3a;--red-dark:#9c2f24;--blue:#4e8ef7;--purple:#8b5cf6;--green:#4caf7d;--white-ring:#fff;--radius:18px;--shadow:0 10px 30px #00000059;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font:"Rubik", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--display:"Rubik Mono One", "Impact", "Arial Black", var(--font);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;margin:0;font-size:16px;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}#app{flex-direction:column;display:flex;position:fixed;inset:0}#stage{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.screen{padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);-webkit-overflow-scrolling:touch;background:radial-gradient(120% 80% at 50% 0,#3a3f4b 0%,#1b1d22 60%);flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden auto}.screen.transparent{pointer-events:none;background:0 0}.screen.transparent>*{pointer-events:auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:440px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:14px;padding:18px}.logo{font-family:var(--display);letter-spacing:.02em;text-align:center;color:#f4e2b8;text-shadow:0 3px #7a2a20,0 10px 24px #00000080;margin:24px 0 6px;font-size:clamp(38px,11vw,56px);line-height:.95}.tagline{color:var(--muted);text-align:center;max-width:320px;margin:0 0 22px;font-size:14px}.btn{width:100%;min-height:52px;color:var(--text);background:#3a3f4b;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:17px;font-weight:600;transition:transform 80ms,background .15s,opacity .15s;display:flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45}.btn.primary{color:#fff8ef;background:linear-gradient(#e25b47,#b8352a);box-shadow:0 6px #7a2118}.btn.primary:active{transform:translateY(3px);box-shadow:0 2px #7a2118}.btn.accent{color:#3a2a06;background:linear-gradient(#f3cf7b,#d9a63a);box-shadow:0 5px #8b6614}.btn.ghost{border:1px solid var(--line);background:0 0}.btn.small{width:auto;min-height:40px;padding:0 14px;font-size:15px}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.stack>*+*{margin-top:10px}.field{border:1px solid var(--line);background:#00000040;border-radius:12px;outline:none;width:100%;min-height:48px;padding:0 14px;font-size:17px}.field:focus{border-color:var(--accent)}.field.code{text-transform:uppercase;letter-spacing:.25em;font-family:var(--display);text-align:center;font-size:22px}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:13px}.title{font-family:var(--display);letter-spacing:.02em;margin:0 0 12px;font-size:22px}.muted{color:var(--muted)}.grid-items{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.item-card{min-height:96px;color:var(--text);background:#ffffff0f;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;display:flex;position:relative}.item-card .icon{width:46px;height:46px}.item-card .name{text-align:center;font-size:11px;line-height:1.15}.item-card.selected{border-color:var(--accent);background:#f0c46a29}.item-card.taken,.item-card.locked{opacity:.5}.item-card .badge{background:var(--red);color:#fff;letter-spacing:.04em;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:6px;right:6px}.item-card.locked .badge{background:#555b66}.players{flex-direction:column;gap:8px;display:flex}.player-row{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.player-row .icon{width:34px;height:34px}.player-row .nick{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.player-row .state{color:var(--muted);font-size:12px}.player-row.ready .state{color:var(--green)}.player-row.offline{opacity:.5}.seg{background:#00000040;border-radius:12px;gap:3px;padding:3px;display:flex}.seg button{min-height:40px;color:var(--muted);border-radius:9px;flex:1;font-weight:600}.seg button.active{color:var(--text);background:#454b58}.code-big{font-family:var(--display);letter-spacing:.22em;text-align:center;color:var(--accent);padding-left:.22em;font-size:40px}.qr{background:#fff;border-radius:10px;width:132px;height:132px;padding:6px}.qr canvas,.qr img{width:100%;height:100%;display:block}.hud{pointer-events:none;padding:calc(var(--safe-top) + 8px) 10px calc(var(--safe-bottom) + 10px);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.rival-card{background:var(--panel);border:1px solid var(--line);min-width:96px;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;display:flex}.rival-card .caption{font-family:var(--display);letter-spacing:.08em;color:#f7f1e4;font-size:13px}.rival-card .icon{background:#f4efe6;border-radius:12px;width:58px;height:58px;padding:4px}.rival-card .item-name{color:var(--red);text-transform:uppercase;letter-spacing:.04em;text-align:center;max-width:110px;font-size:12px;font-weight:700}.rival-card.flash{animation:.6s flash}@keyframes flash{0%{box-shadow:0 0 #f0c46ae6}to{box-shadow:0 0 0 18px #f0c46a00}}.timer-box{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.timer{font-family:var(--display);background:var(--panel);border:1px solid var(--line);text-align:center;min-width:96px;box-shadow:var(--shadow);border-radius:14px;padding:4px 12px;font-size:28px}.timer.frenzy{color:#ffd27a;border-color:#f0c46a;animation:.9s ease-in-out infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.score{font-family:var(--display);color:var(--accent);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:3px 10px;font-size:18px}.frenzy-label{letter-spacing:.08em;color:#ffd27a;text-transform:uppercase;font-size:11px;font-weight:700}.hud-bottom{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.hud-btn{color:#fff;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:transform 80ms,filter .15s;display:flex;position:relative}.hud-btn:active{transform:scale(.95)}.hud-btn:disabled{filter:grayscale(.6)brightness(.6)}.hud-btn svg{width:60%;height:60%}.hud-btn .lbl{font-family:var(--display);letter-spacing:.06em;font-size:11px}.side-eye{background:linear-gradient(#8b5cf6,#5b3aa8);width:78px;height:92px}.side-eye .cooldown{background:conic-gradient(#0000008c var(--p,0%), transparent 0);pointer-events:none;border-radius:18px;position:absolute;inset:0}.brain{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex}.brain .lbl{font-family:var(--display);letter-spacing:.1em;color:#d6d9e0;font-size:11px}.brain-slots{gap:6px;display:flex}.brain-slot{color:#fff;background:linear-gradient(#5d90b8,#3b6a90);border-radius:14px;justify-content:center;align-items:center;width:58px;height:66px;transition:transform .12s;display:flex;position:relative;overflow:hidden}.brain-slot svg{width:62%;height:62%}.brain-slot.busy{filter:brightness(.7)}.brain-slot.busy:after{content:"";height:var(--p,0%);background:#ffffff38;position:absolute;bottom:0;left:0;right:0}.brain-slot.fresh{animation:.35s pop}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.08)}to{transform:scale(1)}}.beef{background:linear-gradient(#e25b47,#a52d23);border:2px solid #ffffff26;width:92px;height:92px}.beef:not(:disabled){animation:.8s ease-in-out infinite alternate beefReady}@keyframes beefReady{0%{box-shadow:var(--shadow), 0 0 0 0 #e25b4799}to{box-shadow:var(--shadow), 0 0 0 10px #e25b4700}}.beef .lbl{font-size:14px}.center-note{font-family:var(--display);color:#fff;text-shadow:0 3px 12px #0009;text-align:center;pointer-events:none;padding:0 16px;font-size:clamp(20px,6vw,32px);position:absolute;top:18%;left:50%;transform:translate(-50%)}.event-feed{left:50%;top:calc(var(--safe-top) + 108px);pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:100%;padding:0 16px;display:flex;position:absolute;transform:translate(-50%)}.event-item{border:1px solid var(--line);opacity:0;text-align:center;background:#14161ad9;border-radius:12px;padding:6px 14px;font-size:15px;font-weight:700;transition:opacity .25s,transform .25s;transform:translateY(-6px)}.event-item.show{opacity:1;transform:translateY(0)}.event-item.good{color:#ffd27a}.event-item.bad{color:#ff8b7a}.event-item.info{color:#cfe0ff}.overlay-note{font-family:var(--display);text-align:center;pointer-events:auto;background:#00000073;justify-content:center;align-items:center;padding:24px;font-size:22px;display:flex;position:absolute;inset:0}.results-table{border-collapse:collapse;width:100%;font-size:14px}.results-table th,.results-table td{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px}.results-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.results-table td.num,.results-table th.num{text-align:right;font-variant-numeric:tabular-nums}.results-table tr.me td{color:var(--accent)}.results-table .icon{vertical-align:middle;width:26px;height:26px}.replay-list{flex-direction:column;gap:8px;display:flex}.replay-row{color:var(--text);text-align:left;background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.replay-row .kind{font-family:var(--display);min-width:78px;font-size:12px}.replay-row .kind.success{color:#ffd27a}.replay-row .kind.dumb{color:#b7bcc7}.replay-row .kind.afk{color:#9fc3ff}.replay-row .who{flex:1;font-size:13px}.replay-row .pts{font-variant-numeric:tabular-nums;font-weight:700}.reward-banner{background:linear-gradient(90deg,#f0c46a40,#0000);border:1px solid #f0c46a66;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.reward-banner .icon{width:42px;height:42px}.director{pointer-events:none;padding:calc(var(--safe-top) + 10px) 12px calc(var(--safe-bottom) + 12px);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.director>*{pointer-events:auto}.caption{border:1px solid var(--line);text-align:center;background:#14161ad9;border-radius:14px;align-self:center;max-width:90%;padding:8px 16px;font-size:clamp(14px,4vw,20px);font-weight:700;transition:opacity .3s}.caption.big{font-family:var(--display);color:#ffd27a;border-color:#f0c46a80;font-size:clamp(22px,7vw,40px)}.director-top{flex-wrap:wrap;align-items:center;gap:8px}.director-title{text-overflow:ellipsis;white-space:nowrap;color:#f4e2b8;flex:120px;min-width:0;font-weight:700;overflow:hidden}.director-expires{white-space:nowrap;font-size:12px}.director-controls{background:var(--panel);border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px;padding:8px 10px;display:flex}.director-controls input[type=range]{accent-color:var(--accent);flex:1}.director-controls .icon-btn{color:#fff;background:#3a3f4b;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.director-controls .icon-btn svg{width:20px;height:20px}.toasts{left:50%;bottom:calc(var(--safe-bottom) + 24px);z-index:50;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;transform:translate(-50%)}.toast{border:1px solid var(--line);opacity:0;background:#2f333d;border-radius:12px;padding:8px 14px;font-weight:600;transition:opacity .2s,transform .2s;transform:translateY(8px)}.toast.show{opacity:1;transform:translateY(0)}.toast-good{color:#9ee3b6}.toast-bad{color:#ff9a8c}.topbar{align-items:center;gap:10px;width:100%;max-width:440px;margin-bottom:12px;display:flex}.topbar .title{flex:1;margin:0}.icon-btn{color:#fff;background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.icon-btn svg{width:22px;height:22px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{text-align:center;background:#ffffff0d;border-radius:12px;padding:10px}.stat .v{font-family:var(--display);color:var(--accent);font-size:20px}.stat .k{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.preview{background:radial-gradient(80% 80% at 50% 30%,#4b5261 0%,#262a33 100%);border-radius:14px;width:100%;height:220px;overflow:hidden}.preview canvas{width:100%;height:100%;display:block}.hidden{display:none!important}.help-list p{margin:0 0 10px;line-height:1.4}.help-list b{color:var(--accent)}.chip{background:#ffffff14;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.desktop-note{display:none}@media (min-width:900px) and (min-aspect-ratio:1){.hud{max-width:560px;margin:0 auto}}@media (prefers-reduced-motion:reduce){.beef:not(:disabled),.timer.frenzy{animation:none}}