:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07151a;color:#f4f0df;--app-height: 100vh;--overlay-pad-top: max(18px, env(safe-area-inset-top));--overlay-pad-right: max(18px, env(safe-area-inset-right));--overlay-pad-bottom: max(18px, env(safe-area-inset-bottom));--overlay-pad-left: max(18px, env(safe-area-inset-left));--overlay-panel-max-height: calc(var(--app-height) - var(--overlay-pad-top) - var(--overlay-pad-bottom));--overlay-panel-max-width: calc(100vw - var(--overlay-pad-left) - var(--overlay-pad-right));--in-oklch: ;--in-oklab: }@supports (linear-gradient(in oklch,white,black)){:root{--in-oklch: in oklch;--in-oklab: in oklab}}@supports (height: 100dvh){:root{--app-height: 100dvh}}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}button,input{font:inherit}#game{display:block;width:100vw;height:var(--app-height);background:#07151a}.hidden{display:none!important}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;min-height:var(--app-height);padding:var(--overlay-pad-top) var(--overlay-pad-right) var(--overlay-pad-bottom) var(--overlay-pad-left);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;background:#04090c9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lobby{justify-items:center;align-items:center;background:radial-gradient(circle at 50% 50%,#03080a73,#03080af2),url(/art/bg-island.png) no-repeat center center / cover;background:radial-gradient(circle at 50% 50%,#03080a73,#03080af2),image-set(url(/art/bg-island-896-ed814b00.avif) type("image/avif") 1x,url(/art/bg-island-1792-3a8dd111.avif) type("image/avif") 2x,url(/art/bg-island-896-def03dcb.webp) type("image/webp") 1x,url(/art/bg-island-1792-3e46134c.webp) type("image/webp") 2x,url(/art/bg-island.png) type("image/png") 2x) no-repeat center center / cover;transition:background 1s ease}.lobby-shell,.death-card,.share-card,.status-card{width:min(560px,var(--overlay-panel-max-width));max-height:var(--overlay-panel-max-height);min-height:0;border:1px solid rgba(244,240,223,.12);background:#081014c7;backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);box-shadow:0 32px 96px #000000bf,inset 0 1px #ffffff14,inset 0 -1px #0000004d;border-radius:12px;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;transition:all .3s cubic-bezier(.25,.8,.25,1)}.lobby-shell{position:relative;overflow:auto;padding:24px;animation:lobby-shell-enter .7s cubic-bezier(.16,1,.3,1)}@keyframes lobby-shell-enter{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.lobby-embers{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.lobby-embers:before,.lobby-embers:after{content:"";position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;background-image:radial-gradient(2.4px 2.4px at 18% 84%,rgba(255,206,112,.5),transparent 55%),radial-gradient(1.7px 1.7px at 64% 32%,rgba(255,176,88,.42),transparent 55%),radial-gradient(2px 2px at 41% 58%,rgba(255,226,150,.36),transparent 55%),radial-gradient(1.4px 1.4px at 86% 70%,rgba(255,196,100,.4),transparent 55%);background-size:340px 420px;background-repeat:repeat;animation:ember-rise 26s linear infinite;opacity:.55}.lobby-embers:after{background-size:220px 300px;animation-duration:17s;animation-delay:-8s;opacity:.34;filter:blur(.6px)}@keyframes ember-rise{0%{transform:translateZ(0)}to{transform:translate3d(-46px,-420px,0)}}.ios-install-hint{position:absolute;left:50%;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 6px);transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:11px;max-width:min(560px,calc(100vw - 28px));padding:11px 13px 11px 14px;border-radius:13px;border:1px solid rgba(214,186,112,.34);background:radial-gradient(120% 160% at 50% 0%,rgba(214,186,112,.12),transparent 52%),#071016e0;box-shadow:0 10px 28px #00000073,inset 0 1px #fff4d614;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:ios-install-hint-enter .5s cubic-bezier(.22,1,.36,1) .35s backwards}@keyframes ios-install-hint-enter{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ios-install-hint-icon{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#e6cf96;background:#d6ba701f;border:1px solid rgba(214,186,112,.3)}.ios-install-hint-icon svg{width:19px;height:19px}.ios-install-hint-text{margin:0;font-size:12.5px;line-height:1.45;color:#e2e9eeeb;letter-spacing:.01em}.ios-install-hint-text strong{color:#e6cf96;font-weight:700}.ios-install-hint-dismiss{flex:0 0 auto;align-self:flex-start;display:grid;place-items:center;width:26px;height:26px;margin-left:2px;padding:0;border:none;border-radius:8px;background:#ffffff0f;color:#e2e9eebf;font-size:17px;line-height:1;cursor:pointer}.ios-install-hint-dismiss:active{background:#ffffff24}.lobby-settings-button{position:absolute;top:14px;right:14px;z-index:1;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(244,240,223,.18);border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.1),transparent 45%),#ffffff0a;color:#fff8df;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff0d,0 8px 20px #0000004d;transition:all .2s cubic-bezier(.25,.8,.25,1)}.lobby-settings-button:hover,.lobby-settings-button:focus-visible{border-color:#f2ce63b3;background:radial-gradient(circle at 35% 25%,rgba(242,206,99,.18),transparent 45%),#f2ce6314;transform:rotate(30deg) scale(1.05);outline:none}.lobby-settings-button svg{width:60%;height:60%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding-right:44px}.lobby-head .avatar-preview{display:none!important}h1,h2,p{margin:0}h1{font-size:clamp(2rem,7vw,4.6rem);line-height:.92;max-width:480px}.lobby-title{font-family:Cinzel,Trajan Pro,Cormorant Garamond,Palatino Linotype,Georgia,serif;font-weight:800;background:linear-gradient(135deg var(--in-oklch),#ffffff 0%,#f2ce63 60%,#cca54d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 12px rgba(0,0,0,.7),0 16px 40px rgba(0,0,0,.6);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));padding-right:8px}.lobby-title-nowrap{white-space:nowrap}.lobby-copyright{margin:-6px 0 16px;color:#cabf9e9e;font-size:.76rem;line-height:1.2}.field{display:grid;gap:8px;margin-bottom:16px;color:#cabf9e;font-size:.86rem;letter-spacing:.02em}.field input{width:100%;height:46px;border:1px solid rgba(244,240,223,.14);border-radius:8px;background:#00000059;color:#fff8df;padding:0 14px;outline:none;box-shadow:inset 0 2px 5px #00000080;transition:all .25s cubic-bezier(.25,.8,.25,1)}.field input:focus{border-color:#f2ce63d9;background:#00000080;box-shadow:0 0 12px #f2ce6340,inset 0 2px 5px #0006}.field input:disabled,.icon-button:disabled,.class-card:disabled{cursor:default;opacity:.55}.field input:disabled{color:#c4b998;border-color:#e6c56533;background:#00000073}.avatar-row{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-bottom:18px}.avatar-preview{width:86px;height:86px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(244,240,223,.18);background:radial-gradient(circle at 50% 28%,var(--skin, #c99062) 0 21%,transparent 22%),radial-gradient(circle at 50% 60%,var(--cloak, #315f72) 0 34%,transparent 35%),linear-gradient(135deg,var(--armor, #7e8793),var(--trim, #e6c565));box-shadow:inset 0 -20px 32px #0000003d,0 12px 26px #00000047}.avatar-preview.large{width:110px;height:110px;margin:0 auto 28px}.avatar-preview.class-portrait{background-size:cover!important;background-repeat:no-repeat!important;background-position:center center!important;box-shadow:inset 0 0 0 2px #ffffff26,0 12px 26px #0000007a!important;border:2px solid rgba(242,206,99,.6)!important}.avatar-preview.class-portrait.knight{background-image:url(/art/classes/knight-profile-280-09723e3f.webp)!important;background-image:image-set(url(/art/classes/knight-profile-280-09723e3f.webp) 1x,url(/art/classes/knight-profile-560-9f5f0583.webp) 2x)!important;border-color:#f2ce63a6!important}.avatar-preview.class-portrait.archer{background-image:url(/art/classes/archer-profile-280-70079dc1.webp)!important;background-image:image-set(url(/art/classes/archer-profile-280-70079dc1.webp) 1x,url(/art/classes/archer-profile-560-73b05d7f.webp) 2x)!important;border-color:#8fd6c0a6!important}.avatar-preview.class-portrait.rogue{background-image:url(/art/classes/rogue-profile-280-0e14fa88.webp)!important;background-image:image-set(url(/art/classes/rogue-profile-280-0e14fa88.webp) 1x,url(/art/classes/rogue-profile-560-6f3eeea4.webp) 2x)!important;border-color:#ff8f78a6!important}.avatar-preview.class-portrait.spearman{background-image:url(/art/classes/spearman-profile-280-f0a9651f.webp)!important;background-image:image-set(url(/art/classes/spearman-profile-280-f0a9651f.webp) 1x,url(/art/classes/spearman-profile-560-cae40ddb.webp) 2x)!important;border-color:#8fc8ffa6!important}.avatar-preview.class-portrait.maceman{background-image:url(/art/classes/maceman-profile-280.webp)!important;background-image:image-set(url(/art/classes/maceman-profile-280.webp) 1x,url(/art/classes/maceman-profile-560.webp) 2x)!important;border-color:#7b8d9ea6!important}.icon-button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(242,206,99,.35);color:#fff8df;background:linear-gradient(135deg,#f2ce631f,#f2ce6308);cursor:pointer;box-shadow:0 4px 10px #00000059;transition:all .25s cubic-bezier(.25,.8,.25,1)}.icon-button:hover:not(:disabled){border-color:#f2ce63;background:#f2ce6338;box-shadow:0 6px 18px #f2ce634d,inset 0 1px #ffffff26;transform:scale(1.1)}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.icon-button:hover:not(:disabled) svg{transform:rotate(45deg)}.icon-button:active:not(:disabled) svg{transform:rotate(360deg)}.icon-button svg circle{fill:currentColor;stroke:none}.swatches{display:grid;grid-template-columns:repeat(5,34px);gap:8px}.swatches span{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 8px #00000073,inset 0 1px 2px #ffffff26;transition:all .2s cubic-bezier(.25,.8,.25,1);cursor:pointer}.swatches span:hover{transform:scale(1.15);border-color:#f2ce63;box-shadow:0 0 12px #f2ce6359,0 4px 8px #00000073}.class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(7px,1.4vw,12px);margin-bottom:clamp(10px,1.8vh,16px)}.lobby.class-required .class-grid{animation:class-required-pulse .42s ease}@keyframes class-required-pulse{0%{filter:drop-shadow(0 0 0 rgba(242,206,99,0))}45%{filter:drop-shadow(0 0 18px rgba(242,206,99,.42))}to{filter:drop-shadow(0 0 0 rgba(242,206,99,0))}}.class-card{--class-accent: #f2ce63;position:relative;aspect-ratio:3 / 2;min-height:0;display:grid;grid-template-rows:1fr;overflow:hidden;border:1px solid rgba(244,240,223,.12);border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--class-accent) 10%,transparent),transparent 58%),#ffffff08;color:#f4f0df;padding:0;cursor:pointer;text-align:left;transition:all .25s cubic-bezier(.25,.8,.25,1);animation:class-card-enter .6s cubic-bezier(.16,1,.3,1) backwards}.class-card:nth-child(1){animation-delay:.08s}.class-card:nth-child(2){animation-delay:.15s}.class-card:nth-child(3){animation-delay:.22s}.class-card:nth-child(4){animation-delay:.29s}.class-card:nth-child(5){animation-delay:.36s}@keyframes class-card-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.class-card[data-class=knight]{--class-accent: #f2ce63}.class-card[data-class=archer]{--class-accent: #8fd6c0}.class-card[data-class=rogue]{--class-accent: #ff8f78}.class-card[data-class=spearman]{--class-accent: #8fc8ff}.class-card[data-class=maceman]{--class-accent: #7b8d9e}.class-card:before{content:"";position:absolute;z-index:3;inset:0 auto 0 0;width:4px;background:var(--class-accent);opacity:.4;transition:all .25s ease}.class-card:after{content:"";position:absolute;top:clamp(7px,1.2vw,10px);right:clamp(7px,1.2vw,10px);z-index:4;display:grid;place-items:center;width:clamp(18px,3.8vw,24px);height:clamp(18px,3.8vw,24px);border-radius:50%;border:1px solid rgba(255,248,223,.56);background:var(--class-accent);color:#10160f;font-size:clamp(.72rem,2vw,.9rem);font-weight:900;line-height:1;opacity:0;transform:scale(.72);box-shadow:0 8px 18px #0000005c;transition:opacity .14s ease,transform .14s ease}.class-card:hover:not(:disabled),.class-card:focus-visible:not(:disabled){border-color:color-mix(in srgb,var(--class-accent) 70%,rgba(244,240,223,.2));background:linear-gradient(145deg,color-mix(in srgb,var(--class-accent) 18%,transparent),transparent 62%),#ffffff0f;outline:none;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 28px #00000073,0 0 15px color-mix(in srgb,var(--class-accent) 25%,transparent)}.class-card-portrait{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:auto;overflow:hidden;border:0;border-radius:inherit;background:radial-gradient(circle at 54% 38%,color-mix(in srgb,var(--class-accent) 16%,transparent),transparent 62%),#03080b5c;box-shadow:inset 0 0 0 1px #ffffff0a}.class-card-portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 38%,rgba(3,8,11,.22) 58%,rgba(3,8,11,.84)),linear-gradient(90deg,rgba(3,8,11,.32),transparent 28%,transparent 72%,rgba(3,8,11,.28));pointer-events:none}.class-card-portrait img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .25s ease,transform .4s cubic-bezier(.25,.8,.25,1)}.class-card:not(.selected) .class-card-portrait img{filter:saturate(.6) brightness(.7)}.class-card:hover:not(:disabled) .class-card-portrait img,.class-card:focus-visible:not(:disabled) .class-card-portrait img,.class-card.selected .class-card-portrait img{filter:saturate(1.1) brightness(1.05)}.class-card:hover:not(:disabled) .class-card-portrait img{transform:scale(1.04)}.class-card[data-class=knight] .class-card-portrait img{object-position:44% 50%}.class-card[data-class=archer] .class-card-portrait img{object-position:56% 48%}.class-card[data-class=rogue] .class-card-portrait img{object-position:48% 54%}.class-card[data-class=spearman] .class-card-portrait img,.class-card[data-class=maceman] .class-card-portrait img{object-position:50% 50%}.class-card-top{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:clamp(6px,1.2vw,10px);min-width:0;padding:clamp(8px,1.4vw,12px)}.class-card-copy{display:grid;gap:2px;min-width:0}.class-card-copy b{color:#fff8df;font-size:clamp(.9rem,2.25vw,1.05rem);line-height:1.08;letter-spacing:.02em}.class-card-copy span{color:#c8bea2;font-size:clamp(.62rem,1.8vw,.78rem);line-height:1.32}.class-card-skill-icons{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:clamp(4px,1vw,7px)}.class-card-action-icon{width:clamp(26px,6vw,34px);height:clamp(26px,6vw,34px);padding:clamp(4px,1vw,6px);border:1px solid color-mix(in srgb,var(--class-accent) 44%,rgba(244,240,223,.18));border-radius:6px;background:linear-gradient(180deg,rgba(255,248,223,.08),transparent),color-mix(in srgb,var(--class-accent) 12%,rgba(0,0,0,.34));color:#fff8df;fill:none;stroke:currentColor;stroke-width:4.8;stroke-linecap:round;stroke-linejoin:round;transition:all .25s ease}.class-card-action-icon.secondary{color:color-mix(in srgb,var(--class-accent) 76%,#fff8df)}.class-card-action-icon .icon-trail{opacity:.42}.class-card.selected{border-color:var(--class-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--class-accent) 26%,transparent),transparent 62%),#ffffff14;box-shadow:0 16px 36px #0009,0 0 20px color-mix(in srgb,var(--class-accent) 35%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--class-accent) 34%,transparent);transform:translateY(-2px) scale(1.015)}.class-card.selected:before{width:6px;opacity:1}.class-card.selected:after{content:"✓";opacity:1;transform:scale(1)}.class-card.selected .class-card-portrait{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--class-accent) 48%,rgba(244,240,223,.22)),inset 0 -44px 46px #03080b75}.class-card.selected .class-card-copy b{color:#fffdea;text-shadow:0 0 8px color-mix(in srgb,var(--class-accent) 40%,transparent)}.class-card.selected .class-card-action-icon{border-color:color-mix(in srgb,var(--class-accent) 68%,rgba(244,240,223,.2));background:linear-gradient(180deg,rgba(255,248,223,.14),transparent),color-mix(in srgb,var(--class-accent) 20%,rgba(0,0,0,.36));transform:scale(1.05)}.class-card:disabled:not(.selected){color:#8c8876;background:#00000040;border-color:#f4f0df0d}.enter-button{width:100%;height:50px;border:1px solid rgba(242,206,99,.4);border-radius:8px;cursor:pointer;color:#11160f;background:linear-gradient(135deg var(--in-oklch),#ffeaa7 0%,#f2ce63 50%,#cca54d 100%);font-weight:950;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 6px 20px #f2ce6338,inset 0 1px #fff6,inset 0 -1px #0003;transition:all .25s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.enter-button:after{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skew(-30deg);transition:none}.enter-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #f2ce6359,0 0 15px #f2ce6333,inset 0 1px #ffffff80;background:linear-gradient(135deg var(--in-oklch),#fff1c5 0%,#f7d983 50%,#d8b15d 100%)}.enter-button:hover:not(:disabled):after{left:150%;transition:left .8s ease-in-out}.enter-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 3px 10px #f2ce6326,inset 0 1px #fff3}.enter-button:disabled{cursor:default;color:#f4f0df59;background:linear-gradient(180deg,#f4f0df0a,#f4f0df05),#060d0fd6;border:1px solid rgba(244,240,223,.08);box-shadow:none}.danger-button{width:100%;height:50px;border:1px solid rgba(211,47,47,.4);border-radius:8px;cursor:pointer;color:#fff8ef;background:linear-gradient(135deg var(--in-oklch),#e53935 0%,#c62828 50%,#8e0000 100%);font-weight:800;box-shadow:0 4px 15px #b71c1c38,inset 0 1px #ffffff40;transition:all .25s cubic-bezier(.25,.8,.25,1);letter-spacing:.02em}.danger-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #b71c1c73,0 0 12px #e5393533,inset 0 1px #ffffff59;background:linear-gradient(135deg var(--in-oklch),#ef5350 0%,#d32f2f 50%,#9a0007 100%)}.danger-button:active:not(:disabled){transform:translateY(1px)}.hud{position:fixed;z-index:4;left:max(16px,env(safe-area-inset-left));top:max(16px,env(safe-area-inset-top));display:grid;gap:8px;pointer-events:none}.hud-row{display:flex;flex-wrap:wrap;gap:8px}.vitals-row{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translate(-50%);gap:6px;border-radius:8px;backdrop-filter:blur(6px);bottom:12px!important;transform:translate(-50%)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:9px 16px!important;gap:12px!important;background:radial-gradient(120% 160% at 50% 0%,rgba(214,186,112,.08),transparent 42%),linear-gradient(180deg,#121c20eb,#060a0cf7)!important;border:1px solid rgba(214,186,112,.24)!important;border-radius:14px!important;box-shadow:0 18px 44px #0000009e,0 2px 8px #00000080,inset 0 1px #ffebb433,inset 0 0 26px #060c0e8c!important;width:90%!important;max-width:580px!important;min-width:285px!important;z-index:100!important;pointer-events:none!important;box-sizing:border-box!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.full-map-visible .vitals-row{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.vitals-row.low-hp{animation:critical-pulse 1.2s infinite!important}@keyframes critical-pulse{0%,to{box-shadow:0 -8px 32px #000000bf,inset 0 0 0 1px #e0313166!important;border-color:#e0313180!important}50%{box-shadow:0 -4px 24px #e0313159,inset 0 0 0 1px #e03131cc!important;background:#180808f7!important;border-color:#e03131e6!important}}.vitals-meters{display:flex!important;gap:10px!important;flex:1!important;align-items:center!important}.vitals-row .meter{min-width:172px;height:22px;min-width:85px!important;height:32px!important;flex:1 1 0%!important;border-radius:5px!important;position:relative!important;background:#000c!important;border:1px solid rgba(255,255,255,.05)!important;box-shadow:inset 0 2px 4px #000000d9!important;overflow:hidden!important;display:flex!important;align-items:center!important}.vitals-row .hp{border-color:#ed625557;border-color:#ed625533!important}.vitals-row .stamina{border-color:#6fc2f157;border-color:#6fc2f133!important;transition:border-color .15s ease!important}.meter-content{display:flex!important;align-items:center!important;width:100%!important;height:100%!important;padding:0 10px!important;box-sizing:border-box!important;position:absolute!important;z-index:5!important;top:0!important;right:0!important;bottom:0!important;left:0!important;pointer-events:none!important}.meter-label{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;font-family:Inter,sans-serif!important;font-size:.85rem!important;font-weight:800!important;letter-spacing:.1em!important;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 1.5px 3px rgba(0,0,0,.8)!important;-webkit-user-select:none!important;user-select:none!important;flex-shrink:0!important;white-space:nowrap!important}.hp .meter-label{color:#6ddd7b!important}.stamina .meter-label{color:#6fc2f1!important}.vitals-row .meter b{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:5!important;font-family:Inter,sans-serif!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:2px!important;padding:0!important;margin:0!important;text-shadow:-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px 1.5px 0 #000,0px 2px 4px rgba(0,0,0,.95),0px 0px 8px rgba(0,0,0,.8)!important;white-space:nowrap!important;flex-shrink:0!important}.vitals-row .meter b .current-val{font-family:Inter,sans-serif!important;font-variant-numeric:tabular-nums!important;font-size:.95rem!important;font-weight:900!important;color:#fff!important}.vitals-row .meter b .separator{font-family:Inter,sans-serif!important;font-size:.8rem!important;font-weight:600!important;color:#ffffff73!important;-webkit-user-select:none!important;user-select:none!important;margin:0 1px!important}.vitals-row .meter b .max-val{font-family:Inter,sans-serif!important;font-variant-numeric:tabular-nums!important;font-size:.72rem!important;font-weight:700!important;color:#ffffffb3!important}.vitals-row .hp>span,.vitals-row .stamina>span{position:absolute!important;inset:0 auto 0 0!important;width:100%;transition:width .15s cubic-bezier(.4,0,.2,1)!important;border-radius:4px!important}.vitals-row .hp>span#hpFill{z-index:3!important;box-shadow:inset 0 1px 2px #ffffff59,inset 0 -1px 3px #0003!important;background:linear-gradient(120deg,#059669,#10b981,#6ddd7b,#10b981,#059669)!important;background-size:200% 100%!important;animation:aurora-glow 4s linear infinite!important}.vitals-row .hp>span#hpFill.low{background:linear-gradient(120deg,#b91c1c,#ef4444,#ff6a5f,#ef4444,#b91c1c)!important;background-size:200% 100%!important;animation:aurora-glow 4s linear infinite!important}.vitals-row .stamina>span#staminaFill{z-index:3!important;box-shadow:inset 0 1px 2px #ffffff59,inset 0 -1px 3px #0003!important;background:linear-gradient(120deg,#1d4ed8,#0ea5e9,#6fc2f1,#0ea5e9,#1d4ed8)!important;background-size:200% 100%!important;animation:aurora-glow 4s linear infinite!important}.vitals-row .hp .meter-ticks,.vitals-row .stamina .meter-ticks{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:1!important;pointer-events:none!important}.vitals-row .meter-ticks span{position:absolute!important;top:0!important;bottom:0!important;width:1px!important;background:#ffffff2e!important;pointer-events:none!important;transform:translate(-50%)!important}#hpGhost{background:#ffffff73!important;opacity:.75!important;box-shadow:none!important;transition:width .5s cubic-bezier(.2,.8,.2,1)!important;z-index:2!important}.vitals-row .meter:after{content:""!important;position:absolute!important;top:1px!important;right:1px!important;bottom:1px!important;left:1px!important;border-radius:inherit!important;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 60%)!important;pointer-events:none!important;z-index:4!important}.vitals-row .meter>span#hpFill:before,.vitals-row .meter>span#staminaFill:before{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.1) 30%,rgba(255,255,255,.32) 50%,rgba(255,255,255,.1) 70%,transparent 100%)!important;background-size:200% 100%!important;animation:aurora-wave 6s linear infinite!important;mix-blend-mode:overlay!important;pointer-events:none!important;border-radius:inherit!important}.vitals-row .meter>span#hpFill:after,.vitals-row .meter>span#staminaFill:after{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12) 50%,transparent)!important;animation:bar-shine 4s infinite linear!important;background-size:200% 100%!important;border-radius:inherit!important}@keyframes aurora-glow{0%{background-position:0% 0}to{background-position:-200% 0}}@keyframes aurora-wave{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bar-shine{0%{background-position:-200% 0}to{background-position:200% 0}}.hud-class-badge{position:relative!important;display:block!important;width:70px!important;min-width:70px!important;padding:0!important;overflow:hidden!important;border-radius:5px!important;margin-right:0!important;text-indent:-9999px!important;background-color:#03080bbd!important;background-repeat:no-repeat!important;background-size:cover!important;box-shadow:0 2px 8px #0006,inset 0 0 0 1px #ffffff14,inset 0 -18px 22px #0000005c!important;height:32px!important;align-self:center!important;transition:all .3s ease!important;flex-shrink:0!important}.hud-class-badge:after{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;border-radius:inherit!important;background:linear-gradient(90deg,rgba(3,8,11,.32),transparent 32%,transparent 72%,rgba(3,8,11,.34)),linear-gradient(180deg,rgba(255,255,255,.12),transparent 42%,rgba(0,0,0,.38))!important;pointer-events:none!important}.hud-class-badge.knight{border:1px solid rgba(242,206,99,.42)!important;background-image:url(/art/classes/knight-profile-280-09723e3f.webp)!important;background-image:image-set(url(/art/classes/knight-profile-280-09723e3f.webp) 1x,url(/art/classes/knight-profile-560-9f5f0583.webp) 2x)!important;background-position:center center!important}.hud-class-badge.archer{border:1px solid rgba(143,214,192,.42)!important;background-image:url(/art/classes/archer-profile-280-70079dc1.webp)!important;background-image:image-set(url(/art/classes/archer-profile-280-70079dc1.webp) 1x,url(/art/classes/archer-profile-560-73b05d7f.webp) 2x)!important;background-position:center center!important}.hud-class-badge.rogue{border:1px solid rgba(255,143,120,.42)!important;background-image:url(/art/classes/rogue-profile-280-0e14fa88.webp)!important;background-image:image-set(url(/art/classes/rogue-profile-280-0e14fa88.webp) 1x,url(/art/classes/rogue-profile-560-6f3eeea4.webp) 2x)!important;background-position:center center!important}.hud-class-badge.spearman{border:1px solid rgba(143,200,255,.42)!important;background-image:url(/art/classes/spearman-profile-280-f0a9651f.webp)!important;background-image:image-set(url(/art/classes/spearman-profile-280-f0a9651f.webp) 1x,url(/art/classes/spearman-profile-560-cae40ddb.webp) 2x)!important;background-position:center center!important}.hud-class-badge.maceman{border:1px solid rgba(123,141,158,.42)!important;background-image:url(/art/classes/maceman-profile-280.webp)!important;background-image:image-set(url(/art/classes/maceman-profile-280.webp) 1x,url(/art/classes/maceman-profile-560.webp) 2x)!important;background-position:center center!important}.vitals-row .meter.stamina.exhausted{animation:stamina-shake .35s ease-in-out!important}@keyframes stamina-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.vitals-row .meter.stamina.charged>span#staminaFill{animation:stamina-glow 2s infinite alternate!important}@keyframes stamina-glow{0%{box-shadow:inset 0 1px 2px #ffffff40,0 0 4px #1864ab66!important}to{box-shadow:inset 0 1px 2px #fff6,0 0 10px #6fc2f1cc!important}}.atmosphere-grade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 78% 72% at 50% 44%,#0000 58%,#060c0a52),linear-gradient(133deg,#ffdb9916,#ffdb9906 32%,#0000 50%,#1522381a)}.hit-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse 72% 68% at 50% 50%,#0000 42%,#c41c166b)}.hit-flash.active{animation:hit-flash-pop .26s ease-out}@keyframes hit-flash-pop{0%{opacity:0}18%{opacity:.95}to{opacity:0}}.kill-banner{position:fixed;left:50%;top:24%;transform:translate(-50%);z-index:5;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px}.kill-banner-label{font-family:Orbitron,Noto Sans KR,sans-serif;font-weight:900;font-size:clamp(1.3rem,3.4vw,2.1rem);letter-spacing:.34em;text-indent:.34em;background:linear-gradient(180deg,#fff3c8,#ffd166 46%,#c98a2a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(255,178,64,.45)) drop-shadow(0 1px 2px rgba(0,0,0,.85))}.kill-banner-underline{width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#ffd16600,#ffd166f2,#ffd16600)}.kill-banner.active .kill-banner-label{animation:kill-banner-label 1.7s cubic-bezier(.16,1,.3,1) forwards}.kill-banner.active .kill-banner-underline{animation:kill-banner-underline 1.7s cubic-bezier(.16,1,.3,1) forwards}@keyframes kill-banner-label{0%{opacity:0;transform:scale(1.5)}12%{opacity:1;transform:scale(1)}74%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96) translateY(-8px)}}@keyframes kill-banner-underline{0%{width:0;opacity:0}14%{width:200px;opacity:1}74%{width:220px;opacity:1}to{width:240px;opacity:0}}.low-hp-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 70px #aa2424d9;animation:vignette-pulse 1.3s infinite alternate;mix-blend-mode:multiply;transition:opacity .5s ease}@keyframes vignette-pulse{0%{opacity:.3;box-shadow:inset 0 0 45px #aa242480}to{opacity:.85;box-shadow:inset 0 0 95px #dc1414f2}}.hud-buff-tray{position:fixed;left:50%;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 42px);transform:translate(-50%);display:flex;align-items:center;justify-content:flex-start;gap:6px;width:min(372px,calc(100vw - 32px));padding-left:6px;pointer-events:auto}.hud-buff-icon{position:relative;display:grid;grid-template-columns:16px 1fr;align-items:center;gap:4px;width:58px;height:28px;padding:0 6px;border:1px solid rgba(244,240,223,.18);border-radius:7px;background:#050c0fa8;color:#f4f0df;box-shadow:0 8px 18px #00000047;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:help;pointer-events:auto}.hud-buff-icon.health-regen{border-color:#6ddd7b7a;color:#9af0a2}.hud-buff-icon.stamina-regen{border-color:#6fc2f185;color:#9bdcff}.hud-buff-icon.speed-turn-boost{border-color:#f2ce6394;color:#ffe08a}.hud-buff-icon.cooldown-reduction{border-color:#d990ff8f;color:#e2b0ff}.hud-buff-icon:hover,.hud-buff-icon:focus-visible{border-color:currentColor;outline:none;box-shadow:0 0 0 1px #f4f0df29,0 10px 22px #00000057}.hud-buff-icon svg{width:16px;height:16px;fill:currentColor;filter:drop-shadow(0 1px 2px rgba(0,0,0,.44))}.hud-buff-time{color:#fff8df;font-size:.78rem;font-weight:900;font-variant-numeric:tabular-nums;line-height:1;text-align:right;text-shadow:0 2px 4px rgba(0,0,0,.62)}.hud-buff-stack{position:absolute;right:-5px;top:-7px;display:grid;place-items:center;min-width:17px;height:14px;padding:0 3px;border:1px solid rgba(244,240,223,.22);border-radius:7px;background:#040a0dd1;color:#fff8df;font-size:.58rem;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.hud-row.compact{max-width:min(620px,calc(100vw - 32px))}.meter,.pill{height:30px;min-width:112px;position:relative;overflow:hidden;border:1px solid rgba(244,240,223,.18);border-radius:6px;background:#040a0dad;box-shadow:0 8px 22px #00000040}.meter>span{position:absolute;inset:0 auto 0 0;width:100%;transition:width .12s linear}.meter:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 45%),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:auto,20% 100%;opacity:.72;pointer-events:none}.meter b,.pill{display:grid;place-items:center;padding:0 10px;color:#fff9df;font-size:.78rem;line-height:1;white-space:nowrap}.meter b{position:relative;height:100%;z-index:1}.threat{min-width:126px;color:#ffd2bf;transition:color .2s ease,border-color .2s ease}.threat.danger{color:#ff8a7a;border-color:#e031318c;animation:threat-danger-pulse .9s infinite alternate}@keyframes threat-danger-pulse{0%{box-shadow:0 8px 22px #00000040,inset 0 0 0 1px #e031311f}to{box-shadow:0 8px 22px #00000040,inset 0 0 14px #e031314d}}.threat:empty{display:none}.ranking-panel{width:min(var(--ranking-panel-width, 176px),calc(100vw - 32px));border:1px solid rgba(244,240,223,.14);border-radius:var(--ranking-panel-radius, 6px);background:linear-gradient(180deg,#050c10c2,#03070ad1);box-shadow:0 12px 32px #0000006b,inset 0 1px 1px #ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;color:#fff8df;font-variant-numeric:tabular-nums;transition:all .3s ease}.ranking-title{position:relative;display:flex;align-items:center;height:var(--ranking-title-height, 18px);padding:0 var(--ranking-title-padding-x, 8px);border-bottom:1px solid rgba(214,186,112,.28);background:radial-gradient(140% 220% at 0% 0%,rgba(242,206,99,.2),transparent 55%),linear-gradient(90deg,rgba(242,206,99,.1),transparent);color:#f6d77f;font-family:Orbitron,Noto Sans KR,sans-serif;font-size:var(--ranking-title-font-size, .55rem);font-weight:800;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.5)}.ranking-title:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,#f2ce63d9,#f2ce6300 70%)}.ranking-list{display:grid;gap:2px;margin:0;padding:var(--ranking-list-padding-y, 4px) var(--ranking-list-padding-x, 4px) var(--ranking-list-padding-bottom, 3px);list-style:none}.ranking-row{display:grid;grid-template-columns:2.8ch minmax(0,1fr) max-content;align-items:center;gap:var(--ranking-row-gap, 5px);min-height:var(--ranking-row-height, 16px);padding:0 var(--ranking-row-padding-x, 6px);border-radius:var(--ranking-row-radius, 3px);font-size:var(--ranking-row-font-size, .58rem);line-height:1;background:#ffffff04;border:1px solid transparent;transition:background .2s,border-color .2s}.ranking-row:hover{background:#ffffff0b;border-color:#f4f0df14}.ranking-row.empty{color:#f4f0df52;background:transparent}.ranking-row:nth-child(1) .ranking-rank{color:gold;font-weight:900}.ranking-row:nth-child(2) .ranking-rank{color:#e2e8f0;font-weight:900}.ranking-row:nth-child(3) .ranking-rank{color:#f59e0b;font-weight:900}.ranking-self{display:grid;grid-template-columns:2.8ch minmax(0,1fr) max-content;align-items:center;gap:var(--ranking-row-gap, 5px);min-height:var(--ranking-self-height, 18px);margin:0 var(--ranking-self-margin-x, 4px) var(--ranking-self-margin-bottom, 4px);padding:0 var(--ranking-row-padding-x, 6px);border-radius:var(--ranking-row-radius, 3px);font-size:var(--ranking-row-font-size, .58rem);line-height:1;border:1px solid rgba(242,206,99,.35);background:linear-gradient(90deg,#f2ce632e,#f2ce630a);color:#fff2c6;font-weight:800;box-shadow:0 4px 12px #f2ce6314}.ranking-self.unranked{border-color:#f4f0df29;background:#ffffff0d;color:#f4f0dfd9;box-shadow:none}.ranking-rank{color:#f4f0dfa6;font-weight:700}.ranking-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4f0dfe6}.ranking-score{justify-self:end;color:#f2ce63;font-weight:700}.kill-feed{display:grid;gap:3px;max-width:min(260px,calc(100vw - 32px))}.kill-feed div{padding:var(--kill-feed-padding-y, 4px) var(--kill-feed-padding-x, 6px);border:1px solid rgba(244,240,223,.1);border-left:2px solid var(--feed-accent, rgba(244, 240, 223, .32));border-radius:4px;background:linear-gradient(90deg,#060d10b8,#060d1073);color:#eadfbdeb;font-size:var(--kill-feed-font-size, .62rem);line-height:1.12;overflow-wrap:anywhere;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.kill-feed .kill-feed-row{animation:kill-feed-slide .34s cubic-bezier(.16,1,.3,1)}@keyframes kill-feed-slide{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.map-stats{position:fixed;z-index:4;display:grid;justify-items:end;gap:3px;pointer-events:none;color:#fff8dfe0;font-variant-numeric:tabular-nums;text-align:right;text-shadow:0 1px 3px rgba(0,0,0,.58)}.map-coords{font-size:.58rem;line-height:1;color:#f4f0dfbd}.map-stat-row{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-height:11px;font-size:.62rem;line-height:1;color:#fff8dfe6}.map-stat-row.ping{display:grid;grid-template-columns:9px 3ch;justify-content:end;justify-items:center;gap:4px;width:calc(13px + 3ch)}#mapPingText{width:3ch;text-align:center}.map-stat-row.connected{margin-top:5px;gap:6px;min-height:19px;font-size:1.16rem;font-weight:700;color:#fff7d7f5}.map-stat-icon{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.map-stat-icon.players{width:18px;height:18px;color:#f2ce63}.map-ping-dot{width:7px;height:7px;border-radius:50%;background:#4fd17a;box-shadow:0 0 0 2px #4fd17a29,0 0 7px #4fd17a80}.combat-idle-warning{position:fixed;z-index:50;left:50%;top:max(12px,env(safe-area-inset-top));transform:translate(-50%);width:auto;min-width:min(320px,calc(100vw - 32px));max-width:min(580px,calc(100vw - 32px));border-radius:6px;background:linear-gradient(90deg,transparent,rgba(8,12,15,.58) 15%,rgba(8,12,15,.58) 85%,transparent);border:none;border-bottom:1px solid rgba(242,206,99,.25);box-shadow:0 4px 15px #00000040;font-family:Noto Sans KR,sans-serif;color:#fff2c8;pointer-events:none;opacity:0;overflow:hidden;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),border-color .4s ease}.combat-idle-warning.visible{opacity:1;transform:translate(-50%) scale(1)}.combat-idle-warning.intro{animation:combat-idle-panel-appear .5s cubic-bezier(.16,1,.3,1) forwards}.combat-idle-warning.blink{animation:combat-idle-blink-border 1.8s infinite alternate}.combat-idle-warning.countdown{color:#fdd;border-bottom-color:#ff4b4b73;background:linear-gradient(90deg,transparent,rgba(20,8,8,.62) 15%,rgba(20,8,8,.62) 85%,transparent)}@keyframes combat-idle-panel-appear{0%{opacity:0;transform:translate(-50%,-15px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes combat-idle-blink-border{0%{border-bottom-color:#f2ce6326}to{border-bottom-color:#f2ce63a6}}.combat-idle-warning-content{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 24px}.combat-idle-warning-icon-wrapper{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:transparent;color:#f2ce63;flex-shrink:0;transition:all .3s ease}.combat-idle-warning.countdown .combat-idle-warning-icon-wrapper{color:#ff6b6b}.combat-idle-warning-icon{width:15px;height:15px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.combat-idle-warning-text-container{display:flex;flex-direction:row;align-items:center;gap:8px;flex-grow:1;text-align:left}.combat-idle-warning-header{display:flex;align-items:center;gap:8px}.combat-idle-warning-title{font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#f2ce63;text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap}.combat-idle-warning.countdown .combat-idle-warning-title{color:#ff6b6b}.combat-idle-warning-timer{font-family:Orbitron,sans-serif;font-size:1.15rem;font-weight:900;color:#ff3d00;text-shadow:0 0 8px rgba(255,61,0,.5),0 1px 2px rgba(0,0,0,.7);line-height:1;margin-top:-1px}.combat-idle-warning-timer.tick-anim{animation:timer-heartbeat .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes timer-heartbeat{0%{transform:scale(1)}50%{transform:scale(1.25);color:#f33}to{transform:scale(1)}}.combat-idle-warning-desc{font-size:.76rem;font-weight:700;line-height:1.2;color:#fff8dfd9;text-shadow:0 1px 2px rgba(0,0,0,.7);white-space:nowrap}.combat-idle-warning.countdown .combat-idle-warning-desc{color:#ffd7d7e6}.combat-idle-warning-progress{width:100%;height:2px;background:#ffffff0d;position:relative;overflow:hidden}.combat-idle-warning-progress-bar{height:100%;width:100%;background:linear-gradient(90deg,#f2ce63,gold);transition:width .1s linear}.combat-idle-warning.countdown .combat-idle-warning-progress-bar{background:linear-gradient(90deg,#ff4c4c,red)}.combat-idle-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;mix-blend-mode:color-burn;opacity:0;transition:opacity .6s ease}.combat-idle-vignette.warning{opacity:.6;background:radial-gradient(circle at 50% 50%,transparent 48%,rgba(242,206,99,.35) 78%,rgba(242,206,99,.62) 100%);animation:combat-idle-vignette-pulse-warn 2s infinite alternate}.combat-idle-vignette.danger{opacity:.85;background:radial-gradient(circle at 50% 50%,transparent 42%,rgba(255,20,20,.45) 76%,rgba(255,0,0,.82) 100%);animation:combat-idle-vignette-pulse-danger 1s infinite alternate;mix-blend-mode:multiply}@keyframes combat-idle-vignette-pulse-warn{0%{opacity:.35}to{opacity:.75}}@keyframes combat-idle-vignette-pulse-danger{0%{opacity:.5}to{opacity:.95}}.death-card,.share-card,.status-card{padding:28px;text-align:center}.status-card{overflow:auto}.status-card:before{content:"";display:block;width:32px;height:32px;margin:2px auto 16px;border-radius:50%;border:3px solid rgba(242,206,99,.16);border-top-color:#f2ce63;animation:status-spin .9s linear infinite}@keyframes status-spin{to{transform:rotate(360deg)}}.death-card,.share-card{position:relative;width:min(680px,var(--overlay-panel-max-width));overflow-x:hidden;overflow-y:auto;animation:death-card-enter .85s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,106,95,.22);background:linear-gradient(180deg,rgba(94,27,25,.25),transparent 45%),radial-gradient(circle at 50% 0%,rgba(242,206,99,.1),transparent 45%),#081014d9;backdrop-filter:blur(28px) saturate(130%);-webkit-backdrop-filter:blur(28px) saturate(130%);box-shadow:inset 0 0 0 1px #ffffff0d,0 36px 96px #000000b8;border-radius:14px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.death-card:before,.share-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,transparent,#ff5e52,#f2ce63,transparent);opacity:.95;box-shadow:0 0 10px #ff5e5280}.death-card h2,.share-card h2{margin-top:12px;padding-top:10px;padding-bottom:6px;font-family:Cinzel,Trajan Pro,Cormorant Garamond,Palatino Linotype,Georgia,serif;font-size:clamp(2.8rem,10vw,4.8rem);line-height:1.1;background:linear-gradient(135deg,#ff8a80,#ff3d00,#b2102f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 15px rgba(255,61,0,.22),0 16px 36px rgba(0,0,0,.7);letter-spacing:.15em;animation:death-text-expand 1.8s cubic-bezier(.16,1,.3,1) forwards}@keyframes death-text-expand{0%{letter-spacing:-.05em;filter:blur(8px);opacity:0}to{letter-spacing:.18em;filter:blur(0);opacity:1}}@keyframes death-card-enter{0%{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.death-card p,.share-card p,.status-card p{color:#e2d5b7;margin:14px 0 20px;font-size:.95rem;letter-spacing:.02em}.death-card .death-meta{margin-bottom:10px;color:#ffeaa7;font-size:.92rem;font-weight:800;letter-spacing:.04em;background:#ffffff0d;padding:4px 12px;border-radius:20px;display:inline-block;border:1px solid rgba(255,255,255,.08)}.death-stats,.share-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px}.share-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.death-stats div,.share-stats div{display:grid;gap:6px;min-height:76px;align-content:center;padding:12px;border-radius:8px;border:1px solid rgba(244,240,223,.07);background:#00000073;box-shadow:inset 0 1px #ffffff08,0 6px 15px #0006;transition:all .25s cubic-bezier(.25,.8,.25,1)}.death-stats div:hover,.share-stats div:hover{border-color:#f2ce6359;background:#f2ce630a;transform:translateY(-2px);box-shadow:0 10px 22px #0000008c,0 0 10px #f2ce6314}.death-stats dt,.share-stats dt{color:#bfb293;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}.death-stats dd,.share-stats dd{margin:0;font-weight:900;color:#fff4cf;font-size:1.15rem;min-width:0;overflow-wrap:anywhere;text-shadow:0 2px 4px rgba(0,0,0,.5)}.death-stats .identity-value,.share-stats .identity-value,.share-stats .date-value{font-size:.84rem;line-height:1.25;color:#e2d5b7}.death-share{display:grid;gap:10px;margin:0 0 24px;text-align:left;padding:16px;border:1px solid rgba(242,206,99,.16);border-radius:10px;background:#f2ce630a;box-shadow:inset 0 1px #ffffff05}.death-share label{color:#bfb293;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}.death-share-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.death-share input{min-width:0;height:38px;border:1px solid rgba(244,240,223,.14);border-radius:6px;background:#0006;color:#fff8df;padding:0 12px;font-size:.8rem;box-shadow:inset 0 2px 4px #00000080;transition:all .2s ease}.death-share input:focus{border-color:#f2ce6399;outline:none}.small-button{height:38px;border:1px solid rgba(244,240,223,.18);border-radius:6px;background:#f4f0df14;color:#fff8df;padding:0 14px;cursor:pointer;font-weight:800;font-size:.82rem;box-shadow:0 2px 6px #0003;transition:all .2s cubic-bezier(.25,.8,.25,1)}.small-button:hover:not(:disabled){border-color:#f2ce6380;background:#f2ce631f;transform:translateY(-1px)}.small-button:active:not(:disabled){transform:translateY(1px)}.small-button:disabled{cursor:default;opacity:.45}#deathShareNote,#shareExpiryText{margin:0;color:#d9c9a9b8;font-size:.78rem;line-height:1.35}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:var(--overlay-pad-top) var(--overlay-pad-right) var(--overlay-pad-bottom) var(--overlay-pad-left);background:#03080ab8;backdrop-filter:blur(12px) saturate(110%);-webkit-backdrop-filter:blur(12px) saturate(110%);animation:overlay-fade .25s ease-out}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.confirm-card{position:relative;width:min(440px,var(--overlay-panel-max-width));display:grid;gap:16px;padding:24px;border:1px solid rgba(255,106,95,.28);border-radius:12px;background:linear-gradient(180deg,rgba(94,27,25,.22),transparent 45%),#081014e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 32px 96px #000000c2,inset 0 1px #ffffff14;text-align:left;animation:card-appear .3s cubic-bezier(.34,1.56,.64,1)}@keyframes card-appear{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.confirm-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,transparent,#ff5e52,transparent);opacity:.95;box-shadow:0 0 10px #ff5e5266}.confirm-card h2{margin:4px 0 0;color:#ff6b6b;font-family:Cinzel,Trajan Pro,Cormorant Garamond,Palatino Linotype,Georgia,serif;font-size:1.35rem;font-weight:800;letter-spacing:.02em;text-shadow:0 2px 8px rgba(255,107,107,.25)}.confirm-card p{margin:0;color:#e2d5b7;font-size:.94rem;line-height:1.55;letter-spacing:.01em}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.confirm-actions>button{width:100%}.touch-controls{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;display:block;--left-edge: max(24px, env(safe-area-inset-left));--right-edge: max(30px, env(safe-area-inset-right));--bottom-edge: max(28px, env(safe-area-inset-bottom));--stick-size: 132px;--thumb-size: 42px;--button-size: clamp(40px, 4vw, 93px);--button-offset-x: calc(var(--button-size) * 1.16);--button-offset-y: calc(var(--button-size) * .84);--action-area-w: calc(var(--button-size) * 2.45);--action-area-h: calc(var(--button-size) * 1.85);--settings-button-size: clamp(28px, 2.3vw, 38px);--action-edge-x: clamp(10px, 1vw, 18px);--action-edge-y: clamp(10px, 1vw, 18px);--control-border: rgba(244, 240, 223, .24)}.stick-base{display:none;position:absolute;bottom:var(--bottom-edge);width:var(--stick-size);height:var(--stick-size);border-radius:50%;border:1.5px dashed rgba(244,240,223,.15);background:radial-gradient(circle,rgba(244,240,223,.03) 25%,transparent 26%),radial-gradient(circle,rgba(244,240,223,.05) 50%,transparent 51%),#040a0d6b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 16px 36px #0000006b,inset 0 0 0 1.5px #ffffff0d,inset 0 0 12px #0009;pointer-events:auto;-webkit-tap-highlight-color:transparent}.stick-base:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(244,240,223,.08) calc(50% - .5px),rgba(244,240,223,.08) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(180deg,transparent calc(50% - .5px),rgba(244,240,223,.08) calc(50% - .5px),rgba(244,240,223,.08) calc(50% + .5px),transparent calc(50% + .5px));pointer-events:none}.move-stick{left:var(--left-edge);border-color:#f2ce6340}.aim-stick{right:var(--right-edge);border-color:#8fd6c040}.stick-thumb{position:absolute;left:calc((var(--stick-size) - var(--thumb-size)) / 2);top:calc((var(--stick-size) - var(--thumb-size)) / 2);width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background:linear-gradient(135deg,#f2ce63,#d4b248);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px #00000073,0 0 14px #f2ce6359,inset 0 2px 4px #fff6,inset 0 -3px 6px #0000004d;transition:transform .05s ease-out,box-shadow .15s}.stick-thumb:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);background:#00000026}.aim-thumb{background:linear-gradient(135deg,#8fd6c0,#68b49b);box-shadow:0 8px 20px #00000073,0 0 14px #8fd6c059,inset 0 2px 4px #fff6,inset 0 -3px 6px #0000004d}.touch-actions{position:absolute;right:calc(var(--right-edge) + var(--action-edge-x));bottom:calc(var(--bottom-edge) + var(--action-edge-y));width:var(--action-area-w);height:var(--action-area-h);pointer-events:none}.touch-action{position:absolute;width:var(--button-size);height:var(--button-size);border-radius:26%;display:grid;place-items:center;overflow:hidden;color:#fff8df;cursor:pointer;border:1px solid rgba(214,186,112,.28);background:#040a0d99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .25s cubic-bezier(.25,1,.5,1);pointer-events:auto;box-shadow:0 12px 28px #00000073,inset 0 1px 2px #ffebb438,inset 0 0 0 2px #080e108c,inset 0 -8px 16px #0006}.touch-action:hover{transform:translateY(-2px) scale(1.05);border-color:#f4f0df6b}.touch-action:active{transform:translateY(1px) scale(.95);transition-duration:.08s}.touch-action:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:26%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none;z-index:2}.touch-action.primary{right:var(--button-offset-x);bottom:0;border-color:#ec895366;background:linear-gradient(135deg,#813a2bcc,#211312e0);box-shadow:0 12px 28px #00000073,0 0 20px #ec895338,inset 0 1px 3px #ffd08b47,inset 0 -8px 16px #00000080}.touch-action.primary:hover{border-color:#ec8953cc;box-shadow:0 14px 32px #0000008c,0 0 28px #ec895373,inset 0 1px 3px #ffd08b66,inset 0 -8px 16px #00000080}.touch-action.secondary{right:0;bottom:var(--button-offset-y);border-color:#76bce266;background:linear-gradient(135deg,#225470cc,#0c1721e0);box-shadow:0 12px 28px #00000073,0 0 20px #76bce238,inset 0 1px 3px #8fd3ff3d,inset 0 -8px 16px #00000080}.touch-action.secondary:hover{border-color:#76bce2cc;box-shadow:0 14px 32px #0000008c,0 0 28px #76bce273,inset 0 1px 3px #8fd3ff59,inset 0 -8px 16px #00000080}.touch-action-icon{position:relative;z-index:1;width:62%;height:62%;fill:none;stroke:#fff8df;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));transition:transform .25s ease}.touch-action:hover .touch-action-icon{transform:scale(1.08)}.touch-action .icon-main{fill:#fff8df26}.touch-action .icon-trail{stroke-width:4;opacity:.72}.touch-action .icon-cut{opacity:.78}.action-cooldown{position:absolute;z-index:2;min-width:2.1em;padding:1px 4px 2px;border-radius:999px;background:#03080b9e;color:#fff8df;font-size:1.02rem;font-weight:900;line-height:1;letter-spacing:0;opacity:0;transform:translateY(1px);text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.65)}.touch-action.cooling{cursor:not-allowed;filter:saturate(.35);opacity:.65;transform:none!important;border-color:#cbd3d538;background:linear-gradient(135deg,#14181acc,#080a0ce6);box-shadow:inset 0 1px 2px #ffffff0a,inset 0 -8px 16px #00000080,0 8px 16px #0000004d}.touch-action.action-locked{cursor:not-allowed;filter:saturate(.6);opacity:.72}.touch-action.cooling:before{background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.05) 0%,transparent 60%)}.touch-action.cooling .touch-action-icon{opacity:.22;filter:none}.touch-action.cooling .action-cooldown{opacity:1}.mobile-settings-button{display:grid;place-items:center;position:absolute;pointer-events:auto;width:var(--settings-button-size);height:var(--settings-button-size);border-radius:50%;color:#fff8df;cursor:pointer;border:1px solid rgba(244,240,223,.16);background:#040a0d8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .25s cubic-bezier(.25,1,.5,1);box-shadow:0 12px 28px #00000073,inset 0 1px 2px #ffffff2e,inset 0 -8px 16px #0006}.mobile-settings-button:hover{transform:translateY(-2px) scale(1.05);border-color:#f4f0df99;box-shadow:0 14px 32px #0000008c,0 0 24px #f4f0df59,inset 0 1px 3px #fff6,inset 0 -8px 16px #00000080}.mobile-settings-button:active{transform:translateY(1px) scale(.95);transition-duration:.08s}.mobile-settings-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none;z-index:2}.mobile-settings-button svg{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-settings-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;display:grid;place-items:center;min-height:var(--app-height);padding:var(--overlay-pad-top) var(--overlay-pad-right) var(--overlay-pad-bottom) var(--overlay-pad-left);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;pointer-events:auto;background:#02080a94;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.mobile-settings-panel{position:relative;width:min(620px,var(--overlay-panel-max-width));height:min(88vh,640px);max-height:var(--overlay-panel-max-height);min-height:0;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);border:1px solid rgba(244,240,223,.16);border-radius:10px;background:radial-gradient(circle at 50% 0%,rgba(242,206,99,.07),transparent 42%),#081215f5;color:#f4f0df;box-shadow:0 28px 78px #00000085,inset 0 1px #ffffff12;animation:settings-panel-enter .32s cubic-bezier(.16,1,.3,1)}.mobile-settings-panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,rgba(242,206,99,.85),transparent);pointer-events:none}@keyframes settings-panel-enter{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@supports (height: 100dvh){.mobile-settings-panel{height:min(88dvh,640px)}}.mobile-settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 8px}.mobile-settings-header h2{margin:0;color:#f2ce63;font-size:1rem;letter-spacing:0}.mobile-settings-close{width:32px;height:32px;border:1px solid rgba(244,240,223,.18);border-radius:50%;background:#0003;color:#fff8df;font-size:1.4rem;line-height:1}.mobile-settings-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 14px 10px;border-bottom:1px solid rgba(244,240,223,.08)}.mobile-settings-tab{min-height:34px;border:1px solid rgba(244,240,223,.12);border-radius:6px;background:#ffffff0d;color:#cfc7af;font-weight:800}.mobile-settings-tab.selected{border-color:#f2ce6385;background:#f2ce6329;color:#fff8df}.mobile-settings-page{min-height:0;overflow-y:auto;padding:12px 14px 14px;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.mobile-skill-info{display:grid;gap:12px}.mobile-skill-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mobile-skill-class-option{min-width:0;min-height:74px;display:grid;align-content:center;justify-items:center;gap:6px;padding:8px 5px;border:1px solid rgba(244,240,223,.12);border-radius:7px;background:#ffffff0b;color:#d8cfb7;cursor:pointer}.mobile-skill-class-option.selected{border-color:#f2ce638a;background:#f2ce6324;color:#fff8df}.mobile-skill-class-option:focus-visible,.mobile-skill-class-option:hover{border-color:#8fd6c070;outline:none}.mobile-skill-class-icon{width:30px;height:30px;padding:5px;border:1px solid rgba(244,240,223,.16);border-radius:50%;background:#00000029;fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.mobile-skill-class-icon .icon-main{fill:#fff8df1f}.mobile-skill-class-copy{display:grid;gap:1px;text-align:center}.mobile-skill-class-copy b{color:#fff8df;font-size:.78rem;line-height:1.1}.mobile-skill-class-copy span{color:#b9c2bc;font-size:.62rem;line-height:1.15}.mobile-skill-detail{display:grid;gap:11px;min-width:0}.mobile-skill-detail-head{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;min-width:0;padding-bottom:11px;border-bottom:1px solid rgba(244,240,223,.08)}.mobile-skill-detail-icon{width:42px;height:42px;padding:7px;border:1px solid rgba(242,206,99,.3);border-radius:50%;background:#f2ce631c;fill:none;stroke:#fff8df;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.mobile-skill-detail-icon .icon-main{fill:#fff8df1f}.mobile-skill-detail h3{margin:0;color:#dfe8e2;font-size:.95rem}.mobile-skill-detail-head p{margin-top:4px;color:#e7ddc2;font-size:.76rem;line-height:1.42}.mobile-skill-loadout{display:flex;flex-wrap:wrap;gap:6px 10px;color:#f2ce63;font-size:.72rem;font-weight:900}.mobile-skill-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-skill-card{display:grid;grid-template-columns:34px 1fr;gap:7px;align-items:start;padding:10px;border:1px solid rgba(244,240,223,.1);border-radius:7px;background:#00000024}.mobile-skill-card-body{min-width:0;display:grid;gap:5px}.mobile-skill-icon{width:30px;height:30px;padding:5px;border:1px solid rgba(242,206,99,.28);border-radius:50%;background:#f2ce631a;fill:none;stroke:#fff8df;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.mobile-skill-icon .icon-main{fill:#fff8df24}.mobile-skill-icon .icon-trail{opacity:.66}.mobile-skill-card .action-tooltip-stats{grid-column:1 / -1}.mobile-skill-card strong{color:#f2ce63;font-size:.84rem}.mobile-skill-card p{margin:0;color:#e7ddc2;font-size:.74rem;line-height:1.38}.sound-toggle,.sound-range,.control-range{display:grid;gap:7px;padding:10px 0;border-top:1px solid rgba(244,240,223,.08)}.sound-toggle:first-child,.control-range:first-child{border-top:0}.sound-toggle{grid-template-columns:auto 1fr;align-items:center;color:#fff8df;font-weight:800}.sound-toggle input{width:18px;height:18px;accent-color:#f2ce63}.sound-range,.control-range{grid-template-columns:92px 1fr 42px;align-items:center;color:#cfc7af;font-size:.76rem}.sound-range input,.control-range input{width:100%;accent-color:#8fd6c0}.sound-range output,.control-range output{color:#fff8df;font-variant-numeric:tabular-nums;font-weight:900;text-align:right}.pointer-lock-hint{position:absolute;z-index:7;width:116px;color:#fff8dfcc;font-size:.66rem;font-weight:800;line-height:1.15;letter-spacing:0;pointer-events:none;text-align:right;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.62);white-space:nowrap}.action-tooltip{position:fixed;z-index:8;width:min(430px,calc(100vw - 28px));max-height:calc(100vh - 16px);overflow:hidden;padding:11px;border:1px solid rgba(242,206,99,.34);border-radius:7px;background:linear-gradient(180deg,#0d181bf5,#050b0ef2),#050b0ef2;color:#f4f0df;font-size:.74rem;line-height:1.32;letter-spacing:0;pointer-events:none;text-align:left;box-shadow:0 18px 44px #00000073}.buff-tooltip{z-index:9;width:min(330px,calc(100vw - 28px));border-color:#8fd6c057}.action-tooltip b{display:block;margin-bottom:5px;color:#f2ce63;font-size:.82rem;line-height:1.15}.action-tooltip-description{margin:0 0 8px;color:#e7ddc2;font-size:.74rem;line-height:1.38}.action-tooltip-stats{width:100%;table-layout:fixed;border-spacing:0;border-collapse:separate;overflow:hidden;border:1px solid rgba(244,240,223,.1);border-radius:5px;background:#00000029}.action-tooltip-stats tr:not(:last-child) th,.action-tooltip-stats tr:not(:last-child) td{border-bottom:1px solid rgba(244,240,223,.08)}.action-tooltip-stats th,.action-tooltip-stats td{padding:4px 6px;vertical-align:middle}.action-tooltip-stats th{width:32%;color:#b7c2bd;font-weight:700;text-align:left;white-space:nowrap}.action-stat-value{width:30%;color:#fff8df;font-variant-numeric:tabular-nums;font-weight:900;text-align:right;white-space:nowrap}.action-stat-note{width:38%;color:#aeb7b3;font-size:.68rem;overflow-wrap:anywhere;text-align:left}.mobile-orientation-blocker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:none;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#03080be0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.orientation-panel{width:min(340px,100%);display:grid;justify-items:center;gap:10px;padding:24px;border:1px solid rgba(244,240,223,.16);border-radius:8px;background:#0a1418f0;box-shadow:0 26px 70px #00000070;text-align:center}.orientation-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(242,206,99,.48);color:#f2ce63;font-size:2rem;line-height:1}.orientation-panel strong{color:#fff8df;font-size:1.05rem}.orientation-panel span{color:#cfc3a4;font-size:.88rem}@media(max-width:620px){.lobby-shell{padding:clamp(10px,3.8vw,18px)}.lobby-head{gap:10px;margin-bottom:10px;padding-right:38px}h1{max-width:320px;font-size:clamp(1.86rem,10vw,3rem)}.lobby-copyright{margin:-2px 0 9px;font-size:.68rem}.field{gap:5px;margin-bottom:10px;font-size:.78rem}.field input{height:42px}.avatar-row{gap:8px;margin-bottom:10px}.avatar-preview{width:clamp(54px,18vw,74px);height:clamp(54px,18vw,74px)}.icon-button{width:clamp(36px,10vw,42px);height:clamp(36px,10vw,42px)}.swatches{grid-template-columns:repeat(5,clamp(26px,7.6vw,32px));gap:6px}.swatches span{width:clamp(26px,7.6vw,32px);height:clamp(26px,7.6vw,32px)}.class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.class-card{min-height:0}.enter-button{height:46px}.mobile-skill-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-skill-pair{grid-template-columns:1fr}}@media(max-width:360px){.lobby-settings-button{width:34px;height:34px}.class-card-copy span{font-size:.58rem}.class-card-action-icon{width:24px;height:24px;padding:4px}}@media(max-height:720px){.lobby-shell{padding:12px}.lobby-head{margin-bottom:8px}h1{font-size:clamp(1.78rem,6.2vw,3rem)}.lobby-copyright,.field,.avatar-row{margin-bottom:8px}.avatar-preview{width:62px;height:62px}.class-grid{gap:7px;margin-bottom:9px}.enter-button{height:44px}}@media(max-height:640px){.lobby-copyright{display:none}.field{gap:4px}.field input{height:39px}.avatar-preview{width:54px;height:54px}}@media(hover:none)and (pointer:coarse)and (orientation:landscape){:root{--overlay-pad-top: max(10px, env(safe-area-inset-top));--overlay-pad-right: max(12px, env(safe-area-inset-right));--overlay-pad-bottom: max(10px, env(safe-area-inset-bottom));--overlay-pad-left: max(12px, env(safe-area-inset-left))}.hud{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));gap:5px;max-width:min(460px,calc(100vw - 152px))}.hud-row{gap:5px}.vitals-row{bottom:max(6px,env(safe-area-inset-bottom));gap:4px;width:min(268px,calc(100vw - 300px));padding:4px}.hud-buff-tray{bottom:calc(max(6px,env(safe-area-inset-bottom)) + 33px);width:min(268px,calc(100vw - 300px));gap:4px;padding-left:4px}.hud-buff-icon{width:50px;height:24px;grid-template-columns:14px 1fr;gap:3px;padding:0 5px;border-radius:6px}.hud-buff-icon svg{width:14px;height:14px}.hud-buff-time{font-size:.68rem}.vitals-row .meter{min-width:118px;height:19.5px}.hud-row.compact{max-width:min(440px,calc(100vw - 152px))}.meter,.pill{min-width:78px;height:24px;border-radius:5px;box-shadow:0 6px 16px #00000038}.meter b,.pill{padding:0 7px;font-size:.66rem}.threat{min-width:82px}.ranking-panel{width:min(136px,calc(100vw - 172px));border-radius:5px}.ranking-title{height:13px;padding:0 5px;font-size:.44rem}.ranking-list{padding:1px 2px}.ranking-row,.ranking-self{grid-template-columns:2.6ch minmax(0,1fr) max-content;min-height:13px;gap:4px;padding:0 3px;font-size:.46rem}.ranking-self{min-height:14px;margin:0 2px 2px}.map-stats{gap:3px}.map-coords{font-size:.55rem}.map-stat-row{gap:4px;font-size:.58rem}.map-stat-row.connected{margin-top:5px;gap:6px;min-height:18px;font-size:1.08rem}.map-stat-icon{width:10px;height:10px}.map-stat-icon.players{width:17px;height:17px}.map-ping-dot{width:6px;height:6px}.kill-feed{gap:2px;max-width:min(210px,calc(100vw - 172px))}.kill-feed div{padding:3px 5px;border-radius:4px;font-size:.5rem}.lobby-shell{max-height:calc(100vh - max(28px,env(safe-area-inset-top)) - max(28px,env(safe-area-inset-bottom)));overflow:auto}.stick-base{display:block}.touch-actions{top:0;right:0;bottom:0;left:0;width:auto;height:auto}.touch-action.primary{right:calc(var(--right-edge) + var(--stick-size) + 4px);bottom:calc(var(--bottom-edge) + var(--stick-size) - 40px)}.touch-action.secondary{right:calc(var(--right-edge) + var(--stick-size) - 30px);bottom:calc(var(--bottom-edge) + var(--stick-size) + 8px)}.mobile-settings-button{--settings-button-size: calc(var(--button-size) * .5)}}html.mobile-landscape{--overlay-pad-top: max(10px, env(safe-area-inset-top));--overlay-pad-right: max(12px, env(safe-area-inset-right));--overlay-pad-bottom: max(10px, env(safe-area-inset-bottom));--overlay-pad-left: max(12px, env(safe-area-inset-left))}html.mobile-landscape .hud{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));gap:5px;max-width:min(460px,calc(100vw - 152px))}html.mobile-landscape .hud-row{gap:5px}html.mobile-landscape .vitals-row{bottom:max(6px,env(safe-area-inset-bottom))!important;gap:4px!important;width:min(268px,calc(100vw - 300px))!important;padding:4px!important}html.mobile-landscape .vitals-row .meter-label{display:none!important}html.mobile-landscape .hud-class-badge{width:52px!important;min-width:52px!important;height:24px!important;padding:0!important}html.mobile-landscape .hud-buff-tray{bottom:calc(max(6px,env(safe-area-inset-bottom)) + 33px);width:min(268px,calc(100vw - 300px));gap:4px;padding-left:4px}html.mobile-landscape .hud-buff-icon{width:50px;height:24px;grid-template-columns:14px 1fr;gap:3px;padding:0 5px;border-radius:6px}html.mobile-landscape .hud-buff-icon svg{width:14px;height:14px}html.mobile-landscape .hud-buff-time{font-size:.68rem}html.mobile-landscape .vitals-row .meter{min-width:118px!important;height:24px!important}html.mobile-landscape .vitals-row .meter b .current-val{font-size:.82rem!important}html.mobile-landscape .vitals-row .meter b .separator{font-size:.7rem!important}html.mobile-landscape .vitals-row .meter b .max-val{font-size:.62rem!important}html.mobile-landscape .hud-row.compact{max-width:min(440px,calc(100vw - 152px))}html.mobile-landscape .meter,html.mobile-landscape .pill{min-width:78px;height:24px;border-radius:5px;box-shadow:0 6px 16px #00000038}html.mobile-landscape .meter b,html.mobile-landscape .pill{padding:0 7px;font-size:.66rem}html.mobile-landscape .threat{min-width:82px}html.mobile-landscape .ranking-panel{width:min(136px,calc(100vw - 172px));border-radius:5px}html.mobile-landscape .ranking-title{height:13px;padding:0 5px;font-size:.44rem}html.mobile-landscape .ranking-list{padding:1px 2px}html.mobile-landscape .ranking-row,html.mobile-landscape .ranking-self{grid-template-columns:2.6ch minmax(0,1fr) max-content;min-height:13px;gap:4px;padding:0 3px;font-size:.46rem}html.mobile-landscape .ranking-self{min-height:14px;margin:0 2px 2px}html.mobile-landscape .map-stats{gap:3px}html.mobile-landscape .map-coords{font-size:.55rem}html.mobile-landscape .map-stat-row{gap:4px;font-size:.58rem}html.mobile-landscape .map-stat-row.connected{margin-top:5px;gap:6px;min-height:18px;font-size:1.08rem}html.mobile-landscape .map-stat-icon{width:10px;height:10px}html.mobile-landscape .map-stat-icon.players{width:17px;height:17px}html.mobile-landscape .map-ping-dot{width:6px;height:6px}html.mobile-landscape .kill-feed{gap:2px;max-width:min(210px,calc(100vw - 172px))}html.mobile-landscape .kill-feed div{padding:3px 5px;border-radius:4px;font-size:.5rem}html.mobile-landscape .lobby-shell{max-height:calc(100vh - max(28px,env(safe-area-inset-top)) - max(28px,env(safe-area-inset-bottom)));overflow:auto}html.mobile-landscape .stick-base{display:block}html.mobile-landscape .touch-actions{top:0;right:0;bottom:0;left:0;width:auto;height:auto}html.mobile-landscape .touch-action.primary{right:calc(var(--right-edge) + var(--stick-size) + 4px);bottom:calc(var(--bottom-edge) + var(--stick-size) - 40px)}html.mobile-landscape .touch-action.secondary{right:calc(var(--right-edge) + var(--stick-size) - 30px);bottom:calc(var(--bottom-edge) + var(--stick-size) + 8px)}html.mobile-landscape .mobile-settings-button{--settings-button-size: calc(var(--button-size) * .5)}@media(hover:none)and (pointer:coarse)and (orientation:landscape)and (max-height:430px){.hud{gap:3px;max-width:min(390px,calc(100vw - 142px))}.hud-row{gap:4px}.vitals-row{bottom:max(4px,env(safe-area-inset-bottom));width:min(224px,calc(100vw - 320px));padding:3px}.hud-buff-tray{bottom:calc(max(4px,env(safe-area-inset-bottom)) + 27px);width:min(224px,calc(100vw - 320px));gap:3px;padding-left:3px}.hud-buff-icon{width:44px;height:21px;grid-template-columns:12px 1fr;gap:2px;padding:0 4px;border-radius:5px}.hud-buff-icon svg{width:12px;height:12px}.hud-buff-time{font-size:.61rem}.vitals-row .meter{min-width:98px;height:16.5px}.hud-row.compact{max-width:min(380px,calc(100vw - 142px))}.meter,.pill{min-width:64px;height:20px}.meter b,.pill{padding:0 6px;font-size:.57rem}.kill-feed{gap:2px;max-width:min(170px,calc(100vw - 160px))}.ranking-panel{width:min(124px,calc(100vw - 160px))}.ranking-title{height:12px;font-size:.4rem}.ranking-row,.ranking-self{min-height:12px;gap:3px;font-size:.42rem}.ranking-self{min-height:13px}.map-stats{gap:2px}.map-coords{font-size:.5rem}.map-stat-row{min-height:10px;font-size:.54rem}.map-stat-row.connected{margin-top:4px;min-height:17px;font-size:1rem}.map-stat-icon{width:9px;height:9px}.map-stat-icon.players{width:16px;height:16px}.map-ping-dot{width:5px;height:5px}.kill-feed div{padding:2px 4px;font-size:.46rem}.touch-controls{--left-edge: max(18px, env(safe-area-inset-left));--right-edge: max(20px, env(safe-area-inset-right));--bottom-edge: max(16px, env(safe-area-inset-bottom));--stick-size: 112px;--thumb-size: 36px;--button-size: clamp(38px, 5.6vw, 77px);--button-offset-x: calc(var(--button-size) * 1.15);--button-offset-y: calc(var(--button-size) * .88);--settings-button-size: calc(var(--button-size) * .5)}.touch-actions{top:0;right:0;bottom:0;left:0;width:auto;height:auto}.touch-action.primary{right:calc(var(--right-edge) + var(--stick-size) + 4px);bottom:calc(var(--bottom-edge) + var(--stick-size) - 40px)}.touch-action.secondary{right:calc(var(--right-edge) + var(--stick-size) - 30px);bottom:calc(var(--bottom-edge) + var(--stick-size) + 8px)}}html.mobile-landscape-short .hud{gap:3px;max-width:min(390px,calc(100vw - 142px))}html.mobile-landscape-short .hud-row{gap:4px}html.mobile-landscape-short .vitals-row{bottom:max(4px,env(safe-area-inset-bottom))!important;width:min(224px,calc(100vw - 320px))!important;padding:3px!important}html.mobile-landscape-short .vitals-row .meter-label{display:none!important}html.mobile-landscape-short .hud-class-badge{width:44px!important;min-width:44px!important;height:20px!important;padding:0!important}html.mobile-landscape-short .hud-buff-tray{bottom:calc(max(4px,env(safe-area-inset-bottom)) + 27px);width:min(224px,calc(100vw - 320px));gap:3px;padding-left:3px}html.mobile-landscape-short .hud-buff-icon{width:44px;height:21px;grid-template-columns:12px 1fr;gap:2px;padding:0 4px;border-radius:5px}html.mobile-landscape-short .hud-buff-icon svg{width:12px;height:12px}html.mobile-landscape-short .hud-buff-time{font-size:.61rem}html.mobile-landscape-short .vitals-row .meter{min-width:98px!important;height:20px!important}html.mobile-landscape-short .vitals-row .meter b .current-val{font-size:.75rem!important}html.mobile-landscape-short .vitals-row .meter b .separator{font-size:.65rem!important}html.mobile-landscape-short .vitals-row .meter b .max-val{font-size:.58rem!important}html.mobile-landscape-short .hud-row.compact{max-width:min(380px,calc(100vw - 142px))}html.mobile-landscape-short .meter,html.mobile-landscape-short .pill{min-width:64px;height:20px}html.mobile-landscape-short .meter b,html.mobile-landscape-short .pill{padding:0 6px;font-size:.57rem}html.mobile-landscape-short .kill-feed{gap:2px;max-width:min(170px,calc(100vw - 160px))}html.mobile-landscape-short .ranking-panel{width:min(124px,calc(100vw - 160px))}html.mobile-landscape-short .ranking-title{height:12px;font-size:.4rem}html.mobile-landscape-short .ranking-row,html.mobile-landscape-short .ranking-self{min-height:12px;gap:3px;font-size:.42rem}html.mobile-landscape-short .ranking-self{min-height:13px}html.mobile-landscape-short .map-stats{gap:2px}html.mobile-landscape-short .map-coords{font-size:.5rem}html.mobile-landscape-short .map-stat-row{min-height:10px;font-size:.54rem}html.mobile-landscape-short .map-stat-row.connected{margin-top:4px;min-height:17px;font-size:1rem}html.mobile-landscape-short .map-stat-icon{width:9px;height:9px}html.mobile-landscape-short .map-stat-icon.players{width:16px;height:16px}html.mobile-landscape-short .map-ping-dot{width:5px;height:5px}html.mobile-landscape-short .kill-feed div{padding:2px 4px;font-size:.46rem}html.mobile-landscape-short .touch-controls{--left-edge: max(18px, env(safe-area-inset-left));--right-edge: max(20px, env(safe-area-inset-right));--bottom-edge: max(16px, env(safe-area-inset-bottom));--stick-size: 112px;--thumb-size: 36px;--button-size: clamp(38px, 5.6vw, 77px);--button-offset-x: calc(var(--button-size) * 1.15);--button-offset-y: calc(var(--button-size) * .88);--settings-button-size: calc(var(--button-size) * .5)}html.mobile-landscape-short .touch-actions{top:0;right:0;bottom:0;left:0;width:auto;height:auto}html.mobile-landscape-short .touch-action.primary{right:calc(var(--right-edge) + var(--stick-size) + 4px);bottom:calc(var(--bottom-edge) + var(--stick-size) - 40px)}html.mobile-landscape-short .touch-action.secondary{right:calc(var(--right-edge) + var(--stick-size) - 30px);bottom:calc(var(--bottom-edge) + var(--stick-size) + 8px)}@media(hover:none)and (pointer:coarse)and (orientation:portrait){.mobile-orientation-blocker{display:grid}.touch-controls{display:none}}html.mobile-portrait .mobile-orientation-blocker{display:grid}html.mobile-portrait .touch-controls{display:none}@media(hover:none),(pointer:coarse){.death-stats,.share-stats,.death-share-row{grid-template-columns:1fr}}html.mobile-landscape .death-card,html.mobile-landscape .share-card,html.mobile-landscape .status-card{padding:14px}html.mobile-landscape .death-card h2,html.mobile-landscape .share-card h2{margin-top:0;padding-top:6px;padding-bottom:4px;font-size:clamp(2.2rem,10vh,3.7rem);line-height:1.1}html.mobile-landscape .death-card p,html.mobile-landscape .share-card p,html.mobile-landscape .status-card p{margin:7px 0 10px}html.mobile-landscape .death-card .death-meta{margin-bottom:5px;font-size:.78rem}html.mobile-landscape .death-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}html.mobile-landscape .share-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px}html.mobile-landscape .death-stats div,html.mobile-landscape .share-stats div{min-height:52px;gap:4px;padding:8px 7px}html.mobile-landscape .death-stats dt,html.mobile-landscape .share-stats dt{font-size:.64rem}html.mobile-landscape .death-stats dd,html.mobile-landscape .share-stats dd{font-size:.88rem}html.mobile-landscape .death-stats .identity-value,html.mobile-landscape .share-stats .identity-value,html.mobile-landscape .share-stats .date-value{font-size:.68rem}html.mobile-landscape .death-share{gap:6px;margin-bottom:12px;padding:9px}html.mobile-landscape .death-share-row{grid-template-columns:minmax(0,1fr) auto auto}html.mobile-landscape .death-share input,html.mobile-landscape .small-button{height:32px}html.mobile-landscape #deathShareNote,html.mobile-landscape #shareExpiryText{font-size:.7rem}html.mobile-landscape .status-card{width:min(460px,var(--overlay-panel-max-width))}html.mobile-landscape .mobile-settings-panel{width:min(620px,var(--overlay-panel-max-width));height:var(--overlay-panel-max-height)}html.mobile-landscape .mobile-settings-header{padding:9px 12px 6px}html.mobile-landscape .mobile-settings-tabs{padding:0 12px 8px}html.mobile-landscape .mobile-settings-tab{min-height:30px}html.mobile-landscape .mobile-settings-page{padding:10px 12px 12px}html.mobile-landscape .mobile-skill-class-option{min-height:62px}html.mobile-landscape .mobile-skill-detail{gap:9px}html.mobile-landscape .mobile-skill-card{padding:8px}.verified-seal{display:inline-grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;background:#f2ce631a;border:1px solid rgba(242,206,99,.4);border-radius:50%;color:#f2ce63;box-shadow:0 0 16px #f2ce6333,inset 0 0 8px #f2ce631a;animation:seal-pulse 2s infinite ease-in-out}.verified-seal svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}@keyframes seal-pulse{0%,to{transform:scale(1);box-shadow:0 0 16px #f2ce6333}50%{transform:scale(1.05);box-shadow:0 0 24px #f2ce6366}}