*{box-sizing:border-box}html,body{color:#eef7ff;background:#020408;width:100%;height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.viewport{place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.stage{transform-origin:50%;isolation:isolate;background:linear-gradient(90deg,#02050af5,#02050a38 35%,#02050a52 67%,#02050af7),url(/assets/story-house-sos.png) 50%/cover;width:1920px;height:1080px;position:absolute}.stage:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 58%,#0000 0 24%,#0003 70%);position:absolute;inset:0;box-shadow:inset 0 0 180px #000}.rain{z-index:1;opacity:.22;background-image:repeating-linear-gradient(105deg,#0000 0 22px,#a9eaff22 23px 24px,#0000 25px);background-size:170px 170px;animation:.75s linear infinite rain;position:absolute;inset:0}.scanlines{z-index:30;pointer-events:none;opacity:.08;background:repeating-linear-gradient(0deg,#fff 0 1px,#0000 1px 5px);position:absolute;inset:0}header{z-index:25;background:#02060ced;border-bottom:1px solid #29d8ff66;grid-template-columns:430px 1fr 430px;align-items:center;height:112px;padding:0 42px;display:grid;position:absolute;top:0;left:0;right:0;box-shadow:0 12px 40px #0009}.logo{grid-template-columns:auto auto;align-items:end;width:max-content;display:grid}.logo b{color:#ff3158;letter-spacing:-4px;text-shadow:0 0 22px #ff143fbb;font-size:54px;line-height:.8;animation:2.5s infinite sosPulse}.logo span{color:#f2f7fa;letter-spacing:2px;margin-left:10px;font-size:29px;font-weight:900}.logo small{color:#58ddff;letter-spacing:6px;grid-column:1/3;margin-top:9px;font-size:9px;font-weight:900}.episode{text-align:center}.episode small{color:#5edfff;letter-spacing:5px;font-size:10px;display:block}.episode strong{text-transform:uppercase;margin-top:8px;font-size:25px;display:block}.audio-controls{justify-self:end;gap:8px;display:flex}.audio-controls button{color:#738997;letter-spacing:1px;cursor:pointer;background:#06101a;border:1px solid #405462;border-radius:5px;height:40px;padding:0 14px;font-size:11px;font-weight:900}.audio-controls button.active{color:#dffaff;border-color:#4ddfff;box-shadow:0 0 16px #16cfff33}.section-title{color:#6de5ff;letter-spacing:3px;align-items:center;height:48px;font-size:12px;font-weight:900;display:flex}.conversation{z-index:12;background:linear-gradient(90deg,#02070def,#02070da8 78%,#0000);width:570px;padding:0 20px;position:absolute;top:130px;bottom:32px;left:30px}.channel-state{color:#8196a3;letter-spacing:1.5px;background:#06101acc;border:1px solid #263e4d;border-radius:4px;align-items:center;gap:9px;width:max-content;padding:8px 12px;font-size:10px;font-weight:900;display:flex}.channel-state i{background:#ff3b5e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #ff3158}.channel-state i.online{background:#3df39a;box-shadow:0 0 12px #3df39a}.messages{flex-direction:column;justify-content:flex-end;gap:13px;display:flex;position:absolute;inset:105px 32px 310px 20px}.message{background:#0a1d2bdf;border-left:3px solid #4edfff;border-radius:2px 16px 16px 2px;max-width:94%;padding:15px 18px;animation:.45s arrive;box-shadow:0 10px 24px #0009}.message.terminal{background:#2b0c14e8;border-left:0;border-right:3px solid #ff3158;align-self:flex-end}.message>strong{color:#68e5ff;letter-spacing:2px;margin-bottom:8px;font-size:10px;display:block}.message.terminal>strong{color:#ff5a77}.message p{margin:0;font-size:20px;line-height:1.3}.message small{color:#7690a0;text-align:right;margin-top:7px;font-size:10px;display:block}.typing{color:#7edfff;padding:12px 0;font-size:15px}.typing i{background:#7edfff;border-radius:50%;width:7px;height:7px;margin:0 2px;animation:1s infinite alternate dot;display:inline-block}.center-stage{z-index:10;position:absolute;inset:130px 485px 32px 610px}.connection-card{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02070ac9;border:1px solid #283b46;width:650px;padding:32px;transition:all .5s;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 80px #000b}.connection-card .sos-mark{color:#ff3158;text-shadow:0 0 28px #ff3158aa;font-size:66px;font-weight:1000;line-height:1}.connection-card small{color:#788d99;letter-spacing:5px;margin-top:13px;font-size:10px;display:block}.connection-card h1{color:#ff4868;letter-spacing:5px;margin:17px 0;font-size:31px}.connection-card.linked h1,.connection-card.typing h1,.connection-card.voting h1,.connection-card.result h1{color:#52efaa}.frequency{color:#62dcff;letter-spacing:2px;align-items:center;gap:12px;font-size:11px;display:flex}.frequency i{background:#27d6ff66;flex:1;height:1px}.connection-card p{color:#9fb0ba;letter-spacing:2px;margin:18px 0 0;font-size:12px}.connection-card p b{color:#fff;font-size:15px}.phase-voting .connection-card,.phase-result .connection-card{background:#02070add;width:450px;padding:15px;top:18%}.vote-feed{flex-direction:column;align-items:center;gap:8px;width:690px;display:flex;position:absolute;bottom:55px;left:50%;transform:translate(-50%)}.vote-feed div{background:#241b07e9;border:1px solid #ffc94566;border-radius:5px;grid-template-columns:30px 1fr auto 55px;align-items:center;min-width:500px;padding:12px 16px;animation:.35s voteIn;display:grid;box-shadow:0 8px 25px #0009}.vote-feed span{color:#ffd45b;font-size:20px}.vote-feed b{color:#fff;text-overflow:ellipsis;font-size:18px;overflow:hidden}.vote-feed em{color:#b5a271;font-size:11px;font-style:normal}.vote-feed strong{color:#ffd45b;text-align:right;font-size:22px}.result-card{text-align:center;background:#09070df2;border:2px solid #ff3158;width:720px;padding:36px;animation:.55s resultIn;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 70px #ff214866}.result-card small{color:#ff6c84;letter-spacing:5px;font-size:11px}.result-card h2{margin:18px 0;font-size:31px}.result-card h2 b{color:#ff4364;font-size:43px}.result-card p{color:#fff0bb;margin:0 0 20px;font-size:28px;font-weight:900}.result-card>strong{color:#708793;letter-spacing:3px;font-size:11px}.choices{z-index:16;opacity:.22;filter:blur(2px);pointer-events:none;background:linear-gradient(270deg,#02070df2,#02070da2 84%,#0000);width:450px;padding:0 20px;transition:all .45s;position:absolute;top:130px;bottom:32px;right:28px}.choices.visible{opacity:1;filter:none}.choice{background:#0a2639e9;border-right:4px solid #3ad9ff;grid-template-columns:70px 1fr auto;align-items:center;min-height:110px;margin:14px 0;padding:12px 15px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 30px #0008}.choice>i{background:linear-gradient(90deg,#0c697f99,#23ccea66);transition:width .8s;position:absolute;inset:0 auto 0 0}.choice b,.choice span,.choice em{z-index:1;position:relative}.choice b{color:#62e3ff;font-size:37px}.choice span{font-size:21px;font-weight:900;line-height:1.15}.choice em{color:#ffd369;font-size:12px;font-style:normal;font-weight:900}.choice.winner{background:#0b4d35;border-color:#46f0a2;box-shadow:0 0 35px #36e89255}.choice.winner b{color:#64ffb5}.timer{background:#250711;border:1px solid #ff3e62;border-radius:6px;height:54px;margin-top:25px;position:relative;overflow:hidden}.timer i{background:linear-gradient(90deg,#ff3158,#8d0b28);height:100%;transition:width 1s linear;display:block}.timer strong{place-items:center;font-size:29px;display:grid;position:absolute;inset:0}.choices>p{text-align:center;color:#9ab0bd;letter-spacing:1px;font-size:12px}.choices>p b{color:#60e3ff}.streamer{z-index:35;width:510px;height:270px;position:absolute;bottom:38px;left:48px}.webcam{color:#6f8795;letter-spacing:4px;background:#020916b8;border:1px dashed #45cde455;place-items:center;height:188px;font-size:12px;font-weight:900;display:grid}.terminal-status{color:#ff5270;letter-spacing:2px;background:#050c12eb;place-items:center;height:26px;font-size:10px;font-weight:900;display:grid}.terminal-status .ready{color:#4cf0a0}.controls{gap:7px;margin-top:7px;display:flex}.controls button{color:#eafaff;cursor:pointer;background:#0a3f59e8;border:1px solid #4fd9ff;border-radius:5px;flex:1;height:47px;font-size:11px;font-weight:900}.controls button:first-child{color:#1c1203;background:#e8aa2f;border-color:#ffcf65}@keyframes rain{to{background-position:-60px 170px}}@keyframes sosPulse{0%,88%,to{opacity:1}90%,94%{opacity:.25}}@keyframes arrive{0%{opacity:0;transform:translateY(24px)}}@keyframes voteIn{0%{opacity:0;transform:translate(25px)}}@keyframes resultIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}}@keyframes dot{to{opacity:.35;transform:translateY(-5px)}}@keyframes blink{50%{opacity:.35}}@keyframes glitch{0%,to{transform:translate(-50%,-50%)}35%{transform:translate(calc(3px - 50%),calc(-50% - 2px))}70%{transform:translate(calc(-50% - 2px),calc(2px - 50%))}}@media (aspect-ratio<=16/9){.stage{transform:scale(calc(100vw / 1920))!important}}@media (aspect-ratio>=16/9){.stage{transform:scale(calc(100vh / 1080))!important}}.video-thumbnail video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.vote-decision{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.vote-decision button{flex:1;min-width:64px;font-size:9px}.chat-corner{z-index:27;position:absolute;top:126px;left:42px}.connection-card{text-align:left;background:#02070add;border-color:#344852;width:355px;padding:13px 16px;top:18px;left:auto;right:-145px;transform:none}.connection-card .sos-mark{vertical-align:middle;margin-right:8px;font-size:27px;display:inline-block}.connection-card small{letter-spacing:3px;margin:0;font-size:8px;display:inline-block}.connection-card h1{letter-spacing:3px;margin:9px 0 6px;font-size:15px}.connection-card .frequency{font-size:8px}.connection-card p{margin:8px 0 0;font-size:9px}.connection-card p b{font-size:10px}.connection-card.searching{animation:none}.connection-card.searching h1{animation:.65s infinite blink}.phase-searching .connection-card,.phase-linked .connection-card{text-align:center;border-color:#ff496d88;flex-wrap:wrap;place-content:center;width:720px;min-height:250px;padding:34px 46px;display:flex;top:34%;left:50%;right:auto;transform:translate(-50%);box-shadow:0 0 100px #ff31582e,0 30px 100px #000d}.phase-searching .connection-card .sos-mark,.phase-linked .connection-card .sos-mark{width:100%;margin:0 0 12px;font-size:58px;display:block}.phase-searching .connection-card small,.phase-linked .connection-card small{width:100%;font-size:10px}.phase-searching .connection-card h1,.phase-linked .connection-card h1{letter-spacing:5px;width:100%;margin:20px 0 14px;font-size:29px}.phase-searching .connection-card .frequency,.phase-linked .connection-card .frequency{width:100%;font-size:10px}.phase-searching .connection-card p,.phase-linked .connection-card p{width:100%;margin-top:16px}.phase-linked .connection-card{animation:none}.phase-searching:before,.phase-linked:before{content:"";z-index:20;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#fff0 0 7px,#70eaff0b 8px 9px),linear-gradient(90deg,#0000,#5be7ff0d,#0000);animation:1.9s linear infinite signalSweep;position:absolute;inset:78px 0 0}.phase-searching .center-stage,.phase-searching header,.phase-searching .streamer,.phase-searching .twitch-live-chat,.phase-searching .elena-vitals{animation:6s steps(2,end) signalQuake}.phase-linked .center-stage{animation:.8s ease-out linkSettle}.phase-voting .connection-card,.phase-result .connection-card{width:355px;padding:13px 16px;top:18px}.phase-voting .connection-card .sos-mark,.phase-result .connection-card .sos-mark{display:inline-block}.phase-voting .connection-card h1,.phase-result .connection-card h1{margin:9px 0 6px;font-size:15px}.phase-voting .connection-card small,.phase-result .connection-card small,.phase-voting .connection-card p,.phase-result .connection-card p{display:inline-block}.board{opacity:0;filter:blur(5px);pointer-events:none;background:linear-gradient(145deg,#020910ed,#071926dc);border:1px solid #37d9ff66;width:980px;padding:32px 42px 30px;transition:all .5s;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.96);box-shadow:0 30px 90px #000c,0 0 42px #1ccff322}.board.visible{opacity:1;filter:none;transform:translate(-50%,-50%)scale(1)}.board>small{color:#ff5b76;text-align:center;letter-spacing:4px;font-size:11px;font-weight:900;display:block}.board>h2{text-align:center;letter-spacing:3px;margin:10px 0 26px;font-size:30px}.board-options{gap:15px;display:grid}.board-choice{background:linear-gradient(90deg,#0a3b55eb,#071c2ae8);border-left:5px solid #3cdcff;grid-template-columns:105px 1fr 110px;align-items:center;min-height:102px;padding:12px 26px;display:grid;position:relative;overflow:hidden}.board-choice>i{background:linear-gradient(90deg,#087a9099,#18c9e955);transition:width .8s;position:absolute;inset:0 auto 0 0}.board-choice b,.board-choice span,.board-choice em{z-index:1;position:relative}.board-choice b{color:#5fe9ff;font-size:44px}.board-choice span{font-size:29px;font-weight:900}.board-choice em{color:#ffd35e;text-align:right;font-size:15px;font-style:normal;font-weight:900}.board-choice.winner{background:#0b4936;border-color:#48f0a2;box-shadow:0 0 32px #35ec9455}.board-choice.winner b{color:#6affb7}.board-timer{background:#260713;border:1px solid #ff4262;height:46px;margin-top:24px;position:relative;overflow:hidden}.board-timer i{background:linear-gradient(90deg,#ff3158,#8d0b28);height:100%;transition:width 1s linear;display:block}.board-timer strong{place-items:center;font-size:26px;display:grid;position:absolute;inset:0}.vote-feed{bottom:25px}.result-card{z-index:5;top:47%}.evidence-card{z-index:8;background:#03070df2;border:1px solid #ff4668;width:760px;padding:18px;animation:.5s resultIn;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #ff315855}.evidence-card:after{content:"";pointer-events:none;background:#fff;animation:.5s forwards cameraFlash;position:absolute;inset:0}.evidence-card>small{color:#ff6680;letter-spacing:4px;margin:0 0 12px;font-size:11px;font-weight:900;display:block}.evidence-card img{object-fit:cover;filter:saturate(.75)contrast(1.08);width:100%;height:500px;animation:7s ease-out both evidenceDrift;display:block}.evidence-card>div{color:#72e8ff;letter-spacing:3px;text-align:center;padding:13px 0 2px;font-size:11px;font-weight:900}.evidence-card>div i{background:#ff3158;border-radius:50%;width:8px;height:8px;margin-right:9px;animation:.6s infinite blink;display:inline-block;box-shadow:0 0 14px #ff3158}.transmission-status{z-index:7;text-align:center;background:linear-gradient(145deg,#020910e8,#071926dd);border:1px solid #35dafa55;flex-direction:column;justify-content:center;align-items:center;width:650px;min-height:210px;animation:.45s resultIn;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 90px #000c,0 0 55px #1ccff31c}.transmission-status>i{background:#ff3158;border-radius:50%;width:10px;height:10px;margin-bottom:18px;animation:.65s infinite blink;box-shadow:0 0 22px #ff3158}.transmission-status small{color:#63e8ff;letter-spacing:5px;font-size:10px;font-weight:900}.transmission-status strong{color:#fff;letter-spacing:3px;margin-top:17px;font-size:25px}.transmission-status span{gap:7px;margin-top:22px;display:flex}.transmission-status span b{background:#ff4b6a;border-radius:50%;width:7px;height:7px;animation:1.1s infinite typingDot}.transmission-status span b:nth-child(2){animation-delay:.18s}.transmission-status span b:nth-child(3){animation-delay:.36s}.transmission-status.deleted{border-color:#ff496d77;animation:.36s steps(2,end) 2 deletedGlitch}.transmission-status.deleted strong{color:#ff5b78;text-decoration:line-through}@keyframes typingDot{0%,70%,to{opacity:.2;transform:translateY(0)}35%{opacity:1;transform:translateY(-7px)}}@keyframes cameraFlash{0%{opacity:.9}22%{opacity:0}32%{opacity:.35}to{opacity:0}}@keyframes evidenceDrift{0%{filter:saturate(.35)contrast(1.45)blur(2px);transform:scale(1.08)rotate(-.35deg)}15%{filter:saturate(.72)contrast(1.1)}to{filter:saturate(.75)contrast(1.08);transform:scale(1)rotate(0)}}@keyframes deletedGlitch{0%{transform:translate(-50%,-50%)}33%{transform:translate(calc(7px - 50%),calc(-50% - 2px))}66%{transform:translate(calc(-50% - 5px),calc(2px - 50%))}to{transform:translate(-50%,-50%)}}@keyframes signalSweep{0%{opacity:.3;transform:translateY(-35px)}40%{opacity:.8}to{opacity:.25;transform:translateY(35px)}}@keyframes signalDrop{0%,82%,to{opacity:1;filter:none}84%{opacity:.18;filter:blur(2px)}88%{opacity:.85;transform:translate(calc(9px - 50%))}}@keyframes screenLock{0%,74%,to{filter:none;transform:none}77%{filter:contrast(1.7)hue-rotate(18deg);transform:translate(5px)}80%{filter:brightness(.35);transform:translate(-4px)}}@keyframes linkSettle{0%{filter:brightness(2)contrast(1.6);transform:scale(1.015)}to{filter:none;transform:none}}@keyframes signalQuake{0%,8%,17%,28%,39%,52%,65%,79%,91%,to{filter:none;translate:0}5%{filter:contrast(1.45)brightness(.72);translate:7px -3px}13%{filter:brightness(1.8)hue-rotate(12deg);translate:-5px 4px}23%{filter:contrast(1.8);translate:10px 1px}34%{filter:brightness(.35);translate:-8px -2px}46%{filter:contrast(1.55);translate:6px 5px}59%{filter:brightness(1.65);translate:-4px -5px}72%{filter:contrast(1.7);translate:9px -1px}85%{filter:brightness(.5);translate:-6px 3px}96%{filter:contrast(1.25);translate:3px -2px}}.terminal-status.wrong{color:#ffd05c;background:#2b1705}.streamer{width:470px;height:250px;bottom:40px;left:46px}.controls button{font-size:10px}.streamer{width:390px;height:245px;top:128px;bottom:auto;left:42px}.webcam{height:164px}.chat-corner{top:454px;left:42px}.twitch-live-chat{z-index:26;background:linear-gradient(#020a11e8,#02070dd4);border:1px solid #32dafa55;width:390px;height:390px;position:absolute;top:496px;left:42px;overflow:hidden;box-shadow:0 24px 70px #000a}.twitch-chat-title{color:#64e5ff;letter-spacing:3px;border-bottom:1px solid #32dafa44;align-items:center;height:44px;padding:0 16px;font-size:10px;font-weight:900;display:flex}.twitch-chat-messages{flex-direction:column;justify-content:flex-end;gap:13px;display:flex;position:absolute;inset:54px 14px 14px}.twitch-chat-messages div{grid-template-columns:125px 1fr;gap:10px;animation:.35s arrive;display:grid}.twitch-chat-messages b{color:#ffd35f;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.twitch-chat-messages span{color:#e8f7ff;text-overflow:ellipsis;font-size:15px;line-height:1.25;overflow:hidden}.twitch-chat-messages small{color:#6e8592;text-align:center;font-size:12px}.elena-vitals{z-index:27;background:#030a10e8;border:1px solid #36dff866;width:300px;position:absolute;top:310px;right:38px;overflow:hidden;box-shadow:0 25px 70px #000b}.elena-photo{height:215px;position:relative;overflow:hidden}.elena-photo img{object-fit:cover;filter:saturate(.6)contrast(1.18)brightness(.72);width:100%;height:100%}.elena-photo:after{content:"";background:linear-gradient(#0000 48%,#02070ddd);position:absolute;inset:0}.elena-photo span{z-index:1;color:#72e9ff;letter-spacing:3px;font-size:9px;font-weight:900;position:absolute;bottom:12px;left:14px}.vitals-copy{padding:15px 16px 17px}.vitals-copy small{color:#8298a4;letter-spacing:2px;font-size:8px;font-weight:900}.vitals-copy strong{color:#55efaa;margin:8px 0 5px;font-size:30px;display:block}.vitals-copy strong em{letter-spacing:2px;font-size:9px;font-style:normal}.vitals-copy p{color:#57e8ad;letter-spacing:2px;margin:8px 0 0;font-size:9px;font-weight:900}.ecg{border-top:1px solid #2cefa744;border-bottom:1px solid #2cefa744;height:32px;position:relative;overflow:hidden}.ecg:before{content:"";filter:drop-shadow(0 0 5px #49eaa8);clip-path:polygon(0 47%,7% 47%,9% 12%,11% 88%,13% 47%,25% 47%,27% 24%,29% 70%,31% 47%,43% 47%,45% 12%,47% 88%,49% 47%,61% 47%,63% 24%,65% 70%,67% 47%,79% 47%,81% 12%,83% 88%,85% 47%,100% 47%,100% 55%,85% 55%,83% 96%,81% 20%,79% 55%,67% 55%,65% 78%,63% 32%,61% 55%,49% 55%,47% 96%,45% 20%,43% 55%,31% 55%,29% 78%,27% 32%,25% 55%,13% 55%,11% 96%,9% 20%,7% 55%,0 55%);background:#49eaa8;width:220%;height:22px;animation:2.4s linear infinite ecgScroll;position:absolute;top:5px;left:0}.ecg i{display:none}.elena-vitals.danger{border-color:#ff3c5f99;box-shadow:0 0 50px #ff234033}.elena-vitals.danger .vitals-copy strong,.elena-vitals.danger .vitals-copy p{color:#ff4d69}.elena-vitals.danger .ecg{border-color:#ff315855}.elena-vitals.danger .ecg:before{filter:drop-shadow(0 0 7px #ff3158);background:#ff4260;animation-duration:1.15s}.ending-card{z-index:12;text-align:center;background:#02060cf2;border:2px solid #ff3f60;width:850px;padding:60px;animation:.8s resultIn;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 110px #ff315855}.ending-card small{color:#ff6a84;letter-spacing:6px;font-size:11px;font-weight:900}.ending-card h2{color:#ff4565;letter-spacing:3px;margin:22px 0 15px;font-size:48px}.ending-card p{color:#c9d7df;letter-spacing:2px;margin:0 0 30px;font-size:17px}.ending-card button{color:#e9faff;letter-spacing:2px;cursor:pointer;background:#0a3f59;border:1px solid #57ddff;height:52px;padding:0 28px;font-weight:900}.ending-card.escaped{border-color:#42eda0;box-shadow:0 0 110px #2bea8b44}.ending-card.escaped h2{color:#55efaa}@keyframes ecgScroll{0%{transform:translate(-45%)}to{transform:translate(0)}}.stage{background:linear-gradient(90deg,#010508e8,#02080bc4 40%,#02060ad4),url(/assets/sos-terminal-backdrop.png) 50%/cover}.sos-logo{object-fit:contain;width:340px;height:100px}header{background:#020609e8;border-color:#305c63}.terminal-conversation{z-index:15;background:linear-gradient(135deg,#041216ef,#061014e6);border:1px solid #4a7c7c77;position:absolute;inset:275px 365px 100px 480px;box-shadow:0 28px 90px #000a}.transcript-title{color:#64d0d3;letter-spacing:3px;border-bottom:1px solid #45626566;justify-content:space-between;align-items:center;height:56px;padding:0 25px;font-size:14px;font-weight:900;display:flex}.transcript-title small{color:#98b6ba;letter-spacing:2px;font-size:11px}.transcript-messages{flex-direction:column;justify-content:flex-end;gap:18px;display:flex;position:absolute;inset:78px 26px 65px;overflow:hidden}.received-message{background:#0b2429;border-left:3px solid #6ccecf;padding:20px 24px;animation:.55s both messageArrival}.received-message>div{color:#82d5d8;letter-spacing:3px;justify-content:space-between;gap:20px;font-size:13px;display:flex}.received-message time{letter-spacing:1px;color:#8aa8ab;font-size:12px}.received-message p{color:#edf3ee;margin:12px 0 0;font-size:30px;line-height:1.36}.received-message.terminal{background:#301b17;border-color:#eb9d71}.received-message.terminal strong{color:#f0b996}.text-cursor{background:#8eddd6;width:9px;height:28px;margin-left:4px;animation:.8s steps(2,end) infinite blink;display:inline-block}.terminal-typing{color:#98b8b7;letter-spacing:2px;align-items:center;gap:13px;font-size:13px;display:flex;position:absolute;bottom:20px;left:26px}.terminal-typing i{background:#ef526e;width:7px;height:7px;animation:1s infinite blink;box-shadow:0 0 15px #ef526e}.signal-lost{border-color:#da466177}.signal-lost .terminal-typing{color:#ff7183}.phase-searching .terminal-conversation,.phase-linked .terminal-conversation{display:none}.phase-voting .terminal-conversation,.phase-result .terminal-conversation{height:270px;top:165px;bottom:auto}.phase-voting .transcript-messages,.phase-result .transcript-messages{gap:12px;inset:70px 24px 18px}.phase-voting .received-message,.phase-result .received-message{padding:13px 20px}.phase-voting .received-message p,.phase-result .received-message p{margin-top:8px;font-size:24px}.phase-voting .received-message:first-child,.phase-result .received-message:first-child{opacity:.55}.center-stage{left:480px;right:365px}.board{width:1075px;padding:24px 30px;top:65%}.board>h2{margin:8px 0 18px;font-size:25px}.board-choice{grid-template-columns:75px 1fr 100px;min-height:87px}.board-choice span{font-size:28px}.board-choice b{font-size:43px}.board>small{letter-spacing:2px;font-size:13px}.connection-card{width:300px;top:0;right:-330px}.phase-voting .connection-card,.phase-result .connection-card{width:300px;top:0}.phase-typing .transmission-status{display:none}.result-card{width:900px;top:68%}.vote-feed{flex-direction:row;justify-content:center;gap:9px;width:1075px;bottom:0;left:auto;right:0;transform:none}.vote-feed div{grid-template-columns:22px 1fr auto;width:205px;min-width:0;padding:10px}.vote-feed em{display:none}.vote-feed strong{font-size:19px}.elena-vitals{top:310px}.connection-error{color:#ffb1ba;font-size:15px;line-height:1.4}.sos-lobby{z-index:40;color:#edf2ed;background:linear-gradient(90deg,#02070aeb 15%,#02070aa6 65%,#02070ac9);padding:38px 76px;position:absolute;inset:0}.lobby-frequency{color:#85acac;letter-spacing:3px;border-bottom:1px solid #51737455;align-items:center;gap:12px;padding-bottom:22px;font-size:13px;display:flex}.lobby-frequency i{background:#e2485f;width:8px;height:8px;box-shadow:0 0 20px #d73856}.lobby-frequency span{color:#718b8d;margin-left:auto;font-size:11px}.lobby-heading{align-items:center;gap:58px;margin:40px 0 36px;display:flex}.lobby-heading img{object-fit:contain;width:520px;height:155px}.lobby-heading small{letter-spacing:4px;color:#9db5b5;max-width:630px;font-size:13px;line-height:1.8}.intro-content{grid-template-columns:1.25fr .75fr;align-items:center;gap:130px;display:grid}.file-label{letter-spacing:3px;color:#d47880;font-size:12px}.intro-copy h1{letter-spacing:-2px;margin:25px 0;font-size:65px;line-height:1.12}.intro-copy h1 em{color:#eb6d77;font-style:normal}.intro-copy>p{color:#b8c6c4;max-width:940px;font-size:24px;line-height:1.6}.intro-copy ol{color:#c5d0ce;gap:21px;margin:0;padding:20px 0 22px;font-size:24px;list-style:none;display:grid}.intro-copy li>b{color:#64b7b8;letter-spacing:3px;width:57px;font-size:18px;display:inline-block}.intro-copy li strong{color:#e3ece8}.lobby-primary{color:#fff2ee;letter-spacing:3px;cursor:pointer;background:#bb2444;border:1px solid #f68187;height:72px;padding:0 40px;font-size:21px;font-weight:900;box-shadow:0 0 32px #c7294322}.lobby-primary:hover{background:#d73653;transform:translateY(-2px)}.lobby-preview{color:#9dbbb9;letter-spacing:1px;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #7b999866;margin-top:22px;padding:10px 0;font-size:17px;display:block}.intro-signal{text-align:center;padding-bottom:40px}.signal-orbit{border:1px solid #bd455155;border-radius:50%;place-items:center;width:290px;height:290px;margin:0 auto 35px;display:grid;position:relative;box-shadow:0 0 100px #8e1d2833,inset 0 0 60px #83162422}.signal-orbit:before{content:"";border:1px dashed #7c343e99;border-radius:50%;animation:80s linear infinite orbit;position:absolute;inset:22px}.signal-orbit span{color:#ed5064;letter-spacing:-6px;text-shadow:0 0 35px #d62348;font-size:90px;font-weight:900}.intro-signal>small{color:#7baaaa;letter-spacing:5px;font-size:13px}.intro-signal h2{margin:23px 0;font-size:43px;font-weight:500;line-height:1.25}.intro-signal p{color:#8da5a3;font-size:20px;line-height:1.7}.horror-notice{letter-spacing:3px;color:#bb7e83;margin-top:33px;font-size:11px;display:block}.selection-title small{color:#8cc5b9;letter-spacing:3px;font-size:14px}.selection-title h1{letter-spacing:-1px;margin:16px 0;font-size:48px}.selection-title p{color:#9db2af;margin:0 0 33px;font-size:21px}.story-files{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.story-file{text-align:left;color:#ecf2ed;background:#071113;border:1px solid #52686c66;height:480px;padding:0;font-family:inherit;position:relative;overflow:hidden}.story-file.available{cursor:pointer;border-color:#aa5363}.story-file.available:hover{border-color:#fa8590;box-shadow:0 0 40px #b43a4c44}.story-file>img{object-fit:cover;opacity:.5;width:100%;height:100%;position:absolute}.story-file:after{content:"";background:linear-gradient(#0000,#03090ac7 42%,#030709);position:absolute;inset:0}.file-number{z-index:2;letter-spacing:3px;color:#aec6c1;font-size:13px;position:absolute;top:26px;left:25px}.story-file>div{z-index:2;position:absolute;bottom:28px;left:25px;right:20px}.story-file small{color:#df929c;letter-spacing:3px;font-size:12px}.story-file h2{margin:17px 0;font-size:40px;line-height:1.1}.story-file p{color:#b8c9c4;min-height:58px;font-size:19px;line-height:1.5}.story-file strong{letter-spacing:2px;color:#e6aaaa;border-top:1px solid #705052;margin-top:25px;padding-top:20px;font-size:15px;display:block}.story-file.locked{background:repeating-linear-gradient(130deg,#081316 0 12px,#0b191d 13px 14px)}.story-file.locked h2{color:#738a8b}.story-file.locked p{color:#6e8585}.story-file.locked small,.story-file.locked strong{color:#809696}.story-file.locked strong{border-color:#3a5356;font-size:11px}.story-selection>.lobby-preview{margin-top:25px}@keyframes messageArrival{0%{opacity:0;filter:blur(3px);transform:translateY(16px)}to{opacity:1;filter:none;transform:none}}@keyframes orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.screen-lobby>header,.screen-lobby>.chat-corner,.screen-lobby>.twitch-live-chat,.screen-lobby>.elena-vitals,.screen-lobby>.center-stage,.screen-lobby>.streamer,.screen-lobby>.terminal-conversation{display:none}.screen-lobby{background:linear-gradient(90deg,#010508b8,#02080b88 40%,#02060a99),url(/assets/sos-terminal-backdrop.png) 50%/cover}.sos-lobby{background:linear-gradient(90deg,#02070a99,#02070a44 65%,#02070a66)}.story-file.available>img{opacity:.85}.story-file.available:after{background:linear-gradient(#0000 10%,#03090a88 45%,#030709 90%)}.phase-idle .board,.phase-searching .board,.phase-linked .board,.phase-typing .board,.phase-ending .board{visibility:hidden}.board.visible{pointer-events:auto}.board-choice[role=button]{cursor:pointer}.board-choice[role=button]:hover{outline:1px solid #91dddd}.sfx-volume{color:#85adad;letter-spacing:1px;align-items:center;gap:8px;font-size:10px;display:flex}.sfx-volume input{accent-color:#75cccc;width:65px}.game-surface{position:absolute;inset:0}.screen-lobby>.game-surface{display:none}.game-surface>header{height:112px}.stage:not(.screen-lobby){background:linear-gradient(90deg,#01070acd,#02080b77 48%,#02060aab),url(/assets/sos-terminal-backdrop.png) 50%/cover}.rain{opacity:.08}.scanlines{opacity:.015}.phone-conversation{z-index:20;isolation:isolate;background:linear-gradient(140deg,#34484d,#080d10 13%,#010405 85%,#263c42);border:2px solid #608588;border-radius:53px;width:532px;height:904px;position:absolute;top:138px;left:50%;transform:translate(-50%);box-shadow:0 0 0 5px #030a0e,0 0 0 7px #29484e,0 30px 85px #000d,inset 0 0 0 6px #061015}.phone-conversation:before{content:"";background:#325258;border-radius:3px;width:5px;height:72px;position:absolute;top:145px;left:-10px;box-shadow:0 93px #325258}.phone-conversation:after{content:"";background:#325258;border-radius:3px;width:5px;height:115px;position:absolute;top:184px;right:-10px}.phone-hardware{justify-content:center;align-items:center;gap:22px;height:12px;display:flex;position:absolute;top:13px;left:0;right:0}.phone-hardware>span{background:#020707;border:1px solid #3a6165;border-radius:5px;width:77px;height:6px}.phone-hardware>i{background:radial-gradient(circle,#284f57,#040709);border:1px solid #243a40;border-radius:50%;width:10px;height:10px}.phone-screen{background:radial-gradient(at 50% 100%,#0b2226,#030b0e 80%);border:1px solid #35565e;border-radius:30px;position:absolute;inset:34px 15px 15px;overflow:hidden}.phone-status{color:#7faaa9;letter-spacing:2px;background:#010607;justify-content:space-between;align-items:center;height:30px;padding:0 24px;font-size:11px;display:flex}.phone-status>span:last-child{color:#94c1bd;letter-spacing:5px}.phone-status i{background:#e56875;border-radius:50%;width:5px;height:5px;margin:0 3px;display:inline-block}.phone-contact{z-index:1;height:92px;box-shadow:none;background:#071317;border-bottom:1px solid #3b585c;grid-template-columns:none;align-items:center;gap:17px;padding:12px 20px;display:flex;position:absolute;top:30px;left:0;right:0}.phone-contact>img{object-fit:cover;border:1px solid #51888b;border-radius:50%;width:58px;height:58px}.phone-contact h2{letter-spacing:1px;margin:0 0 6px;font-size:26px}.phone-contact p{color:#e48891;align-items:center;gap:7px;margin:0;font-size:15px;display:flex}.phone-contact p i{background:#e45f74;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #e45f7470}.secure-channel{color:#829f9e;letter-spacing:2px;border:1px solid #34545a;border-radius:6px;margin-left:auto;padding:7px 9px;font-size:10px}.phone-transcript{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#36555a transparent;flex-direction:column;gap:17px;padding:22px 18px 18px;display:flex;position:absolute;inset:122px 0 94px;overflow:auto}.conversation-date{text-align:center;color:#638582;letter-spacing:2px;margin:0 0 12px;font-size:10px}.phone-bubble{background:linear-gradient(140deg,#132d32,#0c2327);border:1px solid #31565c;border-radius:17px 17px 17px 3px;flex-shrink:0;align-self:flex-start;max-width:94%;padding:17px 18px 12px;animation:.45s ease-out both phoneMessageArrival;box-shadow:0 9px 20px #0003}.phone-bubble>strong{color:#8cafb0;letter-spacing:2px;margin-bottom:9px;font-size:11px;display:block}.phone-bubble.terminal{background:linear-gradient(135deg,#371c27,#21121a);border-color:#703c4a;border-radius:17px 17px 3px;align-self:flex-end}.phone-bubble.terminal>strong{text-align:right;color:#d7a6b1}.bubble-text{color:#eef3ee;overflow-wrap:anywhere;margin:0;font-size:25px;line-height:1.38;position:relative}.bubble-reserve{visibility:hidden}.bubble-written{position:absolute;inset:0}.phone-bubble footer{color:#81a4a2;justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;font-size:11px;display:flex}.delivery-checks{color:#e9869b;letter-spacing:-4px;padding-right:4px;font-size:14px}.phone-photo{color:#e8f1eb;cursor:pointer;text-align:left;background:#091519;border:0;border-radius:9px;width:100%;min-width:180px;max-width:330px;padding:0;display:block;overflow:hidden}.phone-photo img{object-fit:cover;width:100%;height:175px;display:block}.phone-photo>span{justify-content:space-between;padding:11px 12px;font-size:17px;display:flex}.phone-photo>span b{color:#8cd0c8}.phone-photo:hover{outline:1px solid #84bdba}.phone-composer{color:#8bafaa;background:#091b20;border:1px solid #25454a;border-radius:22px;align-items:center;gap:10px;height:48px;padding:0 15px;font-size:14px;display:flex;position:absolute;bottom:37px;left:15px;right:15px}.typing-dots{gap:4px;display:flex}.typing-dots i{background:#6aa4a5;border-radius:50%;width:5px;height:5px}.phase-typing .typing-dots i{animation:1.2s infinite phoneTyping}.phase-typing .typing-dots i:nth-child(2){animation-delay:.18s}.phase-typing .typing-dots i:nth-child(3){animation-delay:.36s}.phone-composer.lost{color:#e4939b;border-color:#864957}.phone-home{justify-content:center;display:flex;position:absolute;bottom:15px;left:0;right:0}.phone-home i{opacity:.6;background:#789697;border-radius:5px;width:125px;height:4px}.phone-empty{text-align:center;color:#759994;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:420px;display:flex}.phone-empty>span{letter-spacing:-5px;color:#cc5268;opacity:.6;font-size:60px}.phone-empty p{font-size:19px;line-height:1.6}.phone-conversation.signal-lost{border-color:#965262;box-shadow:0 0 0 5px #030a0e,0 0 0 7px #5a3743,0 30px 85px #000d}.center-stage{inset:112px 0 0}.connection-card,.phase-voting .connection-card,.phase-result .connection-card{background:#030b0fdf;width:302px;top:36px;left:auto;right:52px;transform:none}.phase-searching .connection-card,.phase-linked .connection-card{width:650px;min-height:260px;top:32%;left:50%;right:auto;transform:translate(-50%)}.phase-searching .phone-conversation,.phase-linked .phone-conversation{opacity:.14}.board{filter:none;background:linear-gradient(150deg,#041118ef,#09232bb3);border-color:#3e727988;width:460px;padding:22px 20px 24px;top:40px;left:52px;transform:none;box-shadow:0 25px 65px #0007}.board.visible{transform:none}.board>small{text-align:left;letter-spacing:2px;color:#d9828e;font-size:11px;line-height:1.6}.board>h2{text-align:left;letter-spacing:1px;margin:14px 0 25px;font-size:21px;line-height:1.3}.board-options{gap:15px}.board-choice{background:linear-gradient(120deg,#0b3440,#09212a);border-left-width:3px;grid-template-columns:54px 1fr;gap:6px;min-height:109px;padding:16px 15px}.board-choice b{color:#6ce1e5;grid-row:1/3;font-size:39px;font-weight:700}.board-choice span{font-size:24px;line-height:1.22}.board-choice em{text-align:left;letter-spacing:1px;color:#8fafae;grid-column:2;font-size:11px}.board-timer{height:49px;margin-top:25px}.board-timer strong{font-size:27px}.phase-result .board{opacity:.25;filter:none}.phase-typing .board{visibility:visible;opacity:.18;pointer-events:none;filter:blur(1px)}.phase-idle .board,.phase-searching .board,.phase-linked .board,.phase-ending .board{visibility:hidden}.vote-feed{flex-direction:column;align-items:stretch;gap:5px;width:460px;bottom:305px;left:52px;right:auto;transform:none}.vote-feed div{background:#14282de8;border-color:#426269;grid-template-columns:20px 1fr auto;width:auto;min-width:0;padding:9px 13px}.vote-feed div:not(:last-child){display:none}.vote-feed b{font-size:14px}.vote-feed strong{color:#99d9d1}.result-card{z-index:40;background:#101017f5;border-width:1px;border-color:#bd6677;width:470px;padding:32px 24px;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 80px #000e}.result-card h2{font-size:26px}.result-card h2 b{font-size:33px}.result-card p{font-size:27px}.ending-card{width:620px;padding:45px 32px;top:46%;left:50%}.ending-card h2{font-size:37px}.elena-vitals{background:#030b0fd9;width:302px;top:330px;right:52px}.elena-photo{height:280px}.elena-photo img{object-position:center 32%}.vitals-copy small{font-size:10px}.vitals-copy p{font-size:11px}.vitals-copy strong{font-size:38px}.streamer{z-index:25;width:460px;height:294px;inset:auto auto 27px 52px}.webcam{aspect-ratio:16/9;color:#729393;letter-spacing:3px;background:linear-gradient(130deg,#020b13ab,#07171bb0);border:1px solid #3c747c;place-items:center;height:259px;font-size:13px;display:grid;position:relative;box-shadow:inset 0 0 35px #0005}.webcam:before,.webcam:after{content:"";border-top:2px solid #6d9b9e;width:25px;height:20px;position:absolute;top:15px}.webcam:before{border-left:2px solid #6d9b9e;left:16px}.webcam:after{border-right:2px solid #6d9b9e;right:16px}.webcam-account{text-align:center;letter-spacing:1px;position:absolute;bottom:17px;left:20px;right:20px}.webcam-account button{color:#e4f1ec;letter-spacing:2px;cursor:pointer;background:#0a2934;border:1px solid #62bac7;border-radius:4px;min-width:235px;height:38px;padding:0 22px;font-size:12px;font-weight:900}.webcam-account .ready{color:#76d4b3;background:#020a0ede;padding:7px 12px;font-size:11px;display:inline-block}.controls{margin:7px 0 0;display:flex}.controls button,.controls button:first-child{color:#9bb9b4;letter-spacing:2px;background:#0a191dc9;border:1px solid #2c4e52;border-radius:3px;flex:1;height:28px;font-size:10px}.preview-label{letter-spacing:2px;color:#9a858a;text-align:center;font-size:9px;position:absolute;top:-20px;left:0;right:0}.streamer .connection-error{background:#240f18ee;border:1px solid #764453;max-width:100%;margin:0;padding:7px 9px;font-size:12px;position:absolute;top:-65px;left:0}.attachment-shade{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000b;justify-content:center;align-items:center;animation:.25s ease-out attachmentEntrance;display:flex;position:absolute;inset:0}.attachment-viewer{background:#040c10;border:1px solid #72a0a3;border-radius:13px;width:930px;max-height:970px;padding:22px;box-shadow:0 30px 100px #000e,0 0 45px #397b801f}.attachment-top{justify-content:space-between;align-items:center;padding:0 0 18px;display:flex}.attachment-top small{letter-spacing:3px;color:#9ab4b0;font-size:11px}.attachment-top h2{color:#e9f2ec;margin:9px 0 0;font-size:26px}.attachment-top button{color:#f5f8ef;cursor:pointer;background:#0c1d25;border:1px solid #5e7e83;border-radius:8px;place-items:center;width:56px;height:56px;font-size:46px;font-weight:300;line-height:1;display:grid}.attachment-top button:hover,.attachment-top button:focus-visible{outline-offset:4px;background:#3d1d2d;outline:2px solid #ed8094}.attachment-viewer>img{object-fit:contain;background:#010405;border:1px solid #263c42;width:100%;height:640px;display:block}.attachment-viewer>p{color:#a9c5bd;text-align:center;margin:20px 0 4px;font-size:19px}.attachment-failed{place-items:center;min-height:420px;display:grid}.phone-photo:focus-visible,.board-choice:focus-visible,.webcam-account button:focus-visible{outline-offset:4px;outline:2px solid #99e5d8}@keyframes phoneMessageArrival{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes phoneTyping{0%,65%,to{opacity:.25;transform:none}35%{opacity:1;transform:translateY(-3px)}}@keyframes attachmentEntrance{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.phone-bubble,.attachment-shade,.typing-dots i{animation:none!important}}.center-stage{z-index:30;pointer-events:none}.result-card,.ending-card{pointer-events:auto}.game-brand{align-items:center;gap:22px;display:flex}.game-brand .sos-logo{width:310px;height:94px}.boom-brand{border-left:1px solid #40626666;flex-direction:column;align-items:center;padding-left:22px;text-decoration:none;display:flex}.boom-brand img{object-fit:contain;width:145px;height:69px}.boom-brand span{letter-spacing:1.5px;color:#b7c7c5;font-size:11px}.episode{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.vote-feed{width:302px;inset:680px 52px auto auto}.vote-feed div{min-height:54px}.vote-feed b{white-space:nowrap}.audio-controls{z-index:35;background:#041015e8;border:1px solid #42676b;border-radius:6px;gap:18px;width:302px;padding:20px 18px;display:grid;position:absolute;bottom:42px;right:52px}.audio-row{gap:12px;display:grid}.audio-controls .audio-row button{color:#809594;letter-spacing:1.5px;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;width:100%;height:34px;padding:0;font-size:13px;display:flex}.audio-controls .audio-row button.active{color:#a5e0d8;box-shadow:none;background:0 0;border:0}.audio-row button span{border:1px solid #527470;border-radius:3px;padding:4px 7px;font-size:10px}.audio-row label{align-items:center;gap:12px;display:flex}.audio-row input{appearance:none;cursor:pointer;background:#2b4549;border-radius:5px;flex:1;min-width:0;height:6px}.audio-row input::-webkit-slider-thumb{appearance:none;background:#91d6ce;border-radius:50%;width:16px;height:16px;box-shadow:0 0 12px #64afa144}.audio-row input::-moz-range-thumb{background:#91d6ce;border:0;border-radius:50%;width:16px;height:16px}.audio-row output{text-align:right;color:#aec8c2;width:39px;font-size:12px}.audio-row input:focus-visible,.audio-row button:focus-visible,.boom-brand:focus-visible{outline-offset:5px;outline:2px solid #a5e0d8}.video-shade{z-index:1000;background:#010507;position:fixed;inset:0}.video-viewer{width:100vw;height:100dvh;max-height:none;box-shadow:none;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;padding:16px 24px;display:grid}.video-viewer .attachment-top{padding-bottom:12px}.video-viewer .attachment-top h2{margin-top:4px;font-size:20px}.video-viewer .attachment-top button{width:48px;height:48px}.video-viewer video{object-fit:contain;background:#000;width:100%;height:100%;min-height:0}.attachment-bottom{justify-content:space-between;align-items:center;gap:18px;display:flex}.attachment-bottom p{color:#b8d0ca;font-size:16px}.video-replay{color:#e7f2ed;cursor:pointer;background:#112c32;border:1px solid #75aea8;border-radius:5px;padding:12px 18px;font-weight:700}.video-thumbnail{color:#a4e3dd;background:#102e35;place-items:center;height:140px;font-size:20px;display:grid}.video-viewer button:focus-visible{outline-offset:3px;outline:2px solid #a5e0d8}.voice-note{gap:14px;margin-top:12px;display:grid}.voice-note>span{letter-spacing:2px;color:#a0dacf;font-size:12px}.voice-note audio{width:100%;height:42px}.voice-note small{color:#b2c6bf;font-size:13px;line-height:1.5}.voice-note button{color:#b8d2cc;cursor:pointer;background:#0e272d;border:1px solid #496e6b;border-radius:4px;justify-self:start;padding:7px 12px}.audio-controls{z-index:60;background:0 0;border:0;gap:12px;width:302px;padding:0;display:flex;top:27px;bottom:auto;right:52px}.audio-row{flex:1;display:block;position:relative}.audio-controls .audio-row>button{background:#08222be8;border:1px solid #447d84;border-radius:5px;height:42px;padding:0 10px;font-size:11px}.audio-controls .audio-row>button.active{background:#08222be8;border:1px solid #447d84}.audio-row label{background:#06141df5;border:1px solid #447d84;border-radius:6px;flex-wrap:wrap;width:270px;padding:16px;display:flex;position:absolute;top:51px;right:0;box-shadow:0 12px 30px #0009}.audio-row label[hidden]{display:none}.audio-row label button{flex-basis:100%;height:27px!important;font-size:12px!important}.video-thumbnail{height:200px;position:relative;overflow:hidden}.video-thumbnail video{object-fit:cover;width:100%;height:100%}.video-thumbnail>b{color:#e4f3ef;background:#0003;place-items:center;font-size:17px;display:grid;position:absolute;inset:0}