@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-dark:#07090b;--bg-gradient:radial-gradient(circle at top right, #132420 0%, #07090b 60%);--accent:#10b981;--accent-glow:#10b98180;--accent-bright:#34d399;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-bg:#ffffff0a;--glass-border:#ffffff14;--glass-shadow:0 12px 40px #0006;color:var(--text-main);background:var(--bg-dark);background-image:var(--bg-gradient);font-synthesis:none;background-attachment:fixed;min-height:100vh;font-family:Inter,system-ui,sans-serif}@keyframes pulseLive{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes scoreChange{0%{color:var(--accent-bright);transform:scale(1)}50%{color:#fff;text-shadow:0 0 20px var(--accent-glow);transform:scale(1.15)}to{color:#0000;transform:scale(1)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow-x:hidden}button{color:inherit;cursor:pointer;font:inherit;border:0;transition:all .25s cubic-bezier(.2,.8,.2,1)}button:hover:not(:disabled){filter:brightness(1.25);transform:translateY(-2px)}button:active:not(:disabled){filter:brightness(.9);transform:translateY(1px)}h1,h2,h3,strong,b{font-family:Outfit,sans-serif}.shell{flex-direction:column;gap:24px;max-width:760px;min-height:100vh;margin:0 auto;padding:24px 16px;display:flex}.empty{text-align:center;place-content:center;min-height:100vh;display:grid}.empty h1{background:linear-gradient(90deg,#fff,#a7f3d0);color:#0000;-webkit-background-clip:text;margin:18px 0 10px;font-size:clamp(2.5rem,8vw,4rem);font-weight:900;line-height:1.1}.empty p,.muted{color:var(--text-muted);font-size:1.1rem}.setup-shell{justify-content:center;max-width:560px;padding-top:5vh}.setup-card,.organizer-controls,.scoreboard,.replay-card,.event,.tab-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.setup-card{text-align:center;padding:40px}.setup-card h1{background:linear-gradient(90deg,#fff,#a7f3d0);color:#0000;-webkit-background-clip:text;margin:8px 0;font-size:42px;line-height:1.1}.setup-card form{text-align:left;flex-direction:column;gap:20px;margin-top:32px;display:flex}.setup-card label{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;gap:10px;font-size:13px;font-weight:800;display:grid}.setup-card input{color:var(--text-main);font:inherit;text-transform:none;background:#0009;border:1px solid #ffffff26;border-radius:14px;padding:16px 20px;font-size:16px;transition:all .2s}.setup-card input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:#000c;outline:none}.setup-card button{background:linear-gradient(135deg, var(--accent) 0%, #059669 100%);box-shadow:0 4px 20px var(--accent-glow);text-transform:uppercase;letter-spacing:.1em;border-radius:14px;margin-top:12px;padding:18px;font-size:16px;font-weight:800}.created-game{gap:16px;margin-top:24px;display:grid}.created-game strong{color:var(--accent);letter-spacing:.1em;text-shadow:0 0 30px var(--accent-glow);font-family:Outfit,sans-serif;font-size:56px;font-weight:900}.created-game .join-pin{letter-spacing:.2em}.join-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800}.created-game code{color:#fff;overflow-wrap:anywhere;letter-spacing:1px;background:#0009;border:1px solid #ffffff26;border-radius:16px;padding:20px;font-size:1.2rem;font-weight:600}.topbar{justify-content:space-between;align-items:center;padding:0 0 20px;display:flex}.mark{color:var(--text-main);letter-spacing:.2em;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:16px;font-weight:900}.mark span{color:var(--accent)}.live-label,.privacy{color:var(--text-muted);border:1px solid #fff3;border-radius:999px;margin-left:12px;padding:6px 12px;font-size:11px;font-weight:700}.privacy{margin-left:0}.share-link{background:#ffffff1a;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700}.stage{aspect-ratio:16/9;background:#000;border:1px solid #ffffff0d;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}moq-watch,moq-watch-ui{width:100%;height:100%;display:block}.video-placeholder{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.play-orb{background:linear-gradient(135deg, var(--accent) 0%, #059669 100%);color:#fff;width:64px;height:64px;box-shadow:0 0 30px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;padding-left:4px;display:flex}.camera-stage{width:100%;height:100%;position:relative}.camera-stage>img{object-fit:contain;width:100%;height:100%}.stage moq-publish-ui,.stage moq-publish,.stage video{object-fit:contain;width:100%;height:100%;display:block}.stage-fallback-fullscreen{aspect-ratio:auto;background:#000;border:none;border-radius:0;width:100vw;height:100dvh}.stage:fullscreen{aspect-ratio:auto;background:#000;border:none;border-radius:0;width:100vw;height:100dvh}.stage-fallback-fullscreen{z-index:1000;position:fixed;inset:0}.stage-overlay{pointer-events:none;z-index:5;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.stage-overlay-score{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0009;border:1px solid #ffffff1a;border-top:none;border-bottom-right-radius:16px;border-bottom-left-radius:16px;align-self:center;align-items:center;gap:12px;max-width:calc(100% - 100px);padding:10px 20px;display:flex}.stage-overlay-score b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.stage-overlay-score span{color:var(--accent);font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.stage-overlay-actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-self:center;gap:8px;padding:16px;display:flex}.stage-overlay-actions button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;border:1px solid #fff3;border-radius:999px;padding:10px 16px;font-size:11px;font-weight:800}.stage-overlay-actions button:disabled,.actions button:disabled{cursor:default;opacity:.4;pointer-events:none}.stage-save-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent);background:#000000b3;border-radius:999px;padding:10px 16px;font-size:11px;font-weight:700}.archived-replay{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.archived-replay canvas{object-fit:contain;width:100%;height:100%}.archived-replay>p,.archive-error{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);color:#fff;text-align:center;border-radius:16px;max-width:85%;padding:20px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 40px #00000080}.archive-error button,.archive-controls button{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;padding:12px 16px;font-size:12px;font-weight:800}.archive-finished{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.archive-finished button{background:var(--accent);color:#000;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:800}.archive-controls{align-items:center;gap:12px;display:flex;position:absolute;bottom:20px;right:20px}.archive-download{box-shadow:0 4px 15px var(--accent-glow);background:var(--accent)!important;color:#000!important;border:none!important}.scoreboard{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;padding:32px 24px;display:grid}.scoreboard div{gap:8px;display:grid}.scoreboard span,.clock small{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;font-size:13px;font-weight:800}.scoreboard strong{background:linear-gradient(#fff,#cbd5e1);color:#0000;filter:drop-shadow(0 4px 10px #ffffff1a);-webkit-background-clip:text;font-size:64px;font-weight:900;line-height:1}.scoreboard strong.score-anim{animation:.5s scoreChange}.clock{align-items:center}.clock strong{color:var(--accent-bright);-webkit-text-fill-color:var(--accent-bright);text-shadow:0 0 20px var(--accent-glow);background:0 0;font-size:42px}.tab-bar{background:#0006;border:1px solid #ffffff0d;border-radius:999px;gap:8px;margin-bottom:24px;padding:4px;display:flex}.tab{text-align:center;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;flex:1;padding:12px;font-size:13px;font-weight:800;transition:all .3s cubic-bezier(.2,.8,.2,1)}.tab.active{background:var(--glass-bg);color:#fff;box-shadow:0 4px 15px #0003}.tab:hover:not(.active){color:#fff;background:#ffffff05}.tab-content{padding:32px;animation:.4s backwards fadeInSlide}.actions{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.actions button,.replay-card button{letter-spacing:.05em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:16px 8px;font-size:12px;font-weight:800}.actions button:hover{background:#ffffff1a;border-color:#fff3}.actions .live-button{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.actions .live-button:hover{background:#ef444440;box-shadow:0 0 20px #ef444433}.timeline{padding:0}.timeline-head{justify-content:space-between;align-items:baseline;margin-bottom:24px;display:flex}.timeline h2{background:linear-gradient(90deg,#fff,#94a3b8);color:#0000;-webkit-background-clip:text;margin:0;font-size:24px;font-weight:900}.timeline-head span{color:var(--accent);background:#10b9811a;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800}.event{text-align:left;cursor:pointer;background:#0006;border:1px solid #ffffff0d;border-radius:20px;grid-template-columns:48px 1fr auto;align-items:center;gap:20px;width:100%;margin:16px 0;padding:20px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:grid}.event:hover{background:#ffffff14;border-color:#fff3;transform:scale(1.02)translateY(-2px);box-shadow:0 10px 30px #0000004d}.event-icon{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.event b{letter-spacing:.02em;font-size:16px;font-weight:800;display:block}.event small{color:var(--text-muted);margin-top:6px;font-size:13px;font-weight:600;display:block}.organizer-controls{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:0}.organizer-controls h2{margin:0 0 24px;font-size:24px;font-weight:900}.organizer-controls button{letter-spacing:.05em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin:6px;padding:16px;font-size:13px;font-weight:800;transition:all .2s}.organizer-controls button:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.organizer-controls .end-game{color:#fca5a5;background:#ef444426;border-color:#ef44444d;width:calc(100% - 12px);margin-top:32px;font-size:15px}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.correction-controls{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.organizer-controls .correction-controls button{flex:1;margin:0}.share-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.share-actions button{flex:1}.join-codes{background:#0000004d;border:1px solid #ffffff0d;border-radius:20px;flex-wrap:wrap;gap:32px;margin:16px 0 32px;padding:24px;display:flex}.join-codes span{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;font-size:13px;font-weight:800}.join-codes b,.join-codes .secret-code{color:#fff;letter-spacing:.1em;text-shadow:0 4px 10px #00000080;margin-top:8px;font-size:32px;font-weight:900;display:block}.secret-code{-webkit-user-select:all;user-select:all;cursor:pointer;color:var(--accent)!important;text-shadow:0 0 20px var(--accent-glow)!important}.error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:16px;margin-bottom:24px;padding:20px;font-weight:700;box-shadow:0 10px 30px #ef44441a}code{color:var(--accent);background:#10b9811a;border-radius:6px;padding:2px 6px}@media (width>=640px){.shell{padding:40px 32px}}@media (width<=480px){.topbar-actions .privacy{display:none}.scoreboard strong{font-size:48px}.clock strong{font-size:32px}.setup-shell{padding-top:0}.setup-card{padding:24px}}