body.surv-page{--glass-dark:#181428bd;--rim:#ffd67899;--hud-font:"Black Han Sans", "Jua", system-ui, sans-serif;touch-action:none;color:#fff;background:#2f6b3a;position:fixed;inset:0;overflow:hidden}#sv-canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#sv-join{z-index:5;touch-action:pan-y;overscroll-behavior:contain;background:radial-gradient(#141e141a,#0a140a8c);position:fixed;inset:0;overflow-y:auto}@media (max-height:520px){#sv-join{padding:10px}#sv-preview,#sv-join .tag{display:none}#sv-join h1{margin:0 0 6px}}#sv-join .card{color:#fff;border:2px solid var(--rim);background:linear-gradient(#243046ed,#141628f2);border-radius:22px;box-shadow:0 0 0 4px #0a0e1899,0 18px 40px #00000073}#sv-join h1{font-family:var(--hud-font);background:linear-gradient(#fff 5%,#ffd43b 45%,#ff6b6b 95%);color:#0000;filter:drop-shadow(0 3px #1c1030)drop-shadow(0 0 14px #ff6b6b73);-webkit-background-clip:text;background-clip:text;font-size:50px;line-height:1}#sv-join .tag{color:#fffc}#sv-join input{color:#fff;background:#ffffff14;border-color:#ffffff38}#sv-join input::placeholder{color:#ffffff80}#sv-join .btn.big{font-family:var(--hud-font);color:#1c1030;background:linear-gradient(#ffe066,#ff922b);border-color:#1c1030;font-size:26px;box-shadow:0 6px #1c1030,0 0 18px #ff922b80}#sv-join .btn.ghost{color:#fff;box-shadow:none;background:#ffffff1a;border-color:#ffffff4d}#sv-join .look-picks button[aria-pressed=true]{border-color:#ffd43b;box-shadow:0 0 10px #ffd43bcc}#sv-preview{width:240px;height:130px;margin:-6px auto 2px;display:block}#sv-hud{pointer-events:none;--me:200px;--mid:calc(100vw - 2 * (var(--me) + 12px + max(12px, env(safe-area-inset-left), env(safe-area-inset-right))));position:fixed;inset:0}#sv-hud>*{pointer-events:auto}#sv-hud .btn.small{background:var(--glass-dark);color:#fff;border:1.5px solid var(--rim);box-shadow:0 3px #00000073}#sv-invite{color:#1c1030!important;background:linear-gradient(#ffe066,#ff922b)!important;border-color:#1c1030!important}#sv-xp{pointer-events:none;background:#0a0a18bf;border-bottom:2px solid #1c1030;height:18px;position:absolute;top:0;left:0;right:0}#sv-xpfill{background:linear-gradient(#a5d8ff,#339af0 60%,#1971c2);width:0;transition:width .2s;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #4dabf7cc}#sv-level{font-family:var(--hud-font);color:#fff;text-shadow:0 1px #1c1030;font-size:14px;font-weight:400;line-height:18px;position:absolute;top:0;right:10px}#sv-top{top:calc(max(4px, env(safe-area-inset-top)) + 22px);left:max(10px, env(safe-area-inset-left));gap:6px;display:flex;position:absolute}#sv-time{pointer-events:none;text-align:center;min-width:100px;font-family:var(--hud-font);letter-spacing:.04em;color:#fff;text-shadow:0 3px #1c1030,0 0 8px #0009;font-size:30px;position:absolute;top:26px;left:50%;transform:translate(-50%)}#sv-kills{pointer-events:none;font-family:var(--hud-font);color:#ffd43b;text-shadow:0 2px #1c1030;font-size:16px;position:absolute;top:64px;left:50%;transform:translate(-50%)}#sv-boss{width:min(460px, 70vw, var(--mid));pointer-events:none;text-align:center;position:absolute;top:92px;left:50%;transform:translate(-50%)}#sv-boss span{font-family:var(--hud-font);color:#ff8787;text-shadow:0 2px #1c1030;font-size:18px}#sv-boss div{background:#0a0a18cc;border:2px solid #1c1030;border-radius:7px;height:14px;margin-top:2px;overflow:hidden;box-shadow:0 0 0 2px #ff6b6b99}#sv-boss i{background:linear-gradient(#ffa8a8,#e03131);width:100%;height:100%;transition:width .2s;display:block}#sv-boss.dragon span{color:#ffa94d}#sv-boss.dragon div{box-shadow:0 0 0 2px #ff922bb3}#sv-boss.dragon i{background:linear-gradient(#ffd8a8,#f76707)}#sv-team{right:max(10px, env(safe-area-inset-right));top:calc(max(4px, env(safe-area-inset-top)) + 24px);pointer-events:none;background:var(--glass-dark);border:1.5px solid var(--rim);border-radius:14px;gap:4px;min-width:150px;margin:0;padding:6px;list-style:none;display:grid;position:absolute}#sv-team li{grid-template-columns:12px 1fr auto;align-items:center;gap:2px 6px;font-family:Jua,system-ui,sans-serif;font-size:12px;display:grid}#sv-team li i{border:2px solid #1c1030;border-radius:50%;width:12px;height:12px}#sv-team li em{background:#ffffff26;border-radius:3px;grid-column:1/-1;height:5px;overflow:hidden}#sv-team li em u{background:#51cf66;height:100%;display:block}#sv-team li.down{color:#ff8787}#sv-team li.down em u{background:#868e96}#sv-team li.me span{color:#ffd43b}#sv-me{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));pointer-events:none;gap:6px;width:240px;display:grid;position:absolute}#sv-me .hpbar{height:24px;box-shadow:0 0 0 2px var(--rim);background:#0a0a18d9;border:2px solid #1c1030;border-radius:12px;position:relative;overflow:hidden}#sv-hpfill{background:linear-gradient(#b2f2bb,#40c057 55%,#2b8a3e);border-radius:10px;width:100%;transition:width .2s;position:absolute;inset:0 auto 0 0}#sv-hpfill.low{background:linear-gradient(#ffc9c9,#fa5252 55%,#c92a2a)}#sv-hp{font-family:var(--hud-font);text-shadow:0 2px #1c1030;place-items:center;font-size:15px;font-weight:400;display:grid;position:absolute;inset:0}#sv-slots{flex-wrap:wrap;gap:4px;display:flex}#sv-slots span{background:var(--glass-dark);border:1.5px solid var(--rim);border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:relative}#sv-slots span.passive{border-color:#a5d8ff99;width:30px;height:30px}#sv-slots img{object-fit:contain;width:80%;height:80%}#sv-slots b{font-family:var(--hud-font);color:#ffd43b;text-shadow:0 1px #1c1030,0 0 3px #1c1030;font-size:12px;font-weight:400;position:absolute;bottom:-4px;right:-3px}#sv-map{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));pointer-events:none;border:1.5px solid var(--rim);background:#0a180c99;border-radius:12px;width:110px;height:110px;position:absolute}#sv-pad{pointer-events:none;width:132px;height:132px;left:calc(24px + env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom));background:radial-gradient(circle,#ffffff1f,#ffffff0a);border:2px solid #ffd43b80;border-radius:50%;display:none;position:absolute}#sv-pad i{background:radial-gradient(circle at 35% 30%,#fff3bf,#ffd43b 55%,#f08c00);border:2px solid #1c1030;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}body.touch #sv-pad{display:block}body.touch #sv-me{bottom:auto;top:calc(max(4px, env(safe-area-inset-top)) + 64px);width:var(--me)}body.touch #sv-map{width:84px;height:84px}#sv-hint{bottom:max(12px, env(safe-area-inset-bottom));white-space:nowrap;background:var(--glass-dark);border:1px solid var(--rim);pointer-events:none;border-radius:10px;margin:0;padding:4px 12px;font-size:13px;transition:opacity 1s;position:absolute;left:50%;transform:translate(-50%)}body.touch #sv-hint{display:none}#sv-toasts{width:max-content;max-width:var(--mid);pointer-events:none;z-index:2;justify-items:center;gap:4px;display:grid;position:absolute;top:120px;left:50%;transform:translate(-50%)}#sv-boss:not([hidden])~#sv-toasts{top:136px}#sv-toasts p{background:var(--glass-dark);border:1.5px solid var(--rim);text-align:center;word-break:keep-all;border-radius:18px;margin:0;padding:5px 14px;font-family:Jua,system-ui,sans-serif;font-size:15px;animation:3s forwards toast}#sv-cards{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:3;text-align:center;width:min(720px,96vw);animation:.25s ease-out cardsin;position:absolute;transform:translate(-50%)}#sv-cards h2{font-family:var(--hud-font);color:#ffd43b;text-shadow:0 3px #1c1030,0 0 14px #ffd43b99;margin-bottom:8px;font-size:28px}#sv-cards h2 small{color:#fff;font-size:15px}#sv-card-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}#sv-card-list button{cursor:pointer;color:#fff;font:inherit;touch-action:manipulation;border:2px solid var(--rim);background:linear-gradient(#3c326ef5,#1c1636f7);border-radius:16px;justify-items:center;gap:4px;padding:12px 8px 10px;transition:transform 80ms;display:grid;box-shadow:0 6px #00000080,0 0 18px #ffd43b33}#sv-card-list button:hover{border-color:#ffd43b;transform:translateY(-4px)}#sv-card-list button:active{transform:translateY(2px)}#sv-card-list img{object-fit:contain;filter:drop-shadow(0 3px #00000080);width:56px;height:56px}#sv-card-list b{font-family:var(--hud-font);font-size:18px;font-weight:400}#sv-card-list em{color:#ffd43b;font-size:12px;font-style:normal;font-family:var(--hud-font)}#sv-card-list small{color:#fffc;font-size:12px;line-height:1.3}#sv-card-list kbd{color:#ffffff80;font-family:system-ui;font-size:11px}body.touch #sv-card-list kbd{display:none}@keyframes cardsin{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}#sv-down{text-align:center;pointer-events:none;background:radial-gradient(#2800141a,#2800148c);place-content:center;gap:6px;display:grid;position:absolute;inset:0}#sv-down b{font-family:var(--hud-font);color:#ff8787;text-shadow:0 4px #1c1030;font-size:56px;font-weight:400}#sv-down span{text-shadow:0 2px #1c1030;font-family:Jua,system-ui,sans-serif;font-size:18px}#sv-down .revive{background:#0a0a18cc;border:2px solid #1c1030;border-radius:6px;width:220px;height:12px;margin:6px auto 0;overflow:hidden}#sv-revive{background:linear-gradient(#b2f2bb,#40c057);width:0;height:100%;display:block}#sv-results{z-index:4;text-align:center;border:2px solid var(--rim);background:linear-gradient(#30285af5,#141028f7);border-radius:22px;width:min(400px,92vw);padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #0a0a1899,0 18px 40px #00000080}#sv-results h2{font-family:var(--hud-font);text-shadow:0 3px #1c1030;font-size:40px}#sv-results h2.win{color:#ffd43b}#sv-results h2.lose{color:#ff8787}#sv-results p{color:#ffffffd9;margin:6px 0 12px}#sv-results ol{text-align:left;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:grid}#sv-results li{background:#ffffff12;border-radius:12px;align-items:center;gap:10px;padding:6px 12px;font-family:Jua,system-ui,sans-serif;display:flex}#sv-results li span{flex:1}#sv-results li small{font-family:var(--hud-font);color:#ffd43b}#sv-results .muted{color:#fff9}#sv-net{background:var(--danger);color:#fff;border-radius:10px;padding:8px 14px;font-weight:700;position:absolute;top:120px;left:50%;transform:translate(-50%)}@media (max-width:600px),(max-height:460px){#sv-team{min-width:120px;padding:4px}#sv-time{font-size:24px}#sv-card-list button{padding:8px 4px}#sv-card-list img{width:40px;height:40px}#sv-card-list b{font-size:15px}}@media (max-width:800px),(max-height:460px){#sv-invite .long{display:none}}@media (max-height:460px){#sv-toasts p{padding:4px 12px;font-size:13px;line-height:1.3}}@media (max-width:680px) and (orientation:portrait){#sv-hud{--top:max(4px, env(safe-area-inset-top));--mid:calc(100vw - 20px)}#sv-time,#sv-kills{left:auto;right:max(10px, env(safe-area-inset-right));text-align:right;min-width:0;line-height:1;transform:none}#sv-time{top:calc(var(--top) + 23px);font-size:22px}#sv-kills{top:calc(var(--top) + 47px);font-size:13px}#sv-team{top:calc(var(--top) + 64px);min-width:110px;max-width:calc(100vw - var(--me) - 34px);gap:3px;padding:4px 5px}#sv-team li{grid-template-columns:10px minmax(0,1fr) auto;gap:1px 5px;font-size:11px;line-height:14px}#sv-team li i{border-width:1.5px;width:10px;height:10px}#sv-team li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#sv-team li em{height:4px}#sv-boss,#sv-toasts,#sv-net{top:calc(var(--top) + 172px)}#sv-boss:not([hidden])~#sv-toasts{top:calc(var(--top) + 218px)}#sv-net{width:max-content;max-width:calc(100vw - 20px)}}@media (max-width:350px),(max-width:680px) and (orientation:landscape){#sv-hud{--me:170px}#sv-top{gap:4px}#sv-top .btn.small{min-width:40px;padding:7px;font-size:12px}#sv-time{font-size:clamp(20px,3.6vw,24px)}#sv-slots{gap:3px}#sv-slots span{width:32px;height:32px}#sv-slots span.passive{width:24px;height:24px}}#sv-me .hpbar.hit{animation:.3s hpjolt}@keyframes hpjolt{0%{transform:translate(-4px);box-shadow:0 0 0 2px #ff6b6b,0 0 14px #ff6b6b}50%{transform:translate(4px)}to{transform:none}}#sv-heroes{grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 12px;display:grid}#sv-heroes button{cursor:pointer;color:#fff;font:inherit;touch-action:manipulation;background:#ffffff0f;border:2px solid #ffffff2e;border-radius:14px;justify-items:center;gap:2px;padding:6px 2px;display:grid}#sv-heroes button[aria-pressed=true]{background:#ffd43b29;border-color:#ffd43b;box-shadow:0 0 14px #ffd43b80}#sv-heroes img{object-fit:contain;filter:drop-shadow(0 3px #00000080);width:58px;height:58px}#sv-heroes b{font-family:var(--hud-font);font-size:15px;font-weight:400}#sv-heroes small{color:#ffffffbf;min-height:2.5em;font-size:10.5px;line-height:1.25}@media (max-height:520px){#sv-heroes img{width:40px;height:40px}#sv-heroes small{display:none}}#sv-rescue{z-index:2;pointer-events:none;background:var(--glass-dark);border:2px solid #51cf66;border-radius:50%;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;font-size:20px;animation:.7s infinite alternate rescue;display:grid;position:absolute;top:0;left:0;box-shadow:0 0 12px #51cf66b3}#sv-rescue[hidden]{display:none}#sv-rescue b{position:absolute;inset:-13px}#sv-rescue b:after{content:"";border:8px solid #0000;border-left-color:#51cf66;border-right-width:0;margin-top:-8px;position:absolute;top:50%;right:0}@keyframes rescue{0%{opacity:1}to{opacity:.55}}#sv-vignette,#sv-hurt{pointer-events:none;position:fixed;inset:0}#sv-vignette{background:radial-gradient(#0000 55%,#000a0073 100%)}#sv-hurt{opacity:0;background:radial-gradient(#c80a1e00 50%,#c80a1ebf 100%)}