#bg-video{display:none}:root{--bg: #0f172a;--card: #0b1220;--accent: #df3abb;--accent-2: #ff3d81;--text: #cfeef8}html,body{height:100%;margin:0;font-family:VT323,monospace,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto}body{background:radial-gradient(1200px 400px at 10% 10%,rgba(255,0,128,.06),transparent 10%),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 6px),linear-gradient(180deg,#041022,#071130 60%);color:var(--text);display:flex;align-items:center;justify-content:center;overflow:auto}#bg-video{position:fixed;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:contrast(1.02) saturate(1.05) brightness(.75)}body:after{content:"";position:fixed;left:0;right:0;top:0;bottom:0;pointer-events:none;background-image:linear-gradient(#0000000a 50%,#ffffff05 51%);background-size:100% 6px;mix-blend-mode:overlay;opacity:.6;z-index:0}main{display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 36px;width:min(1100px,92%);max-width:1200px;position:relative;z-index:2;border-radius:20px;background:linear-gradient(180deg,#ffffff1f,#ffffff14);border:3px solid rgba(255,255,255,.18);box-shadow:0 20px 50px #020617b8;backdrop-filter:blur(14px) saturate(140%) brightness(1.04);-webkit-backdrop-filter:blur(14px) saturate(140%) brightness(1.04);overflow:visible;margin-top:32px}main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff08,#fff0);mix-blend-mode:overlay}.backdrop-grayscale{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;backdrop-filter:grayscale(100%) contrast(.9) brightness(.9);-webkit-backdrop-filter:grayscale(100%) contrast(.9) brightness(.9);background-color:#00000017}h1{margin:0 0 12px;font-size:40px;font-family:"Press Start 2P",monospace;color:var(--accent);letter-spacing:2px}h1{margin:0 0 8px;font-size:28px;font-family:"Press Start 2P",monospace;color:var(--accent);letter-spacing:2px}h1{text-shadow:0 0 8px rgba(0,255,213,.12),0 0 20px rgba(0,255,213,.08),0 2px 0 rgba(0,0,0,.6)}p{margin:12px 0 20px;opacity:.95;font-size:20px}a#learn{display:inline-block;padding:10px 18px;color:#071130;background:linear-gradient(90deg,var(--accent),var(--accent-2));text-decoration:none;font-weight:700;border-radius:6px;box-shadow:0 6px 18px #02061799,0 0 12px #00ffd50f inset;font-family:"Press Start 2P",monospace;letter-spacing:1px}body:after{content:"";position:fixed;left:0;right:0;top:0;bottom:0;pointer-events:none;background-image:linear-gradient(#0000000a 50%,#ffffff05 51%);background-size:100% 6px;mix-blend-mode:overlay;opacity:.6}@keyframes flicker{0%{opacity:1}50%{opacity:.96}to{opacity:1}}main{animation:flicker 3s infinite ease-in-out}.controls{display:flex;gap:14px;align-items:flex-start;justify-content:center;flex-direction:column;margin-top:18px;width:100%;max-width:720px}.controls label{display:flex;flex-direction:column;color:var(--text);font-size:15px;width:100%;align-items:center}.control-row{display:flex;gap:12px;align-items:center;justify-content:center}input[type=range]{flex:1;accent-color:var(--accent);height:28px}input[type=number],input[type=text]{background:#ffffff08;border:3px solid rgba(255,255,255,.06);color:var(--text);padding:12px 14px;border-radius:8px;font-size:16px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.participant-control input[type=number]{width:84px;text-align:center;font-size:28px}.buttons{display:flex;gap:12px;align-items:center}button{background:linear-gradient(90deg,var(--accent),var(--accent-2));border:0;color:#071130;padding:12px 18px;border-radius:10px;cursor:pointer;font-weight:800;font-size:15px}button.ghost{background:transparent;color:var(--text);border:3px solid rgba(255,255,255,.06)}.display{display:flex;gap:12px;justify-content:center;margin-top:28px;flex-direction:column;align-items:center;width:100%;max-width:720px}.stat{min-width:180px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.stat .label{font-size:14px;opacity:.95;color:#fff;text-align:center;order:2}.stat div:last-child{font-family:"Press Start 2P",monospace;font-size:20px;margin:0;color:#fff;text-shadow:0 0 8px rgba(0,255,213,.12);order:1}.total-top{display:flex;align-items:center;width:100%;justify-content:center}.total-top .emoji{font-size:60px;display:inline-block}.total-top .total-wrap{text-align:center}.total-top .total-wrap .label{font-size:14px;opacity:.9}.total-top #total{font-family:"Press Start 2P",monospace;font-size:80px;color:var(--accent);text-shadow:0 0 18px rgba(0,255,213,.14)}.emoji{font-size:28px;margin-right:8px;display:inline-block;vertical-align:middle}.header-emoji{font-size:172px;line-height:1;margin-bottom:8px;color:var(--accent);text-shadow:0 4px 18px rgba(0,0,0,.45)}@media(max-width:900px){.header-emoji{font-size:48px}}.participant-control button{background:transparent;border:3px solid rgba(255,255,255,.06);color:var(--text);padding:8px 10px;border-radius:8px;font-size:28px;cursor:pointer}.participant-control input[type=number]{text-align:center}.actions{display:flex;gap:12px;margin-top:28px}.actions button{padding:14px 20px;font-size:16px}.stat .label{font-size:15px}@media(max-width:900px){h1{font-size:32px}p{font-size:16px}}@media(min-aspect-ratio:1/1)and (min-width:480px){.controls{flex-direction:row!important;gap:2rem!important;align-items:flex-start!important;justify-content:center!important;width:100%;max-width:none}.controls>.control-group{flex:1 1 0;min-width:260px;max-width:none;align-items:stretch}.controls>.control-group .control-row{justify-content:center}.controls>.control-group .control-label{text-align:left;margin-top:.5em}.actions{flex-direction:row!important;gap:1.25rem!important;justify-content:center!important;width:100%;max-width:none}.actions button{width:auto!important;min-width:140px;flex:0 1 auto}}@media(min-width:1200px){html{zoom:.8}body{transform-origin:top center}}@media(max-height:700px){html,body,#app{align-items:flex-start}.header-emoji,.page-header{display:none!important}main{padding:20px 16px!important;width:calc(100% - 32px)!important;max-width:none!important;margin-top:12px!important;max-height:calc(100vh - 24px)}html,body{overflow:auto}}@media(max-width:900px){.controls{flex-direction:column;align-items:stretch}.display{flex-direction:column;align-items:center}.stat div:last-child{font-size:18px}}@media(max-width:900px){.backdrop-grayscale{display:block!important;backdrop-filter:grayscale(92%) contrast(.92) brightness(.88);-webkit-backdrop-filter:grayscale(92%) contrast(.92) brightness(.88)}main{padding:20px 12px;border-radius:12px;width:100%;margin-top:16px}button{padding:12px 14px;font-size:16px}.actions button{font-size:15px}input[type=number],input[type=text]{font-size:16px;padding:8px 10px}.participant-control input[type=number]{width:72px;min-width:56px;font-size:16px}.header-emoji{font-size:40px;margin-bottom:6px}.total-top #total{font-size:40px}h1{font-size:18px}p{font-size:14px}html,body{overflow-x:hidden}html,body,#app,#app>div{height:100vh;max-height:100vh}#app{display:flex;align-items:center;justify-content:center}#app>div{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0}#app>div>.header-emoji,#app>div>.page-header,#app>div>footer{display:none!important}main{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:100px;width:100%;max-width:none;height:100%;margin:0;border-radius:0;box-shadow:none}.controls{gap:8px}.display{margin-top:10px}.actions{margin-top:10px;max-width:100%}}@media(max-width:900px)and (orientation:landscape),(max-height:420px){html,body,#app,#app>div{height:100vh;max-height:100vh;overflow:hidden}#app{display:flex;align-items:center;justify-content:center}#app>div{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0}main{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:100px;width:100%;max-width:none;height:100%;margin:0;border-radius:0;box-shadow:none;overflow:hidden}#app>div>.header-emoji,#app>div>.page-header,#app>div>footer{display:none!important}.total-top #total{font-size:40px}.participant-control input[type=number]{width:72px;min-width:56px;font-size:16px}.controls{gap:8px}.actions{margin-top:10px;max-width:100%;flex-direction:column;gap:8px}}