@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Bebas+Neue&display=swap";:root{--black: #000000;--black-rich: #0a0a0a;--white: #f0f0f0;--white-dim: rgba(240, 240, 240, .6);--red: #ff2020;--red-glow: rgba(255, 32, 32, .4);--red-deep: #8b0000;--green: #00ff6a;--green-dim: rgba(0, 255, 106, .15);--amber: #ffaa00;--timer-font: "Bebas Neue", sans-serif;--mono: "Space Mono", monospace;--ui-font: "Space Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--black);color:var(--white);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;touch-action:pan-y}button{font-family:var(--mono);cursor:pointer;border:none;background:none;color:var(--white);outline:none;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{display:none}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat}@keyframes glitch-1{0%{clip-path:inset(40% 0 61% 0);transform:translate(-2px,2px)}20%{clip-path:inset(92% 0 1% 0);transform:translate(1px,-1px)}40%{clip-path:inset(43% 0 1% 0);transform:translate(-1px,3px)}60%{clip-path:inset(25% 0 58% 0);transform:translate(3px,1px)}80%{clip-path:inset(54% 0 7% 0);transform:translate(-3px,-2px)}to{clip-path:inset(58% 0 43% 0);transform:translate(2px,-3px)}}@keyframes glitch-2{0%{clip-path:inset(65% 0 13% 0);transform:translate(3px,-1px)}20%{clip-path:inset(15% 0 63% 0);transform:translate(-2px,2px)}40%{clip-path:inset(82% 0 2% 0);transform:translate(1px,-3px)}60%{clip-path:inset(31% 0 28% 0);transform:translate(-3px,1px)}80%{clip-path:inset(7% 0 72% 0);transform:translate(2px,3px)}to{clip-path:inset(48% 0 23% 0);transform:translate(-1px,-2px)}}@keyframes pulse-red{0%,to{opacity:0}50%{opacity:.25}}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-3px)}20%{transform:translate(3px)}30%{transform:translate(-2px)}40%{transform:translate(2px)}50%{transform:translate(-1px)}}@keyframes countdown-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes scanline{0%{top:-10%}to{top:110%}}@keyframes dissolve{0%{opacity:1;filter:blur(0) brightness(1)}30%{opacity:.8;filter:blur(2px) brightness(1.5)}60%{opacity:.4;filter:blur(8px) brightness(2)}to{opacity:0;filter:blur(20px) brightness(3)}}.splash{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.splash__bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,32,32,.08) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(255,32,32,.05) 0%,transparent 50%),var(--black)}.splash__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 32px;text-align:center}.splash__skull{font-size:48px;line-height:1;filter:grayscale(.3)}.splash__title{font-family:var(--timer-font);font-size:64px;letter-spacing:16px;color:var(--white);line-height:1;margin:0;text-shadow:0 0 40px rgba(255,255,255,.1)}.splash__tagline{font-family:var(--mono);font-size:13px;letter-spacing:2px;color:var(--white-dim);margin:0;max-width:260px;line-height:1.6}.splash__rules{display:flex;flex-direction:column;gap:12px;margin:12px 0}.splash__rule{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;color:#ffffff80;letter-spacing:.5px}.splash__rule-icon{font-size:16px;width:24px;text-align:center;flex-shrink:0}.splash__enter{margin-top:8px;font-family:var(--timer-font);font-size:20px;letter-spacing:6px;color:var(--black);background:var(--white);border:none;padding:14px 36px;border-radius:4px;cursor:pointer;transition:box-shadow .3s,background .3s}.splash__enter:hover{box-shadow:0 0 30px #fff3}.splash__enter:active{background:#f0f0f0e6}.splash__hint{font-family:var(--mono);font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#fff3}.life-timer{position:absolute;top:12px;right:12px;z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:2px;pointer-events:none}.life-timer__label{font-family:var(--mono);font-size:8px;letter-spacing:4px;color:#ffffff80;text-transform:uppercase}.life-timer__value{font-family:var(--timer-font);font-size:36px;line-height:1;letter-spacing:2px;color:var(--white);text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 20px rgba(255,255,255,.1);transition:color .3s,text-shadow .3s}.life-timer__bar{width:80px;height:2px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-top:4px}.life-timer__bar-fill{height:100%;background:var(--green);border-radius:2px;box-shadow:0 0 8px #00ff6a66;transition:width .1s linear,background .3s}.life-timer__warning{font-family:var(--mono);font-size:10px;letter-spacing:5px;color:var(--red);margin-top:6px;text-shadow:0 0 12px var(--red-glow);animation:countdown-pulse .5s ease-in-out infinite}.life-timer--critical .life-timer__value{color:var(--red);text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 40px var(--red-glow),0 0 80px var(--red-glow);animation:countdown-pulse .8s ease-in-out infinite}.life-timer--critical .life-timer__bar-fill{background:var(--red);box-shadow:0 0 12px var(--red-glow)}.life-timer--critical .life-timer__label{color:var(--red)}.life-timer--dead .life-timer__value{color:var(--red);opacity:.6;animation:none;font-size:56px}.life-feedback{position:absolute;top:110px;left:50%;transform:translate(-50%);z-index:25;pointer-events:none;width:120px;height:80px}.life-feedback__indicator{position:absolute;bottom:0;left:50%;font-family:var(--timer-font);font-size:32px;letter-spacing:1px;white-space:nowrap;will-change:transform,opacity;text-shadow:0 2px 8px rgba(0,0,0,.9)}.life-feedback__indicator--gain{color:var(--green);text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 16px rgba(0,255,106,.5)}.life-feedback__indicator--penalty{color:var(--red);font-size:40px;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 24px var(--red-glow),0 0 48px var(--red-glow);animation:shake .3s ease-in-out}.video-card{position:relative;width:100%;height:100%;background:var(--black);overflow:hidden}.video-card__video{width:100%;height:100%;object-fit:cover;pointer-events:none}.video-card__video::-webkit-media-controls{display:none!important}.video-card__video::-webkit-media-controls-enclosure{display:none!important}.video-card__scanline{position:absolute;top:0;left:0;width:100%;height:2px;background:#ffffff0a;animation:scanline 3s linear infinite;pointer-events:none;z-index:5}.video-card__vignette{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.15) 0%,transparent 20%),linear-gradient(to top,rgba(0,0,0,.3) 0%,transparent 25%),radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:4}.video-card__red-pulse{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,var(--red-glow) 100%);animation:pulse-red .8s ease-in-out infinite;pointer-events:none;z-index:6}.video-card--critical{animation:shake .4s ease-in-out infinite}.video-card--critical .video-card__vignette{background:linear-gradient(to bottom,rgba(139,0,0,.3) 0%,transparent 25%),linear-gradient(to top,rgba(139,0,0,.4) 0%,transparent 30%),radial-gradient(ellipse at center,transparent 20%,rgba(139,0,0,.4) 100%)}.video-card--dying .video-card__video{filter:blur(20px) brightness(.3) saturate(.5);transition:filter .8s ease-out}.video-card__death-overlay{position:absolute;inset:0;background:#0009;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.video-card__death-glitch{position:absolute;inset:0;background:linear-gradient(0deg,transparent 20%,rgba(255,32,32,.06) 40%,transparent 60%,rgba(255,32,32,.04) 80%,transparent 100%);animation:scanline .5s linear infinite}.video-card__death-text{font-family:var(--timer-font);font-size:42px;letter-spacing:10px;color:var(--red);text-shadow:0 0 40px var(--red-glow),0 0 80px var(--red-glow)}.video-card__mute-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;color:#ffffffd9;background:#00000073;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:mute-pulse 2s ease-in-out infinite;cursor:pointer}.video-card__mute-btn svg{width:28px;height:28px}@keyframes mute-pulse{0%,to{opacity:.85;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(.95)}}.video-card__bottom{position:absolute;bottom:0;left:0;right:0;padding:60px 16px 14px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 50%,transparent 100%);z-index:10;display:flex;align-items:flex-end;justify-content:space-between}.video-card__viewers{font-family:var(--mono);font-size:11px;color:#ffffff8c;display:flex;align-items:center;gap:6px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.video-card__viewers-dot{width:5px;height:5px;background:var(--green);border-radius:50%;box-shadow:0 0 6px var(--green);display:inline-block;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.video-card__report-btn{display:flex;align-items:center;gap:5px;color:#ffffff40;font-size:10px;font-family:var(--mono);letter-spacing:1px;padding:6px 10px;border-radius:4px;transition:color .2s,background .2s;text-shadow:0 1px 4px rgba(0,0,0,.8)}.video-card__report-btn:active{color:var(--red);background:#ff202026}.video-card__report-btn svg{width:13px;height:13px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.feed{width:100%;height:100%;overflow:hidden;position:relative}.feed__track{height:100%;will-change:transform}.feed__slide{width:100%;height:100%;position:absolute;top:0;left:0;will-change:transform}.feed__dots{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:5px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8))}.feed__dot{width:4px;height:4px;border-radius:50%;background:#ffffff40;transition:all .35s cubic-bezier(.16,1,.3,1)}.feed__dot--active{background:var(--white);box-shadow:0 0 8px #fff9;width:4px;height:18px;border-radius:2px}.upload-wrap{position:absolute;bottom:42px;left:50%;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;align-items:center}.upload-pill{position:relative;height:36px;border-radius:18px;background:#ffffff0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.upload-pill__inner{display:flex;align-items:center;gap:6px;padding:0 16px 0 10px;position:relative;z-index:2}.upload-pill__icon{width:16px;height:16px;color:#ffffff59;transition:color .3s,transform .3s;flex-shrink:0}.upload-pill__label{font-family:var(--mono);font-size:10px;letter-spacing:2px;color:#ffffff59;white-space:nowrap;transition:color .3s}.upload-pill__progress{position:absolute;inset:0;z-index:1}.upload-pill__progress-fill{height:100%;background:#ffaa001a;border-right:1px solid rgba(255,170,0,.3);transition:width .5s ease}.upload-pill--ready{border-color:#00ff6a4d;background:#00ff6a14;box-shadow:0 0 24px #00ff6a1a}.upload-pill--ready .upload-pill__icon,.upload-pill--ready .upload-pill__label{color:var(--green)}.upload-pill--ready:active{transform:scale(.95);box-shadow:0 0 32px #00ff6a33}.upload-pill--busy{border-color:#ffaa004d;background:#ffaa0014;cursor:wait}.upload-pill--busy .upload-pill__label{color:var(--amber)}.upload-pill__progress-fill--upload{background:#ffaa0026;border-right:1px solid rgba(255,170,0,.4)}.upload-pill__spinner{width:14px;height:14px;border:2px solid rgba(255,170,0,.2);border-top-color:var(--amber);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.upload-pill--approved{border-color:#00ff6a66;background:#00ff6a1f}.upload-pill--approved .upload-pill__label{color:var(--green)}.upload-pill__status-icon{font-size:14px;line-height:1}.upload-pill--approved .upload-pill__status-icon{color:var(--green)}.upload-pill--rejected{border-color:#ff202066;background:#ff20201a}.upload-pill--rejected .upload-pill__label,.upload-pill--rejected .upload-pill__status-icon{color:var(--red)}.upload-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background:#000000e6;border:1px solid rgba(255,170,0,.2);padding:5px 12px;border-radius:6px;font-family:var(--mono);font-size:10px;color:var(--amber);white-space:nowrap;pointer-events:none}.app{width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center}.app__frame{width:100%;height:100%;max-width:430px;max-height:932px;position:relative;overflow:hidden;background:var(--black)}@media(max-width:430px){.app__frame{max-width:100%;max-height:100%}}@media(min-width:431px){.app__frame{border-radius:40px;border:3px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px #ffffff0d,0 20px 60px #000c,0 0 120px #0009;aspect-ratio:9 / 16;height:min(95vh,932px);width:auto}}.app__empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.app__empty-text{font-family:var(--timer-font);font-size:36px;letter-spacing:8px;color:var(--red);text-shadow:0 0 40px var(--red-glow)}.app__empty-sub{font-family:var(--mono);font-size:12px;color:var(--white-dim);letter-spacing:3px}