@property --p{syntax: "<number>"; inherits: false; initial-value: 0;}:root{--u: clamp(.78px, min(100vh / 900, 100vw / 1600), 1.7px);--pxs: calc(var(--u) * 2.5);--kpx: 1px;--kpx: round(down, calc(var(--u) * 1.3), 1px);--gold-1: #fff3cf;--gold-2: #f2d283;--gold-3: #d4a650;--gold-4: #8a6328;--gold-5: #4e3615;--ink: #07050c;--bg-1: #261c34;--bg-2: #171121;--bg-3: #0d0a14;--text: #f3e6c4;--muted: #b3a385;--dim: #7a7088;--blue: #4aa8ff;--red: #ff5a4a;--green: #5ad46a;--xp: #c88aff;--mana: #4f8dff;--f-title: "Cinzel", Georgia, serif;--f-num: "Pixelify Sans", "Courier New", monospace;--f-body: "Nunito", "Segoe UI", sans-serif;--shadow-txt: 0 1px 0 #000, 0 0 calc(4 * var(--u)) rgba(0, 0, 0, .8)}html,body{margin:0;height:100%;background:#07050c;overflow:hidden}#world{position:fixed;inset:0}#ui,.ui-root{position:fixed;inset:0;z-index:10;pointer-events:none;font-family:var(--f-body);color:var(--text);font-size:calc(14 * var(--u));-webkit-font-smoothing:antialiased;user-select:none}.ui-root *,.ui-root *:before,.ui-root *:after{box-sizing:border-box}:where(.ui-root) :where(button,input){font:inherit;color:inherit}:where(.ui-root) :where(button){cursor:pointer}.num{font-family:var(--f-num);font-variant-numeric:tabular-nums;letter-spacing:.02em}.screen-host{position:absolute;inset:0}.screen{position:absolute;inset:0;overflow:hidden}.screen:not(.game-screen){pointer-events:auto}.title-xl{font-family:var(--f-title);font-weight:900;font-size:calc(40 * var(--u));margin:0;letter-spacing:.06em;background:linear-gradient(180deg,var(--gold-1) 10%,var(--gold-2) 45%,var(--gold-3) 70%,#9a6a24 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 calc(12 * var(--u)) rgba(255,190,90,.25))}.title-lg{font-family:var(--f-title);font-weight:900;font-size:calc(28 * var(--u));margin:0;letter-spacing:.08em;background:linear-gradient(180deg,var(--gold-1),var(--gold-3) 70%,#9a6a24);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #000)}.panel{position:relative;border-style:solid;border-width:var(--k-panel-w);border-image-source:var(--k-panel);border-image-slice:var(--k-panel-slice);border-image-width:var(--k-panel-w);border-image-repeat:stretch;background:radial-gradient(120% 70% at 50% -10%,rgba(255,210,130,.1),transparent 60%),repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0 calc(2 * var(--u)),transparent calc(2 * var(--u)) calc(6 * var(--u))),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 55%,var(--bg-3) 100%);background-clip:padding-box;box-shadow:0 calc(10 * var(--u)) calc(30 * var(--u)) #0000008c,inset 0 0 calc(30 * var(--u)) #0000008c;image-rendering:pixelated}.panel.panel-dark,.panel-dark{border-width:var(--k-panel-dark-w);border-image-source:var(--k-panel-dark);border-image-slice:var(--k-panel-dark-slice);border-image-width:var(--k-panel-dark-w);background:linear-gradient(180deg,#1a1424f0,#0c0912f0);background-clip:padding-box}.kit .panel,.kit .panel-dark{background-clip:padding-box}.btn{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2 * var(--u));border-style:solid;border-width:var(--k-button-w);border-image-source:var(--k-button);border-image-slice:var(--k-button-slice);border-image-width:var(--k-button-w);background:linear-gradient(180deg,#2c2234,#1a1420 55%,#120d17);background-clip:padding-box;color:var(--text);font-family:var(--f-title);font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 0 #000,0 0 calc(6 * var(--u)) rgba(0,0,0,.6);padding:0 calc(18 * var(--u));overflow:hidden;image-rendering:pixelated;outline:none;transition:transform .08s,filter .15s}.btn:before{content:"";position:absolute;inset:0 0 50%;background:linear-gradient(180deg,#ffffff17,#fff0);pointer-events:none}.btn:after{content:"";position:absolute;top:-20%;bottom:-20%;width:35%;left:-60%;transform:skew(-20deg);background:linear-gradient(90deg,transparent,rgba(255,245,210,.28),transparent);pointer-events:none;transition:none}.btn:hover:not(:disabled):after{left:130%;transition:left .55s ease}.btn:hover:not(:disabled){border-image-source:var(--k-button-hover);color:var(--gold-1);filter:brightness(1.12)}.btn:active:not(:disabled){transform:translateY(calc(1 * var(--u))) scale(.99);filter:brightness(.95)}.btn:disabled{cursor:not-allowed;filter:grayscale(.85) brightness(.6)}.btn-label{position:relative;z-index:1;line-height:1.05}.btn-sub{position:relative;z-index:1;font-family:var(--f-body);font-weight:700;font-size:.62em;letter-spacing:.03em;text-transform:none;color:var(--muted)}.btn-icon{margin-right:calc(6 * var(--u))}.btn-sm{height:calc(34 * var(--u));font-size:calc(12 * var(--u))}.btn-md{height:calc(42 * var(--u));font-size:calc(14 * var(--u))}.btn-lg{height:calc(52 * var(--u));font-size:calc(16 * var(--u))}.btn-xl{height:calc(66 * var(--u));font-size:calc(20 * var(--u))}.btn-gold{border-image-source:var(--k-button-gold);background:linear-gradient(180deg,#ffe08a,#e7b04a 38%,#b67a24 70%,#8a5418);background-clip:padding-box;color:#2a1606;text-shadow:0 1px 0 rgba(255,240,200,.6);box-shadow:0 0 calc(18 * var(--u)) #ffbe5038,0 calc(6 * var(--u)) calc(14 * var(--u)) #00000080}.btn-gold .btn-sub{color:#5a3510}.btn-gold:hover:not(:disabled){border-image-source:var(--k-button-gold);color:#1a0c02;filter:brightness(1.1) saturate(1.1);box-shadow:0 0 calc(30 * var(--u)) #ffc85a73,0 calc(6 * var(--u)) calc(14 * var(--u)) #00000080}.btn-gold:before{background:linear-gradient(180deg,#ffffff73,#fff0)}.btn-blue{background:linear-gradient(180deg,#3a7ad0,#1e4a8a 60%,#12305e);background-clip:padding-box}.btn-red{background:linear-gradient(180deg,#d0503a,#8a2418 60%,#5a120a);background-clip:padding-box}.btn-ghost{border-image:none;border-color:transparent;background:transparent}.btn.is-armed:before{content:"";position:absolute;inset:0;pointer-events:none;background:#fff5d240;opacity:0;will-change:opacity;animation:lmop .6s ease-in-out infinite alternate}@keyframes armed{to{filter:brightness(1.35)}}.icon-btn,.x-btn{pointer-events:auto;display:grid;place-items:center;border-style:solid;border-width:var(--k-button-w);border-image-source:var(--k-button);border-image-slice:var(--k-button-slice);border-image-width:var(--k-button-w);background:linear-gradient(180deg,#2c2234,#120d17);background-clip:padding-box;image-rendering:pixelated}.icon-btn:hover,.x-btn:hover{border-image-source:var(--k-button-hover);filter:brightness(1.15)}.x-btn{width:calc(34 * var(--u));height:calc(34 * var(--u));color:var(--gold-2);font-size:calc(14 * var(--u));padding:0}.seg{display:inline-flex;padding:calc(3 * var(--u));gap:calc(3 * var(--u));background:#00000073;border-radius:calc(4 * var(--u));box-shadow:inset 0 0 0 1px #000c,inset 0 0 0 calc(2 * var(--u)) #a07c4259}.seg-opt{border:0;background:transparent;padding:calc(5 * var(--u)) calc(12 * var(--u));border-radius:calc(3 * var(--u));color:var(--muted);font-weight:800;font-size:calc(12.5 * var(--u));letter-spacing:.02em;transition:background .15s,color .15s}.seg-opt:hover{color:var(--text);background:#ffffff0f}.seg-opt.is-on{color:#2a1606;background:linear-gradient(180deg,#ffe08a,#d9a040 60%,#a8701e);box-shadow:inset 0 1px #ffffff80,0 0 calc(10 * var(--u)) #ffbe5059;text-shadow:0 1px 0 rgba(255,240,200,.5)}.slot{position:relative;display:block;border-style:solid;border-width:var(--k-slot-w);border-image-source:var(--k-slot);border-image-slice:var(--k-slot-slice);border-image-width:var(--k-slot-w);background:radial-gradient(circle at 50% 35%,#2a2236,#0c0a12 75%);background-clip:padding-box;image-rendering:pixelated}.slot.slot-gold,.slot-gold{border-image-source:var(--k-slot-gold)}.slot>.ico,.slot>.item-ico{position:absolute;inset:0;width:100%;height:100%}.ico{display:block;width:100%;height:100%;image-rendering:pixelated;object-fit:cover}.item-ico{position:relative;display:block}.item-ico .ico{position:absolute;inset:0}.tier-mark{position:absolute;right:calc(2 * var(--u));bottom:0;font-family:var(--f-title);font-weight:900;font-size:calc(10 * var(--u));color:#fff;text-shadow:0 1px 0 #000,0 0 2px #000,1px 0 0 #000,-1px 0 0 #000}.tier-mark.is-gold{color:var(--gold-2)}.key-badge{position:absolute;left:calc(-3 * var(--u));bottom:calc(-3 * var(--u));z-index:3;min-width:calc(16 * var(--u));height:calc(16 * var(--u));padding:0 calc(3 * var(--u));display:grid;place-items:center;font-family:var(--f-num);font-weight:700;font-size:calc(11 * var(--u));color:var(--gold-1);background:linear-gradient(180deg,#2c2234,#0c0910);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #e2bb648c}.coin{display:inline-block;width:calc(14 * var(--u));height:calc(14 * var(--u));border-radius:50%;vertical-align:middle;flex:none;background:radial-gradient(circle at 35% 30%,#fff6c0 0 18%,#ffd24a 30%,#c88a1a 72%,#7a4a08);background-size:cover;image-rendering:pixelated;box-shadow:0 0 0 1px #3a2204,0 0 calc(6 * var(--u)) #ffc83c59}.bar{position:relative;height:calc(16 * var(--u));overflow:hidden;background:linear-gradient(180deg,#120c0c,#241818);border-radius:calc(2 * var(--u));box-shadow:0 0 0 1px #000,0 0 0 calc(2 * var(--u)) #5a4222e6,inset 0 calc(2 * var(--u)) calc(4 * var(--u)) #000c}.bar-fill,.bar-trail,.bar-shield{position:absolute;top:0;bottom:0;left:0}.bar-fill{transition:width .12s linear;background:var(--k-fill-hp, linear-gradient(180deg, #8ef08a 0%, #3ccf4e 40%, #22a03a 70%, #167a2a 100%));background-size:100% 100%;image-rendering:pixelated}.bar-fill:after{content:"";position:absolute;inset:0 0 auto;height:34%;background:#ffffff47}.bar-trail{background:linear-gradient(180deg,#ffe6a0,#e8a040);opacity:.9}.bar-shield{background:linear-gradient(180deg,#fff,#cfe2f4);opacity:.85}.bar-ticks{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent calc(100% - 1px),rgba(0,0,0,.55) calc(100% - 1px));background-repeat:repeat-x}.bar-text{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(11.5 * var(--u));font-weight:600;color:#fff;text-shadow:0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 -1px 0 #000;line-height:1}.bar-hp-red .bar-fill{background:var(--k-fill-enemy, linear-gradient(180deg, #ff9a8a, #e0402e 45%, #a8221a))}.bar-mana .bar-fill{background:var(--k-fill-mana, linear-gradient(180deg, #9ac4ff 0%, #4f8dff 45%, #2a58c8 75%, #1c3a8a 100%))}.bar-mana .bar-trail{background:linear-gradient(180deg,#d8e8ff,#8ab0ff)}.bar-xp{height:calc(6 * var(--u))}.bar-xp .bar-fill{background:var(--k-fill-xp, linear-gradient(180deg, #e8c8ff, #b070f0 60%, #7a3ac0))}.bar-xp .bar-text{font-size:calc(8 * var(--u))}.bar-ally{height:calc(7 * var(--u))}.bar-recall .bar-fill{background:var(--k-fill-recall, linear-gradient(180deg, #c8f0ff, #6ad4ff 50%, #2a8ac8))}.bar.is-dead .bar-fill{filter:grayscale(1) brightness(.6)}.portrait{position:relative;aspect-ratio:1;flex:none}.portrait-inner{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 30%,#3a3050,#120e1a 75%);border-style:solid;border-width:var(--k-portrait-frame-w);border-image-source:var(--k-portrait-frame);border-image-slice:var(--k-portrait-frame-slice);border-image-width:var(--k-portrait-frame-w);background-clip:padding-box;image-rendering:pixelated}.portrait-inner:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 calc(10 * var(--u)) #000000b3;pointer-events:none}.portrait.team-blue .portrait-inner{background:radial-gradient(circle at 50% 30%,#2c4a78,#0c1424 78%);background-clip:padding-box}.portrait.team-red .portrait-inner{background:radial-gradient(circle at 50% 30%,#6a2c30,#1c0a0c 78%);background-clip:padding-box}.portrait.team-blue .portrait-inner,.portrait.team-red .portrait-inner{border-image-source:var(--k-slot)}.portrait.team-blue:before,.portrait.team-red:before{content:"";position:absolute;inset:calc(-1 * var(--u));z-index:2;pointer-events:none;box-shadow:inset 0 0 0 calc(2 * var(--u)) var(--tc);border-radius:1px}.portrait.team-blue{--tc: #4aa8ff}.portrait.team-red{--tc: #ff5a4a}.portrait.is-dead .hs{filter:grayscale(1) brightness(.45)}.portrait-respawn{position:absolute;inset:0;display:grid;place-items:center;z-index:2;color:#ff9a8a;font-size:1.2em;font-weight:700;text-shadow:0 1px 0 #000,0 0 6px #000}.lvl-gem{position:absolute;z-index:3;right:calc(-6 * var(--u));bottom:calc(-6 * var(--u));width:calc(26 * var(--u));height:calc(26 * var(--u));display:grid;place-items:center;font-size:calc(13 * var(--u));font-weight:700;color:var(--gold-1);text-shadow:0 1px 0 #000;background:radial-gradient(circle at 40% 35%,#4a3a68,#1a1226 70%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.lvl-gem:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--gold-3);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%,0 50%,12% 50%,50% 88%,88% 50%,50% 12%,12% 50%,0 50%)}.hs-anchor{position:absolute;width:0;height:0;pointer-events:none}.hs{position:absolute;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none}.hs-fit{position:absolute}.hs-layer{position:absolute;inset:0;background-position:inherit;background-repeat:no-repeat;image-rendering:inherit}.hs-empty{display:none}.role-chip{display:inline-flex;align-items:center;gap:calc(6 * var(--u));padding:calc(3 * var(--u)) calc(10 * var(--u)) calc(3 * var(--u)) calc(7 * var(--u));color:var(--rc);font-weight:800;font-size:calc(12 * var(--u));letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,color-mix(in srgb,var(--rc) 22%,transparent),transparent);border-left:calc(2 * var(--u)) solid var(--rc)}.role-extra{color:var(--muted);font-weight:700;text-transform:none;letter-spacing:.01em}.role-extra:before{content:"·";margin-right:calc(6 * var(--u));color:var(--dim)}.role-glyph{width:calc(14 * var(--u));height:calc(14 * var(--u));flex:none}.tooltip.panel{position:fixed;left:0;top:0;z-index:100;pointer-events:none;max-width:calc(330 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u));border-width:var(--k-tooltip-w);border-image-source:var(--k-tooltip);border-image-slice:var(--k-tooltip-slice);border-image-width:var(--k-tooltip-w);background:linear-gradient(180deg,#1e1628f7,#0c0912f7);background-clip:padding-box}.tt-title{font-family:var(--f-title);font-weight:700;color:var(--gold-1);font-size:calc(14 * var(--u));letter-spacing:.03em}.tt-body{margin-top:calc(4 * var(--u));font-size:calc(12.5 * var(--u));line-height:1.35;color:#e4dccb}.tt-extra{margin-top:calc(6 * var(--u));padding-top:calc(5 * var(--u));border-top:1px solid rgba(226,187,100,.25);font-size:calc(11.5 * var(--u));color:var(--muted)}.tt-gold{color:var(--gold-2);font-weight:700}.logo{display:flex;flex-direction:column;align-items:flex-start}.crest{width:calc(64 * var(--u));height:calc(64 * var(--u));filter:drop-shadow(0 calc(3 * var(--u)) 0 #000) drop-shadow(0 0 calc(14 * var(--u)) rgba(255,190,90,.35))}.logo-name{position:relative;margin:calc(2 * var(--u)) 0 0;font-family:var(--f-title);font-weight:900;line-height:.95;font-size:calc(84 * var(--u));letter-spacing:.02em;background:linear-gradient(180deg,#fff8dc,#ffe39a 30%,#e8b450 55%,#b8782a 75%,#f0c868);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 calc(3 * var(--u)) 0 #2a1606) drop-shadow(0 calc(5 * var(--u)) 0 #000) drop-shadow(0 0 calc(24 * var(--u)) rgba(255,170,60,.35))}.logo-name:after{content:attr(data-text);position:absolute;inset:0;color:transparent;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.85) 48%,transparent 60%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:shine 5s ease-in-out infinite}@keyframes shine{0%,60%{background-position:150% 0}to{background-position:-100% 0}}.logo-sub{display:flex;align-items:center;gap:calc(10 * var(--u));margin-top:calc(8 * var(--u));color:var(--muted);font-weight:700;font-size:calc(15 * var(--u));letter-spacing:.04em;text-shadow:var(--shadow-txt)}.filigree{display:inline-block;width:calc(42 * var(--u));height:calc(8 * var(--u));background:linear-gradient(90deg,transparent,var(--gold-3)) center / 100% 1px no-repeat,radial-gradient(circle,var(--gold-2) 0 calc(2.5 * var(--u)),transparent calc(3 * var(--u))) right center / calc(8 * var(--u)) 100% no-repeat}.filigree.flip{transform:scaleX(-1)}.spinner{display:inline-block;width:calc(14 * var(--u));height:calc(14 * var(--u));margin-right:calc(10 * var(--u));vertical-align:middle;border:calc(2 * var(--u)) solid rgba(255,210,120,.25);border-top-color:var(--gold-2);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ui-root *,.ui-root *:before,.ui-root *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.menu-bg{position:absolute;inset:-8%;background:#0c0a14;filter:saturate(.85) brightness(.55) blur(1.5px);animation:bgpan 60s ease-in-out infinite alternate}.menu-bg-cv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}@keyframes bgpan{0%{transform:scale(1.08) translate(-2%,-1%)}to{transform:scale(1.12) translate(2%,1.5%)}}.menu-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 68% 55%,#3c1e501a,#080610d1 70%),linear-gradient(90deg,#080610eb,#0806108c 38%,#08061040 60%,#08061099)}.menu-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 calc(220 * var(--u)) #000000e6}.embers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated}.loading-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);display:flex;flex-direction:column;align-items:center;width:min(90vw,calc(720 * var(--u)))}.loading-center .logo{align-items:center}.load-track{position:relative;width:100%;margin-top:calc(60 * var(--u))}.load-bar{position:relative;height:calc(18 * var(--u));background:#0c0910;box-shadow:0 0 0 calc(2 * var(--u)) #000,0 0 0 calc(4 * var(--u)) var(--gold-4),0 0 0 calc(5 * var(--u)) #000,0 0 calc(30 * var(--u)) #ffb45026;overflow:hidden}.load-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#fff0b0,#f2c45a 40%,#c0802a 80%,#8a5418);transition:width .25s ease-out;box-shadow:0 0 calc(16 * var(--u)) #ffc85ab3}.load-fill:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10 * var(--u)),rgba(0,0,0,.14) calc(10 * var(--u)) calc(12 * var(--u)))}.load-glint{position:absolute;top:-50%;bottom:-50%;width:calc(6 * var(--u));margin-left:calc(-3 * var(--u));background:#fff8dc;filter:blur(calc(3 * var(--u)));transition:left .25s ease-out}.load-walker{position:absolute;bottom:calc(20 * var(--u));width:0;height:0;transition:left .25s ease-out}.load-pct{margin-top:calc(14 * var(--u));color:var(--gold-2);font-size:calc(16 * var(--u));text-shadow:var(--shadow-txt)}.load-tip{margin-top:calc(10 * var(--u));color:var(--muted);font-size:calc(14 * var(--u));font-style:italic;text-align:center;animation:fadein .6s ease}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}}.menu-left{position:absolute;left:calc(70 * var(--u));top:50%;transform:translateY(-50%);width:calc(440 * var(--u));display:flex;flex-direction:column;gap:calc(26 * var(--u));z-index:2}.menu-buttons{display:flex;flex-direction:column;gap:calc(12 * var(--u))}.menu-buttons>.btn{width:100%}.menu-buttons>.btn-xl .btn-label{font-size:calc(22 * var(--u))}.rooms{padding:calc(6 * var(--u)) calc(8 * var(--u))}.rooms-head{display:flex;justify-content:space-between;align-items:center;padding:calc(2 * var(--u)) calc(4 * var(--u)) calc(6 * var(--u));font-family:var(--f-title);font-weight:700;color:var(--gold-2);letter-spacing:.08em;font-size:calc(12 * var(--u));text-transform:uppercase}.rooms-n{color:#2a1606;background:var(--gold-2);border-radius:calc(8 * var(--u));padding:0 calc(7 * var(--u));font-size:calc(11 * var(--u))}.room-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:calc(10 * var(--u));padding:calc(7 * var(--u)) calc(10 * var(--u));border:0;background:linear-gradient(90deg,#4a7ab029,#4a7ab00a);border-left:calc(3 * var(--u)) solid #4a7ab0;margin-top:calc(4 * var(--u));text-align:left;transition:background .15s,transform .15s}.room-row:hover{background:linear-gradient(90deg,#4aa8ff52,#4aa8ff0f);transform:translate(calc(3 * var(--u)))}.room-code{font-size:calc(17 * var(--u));color:#cfe6ff;letter-spacing:.15em}.room-n{color:var(--muted);font-size:calc(12.5 * var(--u))}.room-join{font-family:var(--f-title);font-weight:700;color:var(--gold-2);font-size:calc(12 * var(--u));letter-spacing:.06em;text-transform:uppercase}.rooms-empty{padding:calc(6 * var(--u)) calc(6 * var(--u)) calc(8 * var(--u));color:var(--dim);font-size:calc(12.5 * var(--u));font-style:italic}.menu-msg{color:var(--gold-2);font-weight:700;text-shadow:var(--shadow-txt)}.menu-settings{display:flex;flex-direction:column;gap:calc(8 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u))}.set-row{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--u))}.set-label{font-family:var(--f-title);font-weight:700;font-size:calc(12.5 * var(--u));color:var(--gold-2);letter-spacing:.1em;text-transform:uppercase}.menu-foot{position:absolute;left:0;right:0;bottom:calc(10 * var(--u));text-align:center;color:var(--dim);font-size:calc(11.5 * var(--u));text-shadow:var(--shadow-txt);z-index:3}.spotlight{position:absolute;inset:0 0 0 44%;z-index:1}.spot-glow{position:absolute;left:50%;top:62%;width:calc(900 * var(--u));height:calc(900 * var(--u));transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--rc) 22%,transparent) 0%,rgba(255,180,90,.1) 30%,transparent 62%);transition:background 1s}.spot-name-wrap{position:absolute;left:0;right:0;top:9%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--u))}.spot-kicker{font-family:var(--f-title);font-weight:700;font-size:calc(12 * var(--u));letter-spacing:.4em;color:var(--muted);text-transform:uppercase}.spot-kicker:before,.spot-kicker:after{content:"◆";color:var(--gold-3);margin:0 calc(10 * var(--u));font-size:.8em;letter-spacing:0}.spot-name{font-family:var(--f-title);font-weight:900;font-size:calc(64 * var(--u));line-height:1;letter-spacing:.04em;background:linear-gradient(180deg,#fff8dc,#ffe39a,#d89a40 80%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 calc(3 * var(--u)) 0 #000) drop-shadow(0 0 calc(18 * var(--u)) rgba(255,170,60,.3))}.spot-title{font-size:calc(17 * var(--u));font-weight:700;color:#e8dcc0;text-shadow:var(--shadow-txt);font-style:italic;margin-bottom:calc(4 * var(--u))}.spot-stage{position:absolute;inset:30% 0 17%}.spot-hero{position:absolute;inset:0;transform-origin:50% 100%}.spot-hero .hs-anchor{filter:drop-shadow(0 0 calc(20 * var(--u)) rgba(255,200,120,.18))}.pedestal{position:absolute;left:50%;bottom:calc(-26 * var(--u));width:calc(340 * var(--u));height:calc(80 * var(--u));transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 40%,rgba(255,220,150,.25),rgba(120,80,160,.18) 40%,rgba(0,0,0,.55) 62%,transparent 72%)}.pedestal-rune{position:absolute;inset:14% 10%;border-radius:50%;border:calc(2 * var(--u)) solid color-mix(in srgb,var(--rc, #ffd27a) 70%,transparent);box-shadow:0 0 calc(18 * var(--u)) color-mix(in srgb,var(--rc, #ffd27a) 60%,transparent),inset 0 0 calc(18 * var(--u)) color-mix(in srgb,var(--rc, #ffd27a) 40%,transparent);animation:runepulse 2.4s ease-in-out infinite}.pedestal-rune:before{content:"";position:absolute;inset:18% 14%;border-radius:50%;border:calc(1 * var(--u)) dashed color-mix(in srgb,var(--rc, #ffd27a) 60%,transparent);animation:spin 18s linear infinite}@keyframes runepulse{50%{opacity:.55}}.pedestal.small{width:calc(200 * var(--u));height:calc(48 * var(--u));bottom:8%}.spot-nav{position:absolute;left:50%;bottom:11%;transform:translate(-50%);display:flex;align-items:center;gap:calc(14 * var(--u))}.spot-arrow{width:calc(32 * var(--u));height:calc(32 * var(--u));border-radius:50%;border:0;background:#00000073;color:var(--gold-2);font-size:calc(22 * var(--u));line-height:1;box-shadow:0 0 0 1px #000,inset 0 0 0 calc(2 * var(--u)) #e2bb6480;transition:transform .15s,background .15s}.spot-arrow:hover{background:#3c280ab3;transform:scale(1.1)}.spot-dots{display:flex;gap:calc(6 * var(--u))}.spot-dots i{width:calc(7 * var(--u));height:calc(7 * var(--u));transform:rotate(45deg);background:#ffffff2e;box-shadow:0 0 0 1px #000;transition:background .3s}.spot-dots i.on{background:var(--gold-2);box-shadow:0 0 0 1px #000,0 0 calc(8 * var(--u)) var(--gold-2)}.parade{position:absolute;left:0;right:0;bottom:calc(34 * var(--u));height:calc(80 * var(--u));pointer-events:none;z-index:1;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.parade:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(226,187,100,.35),transparent)}.parade-walker{position:absolute;bottom:0;left:0;width:0;height:0;animation:parade 40s linear infinite;opacity:.8}@keyframes parade{0%{transform:translate(-6vw)}to{transform:translate(106vw)}}.lobby-wrap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(26 * var(--u));padding:calc(30 * var(--u))}.lobby-head{display:flex;flex-direction:column;align-items:center;gap:calc(8 * var(--u));text-align:center}.lobby-crest{width:calc(54 * var(--u));height:calc(54 * var(--u))}.room-code-big{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(6 * var(--u)) calc(18 * var(--u));background:#00000080;box-shadow:0 0 0 1px #000,inset 0 0 0 calc(2 * var(--u)) #e2bb6473}.rc-label{font-family:var(--f-title);font-weight:700;color:var(--muted);letter-spacing:.2em;font-size:calc(12 * var(--u));text-transform:uppercase}.rc-code{font-size:calc(30 * var(--u));color:var(--gold-1);letter-spacing:.3em;text-shadow:0 0 calc(12 * var(--u)) rgba(255,200,90,.5),0 2px 0 #000}.lobby-note{margin:0;color:#a8c8ff;font-weight:700;font-size:calc(14 * var(--u));text-shadow:var(--shadow-txt)}.lobby-note.dim{color:var(--muted);font-weight:600}.lobby-teams{display:flex;align-items:center;gap:calc(26 * var(--u))}.lobby-vs{font-family:var(--f-title);font-weight:900;font-size:calc(40 * var(--u));color:var(--gold-2);text-shadow:0 3px 0 #000,0 0 calc(20 * var(--u)) rgba(255,190,80,.4)}.team-card{width:calc(330 * var(--u));padding:calc(14 * var(--u));border:0;text-align:left;position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 20%,#15101f),#0c0912 70%);box-shadow:0 0 0 1px #000,inset 0 0 0 calc(2 * var(--u)) color-mix(in srgb,var(--tc) 55%,#000),0 calc(10 * var(--u)) calc(30 * var(--u)) #0009;transition:transform .2s,box-shadow .2s}.team-card.team-blue{--tc: #4aa8ff}.team-card.team-red{--tc: #ff5a4a}.team-card:hover{transform:translateY(calc(-3 * var(--u)))}.team-card.is-mine{box-shadow:0 0 0 1px #000,inset 0 0 0 calc(2 * var(--u)) var(--tc),0 0 calc(30 * var(--u)) color-mix(in srgb,var(--tc) 45%,transparent),0 calc(10 * var(--u)) calc(30 * var(--u)) #0009}.team-card-head{display:flex;align-items:center;gap:calc(10 * var(--u));margin-bottom:calc(10 * var(--u))}.team-banner{width:calc(16 * var(--u));height:calc(24 * var(--u));background:var(--tc);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);box-shadow:inset 0 0 0 2px #0000004d}.team-name{font-family:var(--f-title);font-weight:900;font-size:calc(22 * var(--u));letter-spacing:.12em;color:var(--tc);text-shadow:0 2px 0 #000;flex:1}.team-count{color:var(--muted)}.team-slots{display:flex;flex-direction:column;gap:calc(4 * var(--u))}.team-slot{height:calc(32 * var(--u));display:flex;align-items:center;gap:calc(8 * var(--u));padding:0 calc(10 * var(--u));background:#00000059;color:var(--dim);font-weight:700}.team-slot.is-filled{color:var(--text);background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 25%,transparent),#0000004d)}.team-slot.is-me{color:var(--gold-1);box-shadow:inset calc(3 * var(--u)) 0 0 var(--gold-2)}.slot-star{color:var(--gold-2)}.slot-bot{font-style:italic;font-weight:600}.team-join{margin-top:calc(10 * var(--u));text-align:center;font-family:var(--f-title);font-weight:700;letter-spacing:.08em;font-size:calc(12 * var(--u));color:var(--muted);text-transform:uppercase}.team-join.is-here{color:var(--tc)}.lobby-foot{display:flex;flex-direction:column;align-items:center;gap:calc(12 * var(--u))}.lobby-foot .btn{min-width:calc(380 * var(--u))}.lobby-hint{color:var(--muted);font-size:calc(13 * var(--u));text-shadow:var(--shadow-txt)}.lobby-wait{color:var(--gold-2);font-weight:800;font-size:calc(16 * var(--u));text-shadow:var(--shadow-txt)}.corner-back{position:absolute;left:calc(24 * var(--u));bottom:calc(22 * var(--u));z-index:5}.corner-back .btn{min-width:calc(130 * var(--u))}.join-code{display:flex;gap:calc(6 * var(--u));margin-top:calc(6 * var(--u))}.join-input{flex:1;min-width:0;padding:calc(6 * var(--u)) calc(10 * var(--u));background:#00000073;border:1px solid rgba(226,187,100,.35);color:var(--gold-1);font-size:calc(15 * var(--u));letter-spacing:.25em;text-transform:uppercase;outline:none;pointer-events:auto;user-select:text}.join-input:focus{border-color:var(--gold-2);box-shadow:0 0 calc(8 * var(--u)) #ffc86459}.join-btn{padding:calc(6 * var(--u)) calc(12 * var(--u));background:linear-gradient(180deg,#3a2a12,#1d140a);border:1px solid var(--gold-3);color:var(--gold-1);font-family:var(--f-title);font-weight:700;font-size:calc(12 * var(--u));letter-spacing:.06em;pointer-events:auto;white-space:nowrap}.join-btn:hover{background:linear-gradient(180deg,#5a4018,#2a1d0c)}.invite{display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--u))}.invite-row{display:flex;gap:calc(8 * var(--u));align-items:center;max-width:100%;pointer-events:auto}.invite-url{font-family:var(--f-num);font-size:calc(12 * var(--u));color:var(--gold-2);background:#00000073;padding:calc(5 * var(--u)) calc(10 * var(--u));border:1px solid rgba(226,187,100,.3);max-width:calc(520 * var(--u));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:text}.plat-wrap{position:absolute;inset:0;z-index:50;display:grid;place-items:center;pointer-events:auto;padding:calc(16 * var(--u))}.plat-scrim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#140c228c,#040208e0 75%);backdrop-filter:blur(3px);animation:platfade .35s ease both}.plat-box{position:relative;width:min(94vw,calc(760 * var(--u)));padding:calc(22 * var(--u)) calc(28 * var(--u)) calc(20 * var(--u));display:flex;flex-direction:column;align-items:center;gap:calc(14 * var(--u));animation:platpop .45s cubic-bezier(.2,1.3,.4,1) both}.plat-crest{width:calc(52 * var(--u));height:calc(52 * var(--u));filter:drop-shadow(0 0 calc(14 * var(--u)) rgba(255,190,90,.35))}.plat-title{text-align:center}.plat-cards{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:calc(16 * var(--u));margin-top:calc(6 * var(--u))}.plat-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(8 * var(--u));padding:calc(24 * var(--u)) calc(18 * var(--u)) calc(20 * var(--u));border:0;text-align:center;text-decoration:none;color:var(--text);cursor:pointer;background:linear-gradient(180deg,#3a2c4ebf,#0e0a14eb 75%);box-shadow:0 0 0 1px #000,inset 0 0 0 calc(2 * var(--u)) #e2bb6452,0 calc(10 * var(--u)) calc(24 * var(--u)) #0000008c;transition:transform .18s,box-shadow .18s,filter .18s}.plat-card:hover{transform:translateY(calc(-4 * var(--u)));filter:brightness(1.1);box-shadow:0 0 0 1px #000,inset 0 0 0 calc(2 * var(--u)) var(--gold-2),0 0 calc(26 * var(--u)) #ffc8644d,0 calc(14 * var(--u)) calc(28 * var(--u)) #0009}.plat-card:active{transform:translateY(calc(-1 * var(--u))) scale(.99)}.plat-card.is-rec{background:linear-gradient(180deg,#6e4c1e8c,#140d08f0 75%);box-shadow:0 0 0 1px #000,inset 0 0 0 calc(2 * var(--u)) var(--gold-3),0 0 calc(22 * var(--u)) #ffbe5033,0 calc(10 * var(--u)) calc(24 * var(--u)) #0000008c}.plat-badge{position:absolute;top:calc(-10 * var(--u));left:50%;transform:translate(-50%);padding:calc(2 * var(--u)) calc(10 * var(--u));white-space:nowrap;background:linear-gradient(180deg,#ffe08a,#c8902a);color:#2a1606;font-family:var(--f-title);font-weight:900;font-size:calc(10.5 * var(--u));letter-spacing:.14em;text-transform:uppercase;box-shadow:0 0 0 1px #000,0 0 calc(10 * var(--u)) #ffc85a80}.plat-card-ico{width:calc(54 * var(--u));height:calc(54 * var(--u));display:grid;place-items:center;border-radius:50%;color:var(--gold-1);background:radial-gradient(circle at 50% 35%,#ffdc9638,#00000073 70%);box-shadow:0 0 0 1px #000,inset 0 0 0 calc(2 * var(--u)) #e2bb6473}.plat-card-ico .plat-ico{width:calc(26 * var(--u));height:calc(26 * var(--u))}.plat-card-name{font-family:var(--f-title);font-weight:900;font-size:calc(18 * var(--u));letter-spacing:.06em;text-transform:uppercase;color:var(--gold-1);text-shadow:0 2px 0 #000}.plat-card-sub{font-weight:700;font-size:calc(13 * var(--u));line-height:1.35;color:var(--muted);max-width:calc(260 * var(--u))}.plat-card.is-rec .plat-card-sub{color:#d8c49a}.plat-note{margin:calc(2 * var(--u)) 0 0;color:#a8c8ff;font-weight:700;font-size:calc(12.5 * var(--u));text-align:center;text-shadow:var(--shadow-txt)}.plat-ico{width:calc(14 * var(--u));height:calc(14 * var(--u));flex:none}@keyframes platfade{0%{opacity:0}}@keyframes platpop{0%{opacity:0;transform:translateY(calc(14 * var(--u))) scale(.96)}}@media (max-width: 640px){.plat-cards{grid-template-columns:1fr}}.dl-btn{position:absolute;top:calc(22 * var(--u));right:calc(24 * var(--u));z-index:4;display:inline-flex;align-items:center;gap:calc(8 * var(--u));padding:calc(7 * var(--u)) calc(13 * var(--u));background:linear-gradient(180deg,#3a2a12,#1d140a);border:1px solid var(--gold-3);color:var(--gold-1);text-decoration:none;pointer-events:auto;font-family:var(--f-title);font-weight:700;font-size:calc(12 * var(--u));letter-spacing:.06em;box-shadow:0 calc(4 * var(--u)) calc(12 * var(--u)) #00000080;transition:background .15s,box-shadow .15s}.dl-btn:hover{background:linear-gradient(180deg,#5a4018,#2a1d0c);box-shadow:0 0 calc(14 * var(--u)) #ffc8644d,0 calc(4 * var(--u)) calc(12 * var(--u)) #00000080}.desk-bar{position:absolute;top:calc(22 * var(--u));right:calc(24 * var(--u));z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:calc(6 * var(--u));pointer-events:auto}.desk-ver{display:flex;align-items:baseline;gap:calc(8 * var(--u));text-shadow:var(--shadow-txt)}.desk-app{font-family:var(--f-title);font-weight:700;font-size:calc(11 * var(--u));letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.desk-num{color:var(--gold-2);font-size:calc(13 * var(--u))}.desk-row{display:flex;align-items:center;gap:calc(10 * var(--u))}.desk-status{display:inline-flex;align-items:center;gap:calc(6 * var(--u));color:var(--muted);font-weight:700;font-size:calc(12 * var(--u));text-shadow:var(--shadow-txt)}.desk-status.is-busy{color:var(--gold-2)}.desk-check:disabled{opacity:.5;cursor:default}.desk-ready{padding:calc(8 * var(--u)) calc(14 * var(--u));border:0;background:linear-gradient(180deg,#ffe08a,#e7b04a,#b67a24 80%);color:#2a1606;font-family:var(--f-title);font-weight:900;font-size:calc(12.5 * var(--u));letter-spacing:.04em;box-shadow:0 0 0 1px #000,0 0 calc(18 * var(--u)) #ffbe5073;animation:deskpulse 1.6s ease-in-out infinite}.desk-ready:hover{filter:brightness(1.1)}@keyframes deskpulse{50%{box-shadow:0 0 0 1px #000,0 0 calc(30 * var(--u)) #ffc85abf}}@media (prefers-reduced-motion: reduce){.plat-scrim,.plat-box,.desk-ready{animation:none}}.menu-sec-title{font-family:var(--f-title);font-size:calc(20 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:var(--gold-1);text-shadow:var(--shadow-txt);margin-bottom:calc(2 * var(--u))}.menu-back{align-self:flex-start;background:none;border:0;padding:calc(4 * var(--u)) 0;cursor:pointer;font-weight:800;font-size:calc(14 * var(--u));color:#c8bca8;text-shadow:var(--shadow-txt)}.menu-back:hover{color:var(--gold-1)}.menu-buttons{animation:menuIn .28s ease-out}@keyframes menuIn{0%{opacity:0;transform:translate(calc(-14 * var(--u)))}to{opacity:1;transform:none}}.pick-screen .menu-bg:after{background:radial-gradient(ellipse at 50% 40%,#28183c59,#080610e6 75%)}.pick-top{position:absolute;left:0;right:0;top:0;height:calc(150 * var(--u));display:flex;justify-content:center;align-items:flex-start;gap:calc(12 * var(--u));padding-top:calc(14 * var(--u));z-index:2;background:linear-gradient(180deg,rgba(5,3,10,.95),rgba(5,3,10,.6) 70%,transparent)}.pick-top:after{content:"";position:absolute;left:6%;right:6%;top:calc(132 * var(--u));height:1px;background:linear-gradient(90deg,transparent,rgba(226,187,100,.45),transparent)}.pick-team{display:flex;gap:calc(6 * var(--u))}.pick-team.team-blue{flex-direction:row}.pick-slot{position:relative;width:calc(92 * var(--u));height:calc(108 * var(--u));--tc: #4aa8ff;background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 18%,#0c0a12),#07050c);box-shadow:0 0 0 1px #000,inset 0 0 0 calc(2 * var(--u)) color-mix(in srgb,var(--tc) 70%,#000)}.pick-slot.team-red{--tc: #ff5a4a}.pick-slot .portrait{position:absolute;inset:calc(3 * var(--u)) calc(3 * var(--u)) calc(22 * var(--u));aspect-ratio:auto}.pick-slot .portrait:before{display:none}.pick-slot .portrait-inner{border:0;border-image:none}.pick-slot-name{position:absolute;left:0;right:0;bottom:calc(3 * var(--u));text-align:center;font-family:var(--f-title);font-weight:700;font-size:calc(12 * var(--u));color:#f0e0c0;text-shadow:0 1px 0 #000}.pick-slot-empty{position:absolute;inset:calc(3 * var(--u));display:grid;place-items:center;overflow:hidden;background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 calc(6 * var(--u)),transparent calc(6 * var(--u)) calc(12 * var(--u)))}.pick-slot-empty span{color:var(--dim);font-size:calc(11.5 * var(--u));font-weight:700;font-style:italic}.pick-slot.is-active .pick-slot-empty:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--tc) 30%,transparent) 50%,transparent 70%);background-size:250% 100%;animation:sweep 1.6s linear infinite}@keyframes sweep{0%{background-position:150% 0}to{background-position:-100% 0}}.pick-slot.is-me{box-shadow:0 0 0 1px #000,inset 0 0 0 calc(3 * var(--u)) var(--gold-2),0 0 calc(18 * var(--u)) #ffc85a80}.pick-tag{position:absolute;top:calc(-7 * var(--u));left:50%;transform:translate(-50%);z-index:3;padding:0 calc(7 * var(--u));white-space:nowrap;font-family:var(--f-title);font-weight:900;font-size:calc(10.5 * var(--u));letter-spacing:.1em;line-height:calc(16 * var(--u))}.tag-me{color:#2a1606;background:linear-gradient(180deg,#ffe08a,#d9a040);box-shadow:0 0 0 1px #000}.tag-friend{color:var(--gold-1);background:#2a2010;box-shadow:0 0 0 1px #000,inset 0 0 0 1px var(--gold-3)}.pick-center{width:calc(230 * var(--u));display:flex;flex-direction:column;align-items:center}.pick-emblem{position:relative;width:calc(84 * var(--u));height:calc(84 * var(--u));display:grid;place-items:center}.pick-emblem:before{content:"";position:absolute;inset:calc(8 * var(--u));transform:rotate(45deg);background:linear-gradient(135deg,#2a2036,#0c0912);box-shadow:0 0 0 1px #000,inset 0 0 0 calc(3 * var(--u)) var(--gold-3),inset 0 0 0 calc(5 * var(--u)) #000,0 0 calc(24 * var(--u)) #ffbe5040}.pick-vs,.pick-timer{position:relative;font-family:var(--f-title);font-weight:900;font-size:calc(32 * var(--u));color:var(--gold-1);text-shadow:0 2px 0 #000,0 0 calc(14 * var(--u)) rgba(255,190,80,.6)}.pick-timer{font-family:var(--f-num);font-size:calc(34 * var(--u));animation:tick .35s ease-out}@keyframes tick{0%{transform:scale(1.35)}}.pick-center.is-hurry .pick-timer{color:#ff8a6a}.pick-center.is-prep .pick-timer{color:#8ae0a0}.pick-status{margin-top:calc(6 * var(--u));font-family:var(--f-title);font-weight:700;font-size:calc(11.5 * var(--u));letter-spacing:.06em;color:var(--muted);text-align:center;white-space:nowrap;text-shadow:var(--shadow-txt)}.pick-body{position:absolute;left:0;right:0;top:calc(150 * var(--u));bottom:calc(18 * var(--u));display:flex;justify-content:center;gap:calc(28 * var(--u));padding:0 calc(36 * var(--u))}.pick-grid{flex:0 1 calc(640 * var(--u));display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:calc(14 * var(--u)) calc(22 * var(--u));padding-top:calc(8 * var(--u));padding-bottom:calc(70 * var(--u))}.role-group{min-width:0}.role-head{display:flex;align-items:center;gap:calc(7 * var(--u));color:var(--rc);font-family:var(--f-title);font-weight:900;letter-spacing:.14em;font-size:calc(13 * var(--u));text-shadow:0 1px 0 #000;margin-bottom:calc(7 * var(--u))}.role-line{flex:1;height:1px;background:linear-gradient(90deg,var(--rc),transparent);opacity:.7}.role-cards{display:flex;gap:calc(8 * var(--u))}.hero-card{position:relative;width:calc(118 * var(--u));height:calc(128 * var(--u));padding:0;border:0;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 14%,#1c1626),#0a0810 80%);box-shadow:0 0 0 1px #000,inset 0 0 0 calc(2 * var(--u)) #3a3044,0 calc(4 * var(--u)) calc(10 * var(--u)) #00000080;transition:transform .15s,box-shadow .15s}.hero-card:before{content:"";position:absolute;left:10%;right:10%;bottom:22%;height:12%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 70%)}.hero-card-art{position:absolute;inset:0 0 calc(22 * var(--u)) 0}.hero-card-name{position:absolute;left:0;right:0;bottom:0;height:calc(24 * var(--u));display:grid;place-items:center;font-family:var(--f-title);font-weight:700;font-size:calc(12.5 * var(--u));color:#eadcc0;text-shadow:0 1px 0 #000;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7))}.hero-card:hover:not(:disabled){transform:translateY(calc(-3 * var(--u)));box-shadow:0 0 0 1px #000,inset 0 0 0 calc(2 * var(--u)) color-mix(in srgb,var(--rc) 70%,#fff),0 calc(8 * var(--u)) calc(16 * var(--u)) #0009,0 0 calc(14 * var(--u)) color-mix(in srgb,var(--rc) 35%,transparent)}.hero-card.is-view{box-shadow:0 0 0 1px #000,inset 0 0 0 calc(3 * var(--u)) var(--gold-2),0 0 calc(20 * var(--u)) #ffc85a73}.hero-card.is-view .hero-card-name{color:var(--gold-1)}.hero-card.is-taken{filter:grayscale(1) brightness(.45)}.hero-card:disabled{cursor:default}.pick-details{flex:0 1 calc(600 * var(--u));display:flex;flex-direction:column;min-height:0;padding:calc(12 * var(--u)) calc(14 * var(--u)) calc(12 * var(--u))}.det-top{display:flex;gap:calc(16 * var(--u))}.det-stage{position:relative;flex:none;width:calc(210 * var(--u));height:calc(210 * var(--u));overflow:hidden;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--rc) 28%,#2a2036),#0a0810 72%);box-shadow:0 0 0 1px #000,inset 0 0 0 calc(2 * var(--u)) var(--gold-4),inset 0 0 calc(30 * var(--u)) #000c}.det-stage-bg{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 70%,rgba(255,230,170,.05) 0 6deg,transparent 6deg 18deg);animation:spin 40s linear infinite}.det-hero{position:absolute;inset:0}.det-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(4 * var(--u))}.det-name{font-family:var(--f-title);font-weight:900;font-size:calc(34 * var(--u));line-height:1;letter-spacing:.03em;background:linear-gradient(180deg,#fff8dc,#ffe39a 45%,#d89a40);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #000)}.det-title{font-style:italic;font-weight:700;color:#e8dcc0;font-size:calc(14 * var(--u))}.det-stats{margin-top:calc(8 * var(--u));display:flex;flex-direction:column;gap:calc(6 * var(--u))}.stat-row{display:grid;grid-template-columns:calc(84 * var(--u)) 1fr calc(40 * var(--u));align-items:center;gap:calc(8 * var(--u))}.stat-label{color:var(--muted);font-size:calc(12 * var(--u));font-weight:700}.stat-bar{height:calc(8 * var(--u));background:#0c0910;box-shadow:0 0 0 1px #000,inset 0 1px 2px #000c;position:relative;overflow:hidden}.stat-bar i{position:absolute;inset:0 auto 0 0;transition:width .4s cubic-bezier(.2,.8,.2,1);box-shadow:inset 0 calc(2 * var(--u)) 0 #ffffff47}.stat-val{text-align:right;color:var(--text);font-size:calc(12.5 * var(--u))}.det-abils{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:calc(6 * var(--u));margin-top:calc(12 * var(--u))}.det-abil{display:flex;gap:calc(12 * var(--u));align-items:flex-start;padding:calc(6 * var(--u)) calc(8 * var(--u));background:linear-gradient(90deg,rgba(255,255,255,.04),transparent)}.det-abil.is-ult{background:linear-gradient(90deg,rgba(255,200,90,.1),transparent)}.det-abil.is-passive{background:linear-gradient(90deg,rgba(200,160,255,.08),transparent)}.det-abil-icon{flex:none;width:calc(48 * var(--u));height:calc(48 * var(--u))}.det-abil.is-ult .det-abil-icon{border-image-source:var(--k-slot-gold)}.det-abil-text{flex:1;min-width:0}.det-abil-name{font-family:var(--f-title);font-weight:700;color:#f6e8c8;font-size:calc(14 * var(--u));display:flex;justify-content:space-between;gap:calc(8 * var(--u))}.det-abil-cd{font-family:var(--f-num);font-weight:400;color:var(--muted);font-size:calc(12 * var(--u))}.det-abil-desc{color:#c4bccc;font-size:calc(12.5 * var(--u));line-height:1.3;margin-top:calc(2 * var(--u))}.det-actions{display:flex;gap:calc(10 * var(--u));margin-top:calc(10 * var(--u));min-height:calc(52 * var(--u));align-items:center}.det-lock{flex:1}.det-random{min-width:calc(150 * var(--u));white-space:nowrap}.det-wait{flex:1;text-align:center;font-family:var(--f-title);font-weight:700;color:#8ae0a0;font-size:calc(18 * var(--u));text-shadow:var(--shadow-txt)}.pick-online-note{position:absolute;left:calc(24 * var(--u));bottom:calc(10 * var(--u));color:#a8c8ff;font-size:calc(12 * var(--u));font-weight:700;text-shadow:var(--shadow-txt)}.role-cards{flex-wrap:wrap}.hero-card{flex:none;width:calc(98 * var(--u));height:calc(108 * var(--u))}.hero-card-art{inset:0 0 calc(26 * var(--u)) 0}.hero-card-name{height:calc(28 * var(--u));padding:0 calc(3 * var(--u));font-size:calc(10.5 * var(--u));line-height:1.05;text-align:center;white-space:normal;overflow:hidden}.pick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12 * var(--u)) calc(16 * var(--u));padding-bottom:calc(24 * var(--u));overflow-y:auto;overflow-x:hidden;min-height:0;max-height:100%;scrollbar-width:thin;scrollbar-color:#5a4a7a transparent}.pick-grid::-webkit-scrollbar{width:calc(6 * var(--u))}.pick-grid::-webkit-scrollbar-thumb{background:#5a4a7a;border-radius:calc(3 * var(--u))}.role-head{font-size:calc(11.5 * var(--u));margin-bottom:calc(5 * var(--u))}.role-cards{display:grid;grid-template-columns:repeat(2,calc(88 * var(--u)));gap:calc(6 * var(--u))}.hero-card{width:calc(88 * var(--u));height:calc(96 * var(--u))}.hero-card-art{inset:0 0 calc(24 * var(--u)) 0}.hero-card-name{height:calc(25 * var(--u));font-size:calc(9.5 * var(--u))}.skin-pick{display:flex;align-items:center;gap:calc(6 * var(--u));margin:calc(4 * var(--u)) 0 calc(6 * var(--u));flex-wrap:wrap}.skin-label{font-size:calc(11.5 * var(--u));color:var(--muted);font-weight:700;margin-right:calc(4 * var(--u))}.skin-btn{padding:calc(4 * var(--u)) calc(10 * var(--u));border:1px solid #4a3a6a;border-radius:calc(5 * var(--u));background:#1a1428;color:#cfc2e8;font:700 calc(11.5 * var(--u)) var(--f-body, sans-serif);cursor:pointer}.skin-btn:hover{border-color:var(--gold-2)}.skin-btn.is-on{border-color:var(--gold-2);color:var(--gold-1);box-shadow:inset 0 0 0 1px var(--gold-2),0 0 calc(8 * var(--u)) #ffc85a4d}.game-screen{pointer-events:none}.game-screen button,.game-screen input,.minimap,.hud-core,.hud-stats,.scorebar,.shop,.tab,.options,.modal-scrim,.endscreen,.chat-input,.recap{pointer-events:auto}.top-left{position:absolute;left:calc(12 * var(--u));top:calc(12 * var(--u));display:flex;gap:calc(8 * var(--u))}.icon-btn{width:calc(40 * var(--u));height:calc(36 * var(--u));padding:0}.burger{display:flex;flex-direction:column;gap:calc(3 * var(--u))}.burger i{display:block;width:calc(16 * var(--u));height:calc(2.5 * var(--u));background:var(--gold-2);box-shadow:0 1px #000}.cam-btn{height:calc(36 * var(--u));display:flex;align-items:center;gap:calc(8 * var(--u));padding:0 calc(10 * var(--u));font-weight:800;font-size:calc(12.5 * var(--u));border-style:solid;border-width:var(--k-button-w);border-image-source:var(--k-button);border-image-slice:var(--k-button-slice);border-image-width:var(--k-button-w);background:linear-gradient(180deg,#2c2234,#120d17);background-clip:padding-box;color:#d8cce0;image-rendering:pixelated}.cam-btn:hover{border-image-source:var(--k-button-hover)}.cam-btn.is-on{color:#c8ffd0}.cam-led{width:calc(9 * var(--u));height:calc(9 * var(--u));border-radius:50%;background:#5a5060;box-shadow:0 0 0 1px #000}.cam-btn.is-on .cam-led{background:#5ad46a;box-shadow:0 0 0 1px #000,0 0 calc(8 * var(--u)) #5ad46a}.cam-key{color:var(--dim);font-size:calc(11 * var(--u))}.allies{position:absolute;left:calc(12 * var(--u));top:calc(60 * var(--u));display:flex;flex-direction:column;gap:calc(6 * var(--u))}.ally{position:relative;display:flex;align-items:center;gap:calc(8 * var(--u));width:calc(176 * var(--u));padding:calc(4 * var(--u));border:0;text-align:left;background:linear-gradient(90deg,#0c0912d9,#0c091259);box-shadow:inset calc(2 * var(--u)) 0 0 #4aa8ff99;transition:background .15s}.ally:hover{background:linear-gradient(90deg,#283c5ad9,#0c091266)}.ally.is-insp{box-shadow:inset calc(2 * var(--u)) 0 0 #9ae8ff,0 0 0 1px #9ae8ff}.portrait-ally{width:calc(42 * var(--u))}.portrait-ally .lvl-gem{width:calc(18 * var(--u));height:calc(18 * var(--u));font-size:calc(10 * var(--u));right:calc(-5 * var(--u));bottom:calc(-5 * var(--u))}.ally-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(5 * var(--u))}.ally-name{font-weight:800;font-size:calc(12 * var(--u));color:#dcd4c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 #000}.ally-name.is-human{color:var(--gold-2)}.ally.is-dead .ally-name{color:var(--dim)}.ally-ult{position:absolute;right:calc(6 * var(--u));top:calc(6 * var(--u));width:calc(7 * var(--u));height:calc(7 * var(--u));transform:rotate(45deg);background:var(--gold-2);box-shadow:0 0 calc(6 * var(--u)) var(--gold-2)}.scorebar{position:absolute;left:50%;top:0;transform:translate(-50%);display:flex;align-items:stretch;height:calc(44 * var(--u));filter:drop-shadow(0 calc(6 * var(--u)) calc(10 * var(--u)) rgba(0,0,0,.6))}.sb-wing{display:flex;align-items:center;gap:calc(10 * var(--u));padding:0 calc(18 * var(--u));background:linear-gradient(180deg,#1e1628,#0c0912);box-shadow:inset 0 calc(-2 * var(--u)) 0 var(--gold-4),inset 0 calc(-3 * var(--u)) 0 #000}.sb-wing.left{clip-path:polygon(0 0,100% 0,100% 100%,14% 100%);padding-left:calc(30 * var(--u))}.sb-wing.right{clip-path:polygon(0 0,100% 0,86% 100%,0 100%);padding-right:calc(30 * var(--u))}.sb-score{font-size:calc(24 * var(--u));font-weight:700;min-width:calc(30 * var(--u));text-align:center;text-shadow:0 2px 0 #000;display:inline-block}.sb-score.team-blue{color:var(--blue)}.sb-score.team-red{color:var(--red)}.sb-sword{width:calc(16 * var(--u));height:calc(16 * var(--u));background:linear-gradient(135deg,transparent 42%,#cfd8e8 42% 58%,transparent 58%),linear-gradient(45deg,transparent 70%,var(--gold-3) 70% 80%,transparent 80%);opacity:.8}.sb-sword.flip{transform:scaleX(-1)}.sb-clock{position:relative;z-index:1;min-width:calc(92 * var(--u));margin:0 calc(-8 * var(--u));display:grid;place-items:center;font-size:calc(18 * var(--u));color:var(--gold-1);text-shadow:0 2px 0 #000;background:linear-gradient(180deg,#33283e,#120d18);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);box-shadow:inset 0 calc(-2 * var(--u)) 0 var(--gold-3)}.sb-clock:before{content:"";position:absolute;inset:0 0 auto;height:calc(2 * var(--u));background:var(--gold-3)}.zoom-toast{position:absolute;left:50%;top:calc(56 * var(--u));transform:translate(-50%);padding:calc(4 * var(--u)) calc(14 * var(--u));color:#e8d4a8;font-size:calc(13 * var(--u));background:#0a0810cc;box-shadow:0 0 0 1px #e2bb6466}.killfeed{position:absolute;right:calc(12 * var(--u));top:calc(12 * var(--u));display:flex;flex-direction:column;align-items:flex-end;gap:calc(5 * var(--u))}.kf-row{display:flex;align-items:center;gap:calc(7 * var(--u));height:calc(32 * var(--u));padding:calc(3 * var(--u));padding-right:calc(3 * var(--u));background:linear-gradient(90deg,color-mix(in srgb,var(--kc) 22%,rgba(10,8,16,.9)),#0a0810e6 40% 60%,color-mix(in srgb,var(--vc) 22%,rgba(10,8,16,.9)));box-shadow:0 0 0 1px #000,inset 0 0 0 1px #e2bb6440;animation:kfin .35s cubic-bezier(.2,1.4,.4,1)}@keyframes kfin{0%{transform:translate(calc(40 * var(--u)));opacity:0}}.portrait-kf{width:calc(26 * var(--u))}.portrait-kf.victim .hs{filter:grayscale(.7) brightness(.7)}.kf-name{font-weight:800;font-size:calc(12 * var(--u));text-shadow:0 1px 0 #000}.kf-name.killer{color:var(--kc)}.kf-name.victim{color:var(--vc)}.kf-npc{width:calc(26 * var(--u));height:calc(26 * var(--u));display:grid;place-items:center;font-family:var(--f-title);font-weight:900;color:var(--kc);background:#120d18;box-shadow:inset 0 0 0 1px var(--kc)}.kf-x{width:calc(20 * var(--u));height:calc(14 * var(--u));position:relative}.kf-x i{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 10%,#e8e0d0 10% 75%,transparent 75%) center / 100% calc(2 * var(--u)) no-repeat}.kf-x i:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);border-left:calc(7 * var(--u)) solid #ff6a5a;border-top:calc(5 * var(--u)) solid transparent;border-bottom:calc(5 * var(--u)) solid transparent}.hud-bottom{position:absolute;left:50%;bottom:calc(6 * var(--u));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--u))}.hud-main{position:relative;display:flex;align-items:flex-end}.hud-stats{position:absolute;right:100%;bottom:calc(-4 * var(--u));width:calc(150 * var(--u));margin-right:calc(2 * var(--u));padding:calc(3 * var(--u)) calc(6 * var(--u));display:flex;flex-direction:column;gap:calc(1 * var(--u))}.hud-plate{position:absolute;left:calc(-4 * var(--u));top:calc(-34 * var(--u));display:flex;align-items:baseline;gap:calc(8 * var(--u));padding:calc(3 * var(--u)) calc(16 * var(--u)) calc(3 * var(--u)) calc(12 * var(--u));white-space:nowrap;background:linear-gradient(90deg,rgba(10,7,16,.95),rgba(10,7,16,.75) 75%,transparent);clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}.my-kda{position:absolute;left:50%;top:calc(46 * var(--u));transform:translate(-50%);display:flex;align-items:center;gap:calc(3 * var(--u));padding:calc(2 * var(--u)) calc(10 * var(--u));font-size:calc(13 * var(--u));color:#d8d0c0;background:#0a0710c7;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #e2bb6438}.my-kda b{font-weight:600;color:#f4ecdc}.my-kda b.d{color:#ff9a8a}.mk-ico{display:inline-block;width:calc(11 * var(--u));height:calc(11 * var(--u));margin:0 calc(3 * var(--u)) 0 calc(6 * var(--u))}.mk-ico.sw{margin-left:0;background:linear-gradient(135deg,transparent 40%,#e8e0d0 40% 60%,transparent 60%)}.mk-ico.cs{border-radius:50%;background:radial-gradient(circle,#ffd24a 0 35%,#8a6328 40% 60%,transparent 62%)}.hs-row{display:flex;justify-content:space-between;gap:calc(6 * var(--u));font-size:calc(10.5 * var(--u));line-height:calc(14 * var(--u))}.hs-label{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hs-val{color:var(--text)}.hud-core{position:relative;display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(4 * var(--u)) calc(6 * var(--u))}.hud-face{position:relative;display:flex;align-items:center}.portrait-hud{width:calc(104 * var(--u))}.portrait-hud .lvl-gem{width:calc(34 * var(--u));height:calc(34 * var(--u));font-size:calc(16 * var(--u));right:calc(-10 * var(--u));bottom:calc(-8 * var(--u))}.hud-face.lvlup .portrait-inner{animation:lvlglow 1.2s ease-out}@keyframes lvlglow{0%{box-shadow:inset 0 0 calc(30 * var(--u)) #fff2b0;filter:brightness(1.8)}to{box-shadow:none;filter:none}}.status-row{position:absolute;left:50%;top:calc(-14 * var(--u));transform:translate(-50%);display:flex;justify-content:center;gap:calc(3 * var(--u));z-index:4;white-space:nowrap}.status-row .buff-chip{pointer-events:auto;cursor:help}.status-badge{pointer-events:auto;cursor:help;width:calc(20 * var(--u));height:calc(20 * var(--u));display:grid;place-items:center;font-size:calc(12 * var(--u));color:var(--sc);background:#0c0910;box-shadow:0 0 0 1px #000,inset 0 0 0 calc(1.5 * var(--u)) var(--sc),0 0 calc(8 * var(--u)) color-mix(in srgb,var(--sc) 50%,transparent)}.hud-center{display:flex;flex-direction:column;gap:calc(7 * var(--u));width:calc(372 * var(--u));padding-top:calc(4 * var(--u))}.hud-namerow{display:flex;align-items:baseline;gap:calc(8 * var(--u));height:calc(18 * var(--u));white-space:nowrap}.hud-name{font-family:var(--f-title);font-weight:900;font-size:calc(15 * var(--u));color:var(--gold-1);text-shadow:0 1px 0 #000}.hud-title{color:var(--dim);font-size:calc(11.5 * var(--u));font-style:italic;overflow:hidden;text-overflow:ellipsis}.hud-buffs{display:flex;gap:calc(4 * var(--u))}.buff-chip{font-size:calc(10.5 * var(--u));padding:0 calc(5 * var(--u));line-height:calc(15 * var(--u))}.buff-serpent{color:#e0c0ff;background:#965adc40;box-shadow:inset 0 0 0 1px #9a6ad8}.buff-stone{color:#c8f0e0;background:#5ab49633;box-shadow:inset 0 0 0 1px #6ab0a0}.hud-kda{margin-left:auto;color:#d8d0c0;font-size:calc(13 * var(--u))}.hud-kda b{font-weight:600;color:#f0e8d8}.hud-kda b.d{color:#ff9a8a}.hud-cs{margin-left:calc(10 * var(--u));color:var(--muted)}.hud-abils{display:flex;align-items:flex-end;gap:calc(7 * var(--u))}.abil{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(9 * var(--u))}.abil-slot{width:calc(60 * var(--u));height:calc(60 * var(--u));cursor:pointer}.abil.is-ult .abil-slot{border-image-source:var(--k-slot-gold)}.abil-slot:hover{filter:brightness(1.15)}.abil:not(.is-cd):not(.is-locked):not(.is-oom) .abil-slot:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #ffe6968c,inset 0 0 calc(8 * var(--u)) #ffe69633;opacity:.35;will-change:opacity;animation:readyop 2.4s ease-in-out infinite}@keyframes readyop{50%{opacity:1}}.cd-sweep{position:absolute;inset:0;z-index:1;--p: 0;transition:--p .07s linear;background:conic-gradient(#05030ac7 calc(var(--p) * 360deg),#05030a33 0)}.cd-num{position:absolute;inset:0;z-index:2;display:grid;place-items:center;font-size:calc(21 * var(--u));font-weight:700;color:#fff;text-shadow:0 2px 0 #000,0 0 6px #000}.abil.is-cd .ico{filter:saturate(.4) brightness(.8)}.abil.is-oom .ico{filter:saturate(.3) brightness(.65) sepia(.3) hue-rotate(180deg)}.abil.is-oom .abil-slot:before{content:"";position:absolute;inset:0;z-index:1;background:#2850c847}.abil-lock{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#040308c7;color:#bbb;font-family:var(--f-num);font-size:calc(13 * var(--u))}.abil.is-locked .ico{filter:grayscale(1)}.abil.is-aim .abil-slot{box-shadow:0 0 0 calc(2 * var(--u)) #7fe0ff,0 0 calc(16 * var(--u)) #7fe0ff}.abil.is-lm .abil-slot{box-shadow:0 0 0 calc(2 * var(--u)) var(--gold-2),0 0 calc(14 * var(--u)) var(--gold-2)}.abil.is-lm .abil-slot:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:#fff0be38;opacity:0;will-change:opacity;animation:lmop .6s ease-in-out infinite alternate}@keyframes lmop{to{opacity:1}}.mana-cost{position:absolute;right:calc(-2 * var(--u));bottom:calc(-3 * var(--u));z-index:3;padding:0 calc(3 * var(--u));font-size:calc(10 * var(--u));line-height:calc(13 * var(--u));color:#cfe0ff;background:#0c1430;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #3a6ad0}.abil.is-oom .mana-cost{color:#ff9a8a;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #c04030}.rank-pips{display:flex;gap:calc(3 * var(--u))}.rank-pips i{width:calc(14 * var(--u));height:calc(4 * var(--u));background:#2a2232;box-shadow:0 0 0 1px #000}.rank-pips i.on{background:linear-gradient(180deg,#fff0a0,#ffc83a);box-shadow:0 0 0 1px #000,0 0 calc(5 * var(--u)) #ffc83c99}.rank-plus{position:absolute;top:calc(-36 * var(--u));left:50%;margin-left:calc(-14 * var(--u));width:calc(28 * var(--u));height:calc(28 * var(--u));z-index:4;padding:0;border:0;display:grid;place-items:center;font-family:var(--f-num);font-weight:700;font-size:calc(22 * var(--u));line-height:1;color:#2a1606;background:linear-gradient(180deg,#fff2b0,#ffcf4a 50%,#c88a1a);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 0 calc(8 * var(--u)) rgba(255,210,74,.9));animation:plus .9s ease-in-out infinite}.rank-plus:hover{filter:drop-shadow(0 0 calc(12 * var(--u)) #fff) brightness(1.15)}@keyframes plus{50%{transform:translateY(calc(-4 * var(--u))) scale(1.06)}}.passive{width:calc(34 * var(--u));height:calc(34 * var(--u));margin-bottom:calc(13 * var(--u));border-radius:50%;cursor:help}.passive .ico{border-radius:50%}.passive .key-badge{font-size:calc(9 * var(--u));min-width:calc(13 * var(--u));height:calc(13 * var(--u))}.hud-spells{display:flex;flex-direction:column;gap:calc(5 * var(--u));margin-left:calc(4 * var(--u));margin-bottom:calc(5 * var(--u))}.spell{width:calc(30 * var(--u));height:calc(30 * var(--u));cursor:pointer}.spell .cd-num{font-size:calc(13 * var(--u))}.spell .key-badge{font-size:calc(9 * var(--u));min-width:calc(12 * var(--u));height:calc(12 * var(--u));left:auto;right:calc(-4 * var(--u))}.spell.is-empty{visibility:hidden}.hud-bars{display:flex;flex-direction:column;gap:calc(5 * var(--u))}.hud-bars .bar-hp,.hud-bars .bar-hp-red{height:calc(18 * var(--u))}.hud-bars .bar-mana{height:calc(11 * var(--u))}.hud-bars .bar-mana .bar-text{font-size:calc(9.5 * var(--u))}.hud-invcol{display:flex;flex-direction:column;gap:calc(7 * var(--u))}.inv{display:grid;grid-template-columns:repeat(3,calc(44 * var(--u)));grid-auto-rows:calc(44 * var(--u));gap:calc(4 * var(--u))}.inv-slot{cursor:pointer}.inv-slot:hover{filter:brightness(1.2)}.inv-slot.is-empty{cursor:default;opacity:.75}.inv-key{position:absolute;left:calc(2 * var(--u));top:0;z-index:2;font-size:calc(9 * var(--u));color:#ffffff59;text-shadow:0 1px 0 #000}.inv-count{position:absolute;right:calc(2 * var(--u));bottom:calc(-1 * var(--u));z-index:2;font-size:calc(13 * var(--u));font-weight:700;color:#fff;text-shadow:0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000}.inv.is-selling .inv-slot:not(.is-empty){box-shadow:0 0 0 1px #ffb070}.inv.is-selling .inv-slot:not(.is-empty):hover:after{content:"−";position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#781e0a8c;color:#ffd0b0;font-size:calc(26 * var(--u));font-weight:900}.hud-side{display:flex;gap:calc(5 * var(--u))}.hud-side .gold{flex:1}.gold{display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--u));height:calc(24 * var(--u));background:#00000073;box-shadow:inset 0 0 0 1px #e2bb6459;border-radius:calc(2 * var(--u));transition:background .4s}.gold-num{color:#ffe070;font-size:calc(16 * var(--u));font-weight:700;text-shadow:0 1px 0 #000}.gold.gain{animation:gain .7s ease-out}.gold.spend{animation:spend .7s ease-out}@keyframes gain{0%{background:#5ad46a80}}@keyframes spend{0%{background:#ff5a4a73}}.hud-btn{position:relative;width:calc(34 * var(--u));height:calc(30 * var(--u));display:grid;place-items:center;padding:0;border-style:solid;border-width:var(--k-button-w);border-image-source:var(--k-button);border-image-slice:var(--k-button-slice);border-image-width:var(--k-button-w);background:linear-gradient(180deg,#2c2234,#120d17);background-clip:padding-box;image-rendering:pixelated;text-align:left}.hud-btn:hover{border-image-source:var(--k-button-hover);filter:brightness(1.15)}.hb-ico{position:relative;z-index:1;font-size:calc(15 * var(--u));line-height:1;color:var(--gold-2);text-shadow:0 1px 0 #000}.shop-ico{width:calc(14 * var(--u));height:calc(12 * var(--u));background:linear-gradient(#ffe070,#c88a1a);clip-path:polygon(10% 30%,90% 30%,100% 100%,0 100%,10% 30%,30% 30%,32% 0,68% 0,70% 30%,60% 30%,58% 12%,42% 12%,40% 30%)}.hb-label{font-family:var(--f-title);font-weight:700;font-size:calc(11 * var(--u));letter-spacing:.04em;color:var(--text);white-space:nowrap;overflow:hidden}.hb-key{position:absolute;z-index:1;right:calc(1 * var(--u));bottom:calc(-1 * var(--u));font-family:var(--f-num);font-size:calc(9 * var(--u));color:var(--muted);text-shadow:0 1px 0 #000}.hud-btn-recall .hb-ico{color:#6ad4ff}.hud-btn-recall.is-on{box-shadow:inset 0 0 calc(10 * var(--u)) #6ad4ff80}.hud-btn-shop.can-buy .hb-ico{color:#ffe070;text-shadow:0 0 calc(6 * var(--u)) #ffd24a}.hud-btn-shop.is-on{box-shadow:inset 0 0 calc(10 * var(--u)) #ffd24a80}.hud-btn-back{width:auto;flex:1.4;padding:0 calc(6 * var(--u));font-family:var(--f-title);font-weight:700;font-size:calc(11 * var(--u));color:#9ae8ff;white-space:nowrap}.inspect-tag{position:absolute;left:50%;top:calc(-30 * var(--u));transform:translate(-50%);padding:calc(3 * var(--u)) calc(16 * var(--u));white-space:nowrap;color:var(--tc);font-weight:800;font-size:calc(13 * var(--u));background:#0a0810e6;box-shadow:0 0 0 1px #000,inset 0 0 0 1px var(--tc)}.hud-main.is-inspecting .hud-core{filter:saturate(.85)}.skill-hints{display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--u));text-shadow:0 2px 0 #000,0 0 calc(8 * var(--u)) #000;font-weight:800}.hint-lm{color:#7fe0ff;font-size:calc(15 * var(--u))}.hint-pts{color:#ffe070;font-size:calc(14 * var(--u));animation:ptspulse 1.2s ease-in-out infinite}@keyframes ptspulse{50%{opacity:.6}}.hint-amove{color:#ff9a8a;font-size:calc(13 * var(--u))}.recall{padding:calc(4 * var(--u)) calc(10 * var(--u));width:calc(330 * var(--u));display:flex;flex-direction:column;gap:calc(4 * var(--u))}.recall-label{text-align:center;color:#9ae8ff;font-weight:800;font-size:calc(12 * var(--u))}.recall .bar{height:calc(9 * var(--u))}.minimap{position:absolute;right:calc(10 * var(--u));bottom:calc(10 * var(--u));display:flex;flex-direction:column;align-items:flex-end;gap:calc(4 * var(--u))}.minimap-frame{padding:0;border-style:solid;border-width:var(--k-minimap-frame-w);border-image-source:var(--k-minimap-frame);border-image-slice:var(--k-minimap-frame-slice);border-image-width:var(--k-minimap-frame-w);background:radial-gradient(ellipse,#142018,#06080a 75%);background-clip:padding-box;image-rendering:pixelated;box-shadow:0 calc(10 * var(--u)) calc(24 * var(--u)) #0009}.minimap-cv{display:block;width:calc(300 * var(--u));height:calc(150 * var(--u));image-rendering:pixelated;cursor:crosshair}.ping-bar{position:absolute;left:calc(-30 * var(--u));bottom:calc(14 * var(--u));display:flex;flex-direction:column;gap:calc(4 * var(--u))}.ping-btn{width:calc(24 * var(--u));height:calc(24 * var(--u));padding:0;border:0;display:grid;place-items:center;font-family:var(--f-num);font-weight:700;font-size:calc(14 * var(--u));color:var(--pc);background:#0a0810e0;box-shadow:0 0 0 1px #000,inset 0 0 0 calc(1.5 * var(--u)) color-mix(in srgb,var(--pc) 60%,#000);transform:rotate(45deg);transition:transform .15s}.ping-btn:hover,.ping-btn.is-armed{box-shadow:0 0 0 1px #000,inset 0 0 0 calc(2 * var(--u)) var(--pc),0 0 calc(10 * var(--u)) var(--pc)}.ping-btn span{transform:rotate(-45deg);line-height:1}.ping-danger{--pc: #ff5050}.ping-omw{--pc: #4aa8ff}.ping-missing{--pc: #ffa040}.ping-help{--pc: #ffd24a}.chat{position:absolute;left:calc(12 * var(--u));bottom:calc(196 * var(--u));width:calc(420 * var(--u));display:flex;flex-direction:column;gap:calc(4 * var(--u))}.chat-log{display:flex;flex-direction:column;gap:calc(2 * var(--u))}.chat-line{padding:calc(2 * var(--u)) calc(8 * var(--u));background:linear-gradient(90deg,#08060eb8,#08060e00);font-size:calc(12.5 * var(--u));line-height:1.35;text-shadow:0 1px 0 #000;transition:opacity .3s}.chat-tag{font-weight:800;margin-right:calc(5 * var(--u))}.chat-tag.team{color:#7fd0ff}.chat-tag.all{color:#f0f0f0}.chat-who{font-weight:800;margin-right:calc(5 * var(--u))}.chat-txt{color:#f0ece4}.chat-hint{color:#a89a808c;font-size:calc(11 * var(--u));padding-left:calc(8 * var(--u));text-shadow:0 1px 0 #000}.chat-input{display:flex;align-items:center;gap:calc(8 * var(--u));height:calc(32 * var(--u));padding:0 calc(10 * var(--u));background:#08060eeb;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #7fd0ff99,0 0 calc(14 * var(--u)) #7fd0ff33}.chat-input.all{box-shadow:0 0 0 1px #000,inset 0 0 0 1px #fff9}.chat-scope{font-weight:800;font-size:calc(12 * var(--u));color:#7fd0ff}.chat-input.all .chat-scope{color:#fff}.chat-input input{flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:calc(13 * var(--u));user-select:text}.chat-input input::placeholder{color:#c8beaa73}.msgs{position:absolute;left:0;right:0;top:24%;display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--u))}.msg{font-family:var(--f-title);font-weight:700;font-size:calc(22 * var(--u));letter-spacing:.03em;text-shadow:0 2px 0 #000,0 0 calc(10 * var(--u)) #000,0 0 calc(4 * var(--u)) #000;text-align:center}.banners{position:absolute;left:0;right:0;top:13%;display:flex;justify-content:center}.banner{position:relative;display:flex;align-items:center;justify-content:center;gap:calc(18 * var(--u));height:calc(64 * var(--u));min-width:calc(520 * var(--u));padding:0 calc(30 * var(--u));opacity:0}.banner.is-big{height:calc(84 * var(--u));min-width:calc(680 * var(--u))}.bn-ribbon{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 40%),linear-gradient(90deg,transparent,rgba(12,8,20,.92) 14%,rgba(22,14,34,.96) 50%,rgba(12,8,20,.92) 86%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.bn-ribbon:before,.bn-ribbon:after{content:"";position:absolute;left:12%;right:12%;height:calc(3 * var(--u));background:linear-gradient(90deg,transparent,var(--bc),transparent);box-shadow:0 0 calc(12 * var(--u)) var(--bc)}.bn-ribbon:before{top:0}.bn-ribbon:after{bottom:0}.bn-shine{position:absolute;top:0;bottom:0;left:0;width:25%;background:linear-gradient(100deg,transparent,rgba(255,250,220,.35),transparent)}.bn-title{position:relative;font-family:var(--f-title);font-weight:900;font-size:calc(30 * var(--u));letter-spacing:.06em;white-space:nowrap;background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--bc) 60%,#fff) 45%,var(--bc) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 calc(2 * var(--u)) 0 #000) drop-shadow(0 0 calc(12 * var(--u)) color-mix(in srgb,var(--bc) 60%,transparent))}.banner.is-big .bn-title{font-size:calc(42 * var(--u))}.bn-face{position:relative;width:calc(48 * var(--u))}.banner.is-big .bn-face{width:calc(60 * var(--u))}.bn-face .portrait{width:100%}.bn-x{position:absolute;inset:18%;z-index:4;opacity:.9;background:linear-gradient(45deg,transparent 46.5%,#ff4a3a 46.5% 53.5%,transparent 53.5%),linear-gradient(-45deg,transparent 46.5%,#ff4a3a 46.5% 53.5%,transparent 53.5%);filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000)}.tower-vignette{position:absolute;inset:0;box-shadow:inset 0 0 calc(160 * var(--u)) #ff281e8c;animation:tvig .8s ease-in-out infinite alternate}@keyframes tvig{0%{opacity:.45}}.tower-warn{position:absolute;left:50%;top:calc(70 * var(--u));transform:translate(-50%);display:flex;align-items:center;gap:calc(10 * var(--u));padding:calc(6 * var(--u)) calc(18 * var(--u));color:#ffd0c8;font-weight:900;font-size:calc(15 * var(--u));text-shadow:0 1px 0 #000;background:linear-gradient(90deg,transparent,rgba(120,12,8,.85) 15%,rgba(120,12,8,.85) 85%,transparent)}.tw-ico{width:calc(22 * var(--u));height:calc(22 * var(--u));display:grid;place-items:center;background:#ff4a3a;color:#fff;clip-path:polygon(50% 0,100% 100%,0 100%);font-size:calc(12 * var(--u));padding-top:calc(5 * var(--u))}.death{position:absolute;inset:0}.death-tint{position:absolute;inset:0;background:radial-gradient(ellipse at center,#28283240,#0a080eb3)}.death-box{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:calc(16 * var(--u))}.death-title{font-family:var(--f-title);font-weight:900;font-size:calc(38 * var(--u));color:#ff8a7a;text-shadow:0 3px 0 #000,0 0 calc(18 * var(--u)) rgba(255,60,40,.5);white-space:nowrap}.death-title .num{color:#fff;margin-left:calc(6 * var(--u))}.recap{width:calc(400 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u));display:flex;flex-direction:column;gap:calc(5 * var(--u))}.recap-head{display:flex;justify-content:space-between;font-family:var(--f-title);font-weight:700;color:var(--gold-2);font-size:calc(12.5 * var(--u));letter-spacing:.05em;margin-bottom:calc(2 * var(--u))}.recap-total{color:#ff8a7a;font-size:calc(15 * var(--u))}.recap-row{display:grid;grid-template-columns:calc(30 * var(--u)) calc(100 * var(--u)) 1fr calc(44 * var(--u));align-items:center;gap:calc(8 * var(--u))}.portrait-recap{width:calc(30 * var(--u))}.recap-npc{width:calc(30 * var(--u));height:calc(30 * var(--u));display:grid;place-items:center;font-size:calc(15 * var(--u));color:#ffb0a0;background:#1a1018;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #6a3a3a}.recap-npc.k-minion{color:#ffd0a0}.recap-npc.k-monster{color:#ffd24a}.recap-name{font-weight:800;font-size:calc(12.5 * var(--u));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recap-bar{height:calc(8 * var(--u));background:#0c0910;box-shadow:0 0 0 1px #000;position:relative}.recap-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#ff9a8a,#c0302a)}.recap-amt{text-align:right;color:#ffb0a0;font-size:calc(13 * var(--u))}.net-lost{position:absolute;left:50%;top:calc(100 * var(--u));transform:translate(-50%);color:#ff8080;font-weight:900;font-size:calc(18 * var(--u));text-shadow:0 2px 0 #000;padding:calc(6 * var(--u)) calc(18 * var(--u));background:#280606d9;box-shadow:inset 0 0 0 1px #ff5050}.portrait-ally .portrait-inner{border-width:calc(var(--pxs) * 1.3)}.portrait-kf .portrait-inner,.portrait-recap .portrait-inner{border-width:calc(var(--pxs) * 1)}.portrait-sc .portrait-inner{border-width:calc(var(--pxs) * 1.2)}.bn-face .portrait-inner{border-width:calc(var(--pxs) * 1.6)}.sb-dn{display:inline-block;width:calc(12 * var(--u));height:calc(12 * var(--u));margin-right:calc(6 * var(--u));vertical-align:-1px;border-radius:50%}.sb-dn.day{background:#ffd24a;box-shadow:0 0 calc(6 * var(--u)) #ffb020}.sb-dn.dusk,.sb-dn.dawn{background:linear-gradient(180deg,#ffb070 50%,#6a5aa0 50%);box-shadow:0 0 calc(5 * var(--u)) #ff9050}.sb-dn.night{background:transparent;box-shadow:inset calc(-4 * var(--u)) calc(-1 * var(--u)) 0 0 #dfe6ff;transform:rotate(-20deg)}.sb-clock{display:flex;align-items:center;justify-content:center}.inv-active{position:absolute;left:calc(2 * var(--u));top:calc(2 * var(--u));width:calc(6 * var(--u));height:calc(6 * var(--u));background:#ffd24a;box-shadow:0 0 calc(4 * var(--u)) #ffb020;transform:rotate(45deg);z-index:2;pointer-events:none}.inv-cd{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none;color:#fff;font-size:calc(13 * var(--u));text-shadow:0 1px 0 #000;background:conic-gradient(rgba(0,0,0,.7) calc(var(--p) * 360deg),transparent 0)}.belt{display:flex;flex-direction:row;align-items:center;gap:calc(5 * var(--u))}.belt-gear{display:grid;grid-template-columns:repeat(2,calc(36 * var(--u)));grid-auto-rows:calc(36 * var(--u));gap:calc(4 * var(--u))}.belt-slot{--s: calc(36 * var(--u));width:var(--s);height:var(--s);position:relative;cursor:default}.inv.is-selling~.belt .belt-slot:not(.is-empty),.belt-slot:not(.is-empty):hover{filter:brightness(1.15)}.belt-tier{position:absolute;right:calc(2 * var(--u));bottom:0;z-index:2;font-size:calc(9 * var(--u));letter-spacing:-.05em;color:#ffe070;text-shadow:0 1px 0 #000,1px 0 0 #000}.belt-ghost{position:absolute;inset:22%;opacity:.18;background:#c8b898}.bg-casco{clip-path:polygon(15% 60%,20% 25%,50% 8%,80% 25%,85% 60%,85% 80%,15% 80%)}.bg-arma{clip-path:polygon(70% 5%,95% 5%,95% 30%,35% 85%,25% 75%)}.bg-armadura{clip-path:polygon(10% 15%,35% 5%,50% 18%,65% 5%,90% 15%,80% 90%,20% 90%)}.bg-botas{clip-path:polygon(30% 5%,60% 5%,60% 60%,95% 70%,95% 92%,25% 92%)}.belt-cons{display:grid;grid-template-columns:repeat(2,calc(30 * var(--u)));grid-auto-rows:calc(30 * var(--u));gap:calc(3 * var(--u))}.belt-cons-slot{--s: calc(30 * var(--u));width:var(--s);height:var(--s);flex:none;position:relative;cursor:pointer}.belt-cons-slot.is-empty{opacity:.5}.belt-cons-slot:hover{filter:brightness(1.2)}.belt-cons-slot .inv-count{font-size:calc(10 * var(--u))}.belt-cons-slot .inv-key{font-size:calc(8 * var(--u));color:#ffffff8c}.inv-slot:not(.is-empty){cursor:grab}.inv.is-dragging .inv-slot{cursor:grabbing}.inv.is-dragging .inv-slot.is-empty,.inv.is-dragging .inv-slot:not(.is-drag-src):hover{outline:2px dashed rgba(255,220,120,.55);outline-offset:-3px}.inv-slot.is-drag-src{opacity:.35}.inv-ghost{position:fixed;left:0;top:0;--s: calc(40 * var(--u));width:var(--s);height:var(--s);margin:calc(-20 * var(--u)) 0 0 calc(-20 * var(--u));z-index:90;pointer-events:none;opacity:.9;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}.opt-tabs{display:flex;gap:calc(4 * var(--u));margin-bottom:calc(8 * var(--u))}.key-btn{cursor:pointer;min-width:calc(44 * var(--u));text-align:center;border:0}.key-btn:hover{filter:brightness(1.25)}.key-btn.is-listening{color:#0c0810;background:linear-gradient(180deg,#ffe070,#c89a30);animation:keyPulse .8s ease-in-out infinite alternate}@keyframes keyPulse{0%{filter:brightness(1)}to{filter:brightness(1.3)}}.key-sub{margin-top:calc(6 * var(--u));font-family:var(--f-title);font-size:calc(11 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2)}.key-foot{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--u));margin-top:calc(8 * var(--u))}.key-note{font-size:calc(11 * var(--u));color:var(--muted)}.castbar{padding:calc(4 * var(--u)) calc(10 * var(--u));width:calc(300 * var(--u));display:flex;flex-direction:column;gap:calc(4 * var(--u))}.castbar-label{text-align:center;font-weight:800;font-size:calc(12 * var(--u));color:#ffe7a0}.castbar-track{height:calc(9 * var(--u));background:#140e1a;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #e2bb6459}.castbar-fill{height:100%;background:linear-gradient(180deg,#ffe070,#d08a20);box-shadow:inset 0 calc(2 * var(--u)) 0 #ffffff59}.ck-2 .castbar-label{color:#a8e0ff}.ck-2 .castbar-fill{background:linear-gradient(180deg,#8ad8ff,#3a8ad0)}.ck-3 .castbar-label{color:#c8e0ff}.ck-3 .castbar-fill{background:linear-gradient(180deg,#e0ecff,#7a9ae0)}.courier-bar{display:flex;align-items:center;gap:calc(5 * var(--u));padding:calc(3 * var(--u)) calc(8 * var(--u));cursor:pointer;pointer-events:auto}.courier-bar:hover{filter:brightness(1.15)}.courier-txt{font-weight:800;font-size:calc(11.5 * var(--u));color:#ffd9e4;white-space:nowrap}.courier-item{--s: calc(24 * var(--u));width:var(--s);height:var(--s);position:relative}.courier-key{font-size:calc(9 * var(--u));color:#ffffff8c}.sell-btn{position:absolute;top:calc(-5 * var(--u));right:calc(-5 * var(--u));z-index:5;width:calc(16 * var(--u));height:calc(16 * var(--u));padding:0;border:0;cursor:pointer;font:900 calc(10 * var(--u)) / 1 var(--f-num);color:#2a1a04;background:radial-gradient(circle at 35% 30%,#ffe68a,#d49a20 70%);border-radius:50%;box-shadow:0 0 0 1px #000,0 1px 2px #000000b3}.sell-btn:hover{filter:brightness(1.2);transform:scale(1.12)}.match-loading{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#07050c}.ml-box{display:flex;align-items:center;gap:calc(12 * var(--u));font-family:var(--f-title);font-size:calc(22 * var(--u));letter-spacing:.08em;color:var(--gold-1);text-shadow:var(--shadow-txt)}.core-card{position:relative;overflow:hidden}.cc-prog{position:absolute;right:calc(-6 * var(--u));top:50%;width:calc(54 * var(--u));height:calc(54 * var(--u));transform:translateY(-50%);pointer-events:none;opacity:.13;background:linear-gradient(90deg,transparent 0 18%,#ffe7a0 18% 58%,transparent 58%) center / 100% 26% no-repeat,conic-gradient(from 45deg at 100% 50%,#ffe7a0 0 90deg,transparent 90deg) right center / 52% 100% no-repeat}.core-card.is-next .cc-prog{opacity:.24}.cc-next-arrow{font-size:calc(15 * var(--u));line-height:1;color:#ffd76a;text-shadow:0 1px 0 #000}.opt-note{font-size:calc(11 * var(--u));color:var(--muted);margin:calc(-2 * var(--u)) 0 calc(6 * var(--u));line-height:1.3}.fade-cover{position:fixed;inset:0;z-index:199;background:#07050c;animation:fadein .12s ease;pointer-events:none}.glyph-btn span{color:#ffd870;font-weight:900}.glyph-btn.is-cd{filter:grayscale(.8) brightness(.75)}.glyph-btn.is-cd span{color:#c8c0d8;font-size:.8em}.abil.is-on .abil-slot{box-shadow:0 0 0 calc(2 * var(--u)) #9dffcf,0 0 calc(14 * var(--u)) calc(2 * var(--u)) #78ffbebf;animation:togpulse 1.1s ease-in-out infinite}.abil.is-on .abil-slot:after{display:none}.tog-ring{position:absolute;inset:calc(-4 * var(--u));z-index:3;pointer-events:none;padding:calc(3 * var(--u));background:conic-gradient(from var(--tg-a, 0deg),rgba(157,255,207,0) 0deg,#e8fff4 40deg,#5affb0 90deg,rgba(90,255,176,0) 160deg,rgba(90,255,176,0) 200deg,#e8fff4 220deg,#5affb0 270deg,rgba(90,255,176,0) 340deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:togspin 1.6s linear infinite;will-change:transform}@property --tg-a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes togspin{to{--tg-a: 360deg}}@keyframes togpulse{50%{box-shadow:0 0 0 calc(2 * var(--u)) #e8fff4,0 0 calc(20 * var(--u)) calc(4 * var(--u)) #78ffbef2}}.abil.is-on .ico{filter:brightness(1.15) saturate(1.2)}.abil.is-on .tog-drain{color:#b8ffd8;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #3ac080;background:#0a2018}.abil.is-toggle:not(.is-on):not(.is-locked) .key-badge{box-shadow:0 0 0 1px #000,inset 0 0 0 1px #3ac080}.abil.is-passive .abil-slot{cursor:help}.abil.is-passive .abil-slot:after{content:"";position:absolute;inset:calc(3 * var(--u));pointer-events:none;z-index:2;animation:none!important;opacity:.8!important;box-shadow:none!important;border:1px dashed rgba(60,200,176,.75)}.pas-tag{position:absolute;left:50%;bottom:calc(-4 * var(--u));transform:translate(-50%);z-index:4;padding:0 calc(3 * var(--u));font-size:calc(8 * var(--u));line-height:calc(11 * var(--u));letter-spacing:.04em;font-weight:700;color:#c8fff2;background:#0a2622;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #3cc8b0;white-space:nowrap;pointer-events:none}.shop-wrap{position:absolute;left:50%;bottom:calc(222 * var(--u));transform:translate(-50%);z-index:20}.shop{width:calc(1560 * var(--u));max-width:calc(100vw - 16px);padding:calc(10 * var(--u)) calc(16 * var(--u)) calc(14 * var(--u));height:calc(100vh - 222 * var(--u) - 14px);max-height:calc(720 * var(--u));display:flex;flex-direction:column}.shop-body{flex:1;min-height:0;display:grid;grid-template-columns:calc(282 * var(--u)) minmax(0,1fr) calc(340 * var(--u));gap:calc(14 * var(--u));padding-top:calc(8 * var(--u))}.shop-head{flex:none}.shop-head{display:flex;align-items:center;gap:calc(14 * var(--u));padding-bottom:calc(8 * var(--u));border-bottom:1px solid rgba(226,187,100,.2)}.shop-title{font-family:var(--f-title);font-weight:900;font-size:calc(24 * var(--u));letter-spacing:.08em;color:var(--gold-1);text-shadow:0 2px 0 #000}.shop-hint{flex:1;font-size:calc(11.5 * var(--u));font-weight:700;line-height:1.25}.shop-hint.ok{color:#a8e0a0}.shop-hint.no{color:#a8d4ff}.shop-head .shop-slots{margin-left:auto;color:#c8b898;font-size:calc(13 * var(--u));margin-right:calc(4 * var(--u));letter-spacing:0}.shop-gold{min-width:calc(90 * var(--u));padding:0 calc(10 * var(--u));height:calc(30 * var(--u))}.shop-gold .gold-num{font-size:calc(18 * var(--u))}.shop-sec-title{margin:calc(10 * var(--u)) 0 calc(6 * var(--u));font-family:var(--f-title);font-weight:700;font-size:calc(12.5 * var(--u));letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);display:flex;align-items:center;gap:calc(10 * var(--u));flex:none}.shop-sec-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(226,187,100,.45),transparent)}.shop-guide>.shop-sec-title:first-child,.shop-main>.shop-sec-title:first-child{margin-top:0}.sst-note{font-family:var(--f-body);font-weight:700;font-size:calc(10.5 * var(--u));letter-spacing:0;text-transform:none;color:#9a8a70}.shop-tabs{display:flex;gap:calc(3 * var(--u));margin-bottom:calc(8 * var(--u));flex:none}.shop-tab{flex:1;height:calc(26 * var(--u));border:0;cursor:pointer;font-family:var(--f-title);font-weight:700;font-size:calc(11.5 * var(--u));letter-spacing:.06em;color:#c8b898;background:linear-gradient(180deg,#221a2c,#120e18);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #3a3044;transition:color .12s,box-shadow .12s}.shop-tab:hover{color:#ffe7b0}.shop-tab.on{color:#ffe070;box-shadow:0 0 0 1px #000,inset 0 0 0 calc(1.5 * var(--u)) var(--gold-2);background:linear-gradient(180deg,#33283e,#1a1422)}.shop .shop-tab{flex:auto;height:calc(24 * var(--u));padding:0 calc(5 * var(--u));font-size:calc(10.5 * var(--u));letter-spacing:.03em;white-space:nowrap}.sc-name{color:#ffe7b0;font-weight:800;font-size:calc(11.5 * var(--u));line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-glow{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #ffe69699,inset 0 0 calc(8 * var(--u)) #ffe69638;opacity:.4;will-change:opacity;animation:readyop 2.4s ease-in-out infinite}.shop.is-closed .st-grid,.shop.is-closed .core-rows,.shop.is-closed .sg-row{filter:saturate(.35) brightness(.7)}.shop-closed-ribbon{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-3deg);padding:calc(8 * var(--u)) calc(30 * var(--u));white-space:nowrap;font-family:var(--f-title);font-weight:900;font-size:calc(17 * var(--u));letter-spacing:.04em;color:#ffd0a8;text-shadow:0 2px 0 #000;background:linear-gradient(90deg,transparent,rgba(110,40,10,.92) 12%,rgba(110,40,10,.92) 88%,transparent);pointer-events:none}.shop-guide,.shop-detail{display:flex;flex-direction:column;min-height:0;min-width:0;padding:calc(8 * var(--u)) calc(10 * var(--u));background:linear-gradient(180deg,#00000047,#0000001f);box-shadow:inset 0 0 0 1px #e2bb6429}.shop-main{display:flex;flex-direction:column;min-height:0;min-width:0}.shop-cat{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1fr);gap:calc(14 * var(--u))}.shop-left,.shop-right{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.shop-acc-scroll,.sg-scroll,.sd-scrollbox{flex:1;min-height:0;overflow-y:auto;padding-right:calc(5 * var(--u));scrollbar-width:thin;scrollbar-color:#5a4a6a transparent}.shop-acc-sec{margin:calc(8 * var(--u)) 0 calc(5 * var(--u));font-family:var(--f-title);font-weight:700;font-size:calc(11 * var(--u));letter-spacing:.14em;text-transform:uppercase;color:#c8b898;display:flex;align-items:center;gap:calc(8 * var(--u))}.shop-acc-sec:first-child{margin-top:0}.shop-acc-sec:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(200,184,152,.35),transparent)}.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(50 * var(--u)),1fr));gap:calc(8 * var(--u)) calc(4 * var(--u));padding:calc(6 * var(--u)) calc(4 * var(--u))}.st{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--u));padding:0;border:0;background:transparent;cursor:pointer;min-width:0}.st-slot{--s: calc(48 * var(--u));width:var(--s);height:var(--s);flex:none;transition:transform .1s,box-shadow .15s,filter .15s}.st:hover .st-slot{transform:translateY(calc(-2 * var(--u)));filter:brightness(1.15);box-shadow:0 0 0 calc(1.5 * var(--u)) var(--gold-2),0 0 calc(12 * var(--u)) #ffc85a66}.st-price{font-size:calc(12 * var(--u));color:#ffe070;line-height:1;text-shadow:0 1px 0 #000}.st-price.poor{color:#c08060}.st.is-poor .item-ico{filter:grayscale(.45) brightness(.78)}.st.is-owned .st-price{color:#8ae08a}.st.is-sel .st-slot,.sd-node.is-sel .sd-slot{outline:calc(2 * var(--u)) solid #9ae8ff;outline-offset:calc(5 * var(--u))}.st-check{position:absolute;right:calc(-3 * var(--u));top:calc(-3 * var(--u));z-index:3;width:calc(16 * var(--u));height:calc(16 * var(--u));display:grid;place-items:center;font-size:calc(11 * var(--u));font-weight:900;color:#c8ffc8;background:#1e5a24;box-shadow:0 0 0 1px #000}.st-count{position:absolute;left:calc(2 * var(--u));top:calc(1 * var(--u));z-index:3;font-size:calc(10 * var(--u));color:#c8e8ff;text-shadow:0 1px 0 #000,0 0 2px #000}.st .inv-active,.sd-big .inv-active{left:calc(4 * var(--u));top:auto;bottom:calc(4 * var(--u))}.st-mark{position:absolute;left:50%;top:calc(-8 * var(--u));transform:translate(-50%);z-index:4;padding:0 calc(4 * var(--u));white-space:nowrap;font-family:var(--f-title);font-weight:900;font-size:calc(8.5 * var(--u));letter-spacing:.06em;text-transform:uppercase;line-height:calc(13 * var(--u));color:#2a1606;background:linear-gradient(180deg,#ffe08a,#d9a040);box-shadow:0 0 0 1px #000;pointer-events:none}.core-rows{display:flex;flex-direction:column;gap:calc(4 * var(--u));flex:none}.core-row{display:grid;grid-template-columns:calc(84 * var(--u)) minmax(0,1fr) calc(14 * var(--u)) minmax(0,1fr) calc(14 * var(--u)) minmax(0,1fr);align-items:center}.core-label{display:flex;flex-direction:column;gap:calc(1 * var(--u));color:#e8d4a8;font-weight:800;font-size:calc(12.5 * var(--u));line-height:1.05}.core-lv{color:var(--gold-2);font-size:calc(12 * var(--u))}.core-lv i{font-style:normal;color:#6a5a50}.core-arrow{text-align:center;color:#3a3044;font-size:calc(20 * var(--u));font-weight:900;line-height:1}.core-arrow.lit{color:var(--gold-2)}.core-card{position:relative;height:calc(42 * var(--u));display:flex;align-items:center;gap:calc(7 * var(--u));padding:calc(3 * var(--u)) calc(6 * var(--u)) calc(3 * var(--u)) calc(3 * var(--u));border:0;text-align:left;min-width:0;cursor:pointer;background:linear-gradient(180deg,#221a2c,#120e18);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #3a3044;transition:transform .1s,box-shadow .15s,background .15s,opacity .15s}.core-card:hover{transform:translateY(calc(-1 * var(--u)));background:linear-gradient(180deg,#33283e,#1a1422);opacity:1}.cc-icon{--s: calc(34 * var(--u));width:var(--s);height:var(--s);flex:none;margin-left:calc(2 * var(--u))}.cc-text{display:flex;flex-direction:column;gap:calc(2 * var(--u));min-width:0;flex:1}.cc-name{color:#ffe7b0;font-weight:800;font-size:calc(12 * var(--u));line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-cost{display:flex;align-items:center;gap:calc(4 * var(--u));color:#ffe070;font-size:calc(12 * var(--u));line-height:1}.cc-cost .coin,.sd-buy .coin,.sd-recipe .coin{width:calc(11 * var(--u));height:calc(11 * var(--u))}.cc-cost.poor{color:#c08060}.cc-pill{flex:none;padding:calc(2 * var(--u)) calc(6 * var(--u));font-family:var(--f-title);font-weight:900;font-size:calc(9 * var(--u));letter-spacing:.06em;text-transform:uppercase;color:#9a8a70}.core-card.is-cur{background:linear-gradient(180deg,#1c3220,#0e1a10);box-shadow:0 0 0 1px #000,inset 0 0 0 calc(1.5 * var(--u)) #5ab85a}.core-card.is-cur .cc-pill{color:#0e2a10;background:linear-gradient(180deg,#a8f0a0,#4aa84a);box-shadow:0 0 0 1px #000}.core-card.is-past{opacity:.55}.core-card.is-past .cc-pill{color:#8ae08a;font-size:calc(13 * var(--u))}.core-card.is-next{box-shadow:0 0 0 1px #000,inset 0 0 0 calc(1.5 * var(--u)) var(--gold-2)}.core-card.is-next .cc-pill{color:#2a1606;background:linear-gradient(180deg,#ffe08a,#d9a040);box-shadow:0 0 0 1px #000}.core-card.is-next.is-poor .cc-pill{filter:saturate(.4) brightness(.8)}.core-card.is-lock{opacity:.5}.core-card.is-lock .cc-icon{filter:grayscale(.7)}.core-card.is-sel{box-shadow:0 0 0 calc(2 * var(--u)) #9ae8ff,0 0 calc(12 * var(--u)) #9ae8ff73;opacity:1}.cc-lock{position:relative;display:block;width:calc(12 * var(--u));height:calc(14 * var(--u))}.cc-lock:after{content:"";position:absolute;left:0;bottom:0;width:calc(12 * var(--u));height:calc(8 * var(--u));background:#8a7a68;box-shadow:0 0 0 1px #000;border-radius:1px}.cc-lock:before{content:"";position:absolute;left:calc(2 * var(--u));top:0;width:calc(8 * var(--u));height:calc(8 * var(--u));box-sizing:border-box;border:calc(2 * var(--u)) solid #8a7a68;border-bottom:0;border-radius:calc(4 * var(--u)) calc(4 * var(--u)) 0 0}.sg-hero{flex:none;margin:calc(-2 * var(--u)) 0 calc(6 * var(--u));color:#ffe7b0;font-weight:800;font-size:calc(13 * var(--u));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-hero span{color:#9a8a70;font-weight:700}.sg-phase+.sg-phase{margin-top:calc(10 * var(--u))}.sg-phase-title{margin-bottom:calc(4 * var(--u));font-family:var(--f-title);font-weight:700;font-size:calc(11 * var(--u));letter-spacing:.12em;text-transform:uppercase;color:#c8b898;display:flex;align-items:center;gap:calc(8 * var(--u))}.sg-phase-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(200,184,152,.35),transparent)}.sg-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(12 * var(--u)) calc(4 * var(--u));padding:calc(10 * var(--u)) calc(6 * var(--u)) calc(4 * var(--u))}.sg-row .st-slot{--s: calc(44 * var(--u))}.sg-row .st.is-done .st-slot{opacity:.5;filter:grayscale(.4)}.sg-row .st.is-done:hover .st-slot{opacity:1;filter:none}.sg-row .st.is-next .st-slot{box-shadow:0 0 0 calc(2 * var(--u)) var(--gold-2),0 0 calc(14 * var(--u)) #ffc85a8c}.sg-empty{color:#5a4a50;font-size:calc(12 * var(--u))}.sg-foot{flex:none;margin-top:calc(6 * var(--u));padding-top:calc(6 * var(--u));border-top:1px solid rgba(226,187,100,.16);color:#9a8a70;font-size:calc(10.5 * var(--u));font-weight:700;line-height:1.25}.shop-detail{gap:calc(7 * var(--u))}.sd-head{display:flex;align-items:center;gap:calc(10 * var(--u));flex:none}.sd-big{--s: calc(64 * var(--u));width:var(--s);height:var(--s);flex:none;margin:calc(6 * var(--u))}.sd-htext{display:flex;flex-direction:column;gap:calc(3 * var(--u));min-width:0}.sd-name{font-family:var(--f-title);font-weight:900;font-size:calc(17 * var(--u));line-height:1.1;color:var(--gold-1);text-shadow:0 2px 0 #000}.sd-meta{color:#9a8a70;font-size:calc(11 * var(--u));font-weight:700}.sd-cost{display:flex;align-items:center;gap:calc(5 * var(--u));color:#ffe070;font-size:calc(16 * var(--u))}.sd-cost .coin{width:calc(13 * var(--u));height:calc(13 * var(--u))}.sd-need{margin-left:calc(6 * var(--u));font-family:var(--f-body);font-weight:800;font-size:calc(11.5 * var(--u));color:#ffb070}.sd-buy{flex:none;width:100%;height:calc(32 * var(--u))}.sd-buy-p{display:inline-flex;align-items:center;gap:calc(3 * var(--u))}.sd-why{flex:none;color:#ffb070;font-size:calc(11.5 * var(--u));font-weight:800;line-height:1.2}.sd-desc{color:#e8e0d0;font-size:calc(12.5 * var(--u));line-height:1.35}.sd-stats{display:grid;grid-template-columns:1fr 1fr;gap:calc(3 * var(--u)) calc(10 * var(--u));margin-top:calc(8 * var(--u));padding:calc(6 * var(--u)) calc(8 * var(--u));background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff0f}.sd-stat{color:#c8c0d0;font-size:calc(11.5 * var(--u));line-height:1.2}.sd-stat b{color:#8ae08a;font-weight:600}.sd-sec{margin:calc(10 * var(--u)) 0 calc(6 * var(--u));font-family:var(--f-title);font-weight:700;font-size:calc(11 * var(--u));letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);display:flex;align-items:center;gap:calc(8 * var(--u))}.sd-sec:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(226,187,100,.4),transparent)}.sd-tree{display:flex;align-items:center;justify-content:center;gap:calc(4 * var(--u));padding:calc(2 * var(--u)) 0 calc(6 * var(--u))}.sd-col{display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--u))}.sd-col-t{font-size:calc(9.5 * var(--u));font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8a7a68;white-space:nowrap}.sd-into{display:grid;grid-template-columns:1fr;gap:calc(6 * var(--u))}.sd-col.is-wide .sd-into{grid-template-columns:1fr 1fr}.sd-node{position:relative;width:calc(62 * var(--u));display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--u));padding:0;border:0;background:transparent;cursor:pointer}.sd-slot{--s: calc(40 * var(--u));width:var(--s);height:var(--s);transition:transform .1s,box-shadow .15s,filter .15s}.sd-node:hover .sd-slot{transform:translateY(calc(-2 * var(--u)));filter:brightness(1.15);box-shadow:0 0 0 calc(1.5 * var(--u)) var(--gold-2),0 0 calc(12 * var(--u)) #ffc85a66}.sd-node.is-this .sd-slot{--s: calc(50 * var(--u));box-shadow:0 0 0 calc(2 * var(--u)) var(--gold-2),0 0 calc(14 * var(--u)) #ffc85a73}.sd-node.is-next .sd-slot{box-shadow:0 0 0 calc(1.5 * var(--u)) var(--gold-2)}.sd-nname{font-size:calc(10 * var(--u));font-weight:800;line-height:1.1;color:#d8ccb0;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sd-node.is-this .sd-nname{color:var(--gold-1)}.sd-arrow{color:#5a4a6a;font-size:calc(22 * var(--u));font-weight:900;line-height:1}.sd-arrow.lit{color:var(--gold-2)}.sd-chain .sd-node{width:calc(76 * var(--u))}.sd-recipe{display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--u));color:#ffe070;font-size:calc(11 * var(--u))}.sd-recipe .num{display:inline-flex;align-items:center;gap:calc(3 * var(--u))}.sd-scroll{width:calc(26 * var(--u));height:calc(20 * var(--u));background:linear-gradient(180deg,#f4e4bc,#c8a870);box-shadow:0 0 0 1px #000,inset 0 calc(-3 * var(--u)) 0 #78501e73,inset 0 calc(3 * var(--u)) 0 #78501e59;border-radius:calc(2 * var(--u))}.tab-wrap{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:25}.tab{width:calc(940 * var(--u));padding:calc(10 * var(--u)) calc(14 * var(--u));display:flex;flex-direction:column;gap:calc(10 * var(--u))}.tab-team{display:flex;flex-direction:column;gap:calc(3 * var(--u))}.tab-head,.sc-row{display:grid;grid-template-columns:calc(40 * var(--u)) minmax(0,1fr) calc(44 * var(--u)) calc(120 * var(--u)) calc(56 * var(--u)) calc(70 * var(--u)) calc(230 * var(--u));align-items:center;gap:calc(8 * var(--u))}.tab-head{padding:0 calc(6 * var(--u)) calc(4 * var(--u));color:var(--muted);font-size:calc(11 * var(--u));font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid color-mix(in srgb,var(--tc) 45%,transparent)}.tab-team-name{grid-column:1 / 3;font-family:var(--f-title);font-weight:900;font-size:calc(16 * var(--u));letter-spacing:.1em;color:var(--tc);text-shadow:0 1px 0 #000;text-transform:none}.tab-kills{position:absolute;right:calc(20 * var(--u));display:none}.sc-row{position:relative;padding:calc(3 * var(--u)) calc(6 * var(--u));border:0;text-align:left;background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 12%,transparent),#ffffff05);transition:background .12s}.sc-row:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 25%,transparent),#ffffff0d)}.sc-row.is-me{background:linear-gradient(90deg,#ffd24a2e,#ffd24a08);box-shadow:inset calc(3 * var(--u)) 0 0 var(--gold-2)}.sc-row.is-insp{box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #9ae8ff}.portrait-sc{width:calc(36 * var(--u))}.sc-name{font-weight:800;font-size:calc(13.5 * var(--u));color:#e8e0d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-row.is-me .sc-name{color:var(--gold-1)}.sc-row.is-dead .sc-name{color:var(--dim)}.sc-name .star{color:var(--gold-2);margin-right:calc(4 * var(--u))}.sc-lv{color:#ffe070;font-size:calc(15 * var(--u));text-align:center}.sc-kda{color:#d8d0c0;font-size:calc(14 * var(--u))}.sc-kda b{font-weight:600;color:#f4ecdc}.sc-kda b.d{color:#ff9a8a}.sc-cs{color:#d8d0c0;font-size:calc(14 * var(--u))}.sc-gold{color:#ffe070;font-size:calc(14 * var(--u))}.sc-items{display:flex;gap:calc(3 * var(--u))}.sc-item{width:calc(34 * var(--u));height:calc(34 * var(--u));border-width:calc(var(--pxs) * 2)}.tab-stats{display:flex;flex-wrap:wrap;gap:calc(6 * var(--u)) calc(16 * var(--u));padding:calc(8 * var(--u)) calc(6 * var(--u)) calc(2 * var(--u));border-top:1px solid rgba(226,187,100,.2)}.ts{display:flex;gap:calc(6 * var(--u));font-size:calc(12 * var(--u))}.ts-l{color:#a8c0e0}.ts-v{color:#e0eeff}.modal-wrap{position:absolute;inset:0;z-index:40;display:grid;place-items:center}.modal-scrim{position:absolute;inset:0;background:radial-gradient(ellipse,#0a06148c,#040208d9)}.options{position:relative;width:min(94vw,calc(760 * var(--u)));max-height:92vh;display:flex;flex-direction:column;padding:calc(14 * var(--u)) calc(22 * var(--u)) calc(18 * var(--u))}.opt-head{display:flex;align-items:center;gap:calc(16 * var(--u));padding-bottom:calc(10 * var(--u));border-bottom:1px solid rgba(226,187,100,.22)}.opt-head .x-btn{margin-left:auto}.opt-paused{color:var(--muted);font-size:calc(12.5 * var(--u));font-weight:700;padding:calc(2 * var(--u)) calc(10 * var(--u));background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1a}.opt-tabs-top{display:flex;gap:calc(4 * var(--u));margin-top:calc(12 * var(--u))}.opt-tabs-top .shop-tab{flex:1}.opt-body{flex:1 1 auto;min-height:0;height:min(calc(430 * var(--u)),60vh);overflow-y:auto;padding:calc(16 * var(--u)) calc(6 * var(--u)) calc(4 * var(--u)) 0}.opt-col{display:flex;flex-direction:column;gap:calc(10 * var(--u));min-width:0}.opt-sec{font-family:var(--f-title);font-weight:700;font-size:calc(12.5 * var(--u));letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);margin-top:calc(4 * var(--u));display:flex;align-items:center;gap:calc(10 * var(--u))}.opt-sec:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(226,187,100,.4),transparent)}.slider{display:flex;flex-direction:column;gap:calc(5 * var(--u));cursor:pointer}.sl-top{display:flex;justify-content:space-between;font-weight:800;font-size:calc(13 * var(--u));color:#e8d4a8}.sl-val{color:#ffe070}.slider input{-webkit-appearance:none;appearance:none;width:100%;height:calc(12 * var(--u));margin:0;cursor:pointer;background:linear-gradient(180deg,#ffe08a,#c8902a) 0 0 / calc(var(--v) * 100%) 100% no-repeat,#120d18;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #a07c4280,inset 0 2px 3px #000000b3}.slider input::-webkit-slider-thumb{-webkit-appearance:none;width:calc(10 * var(--u));height:calc(22 * var(--u));background:linear-gradient(180deg,#fff6d0,#e0b050);box-shadow:0 0 0 1px #000,0 0 calc(8 * var(--u)) #ffd27899}.slider input::-moz-range-thumb{width:calc(10 * var(--u));height:calc(22 * var(--u));border:0;border-radius:0;background:linear-gradient(180deg,#fff6d0,#e0b050)}.opt-row{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--u));font-weight:800;font-size:calc(13 * var(--u));color:#e8d4a8}.toggle{display:flex;align-items:center;justify-content:space-between;height:calc(34 * var(--u));padding:0 calc(4 * var(--u)) 0 0;border:0;background:transparent;font-weight:800;font-size:calc(13 * var(--u));color:#e8d4a8;text-align:left}.tg-sw{position:relative;width:calc(46 * var(--u));height:calc(22 * var(--u));background:#120d18;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #a07c4280;transition:background .2s}.tg-sw i{position:absolute;top:calc(3 * var(--u));left:calc(3 * var(--u));width:calc(16 * var(--u));height:calc(16 * var(--u));background:linear-gradient(180deg,#8a8094,#4a4054);box-shadow:0 0 0 1px #000;transition:transform .2s cubic-bezier(.3,1.5,.5,1),background .2s}.toggle.is-on .tg-sw{background:linear-gradient(180deg,#2a5a2a,#183a18)}.toggle.is-on .tg-sw i{transform:translate(calc(24 * var(--u)));background:linear-gradient(180deg,#c8ffd0,#5ad46a)}.toggle:hover .tg-label{color:var(--gold-1)}.opt-zoom{align-self:flex-start}.ctrl-list{display:grid;grid-template-columns:1fr;gap:calc(3 * var(--u))}.ctrl{display:grid;grid-template-columns:calc(230 * var(--u)) 1fr;align-items:center;gap:calc(12 * var(--u));font-size:calc(12 * var(--u))}.kbd{justify-self:start;padding:calc(1 * var(--u)) calc(6 * var(--u));font-family:var(--f-num);font-size:calc(11.5 * var(--u));color:#ffe070;background:linear-gradient(180deg,#2c2234,#120d17);box-shadow:0 0 0 1px #000,inset 0 -2px #0009,inset 0 0 0 1px #e2bb644d;white-space:normal;max-width:100%}.ctrl-d{color:#c8c0d0}.opt-foot{display:flex;gap:calc(12 * var(--u));margin-top:calc(16 * var(--u));padding-top:calc(14 * var(--u));border-top:1px solid rgba(226,187,100,.22)}.opt-foot .btn{flex:1}.endscreen{position:absolute;inset:0;z-index:50;display:grid;place-items:center;overflow:hidden}.end-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#3c280a8c,#05030af0 70%)}.endscreen.is-lose .end-bg{background:radial-gradient(ellipse at 50% 40%,#460a0a8c,#05030af2 70%)}.end-rays{position:absolute;left:50%;top:30%;width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;background:repeating-conic-gradient(from 0deg,rgba(255,220,140,.09) 0 7deg,transparent 7deg 20deg);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 45%);mask-image:radial-gradient(circle,#000 0,transparent 45%);animation:spin 60s linear infinite}.endscreen.is-lose .end-rays{background:repeating-conic-gradient(from 0deg,rgba(255,80,60,.06) 0 7deg,transparent 7deg 20deg)}.end-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(14 * var(--u))}.end-title{margin:0;font-family:var(--f-title);font-weight:900;font-size:calc(110 * var(--u));letter-spacing:.06em;line-height:1;display:flex}.end-letter{display:inline-block;background:linear-gradient(180deg,#fffbe8,#ffe39a 35%,#e8a840 65%,#9a5a18);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 calc(4 * var(--u)) 0 #2a1606) drop-shadow(0 calc(6 * var(--u)) 0 #000) drop-shadow(0 0 calc(30 * var(--u)) rgba(255,180,60,.5))}.endscreen.is-lose .end-letter{background:linear-gradient(180deg,#ffe0d8,#ff8a7a,#c0302a 70%,#5a0a0a);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 calc(4 * var(--u)) 0 #2a0606) drop-shadow(0 calc(6 * var(--u)) 0 #000) drop-shadow(0 0 calc(30 * var(--u)) rgba(255,60,40,.45))}.end-hero{position:relative;width:calc(260 * var(--u));height:calc(210 * var(--u));--rc: #ffd27a}.endscreen.is-lose .end-hero{--rc: #ff6a5a}.endscreen.is-lose .end-hero .hs{filter:grayscale(.5) brightness(.8)}.end-stats{display:flex;gap:calc(26 * var(--u));padding:calc(10 * var(--u)) calc(26 * var(--u))}.es{display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--u))}.es-l{font-family:var(--f-title);font-weight:700;font-size:calc(11 * var(--u));letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.es-v{font-size:calc(20 * var(--u));color:var(--text)}.es-v .tb{color:var(--blue);font-weight:600}.es-v .tr{color:var(--red);font-weight:600}.end-content .btn{min-width:calc(320 * var(--u))}.abil-slot{--s: calc(60 * var(--u))}.spell{--s: calc(30 * var(--u))}.inv-slot{--s: calc(44 * var(--u))}.shop-card .sc-icon{--s: calc(42 * var(--u))}.det-abil-icon{--s: calc(48 * var(--u))}.sc-item{--s: calc(34 * var(--u))}.kit .slot{border:0;border-image:none;background:radial-gradient(circle at 50% 35%,#2a2236,#0c0a12 75%)}.kit .slot:before{content:"";position:absolute;z-index:2;pointer-events:none;inset:calc(var(--s, 48px) * -.094);border-style:solid;border-width:calc(var(--s, 48px) * .19);border-image:var(--k-slot-img) 12 / calc(var(--s, 48px) * .19) stretch;image-rendering:pixelated}.kit .slot.slot-gold:before,.kit .abil.is-ult .abil-slot:before,.kit .det-abil.is-ult .det-abil-icon:before{border-image-source:var(--k-slot-gold-img)}.kit .cd-num{z-index:3}.kit .key-badge,.kit .mana-cost,.kit .inv-count,.kit .inv-key{z-index:4}.kit .abil-lock{z-index:1}.kit .hud-abils{gap:calc(11 * var(--u))}.kit .inv{gap:calc(7 * var(--u))}.kit .sc-items{gap:calc(6 * var(--u))}.kit .abil.is-oom .abil-slot:before{background:none}.kit .abil.is-oom .ico{filter:saturate(.25) brightness(.55) sepia(.4) hue-rotate(180deg)}.kit .abil.is-aim .abil-slot,.kit .abil.is-lm .abil-slot{box-shadow:0 0 calc(18 * var(--u)) calc(4 * var(--u)) #7fe0ffcc}.kit .abil.is-lm .abil-slot{box-shadow:0 0 calc(18 * var(--u)) calc(4 * var(--u)) #ffd25acc}.kit .shop-card .sc-icon{margin:0 calc(4 * var(--u))}.kit .passive{border:0;border-image:none;box-shadow:0 0 0 1px #000,0 0 0 calc(2 * var(--u)) var(--gold-3),0 0 0 calc(3 * var(--u)) #000}.kit .passive:before{display:none}.kit .portrait-hud{width:calc(118 * var(--u))}.kit .portrait-hud .portrait-inner{inset:13.5%;border:0;border-image:none;border-radius:50%;background:radial-gradient(circle at 50% 35%,#4a3a68,#120e1a 75%)}.kit .portrait-hud:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:var(--k-portrait-frame-img) center / 100% 100% no-repeat;image-rendering:pixelated}.kit .portrait-hud:before{display:none}.kit .portrait-hud .lvl-gem{z-index:3;inset:78.1% auto auto 78.1%;transform:translate(-50%,-50%);width:calc(30 * var(--u));height:calc(30 * var(--u));clip-path:none;background:none;font-size:calc(15 * var(--u));text-shadow:0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 -1px 0 #000,0 0 calc(6 * var(--u)) #000}.kit .portrait-hud .lvl-gem:before{display:none}.kit .hud-face.lvlup .portrait-inner{animation:lvlglow 1.2s ease-out}.kit .minimap-frame{position:relative;border:0;border-image:none;padding:calc(var(--kpx) * 11 * 1.5);background:#0a0c0a}.kit .minimap-frame:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;border-style:solid;border-width:calc(var(--kpx) * 33);border-image:var(--k-minimap-frame-img) 22 / calc(var(--kpx) * 33) stretch;image-rendering:pixelated}.kit .bn-ribbon{-webkit-mask-image:none;mask-image:none;inset:50% 0 auto;height:calc(var(--rk) * 56);transform:translateY(-50%);overflow:hidden;background:none;border-style:solid;border-width:0 calc(var(--rk) * 48);border-image:var(--k-banner-ribbon-img) 0 48 fill / 0 calc(var(--rk) * 48) stretch;image-rendering:pixelated;filter:hue-rotate(var(--hue, 0deg)) saturate(var(--sat, 1)) drop-shadow(0 calc(6 * var(--u)) calc(10 * var(--u)) rgba(0,0,0,.6))}.kit .banner{--rk: 1.4px;height:calc(var(--rk) * 56);padding:0 calc(var(--rk) * 56)}.kit .banner.is-big{--rk: 2px}.kit .bn-ribbon:before,.kit .bn-ribbon:after{display:none}.kit .bn-shine{left:0;-webkit-mask-image:none}.kit .bn-title{background:linear-gradient(180deg,#fffdf0,#ffe7b0 60%,#ffc870);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 calc(2 * var(--u)) 0 rgba(60,0,0,.9)) drop-shadow(0 0 calc(3 * var(--u)) rgba(0,0,0,.6));font-size:calc(var(--rk) * 20);transform:translateY(calc(var(--rk) * -1))}.kit .banner.is-big .bn-title{font-size:calc(var(--rk) * 20)}.kit .bn-face{width:calc(var(--rk) * 40);z-index:1}.kit .bar-fill:after{opacity:.5}.kit .bar-shield{background:var(--k-fill-shield, #e8f4ff) 0 0 / 100% 100%;image-rendering:pixelated;opacity:.95}.kit .gold .coin{width:calc(22 * var(--u));height:calc(22 * var(--u));border-radius:0;box-shadow:none;background:var(--k-gold) center / contain no-repeat;image-rendering:pixelated}.kit .gold{height:calc(28 * var(--u))}.kit .status-badge.st-haste{background:var(--k-rune-haste, #0c0910) center / cover;color:transparent}.kit .status-badge.st-power{background:var(--k-rune-power, #0c0910) center / cover;color:transparent}.kit .status-badge.st-regen{background:var(--k-rune-regen, #0c0910) center / cover;color:transparent}.kit .status-badge.st-arcane{background:var(--k-rune-arcane, #0c0910) center / cover;color:transparent}.kit .status-badge{width:calc(22 * var(--u));height:calc(22 * var(--u));image-rendering:pixelated}.kit .bar-fill,.kit .bar-shield{background-size:100% 100%!important}.kit .btn{border-width:calc(var(--kpx) * 7) calc(var(--kpx) * 12)}.kit .btn-gold{border-image-source:var(--k-button-hover);border-image-slice:var(--k-button-hover-slice);border-image-width:var(--k-button-hover-w);filter:sepia(.95) saturate(2.6) hue-rotate(-8deg) brightness(1.18) contrast(1.05);color:#fff8e0;text-shadow:0 1px 0 #3a1a00,0 0 calc(6 * var(--u)) rgba(60,25,0,.8)}.kit .btn-gold .btn-sub{color:#ffe9b8}.kit .btn-gold:hover:not(:disabled){filter:sepia(.95) saturate(2.8) hue-rotate(-8deg) brightness(1.35) contrast(1.05);color:#fff;box-shadow:0 0 calc(30 * var(--u)) #ffc85a73}.kit .btn-gold:before{background:linear-gradient(180deg,#ffffff29,#fff0)}.kit .btn:active:not(:disabled){border-image-source:var(--k-button-pressed, var(--k-button))}.kit .icon-btn,.kit .x-btn,.kit .cam-btn,.kit .hud-btn{border-width:calc(var(--kpx) * 6)}.intro{position:absolute;inset:0;z-index:60;pointer-events:auto;cursor:pointer;overflow:hidden;animation:intro-out .6s ease-in forwards;animation-delay:calc(var(--t-end) - .6s)}.intro-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#140e1e8c,#05030aeb 75%),linear-gradient(180deg,#285aaa47,#0000 45% 55%,#aa281e47);animation:intro-fade .5s ease-out both}.intro-shake{position:absolute;inset:0;animation:intro-shake .55s linear both;animation-delay:var(--t-vs)}.intro-row{position:absolute;left:0;right:0;height:44%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(8 * var(--u))}.row-blue{top:1%;--tc: #4aa8ff;--tc2: #1b4f9a}.row-red{bottom:1%;--tc: #ff5a4a;--tc2: #9a2418;flex-direction:column-reverse}.intro-band{position:absolute;inset:18% -10%;transform-origin:left center;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tc2) 55%,transparent) 20%,color-mix(in srgb,var(--tc2) 55%,transparent) 80%,transparent);border-block:calc(2 * var(--u)) solid color-mix(in srgb,var(--tc) 60%,transparent);box-shadow:0 0 calc(40 * var(--u)) color-mix(in srgb,var(--tc) 35%,transparent);transform:skewY(-2deg) scaleX(0);animation:intro-band .5s cubic-bezier(.2,.8,.2,1) forwards}.row-red .intro-band{transform-origin:right center}.intro-team-label{position:relative;font-family:var(--f-title);font-weight:900;letter-spacing:.22em;text-transform:uppercase;font-size:calc(22 * var(--u));color:var(--tc);text-shadow:0 2px 0 #000,0 0 calc(16 * var(--u)) var(--tc);opacity:0;animation:intro-label .5s ease-out forwards;display:flex;align-items:baseline;gap:calc(12 * var(--u))}.intro-yours{font-family:var(--f-body);font-weight:800;font-size:calc(11 * var(--u));letter-spacing:.12em;color:var(--gold-2);text-shadow:0 1px 0 #000}.intro-cards{position:relative;display:flex;gap:calc(14 * var(--u))}.intro-card{position:relative;width:calc(184 * var(--u));height:calc(250 * var(--u));opacity:0;animation:intro-in-l .55s cubic-bezier(.16,1,.3,1) forwards}.team-red.intro-card{animation-name:intro-in-r}.intro-card-bg{position:absolute;inset:0;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);background:linear-gradient(180deg,color-mix(in srgb,var(--tc2) 70%,#0b0814),#0d0a16 70%),#0d0a16;box-shadow:inset 0 0 0 calc(2 * var(--u)) var(--tc)}.intro-card-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--tc) 40%,transparent),transparent 60%),repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 calc(6 * var(--u)),transparent calc(6 * var(--u)) calc(12 * var(--u)))}.intro-card-bg:after{content:"";position:absolute;left:0;right:0;top:0;height:calc(4 * var(--u));background:var(--tc);box-shadow:0 0 calc(12 * var(--u)) var(--tc)}.intro-card.me .intro-card-bg{box-shadow:inset 0 0 0 calc(3 * var(--u)) var(--gold-2)}.intro-card.me .intro-card-bg:after{background:var(--gold-2)}.intro-card.me{filter:drop-shadow(0 0 calc(14 * var(--u)) rgba(255,210,120,.55))}.intro-card-shine{position:absolute;inset:0;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);pointer-events:none;z-index:3;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);background-size:300% 100%;background-position:120% 0;animation:intro-shine .7s ease-out forwards;animation-delay:calc(var(--d) + .15s)}.intro-card-stage{position:absolute;left:0;right:0;top:0;height:68%;z-index:1}.intro-card-stage .hs-anchor{filter:drop-shadow(0 calc(3 * var(--u)) 0 rgba(0,0,0,.55)) drop-shadow(0 0 calc(10 * var(--u)) color-mix(in srgb,var(--tc) 45%,transparent))}.intro-card-info{position:absolute;left:6%;right:6%;bottom:calc(10 * var(--u));z-index:2;display:flex;flex-direction:column;align-items:center;gap:calc(3 * var(--u));text-align:center}.intro-name{font-family:var(--f-title);font-weight:900;font-size:calc(19 * var(--u));color:var(--gold-1);text-shadow:0 2px 0 #000,0 0 calc(10 * var(--u)) rgba(0,0,0,.9);line-height:1}.intro-title{font-style:italic;font-weight:700;font-size:calc(11 * var(--u));color:var(--muted);text-shadow:var(--shadow-txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.intro-card-info .role-chip{font-size:calc(10 * var(--u))}.intro-tag{position:absolute;top:calc(-9 * var(--u));left:50%;transform:translate(-50%);z-index:4;padding:calc(2 * var(--u)) calc(10 * var(--u));font-family:var(--f-title);font-weight:900;font-size:calc(10 * var(--u));letter-spacing:.12em;color:#fff;background:var(--tc2);border:calc(1 * var(--u)) solid var(--tc);box-shadow:0 2px #000}.intro-tag.me{color:#2a1a05;background:linear-gradient(180deg,var(--gold-1),var(--gold-3));border-color:var(--gold-4)}.intro-vs{position:absolute;left:50%;top:50%;width:0;height:0;z-index:5}.intro-vs-text{position:absolute;left:0;top:0;transform:translate(-50%,-50%) scale(3);opacity:0;font-family:var(--f-title);font-weight:900;font-size:calc(84 * var(--u));line-height:1;letter-spacing:.02em;background:linear-gradient(180deg,#fff 10%,var(--gold-2) 45%,var(--gold-3) 70%,#8a5a1c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 calc(4 * var(--u)) 0 #000) drop-shadow(0 0 calc(24 * var(--u)) rgba(255,180,80,.8));animation:intro-vs .45s cubic-bezier(.5,0,.75,0) forwards;animation-delay:calc(var(--t-vs) - .45s)}.intro-vs-flash{position:absolute;left:0;top:0;width:256px;height:256px;transform:translate(-50%,-50%) scale(8);opacity:0;pointer-events:none;will-change:opacity,transform;background:radial-gradient(circle,rgba(255,240,200,.95),rgba(255,190,90,.35) 12%,transparent 35%);animation:intro-flash .9s ease-out forwards;animation-delay:var(--t-vs)}.intro-vs-ring{position:absolute;left:0;top:0;width:calc(160 * var(--u));height:calc(160 * var(--u));transform:translate(-50%,-50%) scale(.2);opacity:0;border-radius:50%;border:calc(4 * var(--u)) solid var(--gold-2);box-shadow:0 0 calc(30 * var(--u)) var(--gold-3),inset 0 0 calc(20 * var(--u)) var(--gold-3);animation:intro-ring .8s ease-out forwards;animation-delay:var(--t-vs)}.intro-go{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;opacity:0;white-space:nowrap;font-family:var(--f-title);font-weight:900;font-size:calc(52 * var(--u));letter-spacing:.1em;text-transform:uppercase;color:var(--gold-1);text-shadow:0 calc(3 * var(--u)) 0 #000,0 0 calc(30 * var(--u)) rgba(255,170,60,.9);animation:intro-go 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--t-go)}.intro-vs-text{animation:intro-vs .45s cubic-bezier(.5,0,.75,0) forwards,intro-out .3s ease-in forwards;animation-delay:calc(var(--t-vs) - .45s),calc(var(--t-go) - .1s)}.intro-skip{position:absolute;right:calc(18 * var(--u));bottom:calc(14 * var(--u));font-size:calc(11 * var(--u));color:var(--dim);text-shadow:var(--shadow-txt);animation:intro-fade 1s ease-out both;animation-delay:1s}@keyframes intro-fade{0%{opacity:0}to{opacity:1}}@keyframes intro-out{to{opacity:0}}@keyframes intro-band{to{transform:skewY(-2deg) scaleX(1)}}@keyframes intro-label{0%{opacity:0;letter-spacing:.6em}to{opacity:1;letter-spacing:.22em}}@keyframes intro-in-l{0%{opacity:0;transform:translate(-60vw) skew(-12deg)}70%{opacity:1;transform:translate(calc(10 * var(--u))) skew(3deg)}to{opacity:1;transform:none}}@keyframes intro-in-r{0%{opacity:0;transform:translate(60vw) skew(12deg)}70%{opacity:1;transform:translate(calc(-10 * var(--u))) skew(-3deg)}to{opacity:1;transform:none}}@keyframes intro-shine{to{background-position:-120% 0}}@keyframes intro-vs{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes intro-flash{0%{opacity:1}to{opacity:0}}@keyframes intro-ring{0%{opacity:1;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(4)}}@keyframes intro-shake{0%,to{transform:none}10%{transform:translate(-9px,5px)}25%{transform:translate(8px,-6px)}40%{transform:translate(-6px,-3px)}55%{transform:translate(5px,4px)}70%{transform:translate(-3px,2px)}85%{transform:translate(2px,-1px)}}@keyframes intro-go{0%{opacity:0;transform:translate(-50%,-50%) scale(.6);letter-spacing:.5em}30%{opacity:1}to{opacity:1;transform:translate(-50%,-50%) scale(1);letter-spacing:.1em}}@media (prefers-reduced-motion: reduce){.intro-shake{animation:none}}