@font-face{font-family:Cinzel;src:url(/assets/fonts/Cinzel.woff2)format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Cinzel Decorative;src:url(/assets/fonts/CinzelDecorative-Black.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:InterVar;src:url(/assets/fonts/Inter.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--ground:#0b0a08;--panel:#14100bd1;--panel-solid:#14100b;--panel-2:#1d1710;--line:#c9a24e38;--gold-hot:oklch(96% .075 96);--gold-bright:oklch(88% .15 92);--gold:oklch(79% .155 87);--gold-deep:oklch(66% .14 80);--gold-dim:oklch(58% .115 78);--gold-glow:oklch(86% .15 90/.5);--gold-glow-soft:oklch(86% .13 90/.22);--gold-grad:linear-gradient(180deg in oklch, var(--gold-hot) 0%, var(--gold-bright) 38%, var(--gold) 70%, var(--gold-deep) 100%);--ink:#f4ecd8;--ink-dim:#cfc1a0;--ink-faint:#948a71;--halo:0 1px 2px #000000f2, 0 2px 6px #000000bf, 0 0 14px #0009;--halo-gold:0 1px 2px #000000e6, 0 0 10px #0000008c, 0 0 18px var(--gold-glow-soft);--hp:#df4438;--hp-glow:#ff7a63;--xp:#46c2b6;--xp-glow:#78e8dc;--magic:#9a86e8;--danger:#ff5a3c;--warn:#e8a23a;--ok:#7fc26a;--font-title:"Cinzel Decorative", "Cinzel", serif;--font-display:"Cinzel", "Times New Roman", serif;--font-ui:"InterVar", system-ui, sans-serif;--r:8px;--shadow:0 8px 30px #0000008c;--glass-blur:blur(7px) saturate(1.05)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ground);width:100%;height:100%;font-family:var(--font-ui);color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}#canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}body.cursor-on,body.cursor-on *{cursor:none}body.cursor-on input,body.cursor-on textarea{cursor:text}#cursor-dot,#cursor-ring{z-index:9999;pointer-events:none;will-change:transform;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cursor-dot{background:#fff;border-radius:50%;width:9px;height:9px;box-shadow:0 0 3px #fff,0 0 8px #fffffffa,0 0 18px #ffffffd9,0 0 34px #ffffff8c,0 0 60px #ffffff52}#cursor-ring{opacity:.7;border:2px solid #fffffff2;border-radius:50%;width:32px;height:32px;transition:width .16s,height .16s,opacity .16s,border-color .16s,box-shadow .16s;box-shadow:0 0 14px #ffffffb3,inset 0 0 10px #ffffff73}#cursor-ring.hot{opacity:1;border-color:#fff;width:48px;height:48px;box-shadow:0 0 24px #ffffffe6,inset 0 0 14px #ffffff8c}#cursor-ring.down{width:22px;height:22px}.panel{border-style:solid;border-width:15px;background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow);border-image-source:url(/ui/frames/border-image-golden.png);border-image-slice:4;border-image-width:18px;border-image-repeat:repeat}.glass{border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow), inset 0 1px 0 #fff0c80d;background:linear-gradient(#1c160fdb,#0c0a07d1)}.ico{width:1em;height:1em;-webkit-mask:var(--i) center / contain no-repeat;-webkit-mask:var(--i) center / contain no-repeat;mask:var(--i) center / contain no-repeat;vertical-align:-.14em;background:currentColor;flex:none;display:inline-block}.btn{font-family:var(--font-display);letter-spacing:.14em;color:var(--ink);border:1px solid var(--gold-dim);cursor:pointer;text-transform:uppercase;background:linear-gradient(#241c12,#15100a);border-radius:6px;padding:11px 22px;font-size:13px;font-weight:700;transition:transform .12s,border-color .12s,color .12s,box-shadow .12s}.btn:hover{border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 6px 20px #00000080, 0 0 18px var(--gold-glow);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{border-color:var(--gold);color:var(--gold-bright);background:linear-gradient(#2e2413,#1a1309)}.btn--ghost{border-color:var(--line);background:0 0}.iconbtn{width:40px;height:40px;color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;background:linear-gradient(#1e170fe6,#0e0b08e6);border-radius:8px;place-items:center;font-size:20px;transition:all .12s;display:grid}.iconbtn:hover{color:var(--gold-bright);border-color:var(--gold);box-shadow:0 0 14px var(--gold-glow)}.kbd{min-width:22px;height:22px;font:700 11px/1 var(--font-ui);color:var(--gold-bright);border:1px solid var(--gold-dim);background:linear-gradient(#2a2113,#15100a);border-bottom-width:3px;border-radius:5px;place-items:center;padding:0 6px;display:inline-grid;box-shadow:inset 0 1px #fff0c814}.bar{border:1px solid var(--line);background:#0000008c;border-radius:8px;height:16px;position:relative;overflow:hidden}.bar__fill{transform-origin:0;border-radius:inherit;transition:transform .18s;position:absolute;inset:0}.bar__label{font:800 12px/1 var(--font-ui);letter-spacing:.06em;color:#fff;text-shadow:0 1px 2px #000e,0 0 6px #0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tip{position:relative}.tip[data-tip]:after{content:attr(data-tip);background:var(--panel-solid);color:var(--ink);border:1px solid var(--line);font:400 11px/1.4 var(--font-ui);letter-spacing:.02em;opacity:0;pointer-events:none;width:max-content;max-width:220px;box-shadow:var(--shadow);z-index:50;border-radius:6px;padding:7px 10px;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.tip[data-tip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.hud-buttons .tip[data-tip]:after{left:auto;right:0;transform:translateY(4px)}.hud-buttons .tip[data-tip]:hover:after{transform:translateY(0)}#menubar .tip[data-tip]:after{inset:calc(100% + 8px) 0 auto auto;transform:translateY(-4px)}#menubar .tip[data-tip]:hover:after{transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:4px}::-webkit-scrollbar-track{background:0 0}#loading{background:linear-gradient(180deg, transparent 55%, #080604d1 100%), url(/loading-bg.webp) center / cover no-repeat, var(--ground);z-index:30;flex-direction:column;justify-content:flex-end;align-items:center;gap:20px;padding-bottom:clamp(28px,7vh,64px);transition:opacity .7s;display:flex;position:fixed;inset:0}#loading .load-mark{font:900 34px/1 var(--font-title);letter-spacing:.3em;color:var(--gold-bright);text-shadow:0 0 30px var(--gold-glow)}#loading .load-sub{font:600 11px/1 var(--font-ui);letter-spacing:.45em;color:var(--ink-faint);text-transform:uppercase}#loading .load-track{background:#ffffff14;border-radius:2px;width:220px;height:3px;overflow:hidden}#loading .load-track:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-bright), transparent);width:40%;height:100%;animation:1.1s ease-in-out infinite loadslide;display:block}@keyframes loadslide{0%{transform:translate(-120%)}to{transform:translate(320%)}}#loading.done{opacity:0;pointer-events:none}#loading.load-fail{text-align:center;background:radial-gradient(ellipse at 50% 45%, #3c2c1459, transparent 60%), var(--ground);justify-content:center;gap:14px;padding:0 28px}.load-fail-msg{max-width:460px;font:500 15px/1.55 var(--font-ui);color:var(--ink-dim)}.load-fail-list{text-align:left;flex-direction:column;gap:8px;max-width:440px;margin:2px 0 0;padding:0;list-style:none;display:flex}.load-fail-list li{font:400 13px/1.4 var(--font-ui);color:var(--ink-faint);border-left:2px solid var(--gold-dim);padding-left:14px}.load-fail-list b{color:var(--ink);font-weight:700}.load-fail-note{font:400 11px/1.4 var(--font-ui);color:var(--ink-faint);opacity:.6;margin-top:6px}#tags{z-index:4;pointer-events:none;position:fixed;inset:0;overflow:hidden}.nametag{z-index:4;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;transform:translate(-50%,-100%)}.nametag .nt-hp{background:#0000008c;border-radius:3px;width:62px;height:5px;overflow:hidden;box-shadow:0 0 0 1px #c9a24e40,0 1px 3px #0009}.nametag .nt-hp-fill{transform-origin:0;background:linear-gradient(90deg,#4fd166,#9be88f);width:100%;height:100%;transition:transform .18s}.nametag .nt-hp.low .nt-hp-fill{background:linear-gradient(90deg,#e0533a,#ff8a5c)}.nametag .nt-hp.hit{animation:.32s nthit}@keyframes nthit{0%{box-shadow:0 0 0 1px var(--hp), 0 0 12px 3px #df4438d9}to{box-shadow:0 0 0 1px #c9a24e40,0 1px 3px #0009}}.nametag .nt-name{font:800 15px/1 var(--font-ui);letter-spacing:.04em;color:#eaf1ff;text-shadow:var(--halo);white-space:nowrap}.nametag--self .nt-name{color:var(--gold-bright);text-shadow:var(--halo), 0 0 14px var(--gold-glow)}.nametag--self .nt-hp{width:72px;box-shadow:0 0 0 1px var(--gold-dim), 0 0 10px var(--gold-glow-soft), 0 1px 3px #0009}.nametag--self .nt-hp-fill{background:linear-gradient(90deg,#e8b83a,#ffe9a1)}.nametag--self .nt-hp.low .nt-hp-fill{background:linear-gradient(90deg,#e0533a,#ff8a5c)}.nametag .nt-msg{max-width:230px;font:600 13px/1.35 var(--font-ui);color:#fff;text-align:center;white-space:normal;overflow-wrap:anywhere;border:1px solid var(--gold-dim);box-shadow:0 6px 20px #0000008c, 0 0 12px var(--gold-glow-soft);background:linear-gradient(#1a140deb,#0a0805f0);border-radius:12px;padding:6px 11px;animation:.2s bubblein;display:none}.nametag .nt-msg:after{content:"";border-right:1px solid var(--gold-dim);border-bottom:1px solid var(--gold-dim);background:#0a0805f0;width:8px;height:8px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.nametag .nt-msg{position:relative}@keyframes bubblein{0%{opacity:0;transform:translateY(6px)scale(.9)}}.nametag .nt-bar{background:#0009;border-radius:2px;width:46px;height:4px;overflow:hidden}.nametag .nt-bar>i{background:var(--hp);height:100%;display:block}#dmglayer{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.dmg{font:800 18px/1 var(--font-ui);color:var(--ink);text-shadow:0 2px 4px #000e,0 0 10px #000a;animation:.75s ease-out forwards dmgfloat;position:absolute;transform:translate(-50%,-50%)}.dmg.crit{color:var(--gold-bright);text-shadow:0 2px 4px #000e, 0 0 14px var(--gold-glow-soft);font-size:27px}.dmg.heal{color:var(--ok)}@keyframes dmgfloat{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}20%{opacity:1;transform:translate(-50%,-60%)scale(1.1)}to{opacity:0;transform:translate(-50%,-150%)scale(1)}}@media (prefers-reduced-motion:reduce){*{transition-duration:50ms!important;animation-duration:1ms!important}}#menu{z-index:16;pointer-events:none;position:fixed;inset:0}#menu>*{pointer-events:auto}#menu.hidden{display:none}#menu.closing{animation:.5s forwards menufade}@keyframes menufade{to{opacity:0;filter:blur(6px)}}.menu-brand{position:absolute;top:46px;left:58px}.brand-title{font:900 68px/.9 var(--font-title);letter-spacing:.06em;max-width:520px;color:var(--ink);background:var(--gold-grad);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 34px var(--gold-glow-soft)) drop-shadow(0 3px 2px #000000b3);-webkit-background-clip:text;background-clip:text;animation:3.4s ease-in-out infinite brandglow}@keyframes brandglow{0%,to{filter:drop-shadow(0 0 26px var(--gold-glow-soft)) drop-shadow(0 3px 2px #000000b3)}50%{filter:drop-shadow(0 0 44px var(--gold-glow)) drop-shadow(0 3px 2px #000000b3)}}.brand-sub{font:700 12px/1 var(--font-ui);letter-spacing:.55em;color:#fff;text-shadow:var(--halo);text-transform:uppercase;margin-top:8px}.brand-ticker{font:800 13px/1 var(--font-ui);letter-spacing:.22em;color:var(--gold-bright);text-shadow:var(--halo);border:1px solid var(--gold-dim);background:#00000059;border-radius:999px;margin-top:10px;padding:5px 10px 4px;display:inline-block}.menu-nav{flex-direction:column;gap:10px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:50%;left:58px;transform:translateY(-50%)}.menu-nav.dim{opacity:0;pointer-events:none;transform:translateY(-50%)translate(-30px)}.menu__item{font:700 27px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:var(--halo);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:18px;padding:15px 34px 15px 26px;transition:all .18s;animation:.55s cubic-bezier(.22,1,.36,1) backwards navin;display:flex;position:relative;overflow:hidden}.menu__item:first-child{animation-delay:50ms}.menu__item:nth-child(2){animation-delay:.13s}.menu__item:nth-child(3){animation-delay:.21s}.menu__item:nth-child(4){animation-delay:.29s}@keyframes navin{0%{opacity:0;transform:translate(-36px)}}.menu__item:before{content:"";background:linear-gradient(105deg, transparent 25%, var(--gold-glow-soft) 50%, transparent 75%);pointer-events:none;position:absolute;inset:0;transform:translate(-130%)}.menu__item:hover:before{transition:transform .5s;transform:translate(130%)}.menu__item:after{content:"";background:var(--gold-dim);opacity:.35;width:7px;height:7px;transition:all .2s;position:absolute;top:50%;left:6px;transform:translateY(-50%)rotate(45deg)scale(.6)}.menu__item:hover:after{opacity:1;background:var(--gold-bright);box-shadow:0 0 12px var(--gold-glow), 0 0 26px var(--gold-glow-soft);transform:translateY(-50%)rotate(45deg)scale(1)}.menu__item .ico{color:var(--gold-bright);filter:drop-shadow(0 0 8px var(--gold-glow)) drop-shadow(0 1px 2px #000000d9);font-size:28px;transition:color .18s,filter .18s,transform .18s}.menu__item:hover{border-left-color:var(--gold-bright);background:linear-gradient(90deg,oklch(79% .155 87/.14),#0000 75%);transform:translate(10px)}.menu__item:hover span:last-child{background:var(--gold-grad);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 14px var(--gold-glow-soft)) drop-shadow(0 2px 3px #000c);-webkit-background-clip:text;background-clip:text}.menu__item:hover .ico{color:var(--gold-hot);filter:drop-shadow(0 0 16px var(--gold-glow)) drop-shadow(0 0 6px var(--gold-bright));transform:scale(1.25)rotate(-8deg)}.menu-foot{font:700 11px/1 var(--font-ui);letter-spacing:.3em;color:#fff;text-shadow:var(--halo);text-transform:uppercase;position:absolute;bottom:26px;left:58px}.play-panel{pointer-events:none;animation:.4s panelup;position:absolute;inset:0}.play-panel>*{pointer-events:auto}@keyframes panelup{0%{opacity:0;transform:translateY(24px)}}.panel-back{color:#fff;text-shadow:var(--halo);font:700 13px/1 var(--font-ui);letter-spacing:.14em;cursor:pointer;text-transform:uppercase;background:0 0;border:none;position:absolute;top:-34px;left:0}.panel-back:hover{color:var(--gold-bright)}.play-panel .panel-back{top:200px;left:58px}.pp-top{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:min(680px,100vw - 96px);display:flex;position:absolute;top:90px;left:50%;transform:translate(-50%)}.pp-mode{font:900 44px/1 var(--font-display);letter-spacing:.2em;background:var(--gold-grad);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 26px var(--gold-glow-soft)) drop-shadow(0 2px 3px #000000b3);-webkit-background-clip:text;background-clip:text}.pp-entry{justify-content:center;align-items:flex-end;gap:14px;display:flex}.pp-nick{text-align:left;flex-direction:column;gap:8px;min-width:240px;display:flex}.pp-nick label,.pp-hero-label{font:700 11px/1 var(--font-ui);letter-spacing:.3em;color:#fff;text-shadow:var(--halo);text-transform:uppercase}@keyframes nickpulse{0%,to{border-color:var(--gold-dim);box-shadow:0 0 0 1px #0000,0 0 10px #c9a24e26}50%{border-color:var(--gold-bright);box-shadow:0 0 0 1px var(--gold-glow-soft), 0 0 22px var(--gold-glow)}}#pp-nick-input{border:1px solid var(--gold-dim);color:var(--ink);font:600 16px/1 var(--font-ui);letter-spacing:.08em;background:#00000073;border-radius:8px;outline:none;padding:13px 15px;animation:2.6s ease-in-out infinite nickpulse}#pp-nick-input:focus{border-color:var(--gold-bright);box-shadow:0 0 18px var(--gold-glow);animation:none}#pp-nick-input.shake{border-color:var(--danger);animation:.35s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pp-hero{flex-direction:column;align-items:center;gap:12px;width:min(960px,100vw - 680px);display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.pp-hero-label{text-align:center}.hero-rail{gap:12px;width:max-content;max-width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.hero-card{text-align:left;border:1px solid var(--line);cursor:pointer;background:linear-gradient(#1e170fb3,#0c0a07b3);border-radius:9px;flex-direction:column;flex:none;gap:3px;width:138px;padding:12px 14px;transition:all .15s;display:flex}.hero-card:hover{border-color:var(--gold);transform:translateY(-4px)}.hero-card.sel{border-color:var(--gold-bright);box-shadow:0 8px 26px #00000080, 0 0 20px var(--gold-glow);background:linear-gradient(#3c2e16d9,#140f09d9)}.hc-ico{color:var(--gold-bright);margin-bottom:4px;font-size:26px}.hc-name{font:700 16px/1 var(--font-display);color:var(--ink);letter-spacing:.04em}.hc-class{font:600 10px/1 var(--font-ui);letter-spacing:.16em;color:var(--gold);text-transform:uppercase}.hc-blurb{font:400 10px/1.4 var(--font-ui);color:var(--ink-faint);margin-top:5px}.pp-play{white-space:nowrap;padding:15px 30px;font-size:15px}.pp-play:disabled{opacity:.45;filter:grayscale(.5);cursor:not-allowed;box-shadow:none;transform:none}.pp-play.ready{animation:1.9s ease-in-out infinite playready}@keyframes playready{0%,to{box-shadow:0 0 #c9a24e00,0 6px 20px #0006}50%{box-shadow:0 0 22px 3px var(--gold-glow), 0 6px 20px #0006}}.pp-status{font:600 11px/1.3 var(--font-ui);letter-spacing:.08em;color:#fff;text-shadow:var(--halo);text-align:center;min-height:14px}.pp-status.warn{color:var(--warn)}.side-panel{flex-direction:column;gap:14px;width:340px;padding:26px 28px;animation:.4s panelup;display:flex;position:absolute;top:240px;left:58px}.side-panel h2{font:700 22px/1 var(--font-display);letter-spacing:.14em;color:var(--gold-bright);text-transform:uppercase;margin-bottom:4px}.mp-panel{width:400px}.mp-choices{flex-direction:column;gap:12px;display:flex}.mp-card{text-align:left;border:1px solid var(--line);cursor:pointer;background:linear-gradient(#1e170fb8,#0c0a07b8);border-radius:11px;grid-template-columns:44px 1fr;grid-template-areas:"ico name""ico desc""ico tag";align-items:start;gap:2px 14px;padding:15px 16px;transition:all .16s;display:grid}.mp-card:hover{border-color:var(--gold);box-shadow:0 10px 30px #00000080, 0 0 22px var(--gold-glow);transform:translateY(-3px)}.mp-tags{flex-wrap:wrap;grid-area:tag;gap:6px;margin-top:8px;display:flex}.mp-tags .mp-tag{margin-top:0}.mp-ico{color:var(--gold-bright);grid-area:ico;align-self:center;font-size:36px}.mp-ico--img{object-fit:contain;width:38px;height:38px}.mp-name{font:800 17px/1.1 var(--font-display);letter-spacing:.04em;color:var(--ink);grid-area:name}.mp-desc{font:500 12px/1.45 var(--font-ui);color:var(--ink-dim);opacity:.72;grid-area:desc;margin-top:4px;transition:opacity .16s}.mp-card:hover .mp-desc{opacity:1}.mp-tag{border:1px solid var(--line);font:800 10px/1 var(--font-ui);letter-spacing:.1em;color:var(--ink-dim);border-radius:20px;grid-area:tag;justify-self:start;margin-top:8px;padding:3px 10px}.mp-tag--sol{color:#cbb1f5;border-color:#b06bff80;align-items:center;gap:5px;display:inline-flex}.mp-tag--sol img{width:11px;height:11px}.set-row{font:700 12px/1 var(--font-ui);letter-spacing:.1em;color:#fff;text-shadow:var(--halo);text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;display:flex}.set-row input[type=range]{accent-color:var(--gold);flex:1}.social-link{color:#fff;text-shadow:var(--halo);font:700 13px/1 var(--font-ui);letter-spacing:.06em;border:1px solid var(--line);border-radius:7px;padding:11px 14px;text-decoration:none;transition:all .15s}.social-link:hover{color:var(--gold-bright);border-color:var(--gold);transform:translate(6px)}.social-link--static{cursor:default;color:var(--gold-bright)}.social-link--static:hover{border-color:var(--line);transform:none}.social-link--muted{color:var(--ink-dim);opacity:.75}#hud{z-index:6;pointer-events:none;position:fixed;inset:0}#hud.hidden{display:none}#hud button,#hud .clickable{pointer-events:auto}.hud-topleft{font:600 10.5px/1 var(--font-ui);letter-spacing:.06em;color:var(--ink);text-shadow:var(--halo);border-radius:20px;align-items:center;gap:7px;padding:5px 10px;display:flex;position:absolute;top:14px;left:16px}.ping-dot{background:var(--gold-dim);border-radius:50%;width:8px;height:8px}.hud-online{color:var(--gold-bright);border-left:1px solid var(--line);font:700 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;margin-left:2px;padding-left:9px;display:inline-flex}.hud-online.hidden{display:none}.hud-online-ico{opacity:.9;width:12px;height:12px}.hud-online b{font:800 12px/1 var(--font-ui);color:var(--gold-bright);text-shadow:0 0 10px color-mix(in oklch, var(--gold-bright) 55%, transparent)}.hud-online-lbl{opacity:.72;font-size:9.5px;font-weight:600}.tb-players b{color:var(--gold-bright)}.hud-wallet-wrap{pointer-events:auto;z-index:7;align-items:center;gap:7px;display:flex;position:absolute;top:52px;left:16px}.wallet-help{border:1px solid var(--line);width:20px;height:20px;color:var(--gold);font:800 12px/18px var(--font-ui);text-align:center;cursor:help;-webkit-user-select:none;user-select:none;background:#0006;border-radius:50%;transition:all .14s;position:relative}.wallet-help:hover{border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 0 12px var(--gold-glow-soft)}.wallet-help-pop{border:1px solid var(--gold-dim);width:268px;box-shadow:0 14px 40px #0009, 0 0 18px var(--gold-glow-soft);opacity:0;pointer-events:none;background:linear-gradient(#14100af7,#0a0806f7);border-radius:11px;flex-direction:column;gap:8px;padding:14px 15px;transition:opacity .16s,transform .16s;display:flex;position:absolute;top:calc(100% + 9px);left:-6px;transform:translateY(-6px)}.wallet-help:hover .wallet-help-pop,.wallet-help:focus .wallet-help-pop{opacity:1;transform:translateY(0)}.whp-title{color:var(--gold-bright);font:800 13px/1 var(--font-display);letter-spacing:.06em}.wh-row{font:500 12px/1.4 var(--font-ui);color:var(--ink);align-items:flex-start;gap:8px;display:flex}.wh-row .ico{color:var(--gold);flex:none;margin-top:1px;font-size:14px}.wh-row b{color:var(--gold-bright)}.wh-sol img{flex:none;width:14px;height:14px;margin-top:1px}.wh-sol b{background:linear-gradient(90deg,#00ffa3,#dc1fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.whp-note{font:500 10.5px/1.4 var(--font-ui);color:var(--ink-faint);border-top:1px solid var(--line);padding-top:7px}.btn-wallet-sol img{object-fit:contain;width:17px;height:17px;display:block}.hud-wallet{font:700 13px/1 var(--font-ui);letter-spacing:.04em;color:var(--ink);text-shadow:var(--halo);cursor:pointer;pointer-events:auto;border-radius:20px;align-items:center;gap:9px;padding:9px 15px;transition:all .14s;display:flex;position:static}.hud-wallet .ico{color:var(--gold-bright);filter:drop-shadow(0 0 6px var(--gold-glow-soft));font-size:16px}.hud-wallet:hover{border-color:var(--gold);color:var(--gold-bright);box-shadow:var(--shadow), 0 0 16px var(--gold-glow-soft)}.hud-wallet.on{border-color:var(--gold-dim)}.hud-wallet.on .ico{color:var(--gold-hot)}.hud-wallet b{color:var(--gold-bright);font-weight:800}.hud-wallet .hw-sol{color:var(--ink-dim);border-left:1px solid var(--line);margin-left:8px;padding-left:8px}.hud-topbar{border-radius:10px;align-items:center;gap:14px;padding:8px 20px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.tb-cell{font:800 21px/1 var(--font-ui);color:var(--ink);text-shadow:var(--halo);align-items:center;gap:9px;display:flex}.tb-cell .ico{color:var(--gold-bright);filter:drop-shadow(0 0 6px var(--gold-glow-soft)) drop-shadow(0 1px 2px #000c);font-size:20px}.tb-div{background:var(--line);width:1px;height:18px}.hud-boss{text-align:center;width:520px;max-width:44vw;position:absolute;top:66px;left:50%;transform:translate(-50%)}.boss-name{font:700 16px/1 var(--font-display);letter-spacing:.3em;color:var(--danger);text-transform:uppercase;text-shadow:0 1px 2px #000000e6,0 0 18px #ff5a3c99,0 0 8px #0009;margin-bottom:6px}.boss-bar{height:14px}.boss-bar .bar__fill{background:linear-gradient(90deg,#7a1010,#ff5a3c);box-shadow:0 0 14px #ff5a3c99}.hud-minimap{border-radius:50%;width:176px;height:176px;padding:4px;position:absolute;top:14px;right:16px}.hud-minimap canvas{border-radius:50%;display:block}.mm-ring{border:1px solid var(--line);pointer-events:none;border-radius:50%;position:absolute;inset:4px}.hud-buttons{gap:8px;display:flex;position:absolute;top:202px;right:16px}.iconbtn.off{color:var(--danger)}.hud-controls{z-index:16;opacity:0;pointer-events:none;border-radius:10px;width:200px;padding:14px 16px;transition:opacity .2s,transform .2s;position:absolute;top:76px;left:auto;right:16px;transform:translateY(-8px)}body.playing .hud-controls{top:250px;left:auto;right:16px}.hud-controls.open{opacity:1;transform:none}.ctl-title{font:700 11px/1 var(--font-display);letter-spacing:.24em;color:var(--gold);text-transform:uppercase;margin-bottom:10px}.ctl-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.ctl-keys{gap:3px;display:flex}.ctl-label{font:600 12.5px/1 var(--font-ui);color:var(--ink);letter-spacing:.04em;text-shadow:0 1px 2px #000c}.hud-feed{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:108px;left:50%;transform:translate(-50%)}.feed-line{text-shadow:var(--halo);font:700 14px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line);background:#0a080599;border-radius:20px;padding:6px 16px;transition:opacity .6s,transform .6s;animation:.3s feedin}.feed-line.k1{color:#d9b0ff;border-color:#b478ff66}.feed-line.k2{color:var(--danger);border-color:#ff5a3c80}.feed-line.k3{color:var(--gold-bright);border-color:var(--gold)}.feed-line.out{opacity:0;transform:translateY(-8px)}@keyframes feedin{0%{opacity:0;transform:translateY(8px)}}.hud-vitals{width:340px;position:absolute;bottom:16px;left:16px}.vit-row{align-items:center;gap:12px;display:flex}.lvl-badge{border:1px solid var(--gold);width:52px;height:52px;box-shadow:0 0 14px var(--gold-glow);background:linear-gradient(#3c2e16e6,#120d08e6);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.lvl-badge .ico{color:var(--gold-bright);font-size:13px}.lvl-badge b{font:800 20px/1 var(--font-ui);color:var(--ink)}.vit-bars{flex-direction:column;flex:1;gap:6px;display:flex}.hp-bar{height:22px}.hp-bar .bar__fill{background:linear-gradient(90deg in oklch, #a32c22, #ff5a44);box-shadow:0 0 12px #ff5a4459}.xp-bar{height:9px}.xp-bar .bar__fill{background:linear-gradient(90deg, #2c8f85, var(--xp));box-shadow:0 0 10px #46c2b680}.vit-foot{font:700 11.5px/1 var(--font-ui);letter-spacing:.1em;color:var(--ink-dim);text-shadow:var(--halo);margin-top:6px;padding-left:64px}.hud-abilities{gap:10px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.ab-cell{border:1px solid var(--gold);width:54px;height:54px;color:var(--gold-bright);box-shadow:0 4px 14px #00000080, 0 0 12px var(--gold-glow-soft), inset 0 1px 0 #fff0c814;background:linear-gradient(#1e180feb,#0c0a07eb);border-radius:10px;place-items:center;animation:.3s abpop;display:grid;position:relative}.ab-cell .ico{filter:drop-shadow(0 0 7px var(--gold-glow-soft))}@keyframes abpop{0%{opacity:0;transform:scale(.4)}}.ab-cell .ico{font-size:28px}.ab-lvl{min-width:18px;height:18px;font:800 11px/1 var(--font-ui);color:var(--ground);background:var(--gold-bright);border-radius:9px;place-items:center;padding:0 4px;display:grid;position:absolute;bottom:-4px;right:-4px}#levelup{z-index:12;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06050380;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#levelup.online{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;justify-content:center;align-items:flex-end;padding-bottom:92px}#levelup.online .lu-panel{pointer-events:auto;border:1px solid var(--gold);box-shadow:0 -6px 40px #00000080, 0 0 26px var(--gold-glow-soft);background:linear-gradient(#100c07db,#080604eb);border-radius:16px;gap:4px;padding:14px 22px 18px;animation:.3s cubic-bezier(.22,1,.36,1) luStripIn}@keyframes luStripIn{0%{opacity:0;transform:translateY(30px)}}#levelup.online .lu-title{font-size:20px}#levelup.online .lu-sub{margin-bottom:8px}#levelup.online .lu-card{width:190px;padding:14px 16px}#lu-prompt{z-index:11;cursor:pointer;pointer-events:auto;border:2px solid var(--gold-bright);box-shadow:0 0 26px var(--gold-glow), inset 0 0 18px var(--gold-glow-soft);background:linear-gradient(#342815f0,#100c07f2);border-radius:14px;align-items:center;gap:13px;padding:13px 26px;animation:1.15s ease-in-out infinite luPulse;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}#lu-prompt:before,#lu-prompt:after{content:"";border:1.5px solid var(--gold-glow);pointer-events:none;border-radius:18px;animation:1.7s ease-out infinite luRing;position:absolute;inset:-5px}#lu-prompt:after{animation-delay:.85s}@keyframes luRing{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes luPulse{0%,to{box-shadow:0 0 18px var(--gold-glow-soft), inset 0 0 12px var(--gold-glow-soft);transform:translate(-50%)scale(1)}50%{box-shadow:0 0 46px var(--gold-glow), inset 0 0 22px var(--gold-glow-soft);transform:translate(-50%)scale(1.045)}}#lu-prompt .lu-arrow{color:var(--gold-hot);filter:drop-shadow(0 0 12px var(--gold-glow));font-size:27px;animation:1.15s ease-in-out infinite luBob}@keyframes luBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}#lu-prompt .lu-prompt-text{font:800 17px/1 var(--font-display);letter-spacing:.13em;text-transform:uppercase;color:#fff;text-shadow:var(--halo);animation:1.15s ease-in-out infinite luBlink}@keyframes luBlink{0%,to{opacity:1}50%{opacity:.5}}#lu-prompt .lu-count{min-width:28px;height:28px;font:900 15px/1 var(--font-ui);color:#1a1206;background:var(--gold-grad);box-shadow:0 0 14px var(--gold-glow);border-radius:14px;place-items:center;padding:0 7px;display:grid}.lu-panel{flex-direction:column;align-items:center;gap:6px;padding:30px 40px 36px;display:flex}.lu-title{font:900 30px/1 var(--font-title);letter-spacing:.34em;color:var(--gold-bright);text-shadow:0 0 30px var(--gold-glow)}.lu-sub{font:600 11px/1 var(--font-ui);letter-spacing:.4em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:20px}#lu-cards{gap:16px;display:flex}.lu-card{border:1px solid var(--gold-dim);cursor:pointer;background:linear-gradient(#1e170feb,#0d0a07f2);border-radius:12px;flex-direction:column;gap:8px;width:216px;padding:20px 18px;transition:transform .14s,border-color .14s,box-shadow .14s;display:flex}.lu-card:hover{border-color:var(--gold-bright);box-shadow:0 14px 34px #0000008c, 0 0 26px var(--gold-glow);transform:translateY(-6px)}.lu-card .lu-ico{color:var(--gold-bright);margin-bottom:4px;font-size:34px}.lu-card .name{font:700 18px/1 var(--font-display);color:var(--ink);letter-spacing:.03em}.lu-card .lvl{font:600 10px/1 var(--font-ui);letter-spacing:.18em;color:var(--gold);text-transform:uppercase}.lu-card>div:not(.name):not(.lvl):not(.key):not(.lu-ico){font:400 12px/1.5 var(--font-ui);color:var(--ink-dim)}.lu-card .key{font:600 10px/1 var(--font-ui);color:var(--ink-faint);letter-spacing:.1em;margin-top:8px}#gameover{z-index:15;-webkit-backdrop-filter:blur(4px)grayscale();backdrop-filter:blur(4px)grayscale();background:#0606089e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.go-actions{gap:14px;margin-top:6px;display:flex}.go-actions .btn{min-width:150px}.go-panel{border-color:#ff5a3c59;border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:40px 60px;display:flex}.go-title{font:900 40px/1 var(--font-title);letter-spacing:.36em;color:#ff9a8a;text-shadow:0 0 34px #ff3c2866}#go-stats{font:500 14px/1.6 var(--font-ui);letter-spacing:.06em;color:var(--ink-dim)}.go-hint{font:600 11px/1 var(--font-ui);letter-spacing:.24em;color:var(--ink-faint);text-transform:uppercase}.dmg.hurt{color:var(--hp-glow);font-size:22px}#chatdock,#lbdock,#showcase{z-index:6;pointer-events:none;position:fixed}#chatdock>*,#lbdock>*,#showcase>*{pointer-events:auto}#chatdock{bottom:22px;left:16px}#lbdock{flex-direction:row;align-items:flex-end;gap:8px;display:flex;bottom:22px;right:16px}.brand-social{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.bs-btn{border:1px solid var(--line);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow);color:var(--ink);font:700 11px/1 var(--font-ui);letter-spacing:.06em;cursor:pointer;pointer-events:auto;white-space:nowrap;background:#080603b8;border-radius:9px;align-items:center;gap:7px;padding:7px 11px;text-decoration:none;transition:border-color .14s,color .14s,background .14s,transform .14s;display:inline-flex}.bs-btn:hover{border-color:var(--gold-dim);color:var(--gold-bright);transform:translateY(-1px)}.bs-xmark{color:var(--gold-bright);text-shadow:0 0 10px var(--gold-glow-soft);font-size:14px;font-weight:900;line-height:1}.bs-ca-tag{font:800 10px/1 var(--font-ui);letter-spacing:.14em;color:var(--gold);border:1px solid var(--gold-dim);background:#00000059;border-radius:4px;padding:3px 5px 2px}.bs-label{text-overflow:ellipsis;max-width:9.5em;overflow:hidden}.bs-ca-val{font-family:var(--font-ui), ui-monospace, monospace;letter-spacing:.04em;color:var(--ink-dim)}.bs-btn.copied .bs-ca-val{color:var(--gold-bright)}.bs-btn.copied{border-color:var(--gold)}#showcase{width:232px;top:462px;right:16px}body.playing #chatdock{bottom:128px}.hud-leaderboard{box-sizing:border-box;border-radius:10px;flex-direction:column;width:232px;max-height:340px;padding:13px 15px;display:flex;position:static;overflow:hidden}.hud-leaderboard .lb-list{flex:1;min-height:0;overflow:hidden auto}.lb-title{font:800 13px/1 var(--font-display);letter-spacing:.24em;color:var(--gold-bright);text-transform:uppercase;text-shadow:var(--halo);align-items:center;gap:8px;margin-bottom:10px;display:flex}.lb-title .ico{filter:drop-shadow(0 0 6px var(--gold-glow-soft));font-size:16px}.lb-tabs{gap:6px;margin-bottom:8px;display:flex}.lb-tab{font:700 11px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;background:#0000004d;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 4px;transition:all .14s;display:flex}.lb-tab .ico{font-size:13px}.lb-tab:hover{color:var(--gold-bright);border-color:var(--gold-dim)}.lb-tab.on{color:#1a1206;background:var(--gold-grad);border-color:var(--gold-bright);box-shadow:0 0 12px var(--gold-glow-soft)}.lb-row{font:700 13.5px/1 var(--font-ui);color:var(--ink);border-top:1px solid #c9a24e1f;grid-template-columns:18px 1fr auto;align-items:center;gap:9px;padding:6px 0;animation:.42s lbRowIn;display:grid}@keyframes lbRowIn{0%{opacity:0;transform:translateY(-5px)}}.lb-row.me{color:var(--gold-bright)}.lb-rank{color:var(--ink-faint);font-size:14px;font-weight:900}.lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-metric{color:var(--gold-bright);text-shadow:0 0 8px var(--gold-glow-soft);font-size:15px;font-weight:900}.lb-row.me .lb-metric{color:var(--gold-hot)}.lb-empty{font:500 12px/1.5 var(--font-ui);color:var(--ink-faint);text-align:center;padding:14px 6px;animation:.42s lbRowIn}.lb-solico{object-fit:contain;vertical-align:-.04em;width:1.05em;height:.85em}.lb-tab-sol{gap:6px}.lb-tab-sol .lb-solico{width:14px;height:12px}.lb-tab-sol.on{color:#05100c;background:linear-gradient(105deg,#00ffa3 0%,#4bd6c8 45%,#dc1fff 100%);border-color:#b45cff;box-shadow:0 0 14px #9d4edd73}.lb-metric.sol{color:#2ff0ad;text-shadow:0 0 10px #9d4edd80;align-items:center;gap:5px;display:inline-flex}.lb-metric.sol .lb-solico{width:13px;height:11px}.lb-row.sol.me .lb-metric.sol{color:#a9f5da}.hud-chat{border-radius:10px;flex-direction:column;width:300px;display:flex;position:static;overflow:hidden}.chat-tabs{gap:5px;padding:8px 10px 0;display:flex}.chat-tab{font:700 11px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;pointer-events:auto;background:#0000004d;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 4px;transition:all .14s;display:flex}.chat-tab .ico{font-size:12px}.chat-tab:hover{color:var(--gold-bright);border-color:var(--gold-dim)}.chat-tab.on{color:#1a1206;background:var(--gold-grad);border-color:var(--gold-bright)}.chat-log{flex-direction:column;gap:3px;max-height:148px;padding:8px 12px 6px;display:flex;overflow-y:auto}.chat-line{font:400 12px/1.4 var(--font-ui);color:var(--ink-dim);word-break:break-word}.chat-line b{color:var(--gold);margin-right:6px;font-weight:700}.chat-line.mine b{color:var(--gold-bright)}#chat-input{border:none;border-top:1px solid var(--line);color:var(--ink);font:400 12px/1 var(--font-ui);pointer-events:auto;background:#00000059;outline:none;padding:9px 12px}#chat-input:focus{background:#0000008c}.sc-frame{border-style:solid;border-width:10px;box-sizing:border-box;background:radial-gradient(at 50% 0,oklch(79% .155 87/.1),#0000 55%),linear-gradient(#1a140cf0,#0a0805f5);border-image-source:url(/ui/frames/border-image-golden.png);border-image-slice:4;border-image-width:12px;border-image-repeat:repeat;width:100%;padding:8px;animation:3s ease-in-out infinite framepulse;position:relative}.sc-frame>.pf-gem.tl{top:-12px;left:-12px}.sc-frame>.pf-gem.tr{top:-12px;right:-12px}.sc-frame>.pf-gem.bl{bottom:-12px;left:-12px}.sc-frame>.pf-gem.br{bottom:-12px;right:-12px}.sc-media{aspect-ratio:16/9;cursor:pointer;background:#0a0805;width:100%;height:auto;position:relative;overflow:hidden}.sc-slide{opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.sc-slide.on{opacity:1;pointer-events:auto}.sc-slide video,.sc-slide img,.sc-modal-media video,.sc-modal-media img{object-fit:cover;width:100%;height:100%;display:block}.sc-play{border:1.5px solid var(--gold-bright);width:44px;height:44px;color:var(--gold-hot);cursor:pointer;z-index:2;box-shadow:0 0 16px var(--gold-glow-soft), 0 0 28px var(--gold-glow-soft);pointer-events:auto;background:radial-gradient(circle at 40% 35%,#281e0ebf,#080603e0);border-radius:50%;justify-content:center;align-items:center;padding:0 0 1px 2px;font-size:16px;line-height:1;animation:2s ease-in-out infinite scPlayPulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sc-play:hover{color:#fff8e8;border-color:var(--gold-hot);filter:brightness(1.15)}@keyframes scPlayPulse{0%,to{box-shadow:0 0 12px var(--gold-glow-soft), 0 0 22px var(--gold-glow-soft)}50%{box-shadow:0 0 22px var(--gold-glow), 0 0 40px var(--gold-glow-soft)}}.sc-nav{z-index:3;color:#ffecbe8c;cursor:pointer;background:#00000059;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:34px;padding:0;font-size:22px;line-height:1;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.sc-nav:hover{color:var(--gold-hot);background:#0000008c}.sc-prev{left:4px}.sc-next{right:4px}.sc-dots{z-index:3;pointer-events:auto;gap:7px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.sc-dot{cursor:pointer;background:#00000073;border:1px solid #c9a24e73;border-radius:50%;width:7px;height:7px;padding:0;transition:background .15s,box-shadow .15s,border-color .15s}.sc-dot.on{background:var(--gold-grad);border-color:var(--gold-bright);box-shadow:0 0 8px var(--gold-glow-soft)}.sc-dot:hover:not(.on){border-color:var(--gold-bright);background:#c9a24e59}#scmodal{z-index:18;-webkit-backdrop-filter:blur(6px);pointer-events:auto;background:#000000bf;justify-content:center;align-items:center;animation:.3s scModalIn;display:flex;position:fixed;inset:0}#scmodal.closing{animation:.25s forwards scModalOut}@keyframes scModalIn{0%{opacity:0}to{opacity:1}}@keyframes scModalOut{0%{opacity:1}to{opacity:0}}#scmodal .sc-modal-frame{box-sizing:border-box;width:min(1720px,95vw,167.111vh - 106.667px);max-width:95vw;padding:20px 20px 26px}.sc-modal-media{aspect-ratio:16/9;background:#050403;border-radius:2px;width:100%;max-height:calc(94vh - 60px);position:relative;overflow:hidden}.sc-modal-close{z-index:4;width:36px;height:36px;color:var(--gold-bright);cursor:pointer;text-shadow:0 0 10px var(--gold-glow-soft);background:0 0;border:none;font-size:22px;line-height:1;transition:color .15s,filter .15s;position:absolute;top:8px;right:12px}.sc-modal-close:hover{color:var(--gold-hot);filter:brightness(1.25)}.sc-modal-frame>.sc-nav{background:#0006;width:36px;height:48px;font-size:28px;top:calc(50% - 8px)}.sc-modal-frame>.sc-prev{left:10px}.sc-modal-frame>.sc-next{right:10px}.sc-modal-frame>.sc-dots{bottom:10px}#pause{z-index:13;-webkit-backdrop-filter:blur(5px)saturate(1.05);background:radial-gradient(at 50% 42%,#0e0a0580,#040302cc);justify-content:center;align-items:center;animation:.25s pausein;display:flex;position:fixed;inset:0}#pause.hidden{display:none}@keyframes pausein{0%{opacity:0}}#walletpick{z-index:40;-webkit-backdrop-filter:blur(5px)saturate(1.05);background:radial-gradient(at 50% 42%,#0e0a0580,#040302cc);justify-content:center;align-items:center;animation:.25s pausein;display:flex;position:fixed;inset:0}.wp-frame{width:360px}.wp-logo{object-fit:contain;border-radius:7px;flex:none;width:26px;height:26px}.wp-cancel{margin-top:14px}.pause-frame{border-style:solid;border-width:15px;background:radial-gradient(at 50% 0,oklch(79% .155 87/.1),#0000 55%),linear-gradient(#1a140cf0,#0a0805f5);border-image-source:url(/ui/frames/border-image-golden.png);border-image-slice:4;border-image-width:18px;border-image-repeat:repeat;width:430px;max-width:92vw;padding:34px 36px 30px;animation:.35s cubic-bezier(.22,1,.36,1) framein,3s ease-in-out .35s infinite framepulse;position:relative}@keyframes framein{0%{opacity:0;transform:translateY(18px)scale(.96)}}@keyframes framepulse{0%,to{box-shadow:0 24px 70px #000000bf, 0 0 34px var(--gold-glow-soft)}50%{box-shadow:0 24px 70px #000000bf, 0 0 60px var(--gold-glow)}}.pf-gem{background:var(--gold-grad);width:11px;height:11px;box-shadow:0 0 12px var(--gold-glow), 0 0 24px var(--gold-glow-soft);animation:2.2s ease-in-out infinite gemtwinkle;position:absolute;transform:rotate(45deg)}.pf-gem.tl{top:-19px;left:-19px}.pf-gem.tr{animation-delay:.5s;top:-19px;right:-19px}.pf-gem.bl{animation-delay:1.1s;bottom:-19px;left:-19px}.pf-gem.br{animation-delay:1.6s;bottom:-19px;right:-19px}@keyframes gemtwinkle{0%,to{filter:brightness(.9)}50%{filter:brightness(1.5)}}.pause-title{text-align:center;font:900 30px/1 var(--font-title);letter-spacing:.3em;background:var(--gold-grad);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px var(--gold-glow-soft)) drop-shadow(0 2px 2px #000c);-webkit-background-clip:text;background-clip:text;margin-bottom:4px}.pause-sub{text-align:center;font:600 10px/1 var(--font-ui);letter-spacing:.42em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:20px}.pause-div{align-items:center;gap:10px;margin:2px 0 16px;display:flex}.pause-div:before,.pause-div:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);flex:1;height:1px}.pause-div i{background:var(--gold);width:6px;height:6px;box-shadow:0 0 8px var(--gold-glow-soft);transform:rotate(45deg)}.pause-list{flex-direction:column;gap:4px;display:flex}.pause-item{font:700 18px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;border-radius:6px;align-items:center;gap:16px;padding:13px 18px;transition:all .16s;display:flex;position:relative;overflow:hidden}.pause-item:before{content:"";background:linear-gradient(105deg, transparent 25%, var(--gold-glow-soft) 50%, transparent 75%);pointer-events:none;position:absolute;inset:0;transform:translate(-130%)}.pause-item:hover:before{transition:transform .45s;transform:translate(130%)}.pause-item .ico{color:var(--gold-dim);font-size:21px;transition:all .16s}.pause-item:hover{color:var(--gold-bright);border-left-color:var(--gold-bright);text-shadow:0 0 16px var(--gold-glow-soft);background:linear-gradient(90deg,oklch(79% .155 87/.13),#0000 80%);transform:translate(6px)}.pause-item:hover .ico{color:var(--gold-bright);filter:drop-shadow(0 0 9px var(--gold-glow))}.pause-item.danger:hover{color:var(--danger);border-left-color:var(--danger);text-shadow:0 0 16px #ff5a3c59;background:linear-gradient(90deg,#ff5a3c1f,#0000 80%)}.pause-item.danger:hover .ico{color:var(--danger);filter:drop-shadow(0 0 9px #ff5a3c80)}.pause-sub-panel{flex-direction:column;gap:13px;padding:4px 6px 2px;animation:.25s panelup;display:flex}.pause-sub-panel .ctl-row{margin-bottom:0}.pause-sub-panel p{font:400 13px/1.6 var(--font-ui);color:var(--ink-dim)}.pause-sub-panel p b{color:var(--gold-bright);font-weight:700}.pause-back{color:var(--ink-dim);font:600 12px/1 var(--font-ui);letter-spacing:.14em;cursor:pointer;text-transform:uppercase;background:0 0;border:none;align-self:flex-start;margin-top:6px;transition:color .14s}.pause-back:hover{color:var(--gold-bright)}.pause-hint{text-align:center;font:600 10px/1 var(--font-ui);letter-spacing:.3em;color:var(--ink-faint);text-transform:uppercase;margin-top:16px}#uifx{z-index:14;pointer-events:none;opacity:0;transition:opacity .6s;position:fixed;inset:0}#uifx.on{opacity:1}#lobby{z-index:14;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#lobby.hidden{display:none}.lob-wrap{border-radius:14px;flex-direction:column;gap:22px;width:min(580px,94vw);max-height:88vh;padding:34px 36px 30px;display:flex;position:relative;overflow-y:auto}#lob-back{top:calc(22px + env(safe-area-inset-top));z-index:2;position:absolute;left:24px}.lob-wrap .panel-back{align-self:flex-start;margin:0 0 -6px;position:static}.lob-head{text-align:center}.lob-title{font:900 30px/1 var(--font-title);letter-spacing:.22em;color:var(--gold-bright);text-shadow:0 0 22px var(--gold-glow)}.lob-sub{font:600 11px/1.4 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-top:6px}.lob-list{flex-direction:column;gap:8px;min-height:60px;display:flex}.lob-empty{text-align:center;color:var(--ink-faint);font:500 13px/1.6 var(--font-ui);padding:22px 0}.lob-row{border:1px solid var(--line);background:linear-gradient(#1e170f99,#0c0a0799);border-radius:9px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:11px 14px;display:grid}.lob-rowmain{align-items:center;gap:10px;min-width:0;display:flex}.lob-rowmain b{color:var(--ink);font:700 14px/1 var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lob-rowmeta{font-variant-numeric:tabular-nums;color:var(--gold);font-size:13px}.lob-bet{color:#06121a;font:800 11px/1 var(--font-ui);letter-spacing:.04em;background:linear-gradient(90deg,#00ffa3,#dc1fff);border-radius:20px;padding:2px 9px}.lob-fun{border:1px solid var(--line);color:var(--ink-dim);font:700 11px/1 var(--font-ui);border-radius:20px;padding:2px 9px}.lob-pill{font:700 10px/1 var(--font-ui);letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase}.lob-actions{border-top:1px solid var(--line);align-items:center;gap:10px;padding-top:14px;display:flex}.lob-joincode{flex:1;gap:6px;display:flex}.lob-joincode input,.lob-create input{border:1px solid var(--line);color:var(--ink);font:600 13px/1 var(--font-ui);letter-spacing:.08em;background:#00000059;border-radius:8px;padding:9px 11px}.lob-joincode input{text-transform:uppercase;text-align:center;width:84px}.lob-create{flex-direction:column;gap:10px;display:flex}.lob-create label{font:700 10px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-top:12px}.lob-create input{box-sizing:border-box;width:100%}.seg{gap:6px;display:flex}.seg button{border:1px solid var(--line);color:var(--ink-dim);font:700 12px/1 var(--font-ui);letter-spacing:.06em;cursor:pointer;background:#00000040;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 6px;transition:all .14s;display:inline-flex}.seg-sol{object-fit:contain;flex:none;width:13px;height:13px}.seg-usd{color:var(--ink-faint);font-size:10px;font-weight:600}.lob-create label .lseg-ico{color:var(--gold);vertical-align:-.12em;margin-right:6px;font-size:13px}.lseg-hint{color:var(--ink-faint);letter-spacing:0;text-transform:none;font-weight:500}.seg button:hover:not([disabled]){border-color:var(--gold)}.seg button.sel{border-color:var(--gold-bright);color:var(--gold-bright);background:#3c2e1680}.seg button[disabled]{opacity:.4;cursor:not-allowed}.lob-createbtns,.lob-roombtns{gap:10px;margin-top:12px;display:flex}.lob-createbtns .btn,.lob-roombtns .btn{flex:1}.btn--sm{padding:6px 14px;font-size:12px}.lob-room{flex-direction:column;gap:18px;display:flex}.lob-roomhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lob-roomhead b{color:var(--ink);font:800 17px/1.2 var(--font-display)}.lob-code{cursor:pointer;color:var(--gold-bright);font:800 14px/1 var(--font-ui);letter-spacing:.16em;border:1px solid var(--line);background:#00000052;border-radius:8px;align-items:center;gap:7px;margin-left:10px;padding:6px 11px;transition:border-color .14s,background .14s,box-shadow .14s,transform 80ms;display:inline-flex}.lob-code:hover{border-color:var(--gold-bright);box-shadow:0 0 14px var(--gold-glow);background:#3c2e1680}.lob-code:active{transform:translateY(1px)}.lob-code.copied{color:#7ef7c0;border-color:#7ef7c0;box-shadow:0 0 14px #7ef7c066}.lob-code .lob-code-ic{opacity:.7;font-size:13px}.lob-roster{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lob-seat{border:1px solid var(--line);background:#00000040;border-radius:9px;flex-direction:column;justify-content:center;gap:4px;min-height:54px;padding:14px 16px;display:flex}.lob-seat.empty{color:var(--ink-faint);font:700 12px/1 var(--font-ui);letter-spacing:.16em;justify-content:center;align-items:center}.lob-seat.ready{border-color:var(--gold-bright);box-shadow:0 0 16px var(--gold-glow)}.lob-seat b{color:var(--ink);font:700 14px/1 var(--font-ui)}.lob-seatw{color:var(--ink-faint);font-size:10px}.lob-seatpill{font:800 10px/1 var(--font-ui);letter-spacing:.1em;color:var(--gold);text-transform:uppercase}.lob-countdown{text-align:center;font:900 22px/1 var(--font-title);letter-spacing:.2em;color:var(--gold-bright);text-shadow:0 0 20px var(--gold-glow);padding:6px 0}.lob-settle{text-align:center;flex-direction:column;gap:12px;display:flex}.lob-settlehead{font:900 34px/1 var(--font-title);letter-spacing:.24em;color:#ff9a8a;text-shadow:0 0 30px #ff3c2866}.lob-settlehead.win{color:var(--gold-bright);text-shadow:0 0 30px var(--gold-glow)}.lob-settleline{color:var(--ink-dim);font:500 14px/1.5 var(--font-ui)}.lob-pot{font:800 18px/1 var(--font-ui);color:#7ef7c0}.lob-results{flex-direction:column;gap:5px;width:min(320px,80%);margin:6px auto 0;display:flex}.lob-resrow{border-bottom:1px solid var(--line);font:600 13px/1 var(--font-ui);color:var(--ink-dim);justify-content:space-between;padding:6px 10px;display:flex}.lob-settlemeta{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:2px;display:flex}.lob-dur{font:700 14px/1 var(--font-ui);color:var(--gold);letter-spacing:.04em}.lob-moneyline{color:#7ef7c0;font-weight:700}.lob-resfull{gap:7px;width:min(400px,94%);margin-top:10px}.lob-resfull .lob-resrow{border:1px solid var(--line);border-bottom:1px solid var(--line);background:#00000038;border-radius:8px;align-items:center;gap:10px;padding:9px 12px}.lob-resfull .lob-resrow.winrow{border-color:var(--gold-bright);box-shadow:0 0 14px var(--gold-glow);background:#3c2e1666}.lres-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;font-weight:800;overflow:hidden}.lres-stats{color:var(--ink-dim);font-variant-numeric:tabular-nums;align-items:center;gap:11px;font-size:12px;display:inline-flex}.lres-stats>span{align-items:center;gap:4px;display:inline-flex}.lres-ic{color:var(--gold);opacity:.85;font-size:13px}.lres-time{color:var(--ink-faint)}.o-win{color:#7ef7c0;font-weight:800}.o-loss,.o-left{color:var(--ink-faint)}.lob-toast{z-index:20;border:1px solid var(--gold);color:var(--ink);font:600 12px/1 var(--font-ui);letter-spacing:.04em;opacity:0;pointer-events:none;white-space:nowrap;background:#0a0806eb;border-radius:8px;padding:9px 16px;transition:opacity .25s,transform .25s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(8px)}.lob-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.menu__item em{color:var(--gold);letter-spacing:.1em;opacity:.8;font-size:.7em;font-style:normal}#mobilebar,.dock-close,#touch{display:none}#spec-leave{top:calc(18px + env(safe-area-inset-top));z-index:16;position:fixed;left:50%;transform:translate(-50%)}#spec-leave.hidden{display:none}#menubar{top:calc(20px + env(safe-area-inset-top));right:calc(20px + env(safe-area-inset-right));z-index:17;align-items:center;gap:8px;display:flex;position:fixed}body.playing #menubar{display:none}.mb-ping{font:600 11px/1 var(--font-ui);letter-spacing:.06em;color:var(--ink-dim);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:999px;align-items:center;gap:7px;padding:8px 12px;display:flex}.mb-online{font:700 11px/1 var(--font-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--gold-bright);background:var(--panel);border:1px solid color-mix(in oklch, var(--gold-dim) 70%, var(--line));-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.mb-online .ico{width:12px;height:12px}.mb-online b{font:800 12px/1 var(--font-ui);color:var(--gold-bright)}.mb-online-lbl{opacity:.7;font-size:9.5px;font-weight:600}.mb-online.off{opacity:.45;color:var(--ink-dim);border-color:var(--line)}.mb-online.off b{color:var(--ink-dim)}.mb-wallet{font:700 12px/1 var(--font-ui);letter-spacing:.04em;color:var(--ink);background:var(--panel);border:1px solid var(--gold-dim);cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:999px;align-items:center;gap:8px;padding:9px 15px;transition:color .15s,border-color .15s;display:inline-flex}.mb-wallet .ico{color:var(--gold-bright);font-size:15px}.mb-wallet:hover,.mb-wallet.on{border-color:var(--gold-bright);color:var(--gold-bright)}.mb-wallet .hw-sol{color:var(--gold-bright);margin-left:2px}#pending-stake{top:calc(74px + env(safe-area-inset-top));z-index:18;background:linear-gradient(100deg, #00ffa321, #9d4edd29), var(--panel);max-width:min(560px,100vw - 24px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid #b45cff;border-radius:12px;align-items:center;gap:12px;padding:11px 15px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000080,0 0 22px #9d4edd59}#pending-stake.hidden,body.playing #pending-stake{display:none}.ps-ico{color:#2ff0ad;flex:none;font-size:18px}.ps-msg{font:600 12.5px/1.4 var(--font-ui);letter-spacing:.02em;color:var(--ink)}#ps-withdraw{flex:none;padding:9px 16px;font-size:12px}#worldfeed{z-index:13;pointer-events:none;flex-direction:column;gap:10px;width:min(360px,30vw);display:flex;position:fixed;top:452px;bottom:118px;left:40px}body.playing #worldfeed{top:116px}.wf-close{display:none}.wf-head{font:800 10.5px/1 var(--font-display);letter-spacing:.26em;text-transform:uppercase;color:var(--gold-bright);text-shadow:var(--halo);opacity:.9;align-items:center;gap:8px;display:flex}.wf-head .ico{filter:drop-shadow(0 0 6px var(--gold-glow-soft));font-size:13px}.wf-list{flex-direction:column;gap:6px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.wf-list:empty:after{content:"the horde stirs…";font:400 11px/1.4 var(--font-ui);color:var(--ink-faint);font-style:italic}.wf-row{font:500 12px/1.35 var(--font-ui);color:#eef2f8;text-shadow:var(--halo);opacity:0;align-items:center;gap:8px;transition:opacity .4s,transform .4s cubic-bezier(.22,1,.36,1);display:flex;transform:translate(-12px)}.wf-row.wf-in{opacity:1;transform:none}.wf-row.wf-out{opacity:0;transform:translate(14px)}.wf-ic{color:var(--gold-bright);flex:none;font-size:14px}.wf-txt{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.wf-txt b{color:#fff;font-weight:700}.wf-join .wf-ic{color:#8fe08a}.wf-level .wf-ic{color:var(--xp)}.wf-level .wf-txt b{color:#7fe0d6}.wf-kills .wf-ic{color:var(--gold)}.wf-boss .wf-ic{color:#ff7a3c}.wf-boss .wf-txt b{color:#ffb27a}.wf-death .wf-ic{color:var(--hp)}.wf-death .wf-txt b{color:#ff9a8a}.wf-win .wf-ic{color:var(--gold-hot);filter:drop-shadow(0 0 6px var(--gold-glow))}.wf-win .wf-txt b{color:var(--gold-bright)}.wf-sol{color:#2ff0ad;text-shadow:0 0 10px #9d4edd80;align-items:center;gap:3px;font-weight:800;display:inline-flex}.wf-sol .ico{font-size:11px}.wf-tag{font:800 9.5px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;opacity:1;white-space:nowrap;border:1px solid #0000;border-radius:5px;flex:none;padding:3px 8px}.wf-m-solo{color:#d7dbe2;background:#ffffff1f;border-color:#ffffff38}.wf-m-world{color:#c7f2bd;text-shadow:0 0 8px #50c85a8c;background:#50c85a3d;border-color:#78dc7880}.wf-m-lobby{color:#ffe4a0;text-shadow:0 0 8px #c9a24e8c;background:#c9a24e47;border-color:#e0be6e99}.wf-m-bet{color:#ecc9ff;text-shadow:0 0 9px #9d4eddb3;background:#9d4edd57;border-color:#be78ffb3}@media (width<=820px){#worldfeed{z-index:19;width:auto;padding:calc(58px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#060503e6;gap:12px;display:none;inset:0}body.feed-open #worldfeed{pointer-events:auto;display:flex}body.playing #worldfeed{top:0}.wf-list{gap:9px;-webkit-mask-image:none;mask-image:none}.wf-row{font-size:13px}.wf-close{top:calc(12px + env(safe-area-inset-top));z-index:2;width:42px;height:42px;color:var(--ink);background:var(--panel);border:1px solid var(--gold-dim);pointer-events:auto;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;right:14px}#mobilebar{z-index:17;padding:7px 12px calc(7px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}#mobilebar .mbtn{pointer-events:auto;font:700 11px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--panel);border:1px solid var(--gold-dim);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:7px;padding:9px 16px;display:inline-flex}#mobilebar .mbtn .ico{color:var(--gold-bright);font-size:15px}#chatdock,#lbdock{z-index:19;padding:calc(58px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#060503e6;display:none;position:fixed;inset:0}body.chat-open #chatdock{display:block}body.rank-open #lbdock{flex-direction:column;align-items:stretch;gap:10px;display:flex;bottom:0;right:0}body.playing #chatdock{bottom:0}.hud-chat,.hud-leaderboard{width:auto;max-width:620px;height:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;margin:0 auto}body.rank-open #lbdock .hud-leaderboard{flex:1;width:100%;max-width:620px;min-height:0}body.rank-open #lbdock .brand-social{flex-flow:wrap;order:-1;justify-content:center;margin-top:8px}#showcase{width:min(320px,62vw);top:64px;left:50%;right:auto;transform:translate(-50%)}body.playing #showcase{display:none}.chat-log{flex:1;max-height:none}#chat-input{font-size:16px}.dock-close{top:calc(12px + env(safe-area-inset-top));z-index:2;width:42px;height:42px;color:var(--ink);background:var(--panel);border:1px solid var(--gold-dim);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;right:14px}.menu-brand{left:0;right:0;top:calc(26px + env(safe-area-inset-top));text-align:center}.brand-title{font-size:44px}#loading .load-mark{text-align:center;max-width:90vw;font-size:24px}.menu-nav{align-items:center;gap:6px;inset:auto 0 24%;transform:none}.menu__item{border-left:none;justify-content:center;padding:14px 24px;font-size:23px}.menu__item:hover{background:0 0;transform:none}.menu__item:after{display:none}.pp-top{top:calc(64px + env(safe-area-inset-top));gap:14px;width:min(560px,100vw - 32px)}.pp-mode{letter-spacing:.14em;font-size:30px}.pp-entry{flex-direction:column;align-items:stretch;gap:12px;width:100%}.pp-nick{min-width:0}#pp-nick-input{font-size:16px}.pp-play{width:100%}.play-panel .panel-back{top:calc(22px + env(safe-area-inset-top));left:16px}.pp-hero{width:calc(100vw - 20px);bottom:calc(74px + env(safe-area-inset-bottom))}.hero-rail{justify-content:flex-start;width:100%}.side-panel{width:auto;inset:26% 16px auto}.mp-panel{width:auto}.mp-choices{flex-direction:column}#menubar{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));gap:6px}#menubar .mb-ping,#menubar #mb-controls{display:none}.mb-wallet{padding:8px 11px;font-size:10px}.hud-topleft{top:calc(8px + env(safe-area-inset-top));left:10px}.hud-topbar{top:calc(8px + env(safe-area-inset-top))}.hud-wallet-wrap{display:none}.hud-minimap{width:88px;height:88px;top:calc(8px + env(safe-area-inset-top));right:10px}.hud-buttons{top:calc(146px + env(safe-area-inset-top));flex-direction:column;bottom:auto;right:10px}.hud-controls,.hud-feed,#btn-controls{display:none}.hud-minimap canvas{width:100%;height:100%}.hud-vitals{width:auto;left:10px;right:104px;top:calc(44px + env(safe-area-inset-top));bottom:auto}.hud-abilities{top:calc(86px + env(safe-area-inset-top));bottom:auto}#levelup,#levelup.online{align-items:center;padding:14px}.lu-panel{max-width:100%;max-height:90vh;padding:20px 16px;overflow-y:auto}#lu-cards{flex-direction:column;gap:10px;width:100%}.lu-card,#levelup.online .lu-card{width:100%}.go-panel{max-width:92vw;padding:30px 22px}.go-title{letter-spacing:.16em;white-space:nowrap;font-size:26px}.go-actions{flex-direction:column;width:100%}.go-actions .btn{width:100%}body.playing #touch{display:block}#touch-stick{z-index:7;left:calc(20px + env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom));border:1px solid var(--gold-dim);touch-action:none;background:radial-gradient(circle,#14100b80,#06050359);border-radius:50%;width:118px;height:118px;position:fixed}#touch-knob{background:radial-gradient(circle at 40% 35%, var(--gold-bright), var(--gold-deep));border:1px solid var(--gold-hot);width:54px;height:54px;box-shadow:0 4px 14px #00000080, 0 0 16px var(--gold-glow-soft);pointer-events:none;border-radius:50%;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}#touch-actions{z-index:7;right:calc(16px + env(safe-area-inset-right));bottom:calc(26px + env(safe-area-inset-bottom));touch-action:none;flex-direction:column;gap:12px;display:flex;position:fixed}.tbtn{background:var(--panel);border:1px solid var(--gold-dim);width:74px;height:74px;color:var(--ink-dim);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.tbtn .ico{color:var(--gold-bright);font-size:22px}.tbtn b{font:700 8px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase}.tbtn.press{border-color:var(--gold-bright);transform:scale(.92)}.tbtn.on{border-color:var(--gold-bright);color:var(--gold-hot);box-shadow:0 0 16px var(--gold-glow)}}