:root{--gold: #d8b25a;--gold-dark: #8a6a2c;--gold-light: #f6dc95;--wood: #1f2029;--wood-dark: #0e0f15;--ink: #f3e6c4;--muted: #b3b1b4;--hp: #3fbf3f;--mp: #3b7cf0;--panel: linear-gradient(180deg, #222633 0%, #161922 50%, #0d0f15 100%);--steel: linear-gradient(180deg, #a9b1c2 0%, #5d6373 22%, #30343f 55%, #4a505e 85%, #7d8496 100%);--steel-flat: #4a4f5e;--frame: #a9b1c2;--frame-dark: #5d6373;--frame-light: #e3e9f5;--dmg-phys: #cf7428;--dmg-magic: #8f62e8;--dmg-true: #25a094;--glow: rgba(110, 170, 255, .55);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--cursor: image-set(url(/assets/ui/cursors/arrow.png) 1x, url(/assets/ui/cursors/arrow@2x.png) 2x) 1 1, default;--cursor-hover: image-set(url(/assets/ui/cursors/hover.png) 1x, url(/assets/ui/cursors/hover@2x.png) 2x) 1 1, pointer;--cursor-attack: image-set(url(/assets/ui/cursors/attack.png) 1x, url(/assets/ui/cursors/attack@2x.png) 2x) 1 1, crosshair;--cursor-kite: image-set(url(/assets/ui/cursors/kite.png) 1x, url(/assets/ui/cursors/kite@2x.png) 2x) 1 1, crosshair;--cursor-target: image-set(url(/assets/ui/cursors/target.png) 1x, url(/assets/ui/cursors/target@2x.png) 2x) 16 16, crosshair;--cursor-shop: image-set(url(/assets/ui/cursors/shop.png) 1x, url(/assets/ui/cursors/shop@2x.png) 2x) 16 16, pointer;--cursor-grab: image-set(url(/assets/ui/cursors/grab.png) 1x, url(/assets/ui/cursors/grab@2x.png) 2x) 16 16, grab;--cursor-grabbing: image-set(url(/assets/ui/cursors/grabbing.png) 1x, url(/assets/ui/cursors/grabbing@2x.png) 2x) 16 16, grabbing}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;touch-action:pan-x pan-y;overscroll-behavior:none;background:#08080b;color:var(--ink);font-family:Philosopher,Gowun Batang,Georgia,serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:var(--cursor)}img,svg,a{-webkit-user-drag:none;user-drag:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}body.cursor-attack canvas{cursor:var(--cursor-attack)}body.cursor-target canvas{cursor:var(--cursor-target)}body.cursor-shop canvas{cursor:var(--cursor-shop)}body.cursor-kite canvas{cursor:var(--cursor-kite)}button{font-family:inherit;cursor:var(--cursor)}button:not(:disabled):hover{cursor:var(--cursor-hover)}a[href]{cursor:var(--cursor)}a[href]:hover{cursor:var(--cursor-hover)}html{-webkit-tap-highlight-color:transparent}button,select,a,summary,[role=button],[tabindex]{-webkit-tap-highlight-color:transparent}button:focus,button:focus-visible,select:focus,select:focus-visible,a:focus,a:focus-visible,summary:focus,summary:focus-visible,[role=button]:focus,[role=button]:focus-visible,[tabindex]:focus,[tabindex]:focus-visible{outline:none}button::-moz-focus-inner{border:0}body.cursor-grabbing,body.cursor-grabbing *{cursor:var(--cursor-grabbing)!important}.wc-panel{background:var(--panel) padding-box,var(--steel) border-box;border:2px solid transparent;border-radius:4px;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #82a0dc33,inset 0 18px 30px -20px #78a0f038,inset 0 0 22px #000c,0 0 0 1px #000,0 6px 22px #0009;position:relative}.wc-panel:before{--orn: max(calc(var(--corner, 30px) * 1.6), 30px);content:"";position:absolute;inset:calc(var(--orn) * -.25);background:url(/assets/ui/hud_corner_tl_dragon_neck3.webp) left calc(var(--orn) * .129 - 1px) top calc(var(--orn) * .125 - 1px) / auto var(--orn) no-repeat,url(/assets/ui/hud_corner_br_serpent.webp) right calc(var(--orn) * .13 - 1px) bottom calc(var(--orn) * .181 - 1px) / auto calc(var(--orn) * .7) no-repeat;filter:brightness(1.2) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 2px 3px rgba(0,0,0,.8));pointer-events:none;z-index:1}.lobby-panel,.settings,.shop,.scoreboard,.stat-sheet{--corner: 46px}.kill,.castbar,.tooltip,.status-tip,.room-link,.touch-potion,.touch-cam-reset,.touch-shop,.mc-info,.topbar{--corner: 14px}.wc-button{font-family:Cinzel,Gowun Batang,serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e8edf5;background:linear-gradient(180deg,#415b82,#304668,#283b59);border:1px solid #070a10;border-radius:2px;padding:8px 20px;text-shadow:0 1px 2px #000;box-shadow:inset 0 1px #bed7ff4d,inset 0 0 0 1px #82a0d233,0 0 0 1px #3c4352,0 2px 6px #0009;transition:filter .12s,transform .08s,box-shadow .12s}.wc-button:hover:not(:disabled){filter:brightness(1.18);box-shadow:inset 0 1px #bed7ff66,inset 0 0 0 1px #82a0d24d,0 0 0 1px #5d6a82,0 0 12px #5aa0ff66,0 2px 6px #0009}.wc-button:active:not(:disabled){transform:translateY(1px);background:linear-gradient(180deg,#24354f,#2b3f5e);box-shadow:inset 0 2px 5px #0009,0 0 0 1px #3c4352}.wc-button:disabled{filter:grayscale(.8) brightness(.6)}.wc-button.big{font-size:20px;padding:12px 34px;margin-top:8px}.wc-field{display:flex;flex-direction:column;gap:6px}.wc-field-label{font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 2px #000;transition:color .15s}.wc-field:focus-within .wc-field-label{color:var(--gold-light)}.wc-input{--ring: rgba(110, 170, 255, .32);--ring-glow: rgba(110, 170, 255, .45);display:flex;align-items:center;background:linear-gradient(180deg,#06070b,#0e1118) padding-box,linear-gradient(180deg,#4a505e,#2a2e38 45%,#6a7184) border-box;border:1px solid transparent;border-radius:3px;box-shadow:0 0 0 1px #000,0 0 0 3px transparent,inset 0 2px 8px #000000e6;transition:box-shadow .18s,background .18s}.wc-input:hover{background:linear-gradient(180deg,#06070b,#0e1118) padding-box,linear-gradient(180deg,#6a7184,#3a3f4c 45%,#8a92a6) border-box}.wc-input:focus-within{background:linear-gradient(180deg,#070910,#10141e) padding-box,linear-gradient(180deg,#c4d8ff,#5f86c8,#9db8ea) border-box;box-shadow:0 0 0 1px #000,0 0 0 3px var(--ring),0 0 16px var(--ring-glow),inset 0 2px 8px #000000e6,inset 0 0 12px #5a96ff14}.wc-input.invalid{--ring: rgba(255, 110, 90, .3);--ring-glow: rgba(255, 110, 90, .4);background:linear-gradient(180deg,#0b0607,#160e10) padding-box,linear-gradient(180deg,#ffb3a6,#b8473c,#e08074) border-box}.wc-input input{flex:1;min-width:0;font:inherit;font-size:17px;padding:10px 12px;color:var(--ink);caret-color:var(--gold-light);background:none;border:none;outline:none}.wc-input.has-icon input{padding-left:8px}.wc-input.has-eye input{padding-right:4px}.wc-input input::placeholder{color:#646a7a;opacity:1}.wc-input input:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 100px #0c0f16 inset;caret-color:var(--gold-light)}.wc-input svg{flex:none;width:18px;height:18px;fill:#6a7184;filter:drop-shadow(0 1px 1px #000);transition:fill .18s}.wc-input>svg{margin-left:12px}.wc-input:focus-within>svg{fill:#9ec3ff}.wc-input.invalid>svg{fill:#e08074}.wc-input-eye{align-self:stretch;display:flex;align-items:center;padding:0 12px 0 8px;background:none;border:none}.wc-input-eye:hover svg{fill:var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0b0d13;border-left:1px solid #000}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#4e6a92,#34496b);border:2px solid #0b0d13;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#6f97d0,#4a6fa3)}::-webkit-scrollbar-corner{background:#0b0d13}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#4e6a92 #0b0d13}}input[type=range]{-webkit-appearance:none;appearance:none;height:24px;margin:0;background:transparent;cursor:var(--cursor-hover)}input[type=range]::-webkit-slider-runnable-track{height:6px;border:1px solid #000;border-radius:1px;background:linear-gradient(180deg,#6d93c8,#3d6198) 0 0 / var(--pct, 0%) 100% no-repeat,#07090d;box-shadow:0 0 0 1px #3a3f4c,inset 0 1px 3px #000000e6}input[type=range]::-moz-range-track{height:6px;border:1px solid #000;border-radius:1px;background:#07090d;box-shadow:0 0 0 1px #3a3f4c,inset 0 1px 3px #000000e6}input[type=range]::-moz-range-progress{height:6px;background:linear-gradient(180deg,#6d93c8,#3d6198)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:22px;margin-top:-9px;border:1px solid #05080e;border-radius:3px;background:linear-gradient(90deg,transparent 4px,rgba(0,0,0,.35) 4px 6px,transparent 6px) center / 100% 60% no-repeat,linear-gradient(180deg,#c3cfe2,#7487a6 45%,#44556f);box-shadow:inset 0 1px #ffffff80,0 2px 4px #000c;transition:filter .12s,box-shadow .12s}input[type=range]::-moz-range-thumb{width:12px;height:22px;border:1px solid #05080e;border-radius:3px;background:linear-gradient(180deg,#c3cfe2,#7487a6 45%,#44556f);box-shadow:inset 0 1px #ffffff80,0 2px 4px #000c}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus-visible::-webkit-slider-thumb{filter:brightness(1.15);box-shadow:inset 0 1px #ffffff80,0 0 8px #6eaaff99,0 2px 4px #000c}input[type=range]:focus{outline:none}.lobby{position:relative;height:100%;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);overflow-x:hidden;overflow-y:auto;background:radial-gradient(ellipse at 50% 10%,#3a4660,#1a1c26 45%,#08080b)}.lobby-sky{position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(61,123,255,.18),transparent 40%),radial-gradient(circle at 80% 80%,rgba(232,66,58,.18),transparent 40%);pointer-events:none}.lobby-inner{position:relative;max-width:980px;margin:0 auto;padding:28px 16px 40px;display:flex;flex-direction:column;align-items:center}.title{font-family:Cinzel,Gowun Batang,serif;font-weight:900;font-size:clamp(32px,6vw,64px);margin:6px 0 0;text-align:center;color:var(--gold-light);text-shadow:0 0 2px #000,0 3px 0 #5a3a10,0 6px 18px rgba(0,0,0,.9),0 0 40px rgba(216,178,90,.35);letter-spacing:.04em}.logo{margin:0;line-height:0}.logo img{display:block;width:min(440px,80vw);height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.8)) drop-shadow(0 0 40px rgba(90,150,255,.25));-webkit-user-select:none;user-select:none}.lobby-inner.home>.logo{margin-bottom:40px}@media(min-height:521px){.lobby-inner.home>.logo img{width:min(400px,74vw)}}@media(max-height:500px){.lobby-inner.home>.logo{margin-bottom:20px}}.logo.small{flex-shrink:0}.lobby-inner>.logo.small{margin-bottom:14px}.logo.small img{width:150px}.subtitle{color:var(--muted);margin:4px 0 20px;letter-spacing:.08em}.lobby-panel{width:100%;padding:20px;display:flex;flex-direction:column;gap:16px;align-items:stretch}.lobby-row{display:flex;align-items:center;gap:14px}.lobby-row label{font-family:Cinzel,Gowun Batang,serif;color:var(--gold);min-width:110px}.lobby-row .wc-input{flex:1;min-width:0}.hero-grid{display:flex;flex-direction:column;align-items:center;gap:8px}.hero-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.hero-tile{--hero: #888;width:76px;padding:0;background:none;border:none;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:3px;cursor:var(--cursor-hover)}.hero-tile-img{width:76px;height:76px;display:flex;align-items:center;justify-content:center;font-size:36px;background:color-mix(in srgb,var(--hero) 30%,#0c0d12);border:2px solid #40424f;border-radius:4px;box-shadow:inset 0 0 12px #000,0 2px 6px #000000b3;filter:saturate(.75) brightness(.85);transition:transform .12s,border-color .12s,box-shadow .12s,filter .12s}.hero-tile:hover .hero-tile-img{transform:translateY(-2px);border-color:var(--frame-dark);filter:none}.hero-tile.selected .hero-tile-img{border-color:var(--frame);filter:none;box-shadow:inset 0 0 8px #0009,0 0 14px color-mix(in srgb,var(--hero) 75%,transparent)}.hero-tile-name{max-width:100%;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-tile.selected .hero-tile-name{color:var(--gold-light)}.hero-role{font-size:12px;color:var(--hero);filter:brightness(1.4);text-transform:uppercase;letter-spacing:.1em}.hero-pick{display:flex;flex-direction:column;gap:14px}.hero-detail{display:grid;grid-template-columns:260px 1fr;gap:16px;background:#00000059;border:1px solid #33343f;border-radius:4px;padding:14px}@media(max-width:720px){.hero-detail{grid-template-columns:1fr}}.hero-lore{display:flex;flex-direction:column;gap:8px;font-size:14px}.hero-portrait{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:96px;background:color-mix(in srgb,var(--hero) 30%,#0c0d12);border:2px solid var(--frame);border-radius:4px;box-shadow:inset 0 0 18px #000,0 0 18px color-mix(in srgb,var(--hero) 55%,transparent);animation:hero-portrait-in .25s ease-out}@keyframes hero-portrait-in{0%{opacity:0;transform:scale(.96)}}@media(max-width:720px){.hero-portrait{max-width:260px;align-self:center}}.hero-lore strong{font-family:Cinzel,Gowun Batang,serif;color:var(--gold-light)}.muted{color:var(--muted);font-size:12px}.skill-list{display:flex;flex-direction:column;gap:8px}.skill-row{display:grid;grid-template-columns:26px 36px 1fr;gap:8px;align-items:start}.skill-key{font-family:Cinzel,Gowun Batang,serif;font-weight:900;color:var(--gold);text-align:center;border:1px solid var(--frame-dark);border-radius:3px;background:#0a0b10}.skill-ico{font-size:22px;text-align:center}.skill-ico-wrap{position:relative;line-height:0}.skill-row.playable{margin:-4px;padding:4px;border-radius:4px;cursor:var(--cursor-hover);transition:background .12s}.skill-row.playable:hover{background:#ffffff0f}.skill-play{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;background:var(--gold);border:1px solid #0a0b10;border-radius:50%}.skill-play:after{content:"";position:absolute;top:50%;left:50%;border-style:solid;border-width:3.5px 0 3.5px 5.5px;border-color:transparent transparent transparent #0a0b10;transform:translate(-38%,-50%)}.skill-row.playable:hover .skill-play{background:var(--gold-light)}.form-tabs{display:flex;gap:4px;border-bottom:1px solid var(--frame-dark)}.form-tab{padding:4px 18px;font-weight:700;color:var(--muted);background:#0a0b10;border:1px solid var(--frame-dark);border-bottom:none;border-radius:4px 4px 0 0;cursor:var(--cursor-hover)}.form-tab.active{color:var(--gold-light);background:#1b2a45}.skill-recast{display:grid;grid-template-columns:28px 1fr;gap:8px;margin-top:6px;padding:6px 8px;border-left:2px solid var(--frame-dark);background:#ffffff08}.skill-recast img.skill-ico{width:28px;height:28px}.badge.recast-tag{margin-left:0}.skill-name{font-weight:700;color:var(--gold-light)}.skill-desc{font-size:13px;color:#d9ccaa}.team-pick{display:flex;gap:10px}.team-btn{--team: #888;padding:8px 22px;font-family:Cinzel,Gowun Batang,serif;font-weight:700;color:var(--ink);background:#0c0d12;border:2px solid #33343f;border-radius:4px}.team-btn.selected{border-color:var(--team);background:color-mix(in srgb,var(--team) 25%,#0c0d12);box-shadow:0 0 12px color-mix(in srgb,var(--team) 60%,transparent)}.error{color:#ff8a7a;text-align:center}.controls-help{margin-top:18px;font-size:13px;color:var(--muted);text-align:center;line-height:1.8}.controls-help b{color:var(--gold-light)}.game-root{position:fixed;inset:0}.game-root canvas{display:block}.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.hud.is-dead~*,.game-root:has(.hud.is-dead) canvas{filter:grayscale(.85) brightness(.8)}#float-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.float-text{position:absolute;left:0;top:0;font-family:Cinzel,Gowun Batang,serif;font-weight:900;font-size:20px;white-space:nowrap;-webkit-text-stroke:1px #000;text-shadow:0 2px 2px rgba(0,0,0,.9);will-change:transform,opacity}.float-text.phys{color:#ffb052}.float-text.magic{color:#b48bff}.float-text.true{color:#fff}.float-text.taken{color:#ff4a3a;font-size:18px}.float-text.crit{font-size:28px;color:#ff7a1a;text-shadow:0 0 6px rgba(255,140,40,.8),0 2px 2px #000}.float-text.heal{color:#6dff6d}.float-text.shield{color:#e0e0e0}.float-text.gold-gain{display:flex;align-items:center;gap:3px;color:#ffd84a;font-size:21px}.float-text.xp-gain{color:#d6a3ff;font-size:18px}.float-text img{width:21px;height:21px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.9))}.float-text.level{color:#ffe36b;font-size:26px}.topbar{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:6px 16px;font-family:Cinzel,Gowun Batang,serif;font-weight:700;white-space:nowrap}.topbar .score{font-size:19px;font-weight:900;text-shadow:0 2px 0 #000;min-width:26px;text-align:center}.topbar .clock{font-size:18px;color:var(--gold-light)}.topbar .wave{font-size:12px;color:var(--muted);font-family:Philosopher,Gowun Batang,serif}.topbar .my-score{display:flex;align-items:center;gap:10px;padding-left:12px;border-left:1px solid var(--frame-dark);font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}.topbar .my-score>span{display:inline-flex;align-items:center;gap:4px}.my-score-ico{width:18px;height:18px;border-radius:2px;border:1px solid #000}.killfeed{position:absolute;top:86px;right:10px;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none!important}.kill-slot{display:grid;grid-template-rows:minmax(0,1fr);justify-items:end;padding-bottom:8px}.kill-slot>.kill{min-height:0}.kill-slot.leaving{overflow:hidden;animation:kill-slot-close .45s ease-in-out forwards}.kill-slot.leaving>.kill{animation:kill-out .3s ease-in forwards}@keyframes kill-slot-close{to{grid-template-rows:minmax(0,0fr);padding-bottom:0}}.kill{padding:4px 10px;display:flex;gap:8px;align-items:center;background:var(--plate) padding-box,var(--steel) border-box;border:2px solid transparent;border-radius:4px;box-shadow:inset 0 0 0 1px #000,inset 0 1px #dce6ff40,0 0 0 1px #000,0 4px 14px #0009;animation:kill-in .25s ease-out}.kill.kt0{--plate: linear-gradient(180deg, #415b82 0%, #304668 50%, #283b59 100%)}.kill.kt1{--plate: linear-gradient(180deg, #82443f 0%, #683230 50%, #592828 100%)}.kill.mine{background:var(--plate) padding-box,linear-gradient(180deg,var(--gold-light),var(--gold-dark)) border-box}.feed-face{position:relative;display:inline-flex}.kill .feed-face img.feed-img{width:44px;height:44px;border-radius:3px;border:1px solid #000;box-shadow:0 0 0 1px var(--frame-dark)}.kill .feed-face.assist img.feed-img{width:28px;height:28px;border-width:1px;align-self:flex-end}.kill .feed-face.assist+.feed-face.assist{margin-left:-4px}.kill .feed-face.slain img.feed-img{box-shadow:0 0 0 1px var(--vt);filter:grayscale(.85) brightness(.7)}.feed-face.slain:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:3px;background:#ff5a4a;box-shadow:0 0 0 1px #000;transform:rotate(-40deg) scaleX(0);animation:slash .2s ease-out .1s forwards}.kill .kill-swords{width:26px;height:26px;margin:0 2px;border-radius:2px;box-shadow:0 0 0 1px #000}.kill-multi{font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:15px;color:var(--gold-light);text-shadow:0 1px 2px #000}@keyframes kill-in{0%{transform:translate(40px);opacity:0}}@keyframes kill-out{to{transform:translate(30px);opacity:0}}@keyframes slash{to{transform:rotate(-40deg) scaleX(1)}}.announce.multikill{top:calc(18% + 64px);display:flex;align-items:center;gap:12px}img.multikill-face{width:52px;height:52px;padding:0;border-radius:4px}.announce{position:absolute;top:18%;left:50%;transform:translate(-50%);font-family:Cinzel,Gowun Batang,serif;font-weight:900;font-size:clamp(26px,4vw,44px);text-shadow:0 0 2px #000,0 3px 0 #000,0 0 30px rgba(0,0,0,.9);-webkit-text-stroke:1px #000;animation:announce 3.5s ease-out forwards;pointer-events:none!important;white-space:nowrap}@keyframes announce{0%{transform:translate(-50%) scale(1.6);opacity:0}10%{transform:translate(-50%) scale(1);opacity:1}80%{opacity:1}to{opacity:0}}.toast{position:absolute;bottom:190px;left:50%;transform:translate(-50%);color:#ff7a6a;font-weight:700;font-size:18px;text-shadow:0 2px 3px #000;pointer-events:none!important;animation:toast 1.2s ease-out forwards}@keyframes toast{0%{transform:translate(-50%) translateY(6px);opacity:0}12%{transform:translate(-50%);opacity:1}80%{opacity:1}to{opacity:0}}.console{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:6px;max-width:calc(100vw - 16px)}.console-left{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:7px 10px;width:176px}.console-left-top{display:flex;align-items:center;gap:10px}.console-left .kda{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:0 4px;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.console-left>.plate-btn,.console-right>.plate-btn{margin-top:auto}.plate-btn.stats-btn{font-size:14px;color:#e8edf5}.plate-ico{width:26px;font-size:18px;line-height:26px;text-align:center}.plate-label{flex:1;text-align:left}.stat-sheet{position:absolute;z-index:30;bottom:calc(100% + 10px);left:0;width:240px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;cursor:var(--cursor)}.stat-sheet .tt-title small{font-size:12px;color:var(--muted)}.stat-sheet .tt-sub{margin-bottom:6px}.stat-row{display:flex;justify-content:space-between;gap:8px;font-size:13px}.stat-row b{color:var(--gold-light);font-variant-numeric:tabular-nums}.stat-split{height:1px;margin:6px 0;background:#33343f}.portrait{--hero: #888;width:64px;height:72px;flex:none;border:2px solid #8a91a3;border-radius:2px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--hero) 80%,#fff) 0%,var(--hero) 35%,#0c0d12 100%);display:grid;place-items:center;font-size:46px;box-shadow:inset 0 0 14px #000;position:relative}.portrait span{filter:drop-shadow(0 3px 3px #000)}.boon{position:absolute;top:-8px;left:-8px;padding:1px 5px;border-radius:9px;border:1px solid var(--frame);background:#14151b;font-size:11px;font-weight:700;white-space:nowrap;cursor:help}.boon.fury{color:#ffb07a;box-shadow:0 0 6px #ff7a3a}.boon.gale{color:#9ff5ea;box-shadow:0 0 6px #5fe8d6}.portrait-level{position:absolute;bottom:-8px;right:-8px;width:28px;height:28px;border-radius:50%;border:2px solid #a9b1c2;background:radial-gradient(circle at 50% 35%,#2c3446,#0d0f15);box-shadow:0 0 0 1px #000,0 2px 4px #000;font-family:Cinzel,Gowun Batang,serif;font-weight:900;font-size:15px;display:grid;place-items:center;color:var(--gold-light)}.stats{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hero-label{font-family:Cinzel,Gowun Batang,serif;font-weight:700;color:var(--gold-light);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-label small{display:block;font-family:Philosopher,Gowun Batang,serif;font-weight:400;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis}.stat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 6px;font-size:12px}.ui-more{display:block;width:100%;margin-top:4px;pointer-events:auto}.ui-more-stats{margin-top:4px}.ui-more-stats .stat-row{font-size:12px}.ignore-line{font-size:11px;color:#ffb46b}.kda{font-size:12px;color:var(--muted)}.console-center{padding:8px 12px 6px;display:flex;flex-direction:column;gap:4px;width:540px}.hud-raven{position:absolute;z-index:2;width:112px;bottom:calc(100% - 22px);pointer-events:none;filter:drop-shadow(0 4px 5px rgba(0,0,0,.85))}.hud-raven.left{right:calc(100% - 26px);transform:scaleX(-1)}.hud-raven.right{left:calc(100% - 26px)}.abilities{display:flex;gap:6px;align-items:flex-end;justify-content:center}.ability.passive-slot{cursor:help}.ability-sep{width:8px}.ability-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px}.ability{position:relative;width:56px;height:56px;border-radius:2px;border:2px solid transparent;background:radial-gradient(circle at 40% 30%,#4a5a78,#1d2433 70%,#0a0c12) padding-box,var(--steel) border-box;font-size:32px;display:grid;place-items:center;padding:0;overflow:hidden;box-shadow:0 0 0 1px #000,0 3px 6px #000c;transition:transform .08s,filter .12s,box-shadow .12s}.ability:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #c8d7f52e,inset 0 0 10px #000000b3}.ability.summoner{background:radial-gradient(circle at 40% 30%,#6a5a38,#2a2214 70%,#0a0804) padding-box,var(--steel) border-box}.ability:hover{filter:brightness(1.2);box-shadow:0 0 0 1px #000,0 0 10px #6eaaff8c,0 3px 6px #000c}.ability:active{transform:scale(.95)}.ability .ico{filter:drop-shadow(0 2px 2px #000)}.ability.locked .ico{filter:grayscale(1) brightness(.45)}.ability.no-mana{background:radial-gradient(#0a0c12,#0a0c12) padding-box,linear-gradient(#3b7cf0,#1d439a) border-box}.ability.no-mana .ico{filter:saturate(.3) brightness(.6) sepia(1) hue-rotate(180deg)}.ability.aiming{border-color:#7fd0ff;background:radial-gradient(#0a0c12,#0a0c12) padding-box,linear-gradient(#d6f0ff,#4fa8ff) border-box;box-shadow:0 0 14px #7fd0ff,inset 0 0 10px #000}.mc-btn.skill.command{box-shadow:0 0 12px #ff8a3d;border-color:#ffb347}.ability.rearmed,.mc-btn.rearmed{border-color:#7fe9ff;animation:rearm-pulse .6s ease-in-out infinite alternate}@keyframes rearm-pulse{0%{box-shadow:0 0 6px #4fc3ff,inset 0 0 10px #000}to{box-shadow:0 0 16px #9ff0ff,inset 0 0 10px #000}}.ability.command{border-color:#ffb347;box-shadow:0 0 10px #ff8a3d,inset 0 0 10px #000}.ability .summon-life{position:absolute;left:2px;right:2px;bottom:2px;height:4px;background:#0009;border-radius:2px}.ability .summon-life i{display:block;height:100%;background:linear-gradient(90deg,#ff8a3d,#ffd36b);border-radius:2px}.ability .cd{position:absolute;inset:0;display:grid;place-items:center}.ability .cd b{font-family:Cinzel,Gowun Batang,serif;font-size:22px;color:#fff;text-shadow:0 2px 2px #000}.ability .hotkey{position:absolute;z-index:1;top:3px;left:4px;font-family:Cinzel,Gowun Batang,serif;font-weight:900;font-size:13px;line-height:1;color:#f2f0ea;text-shadow:0 0 2px #000,0 1px 2px #000,0 0 4px #000}.ability.quick .hotkey{color:var(--gold-light);text-shadow:0 0 2px #000,0 1px 2px #000,0 0 6px rgba(246,220,149,.7)}.ability .cost{position:absolute;z-index:1;bottom:1px;right:3px;font-size:10px;font-weight:700;color:#8fbaff;text-shadow:0 1px 2px #000}.ability .cost.hp{color:#ff8a8a}.pips{display:flex;gap:2px;width:100%;min-height:5px}.pips i{flex:1;height:5px;background:#11131a;border:1px solid #000;box-shadow:inset 0 1px #ffffff0d}.pips i.on{background:linear-gradient(180deg,#fff1bd,var(--gold) 60%,var(--gold-dark));box-shadow:0 0 4px #d8b25ab3}.lvl-up{position:absolute;top:-40px;width:32px;height:32px;border:2px solid transparent;border-radius:3px;background:radial-gradient(circle at 50% 40%,#2c3446,#11141c 75%) padding-box,var(--steel) border-box;box-shadow:0 0 0 1px #000,0 3px 6px #000c;padding:0;animation:lvl-glow .9s ease-in-out infinite alternate;z-index:2}.lvl-plus,.lvl-plus:before{position:absolute;left:50%;top:50%;width:18px;height:5px;margin:-2.5px 0 0 -9px;border-radius:1px;background:linear-gradient(180deg,#e3f3ff,#5aa8ff 50%,#1d4fb0);box-shadow:0 0 0 1px #050a18}.lvl-plus:before{content:"";transform:rotate(90deg);box-shadow:none}@keyframes lvl-glow{to{transform:translateY(-2px);box-shadow:0 0 0 1px #000,0 0 12px #5aaaffcc,0 3px 6px #000c}}@keyframes pulse{to{box-shadow:0 0 12px #ffd96b;transform:translateY(-2px)}}.skill-points{position:absolute;bottom:calc(100% + 40px);left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none;padding:3px 10px;border:1px solid #5d6373;border-radius:3px;background:#080a10d9;box-shadow:0 2px 8px #000000b3;text-align:center;font-size:11px;color:#ffd96b;text-shadow:0 1px 2px #000}.bar{position:relative;height:13px;background:#07080c;border:1px solid #000;border-radius:2px;overflow:hidden;box-shadow:inset 0 0 4px #000,0 0 0 1px #3d4250}.bar .fill{position:absolute;inset:0 auto 0 0}.bar.hp{height:30px}.bar.mp{height:24px}.bar.hp .fill{background:linear-gradient(180deg,#7fd860,#3fae38 40%,#2a8a2a 75%,#1f6c22)}.bar.mp .fill{background:linear-gradient(180deg,#8bb8ff,#3b7cf0 40%,#2a5fc9 75%,#1d439a)}.bar.xp{height:14px}.bar.xp span{font-size:10px}.bar.xp .fill{background:#a46ae0}.bar .shield,.bar .lost{position:absolute;top:0;bottom:0}.bar .shield{background:#e6ecf2}.bar .lost{background:#f0a53a}.bar .fill,.bar .shield,.bar .lost{box-shadow:inset 0 2px #ffffff4d,inset 0 -3px #00000052}.bar.xp .fill{box-shadow:inset 0 1px #ffffff4d,inset 0 -2px #00000052}.bar span{position:absolute;inset:0;display:grid;place-items:center;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:#f4f1e8;text-shadow:0 1px 2px #000,0 0 3px #000}.console-right{width:176px;padding:7px 10px;display:flex;flex-direction:column;justify-content:center;gap:5px}.items{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.item-slot{aspect-ratio:1;min-width:30px;border:2px solid #3d4250;border-radius:2px;background:radial-gradient(circle,#2b2c37,#0c0d12);display:grid;place-items:center;font-size:22px;color:inherit;padding:0;box-shadow:inset 0 0 8px #000}.item-slot.empty{opacity:.5}.item-slot.filled{border-color:#7d8496;cursor:var(--cursor-grab);touch-action:none}.item-slot.dragging{opacity:.35}.item-slot img{-webkit-user-drag:none}.item-ghost{position:fixed;z-index:1000;width:44px;height:44px;margin:-6px 0 0 -22px;pointer-events:none;border:2px solid #ffd96b;border-radius:6px;overflow:hidden;background:#0a0b10;transform:rotate(-8deg) scale(1.08);box-shadow:0 6px 14px #000000b3,0 0 10px #ffd96b99;display:grid;place-items:center;font-size:22px}.item-ghost img{width:100%;height:100%;object-fit:cover}.item-slot.aiming{border-color:#7fd0ff;box-shadow:inset 0 0 8px #000,0 0 10px #7fd0ff}.item-slot.drop{opacity:1;border-color:#ffd96b;box-shadow:inset 0 0 8px #000,0 0 8px #ffd96b}.plate-btn{position:relative;display:flex;align-items:center;gap:8px;font-family:Cinzel,Gowun Batang,serif;font-weight:900;font-size:17px;font-variant-numeric:tabular-nums;color:#ffd84a;background:linear-gradient(180deg,#415b82,#304668,#283b59);border:1px solid #070a10;border-radius:2px;padding:3px 8px 3px 4px;text-shadow:0 1px 2px #000;box-shadow:inset 0 1px #bed7ff4d,inset 0 0 0 1px #82a0d233,0 0 0 1px #3c4352,0 3px 6px #000000b3;transition:transform .08s,filter .12s,box-shadow .12s}.plate-btn:hover{filter:brightness(1.18);box-shadow:inset 0 1px #bed7ff66,inset 0 0 0 1px #82a0d24d,0 0 0 1px #5d6a82,0 0 12px #5aa0ff66,0 3px 6px #000000b3}.plate-btn:active,.plate-btn.on{transform:translateY(1px);background:linear-gradient(180deg,#24354f,#2b3f5e);box-shadow:inset 0 2px 5px #0009,0 0 0 1px #6f8fc0,0 0 8px #6eaaff66}.gold-pouch{width:26px;height:26px;border-radius:4px;border:1px solid #000;object-fit:cover;font-size:20px;line-height:26px}.gold-key{margin-left:auto;font-family:inherit;font-size:10px;font-weight:700;color:#dde4ef;background:#0b0d13;border:1px solid #000;box-shadow:0 0 0 1px #96afd759,inset 0 1px 3px #000c;border-radius:2px;padding:0 4px;line-height:15px;text-shadow:none}.coin{display:inline-block;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3a8,#e0a91a 60%,#8a5a08);border:1px solid #5a3a05}.console-buttons{display:flex;gap:4px}.mini-btn{flex:1;font-size:11px;padding:4px 2px;color:#dde4ef;background:linear-gradient(180deg,#364b6c,#293b58);border:1px solid #070a10;border-radius:2px;box-shadow:inset 0 1px #bed7ff38,0 0 0 1px #3c4352;transition:filter .12s,box-shadow .12s}.mini-btn:hover:not(:disabled){filter:brightness(1.2)}.mini-btn.on{color:#fff;background:linear-gradient(180deg,#557bb2,#3a5b8a);box-shadow:inset 0 1px #d2e6ff66,0 0 0 1px #6f8fc0,0 0 8px #6eaaff73}.tooltip{position:absolute;z-index:30;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:360px;padding:10px 12px;pointer-events:none}.tooltip.floating{position:fixed;z-index:1000;bottom:auto;transform:translateY(-100%)}.tooltip.floating.below{transform:none}.tooltip.floating.touch{pointer-events:auto}.tt-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(160,175,205,.18)}.tt-head:not(:has(.tt-icon)){margin-bottom:4px;padding-bottom:0;border-bottom:0}img.tt-icon{width:44px;height:44px;flex:none;border:2px solid #8a91a3;border-radius:2px;box-shadow:0 0 0 1px #000;object-fit:cover}.tt-title{font-family:Cinzel,Gowun Batang,serif;font-weight:900;font-size:17px;color:#f3ecd8}.tt-sub{font-size:11px;color:#8fb6f0;margin-top:2px}.tt-body{font-size:13px;line-height:1.45;color:#d9d4c7;white-space:pre-line}.minimap{position:absolute;right:8px;bottom:8px;padding:5px}.minimap canvas{display:block;width:230px;height:230px;border:1px solid #000;cursor:var(--cursor)}@media(max-width:1440px){.minimap{inset:86px auto auto 8px}}.death{position:absolute;top:10%;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;max-height:calc(90% - 300px);text-align:center;pointer-events:none!important}.death-title{font-family:Cinzel,Gowun Batang,serif;font-weight:900;font-size:40px;color:#ff5a4a;-webkit-text-stroke:1px #000;text-shadow:0 3px 8px #000}.death-timer{font-size:24px;color:var(--ink);text-shadow:0 2px 4px #000}.death-hint{font-size:14px;color:var(--muted)}.recap{position:relative;width:min(380px,calc(100vw - 32px));margin:14px auto 0;padding:10px 12px 8px;text-align:left;pointer-events:auto!important;flex:0 1 auto;min-height:0;display:flex;flex-direction:column}.recap-body{min-height:0;margin:0 -2px;padding:0 2px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.recap-head{padding-right:34px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:6px;margin-bottom:8px;border-bottom:1px solid rgba(169,177,194,.3);font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:15px;color:var(--gold-light)}.recap-head span{font-family:Philosopher,Gowun Batang,serif;font-weight:400;font-size:12px;color:var(--muted)}.recap-src{display:flex;gap:10px;margin-bottom:9px}.recap-face{flex:none;width:40px;height:40px;border-radius:3px;border:1px solid #000;box-shadow:0 0 0 1px var(--frame-dark);display:grid;place-items:center}.recap-main{flex:1;min-width:0}.recap-row{display:flex;align-items:baseline;gap:6px;font-size:14px}.recap-name{font-weight:700;text-shadow:0 1px 2px #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recap-blow{font-family:Cinzel,Gowun Batang,serif;font-size:10px;font-weight:700;color:#ff5a4a;text-transform:uppercase}.recap-sum{margin-left:auto;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.recap-bar{height:6px;margin:3px 0 4px;background:#0b0d13;border:1px solid #000;box-shadow:0 0 0 1px #3c4352}.recap-bar>div{display:flex;height:100%}.recap-bar span{flex-basis:0}.recap-bar .phys,.recap-legend .phys,.res-bar .phys,.res-legend .phys{background:var(--dmg-phys)}.recap-bar .magic,.recap-legend .magic,.res-bar .magic,.res-legend .magic{background:var(--dmg-magic)}.recap-bar .true,.recap-legend .true,.res-bar .true,.res-legend .true{background:var(--dmg-true)}.recap-hits{display:flex;flex-wrap:wrap;gap:4px 10px}.recap-hit{display:inline-flex;align-items:center;gap:4px;font-size:12px}.recap-ico{width:20px;height:20px;border-radius:2px;border:1px solid #000;font-size:12px;display:inline-grid;place-items:center}.recap-hit b.phys{color:#ffb052}.recap-hit b.magic{color:#b48bff}.recap-hit b.true{color:#fff}.recap-legend{display:flex;justify-content:flex-end;gap:12px;font-size:11px;color:var(--muted)}.recap-legend span{display:inline-flex;align-items:center;gap:4px}.recap-legend i{width:8px;height:8px;border:1px solid #000}.castbar{position:absolute;bottom:290px;left:50%;transform:translate(-50%);width:560px;max-width:calc(100vw - 32px);text-align:center;pointer-events:none!important}.castbar-title{margin-bottom:8px;font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:19px;color:#f1ead8;text-shadow:0 2px 3px #000,0 0 10px rgba(0,0,0,.9)}.castbar-time{margin-top:8px;font-size:15px;color:#e6e0d0;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000,0 0 8px rgba(0,0,0,.9)}.castbar-track{position:relative;height:16px;margin:0 70px;background:#06070b;border:1px solid #000;box-shadow:0 0 0 2px #5d6373,0 0 0 3px #000,0 4px 10px #0009,inset 0 2px 5px #000}.castbar-track:before,.castbar-track:after{content:"";position:absolute;z-index:1;top:calc(50% - 35px);width:108px;height:56px;background:url(/assets/ui/hud_barcap.webp) center / contain no-repeat;filter:drop-shadow(0 3px 4px rgba(0,0,0,.85));pointer-events:none}.castbar-track:after{left:calc(100% - 40px)}.castbar-track:before{right:calc(100% - 40px);transform:scaleX(-1)}.castbar-track div{height:100%;background:linear-gradient(180deg,#ffe9a8,#d8b25a 45%,#8a6a2c);box-shadow:inset 0 1px #fff6,inset 0 -2px #0000004d,0 0 8px #d8b25a80;transition:width .1s linear}.castbar.channel .castbar-track div{background:linear-gradient(180deg,#9fd0ff,#3f8de0 45%,#1d4c94);box-shadow:inset 0 1px #fff6,inset 0 -2px #0000004d,0 0 10px #50a0ff8c}.shop{position:absolute;top:calc(var(--safe-top) + 70px);left:50%;transform:translate(-50%);width:min(720px,calc(100vw - 16px));padding:12px 14px}.shop-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #33343f;padding-bottom:6px}.shop-tabs{display:flex;gap:4px;flex:1}.shop-tabs .mini-btn{flex:none;min-width:72px;padding:4px 12px;font-size:12px}.spell-slot{position:relative}.spell-slot .spell-key{position:absolute;right:1px;bottom:0;font-size:11px;font-weight:700;color:var(--gold-light);text-shadow:0 0 3px #000,0 0 3px #000}.spell-tier-0 .tier-label,.sd-tier.spell-tier-0{color:#9fc7a8}.spell-tier-1 .tier-label,.sd-tier.spell-tier-1{color:#8fb8ff}.spell-tier-2 .tier-label,.sd-tier.spell-tier-2{color:#f0b45a}.shop-head h2{margin:0;font-family:Cinzel,Gowun Batang,serif;color:var(--gold-light);flex:none}.gold-inline{display:flex;align-items:center;gap:6px;color:#ffd84a;font-weight:700;font-size:18px}.close{background:linear-gradient(180deg,#364b6c,#293b58);border:1px solid #070a10;box-shadow:inset 0 1px #bed7ff38,0 0 0 1px #3c4352;color:#dde4ef;border-radius:2px;width:28px;height:28px}.shop-warn{color:#ffb36b;font-size:13px;margin:6px 0}.shop-warn.small{margin:2px 0}.shop-body{display:grid;grid-template-columns:1fr 230px;gap:12px;margin-top:8px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;align-content:start}.shop-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;background:radial-gradient(circle,#2b2c37,#0c0d12);border:2px solid #40424f;border-radius:4px;color:var(--ink)}.shop-item .ico{font-size:26px}.shop-item .price{font-size:12px;color:#ffd84a}.shop-item.selected{border-color:var(--frame);box-shadow:0 0 8px var(--glow)}.shop-item.poor .price{color:#a0503a}.shop-detail{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;background:#00000059;border:1px solid #33343f;border-radius:4px;padding:10px}.sd-icon{font-size:44px}.sd-name{font-family:Cinzel,Gowun Batang,serif;font-weight:700;color:var(--gold-light)}.sd-stats{font-family:inherit;margin:0;font-size:13px;color:#b9f0a0;white-space:pre-line}.sell{margin-top:8px;width:100%}.sell-title{font-size:11px;color:var(--muted);margin-bottom:4px}.sell-row{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.sell-row .item-slot{min-width:0;font-size:16px}.shop-foot{font-size:11px;color:var(--muted);margin-top:8px;text-align:center}.scoreboard{position:absolute;top:70px;left:50%;transform:translate(-50%);width:min(880px,calc(100vw - 16px));max-height:calc(100% - 140px);padding:12px 16px;display:flex;flex-direction:column}.sb-body{min-height:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.scoreboard.inline{position:static;transform:none;max-height:none}.sb-head{font-family:Cinzel,Gowun Batang,serif;font-weight:900;font-size:18px;margin-bottom:4px}.scoreboard table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.sb-c-hero{width:60px}.sb-c-kda{width:70px}.sb-c-num{width:82px}.sb-c-spells{width:92px}.sb-c-items{width:168px}.scoreboard td{padding:4px 6px;border-bottom:1px solid #1e1f28}.scoreboard tr.me td{background:#d8b25a1f}.sb-hero{width:60px}.sb-name{color:var(--gold-light);overflow:hidden;text-overflow:ellipsis}.scoreboard td{white-space:nowrap}.sb-dead{color:#ff6a5a}.sb-items{text-align:right}.scoreboard th{padding:0 6px 2px;font-size:11px;font-weight:400;color:var(--muted);text-align:left;white-space:nowrap}.scoreboard th.sb-items{text-align:right}.sb-gold{color:#ffd36b;font-variant-numeric:tabular-nums}.sb-spells{display:inline-flex;gap:2px}.sb-spell{position:relative;width:22px;height:22px;border:1px solid #000;border-radius:3px;overflow:hidden}.sb-spell-img{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;font-size:13px}.sb-spell.cd .sb-spell-img{filter:grayscale(.8) brightness(.45)}.sb-spell b{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:#fff;text-shadow:0 1px 2px #000}.gameover{position:absolute;inset:0;z-index:40;border:solid transparent;border-width:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:radial-gradient(circle,#0000009e,#000000eb);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:16px}.go-card{position:relative;height:min(68vh,600px);aspect-ratio:2 / 3;padding:0;overflow:visible;animation:go-card-in .9s cubic-bezier(.2,1.2,.4,1)}.go-card.win{box-shadow:0 0 0 1px #000,0 0 40px #ffd26e59,0 10px 40px #000c}.go-card.lose{box-shadow:0 0 0 1px #000,0 0 40px #c8281e4d,0 10px 40px #000c}.go-art{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}.go-banner{position:absolute;left:0;right:0;bottom:0;padding:40px 12px 18px;text-align:center;background:linear-gradient(transparent,#0000008c 35%,#000000d9)}.go-title{font-family:Cinzel,Gowun Batang,serif;font-weight:900;font-size:clamp(40px,9vh,76px);line-height:1;letter-spacing:.08em;color:var(--go-fill);-webkit-text-stroke:6px #000;paint-order:stroke fill;text-shadow:0 4px 0 #000,0 0 22px var(--go-glow),0 0 44px var(--go-glow);animation:go-title-in .7s ease-out .35s backwards}.go-card.win{--go-fill: #ffdc6a;--go-glow: rgba(255, 190, 60, .75)}.go-card.lose{--go-fill: #ff5a44;--go-glow: rgba(230, 40, 20, .7)}.go-title-img{display:block;width:78%;height:auto;margin:0 auto;filter:drop-shadow(0 4px 6px #000) drop-shadow(0 0 22px var(--go-glow));animation:go-title-in .7s ease-out .35s backwards}.go-sub{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px;font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:18px;text-shadow:0 2px 3px #000;animation:go-title-in .6s ease-out .6s backwards}.go-sub-mid{font-size:14px;color:var(--ink)}.go-next{min-width:180px;animation:go-title-in .4s ease-out 1.1s backwards}@keyframes go-card-in{0%{transform:scale(1.12);opacity:0;filter:brightness(2)}}@keyframes go-title-in{0%{transform:translateY(10px) scale(1.2);opacity:0}}.hud.touch .go-card{height:min(70vh,280px)}.hud.touch .gameover{gap:10px}.hud.touch .go-banner{padding:24px 8px 10px}.hud.touch .go-title-img{width:92%}.hud.touch .go-sub{font-size:14px;margin-top:6px}img.art{display:block;object-fit:cover;pointer-events:none}img.skill-ico{width:36px;height:36px;border:1px solid var(--frame-dark);border-radius:3px}img.portrait-img{position:absolute;inset:0;width:100%;height:100%;border-radius:2px}.ability img.ico{position:absolute;inset:0;width:100%;height:100%;filter:none}.ability.locked img.ico{filter:grayscale(1) brightness(.45)}.ability.no-mana img.ico{filter:saturate(.3) brightness(.6) sepia(1) hue-rotate(180deg)}img.feed-img{display:inline-block;width:22px;height:22px;border-radius:3px;border:1px solid var(--frame-dark);vertical-align:middle}img.sb-img{display:inline-block;width:30px;height:30px;border-radius:3px;border:1px solid var(--frame-dark);vertical-align:middle}.topbar .mute{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:24px;padding:0;font-size:14px;line-height:1;-webkit-appearance:none;appearance:none}img.btn-ico{display:inline-block;width:18px;height:18px;border-radius:4px;vertical-align:middle}.topbar .mute img.btn-ico{display:block}.settings-actions img.btn-ico{margin:-2px 4px 0 0}.status-screen{position:relative;height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.status-panel{padding:22px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:18px;text-align:center}.status-panel.error div:first-child{color:#ff8a7a}.status-actions{display:flex;gap:10px}.lobby-row button.wc-button{align-self:stretch;padding:6px 14px}.join-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.join-row>.games-head{grid-column:1 / -1;min-width:0;color:var(--gold-light)}.games{display:flex;flex-direction:column;gap:6px;margin:14px 0}.games-head,.team-title{font-family:Cinzel,Gowun Batang,serif;font-weight:700;color:var(--gold-light)}.games-empty{padding:6px 0}.game-row{display:flex;align-items:center;gap:12px;padding:6px 10px;background:#0000004d;border:1px solid #33343f;border-radius:4px;flex-wrap:wrap}.game-row .wc-button{margin-left:auto;padding:5px 14px}.game-host{color:var(--gold-light);font-weight:700}.game-row .badge.game-phase{margin-left:0}.room-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex-wrap:wrap;margin-bottom:26px}.room-link{display:flex;align-items:center;gap:8px;padding:6px 10px;max-width:100%;font-size:13px}.room-link>.muted,.room-link .mini-btn{flex:none;white-space:nowrap}.room-link code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46vw;color:var(--gold-light)}.lobby-inner.room .lobby-panel{width:100%}.teams{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start;margin:10px 0}.vs{align-self:center;font-family:Cinzel,Gowun Batang,serif;font-weight:900;font-size:22px;color:var(--gold)}.team-col{display:flex;flex-direction:column;gap:6px}.team-title{color:var(--team);text-shadow:0 2px 0 #000}.seat{display:flex;align-items:center;gap:8px;min-height:54px;padding:5px 8px;border:1px solid #33343f;border-left:4px solid var(--team);border-radius:4px;background:#00000059}.seat.me{background:#78a0e61f;border-color:var(--frame-dark);border-left-color:var(--team)}.seat.offline{opacity:.6}.seat.empty{border-style:dashed;border-left-style:solid;justify-content:space-between}img.seat-img{object-fit:cover}img.seat-img,span.seat-img{width:42px;height:42px;border-radius:3px;border:1px solid var(--frame-dark);font-size:26px;flex:none;text-align:center}.seat-info{flex:1;min-width:0}.seat-name{color:var(--gold-light);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-hero{font-size:12px;color:var(--muted)}.seat-actions{display:flex;gap:4px}.badge{--b-top: #4a5468;--b-bot: #2a303d;--b-edge: #7d8496;--b-ink: #e3e9f5;--b-dot: #a9b1c2;display:inline-flex;align-items:center;gap:4px;flex:none;height:17px;margin-left:5px;padding:0 6px;font-family:Cinzel,Gowun Batang,serif;font-size:10px;font-weight:700;line-height:1;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;color:var(--b-ink);text-shadow:0 1px 1px #000;background:linear-gradient(180deg,var(--b-top),var(--b-bot));border:1px solid var(--b-edge);border-radius:2px;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #000000bf}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--b-dot);box-shadow:0 0 5px var(--b-dot)}.badge.gold{--b-top: #85642a;--b-bot: #4e3814;--b-edge: #c9a24a;--b-ink: var(--gold-light)}.badge.host{--b-top: #f0cd78;--b-bot: #b0832e;--b-edge: #fbe7ae;--b-ink: #1a1206;text-shadow:0 1px 0 rgba(255,240,200,.5)}.badge.danger{--b-top: #7a3030;--b-bot: #441a1a;--b-edge: #b05454;--b-ink: #f6d2d2}.badge.online{--b-top: #2a5a36;--b-bot: #16331d;--b-edge: #4f9e64;--b-ink: #d4f7dc;--b-dot: #5ce07c}.badge.game{--b-top: #2a4f80;--b-bot: #162b48;--b-edge: #5b8fd0;--b-ink: #d8e8ff;--b-dot: #6ab4ff}.badge.amber{--b-top: #80481a;--b-bot: #45250b;--b-edge: #c98440;--b-ink: #ffe0bd;--b-dot: #ffa95a}.badge.muted{--b-top: #2e313b;--b-bot: #1c1e25;--b-edge: #4a4f5e;--b-ink: var(--muted);--b-dot: #5d6373}.badge.muted .badge-dot{box-shadow:none}.presence-dot{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:#5d6373;border:2px solid #0d0f15;pointer-events:none}.presence-dot.online{background:#5ce07c;box-shadow:0 0 6px #5ce07cb3}.presence-dot.game{background:#6ab4ff;box-shadow:0 0 6px #6ab4ffb3}.spectators{display:flex;flex-direction:column;gap:8px;padding:10px 0 12px;border-top:1px solid #33343f;border-bottom:1px solid #33343f;margin:4px 0 10px}.spectators-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.spectators .team-title{color:var(--ink)}.spec-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}.spec{display:flex;align-items:center;gap:6px;min-height:36px;padding:4px 10px;border:1px solid #33343f;border-left:4px solid var(--frame-dark);border-radius:4px;background:#00000040;min-width:0}.spec.me{background:#78a0e61f;border-color:var(--frame-dark)}.spec.offline{opacity:.6}.spec-avatar{width:22px;height:22px;flex:none;border-radius:3px;object-fit:cover;border:1px solid var(--frame-dark)}.spec-name{color:var(--gold-light);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.spec-empty{font-size:13px}.spec-note{text-align:center;padding:10px}.room-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:12px}.room-actions .wc-button.big{margin-top:0}.room-actions .wc-button:first-child{margin-right:auto}.topbar .spectating{color:var(--gold-light)}.topbar .spec-vision{flex:none;padding:3px 8px;white-space:nowrap}.spec-bar{position:absolute;bottom:calc(var(--safe-bottom) + 8px);left:50%;transform:translate(-50%);display:flex;gap:28px}.spec-team{display:flex;gap:6px}.spec-hero{position:relative;width:84px;padding:4px 4px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;border-color:var(--team);color:var(--ink)}.spec-hero.on{box-shadow:0 0 0 2px var(--frame-light),0 0 14px var(--glow)}.spec-hero.dead img.spec-img{filter:grayscale(1) brightness(.5)}img.spec-img,span.spec-img{width:54px;height:54px;border-radius:3px;font-size:36px}.spec-lvl{position:absolute;top:46px;left:6px;background:#000;border:1px solid var(--frame-dark);border-radius:3px;font-size:11px;padding:0 4px}.spec-dead{position:absolute;top:18px;font-size:20px;font-weight:900;color:#ff6a5a;text-shadow:0 2px 3px #000}.spec-name{font-size:11px;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spec-hp{width:100%;height:5px;background:#000}.spec-hp i{display:block;height:100%;background:var(--hp)}.spec-mana{width:100%;height:3px;margin-top:-1px;background:#000}.spec-mana i{display:block;height:100%;background:#3f7fe0}.spec-spells{display:flex;gap:3px;margin-top:2px}.spec-spell{position:relative;width:22px;height:22px;border:1px solid var(--frame-dark);border-radius:3px;overflow:hidden;font-size:14px;line-height:20px;text-align:center}.spec-spell .ico{width:100%;height:100%;display:block}.spec-spell.ult{border-color:var(--frame-light)}.spec-spell.ult.ready{box-shadow:0 0 6px var(--glow)}.spec-spell.locked .ico{filter:grayscale(1) brightness(.35)}.spec-spell .cd{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.spec-spell .cd b{font-size:11px;color:#fff;text-shadow:0 1px 2px #000}body.touch img{pointer-events:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body.touch,body.touch .game-root{touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none}.rotate-hint{display:none}@media(orientation:portrait){body.touch:not(.upright-ok) .rotate-hint{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#08080b;color:var(--gold-light);font-family:Cinzel,Gowun Batang,serif;font-size:20px;text-align:center;padding:24px}}.rotate-icon{font-size:64px;animation:rotate-phone 1.6s ease-in-out infinite}@keyframes rotate-phone{50%{transform:rotate(-90deg)}}.mc-stick-zone{position:absolute;left:0;bottom:0;width:42vw;height:62vh;touch-action:none}.mc-stick{position:fixed;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;background:radial-gradient(circle,#00000026,#0006);border:2px solid rgba(246,220,149,.45);display:flex;align-items:center;justify-content:center;pointer-events:none}.mc-stick.idle{position:absolute;left:calc(var(--safe-left) + 120px);top:auto;bottom:calc(var(--safe-bottom) + 40px);margin:0 0 0 -64px;opacity:.45}.mc-knob{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2c8,#c9a24a 60%,#6a4a1c);box-shadow:0 2px 8px #0009}.mc-cluster{position:absolute;right:calc(var(--safe-right) + 90px);bottom:calc(var(--safe-bottom) + 64px);width:0;height:0;transform:scale(.75)}.mc-btn{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;--mc-fill: radial-gradient(circle at 40% 30%, #4a5a78 0%, #1d2433 70%, #0a0c12 100%);--mc-rim: var(--steel);border:2.5px solid transparent;background:var(--mc-fill) padding-box,var(--mc-rim) border-box;box-shadow:0 0 0 1px #000,0 3px 10px #000000b3;color:var(--gold-light);font-size:22px}.mc-btn:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #c8d7f52e,inset 0 0 10px #000000b3}.mc-btn.summoner{--mc-fill: radial-gradient(circle at 40% 30%, #6a5a38 0%, #2a2214 70%, #0a0804 100%)}.mc-btn.no-mana{--mc-rim: linear-gradient(#3b7cf0, #1d439a)}.mc-btn,.mc-lvl{transition:transform .12s ease-out,filter .12s ease-out}.mc-btn[data-pressed],.mc-lvl[data-pressed]{transform:scale(.88);filter:brightness(.7);transition-duration:.05s}.mc-lvl[data-pressed]{animation:none}.mc-btn[data-pressed]{border-color:var(--frame-light);box-shadow:0 0 0 2px var(--glow),0 1px 4px #000000b3,inset 0 0 16px #000000f2}.mc-btn.attack{font-size:44px;border-width:4px;--mc-fill: radial-gradient(circle at 40% 30%, #8a2a1c, #3a0c08);box-shadow:0 0 0 1px #000,0 0 0 3px var(--steel-flat),0 0 0 4px #000,0 3px 12px #000000bf}.mc-btn.attack:after{box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2.5px #c8d7f538,inset 0 0 0 3.5px #000,inset 0 0 14px #000000b3}.mc-btn.small{font-size:20px;opacity:.9;border-width:2px}.mc-btn img.ico,.mc-btn span.ico{position:absolute;inset:0;width:100%;height:100%;font-size:28px;display:flex;align-items:center;justify-content:center}.mc-btn img.ico.btn-art{transform:scale(1.12)}.mc-btn.locked img.ico{filter:grayscale(1) brightness(.45)}.mc-btn.no-mana img.ico{filter:saturate(.3) brightness(.6) sepia(1) hue-rotate(180deg)}.mc-btn .cd{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.mc-btn .summon-time{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.mc-btn .summon-time b{font-size:18px;color:#ffd36b;text-shadow:0 1px 3px #000}.mc-btn .cd b{font-size:18px;color:#fff;text-shadow:0 1px 3px #000}.mc-ring{position:absolute;pointer-events:none;overflow:visible}.mc-ring path{fill:none;stroke:#11131a;stroke-linecap:butt}.mc-ring path.rim{stroke:#000}.mc-ring path.on{filter:drop-shadow(0 0 2px rgba(216,178,90,.75))}.mc-ring path.next{animation:mc-ring-next .9s ease-in-out infinite alternate}@keyframes mc-ring-next{0%{opacity:.45;filter:drop-shadow(0 0 1px rgba(90,170,255,.4))}to{opacity:1;filter:drop-shadow(0 0 5px rgba(90,170,255,.95))}}.mc-lvl{position:absolute;z-index:2;width:34px;height:34px;border:2px solid transparent;border-radius:50%;background:radial-gradient(circle at 50% 40%,#2c3446,#11141c 75%) padding-box,var(--steel) border-box;box-shadow:0 0 0 1px #000,0 3px 6px #000c;padding:0;touch-action:none;animation:lvl-glow .9s ease-in-out infinite alternate}.mc-btn.mc-item{--mc-rim: linear-gradient(180deg, #e2f5b0 0%, #7a9a3a 25%, #3c5418 55%, #6f8f34 85%, #b8e070 100%)}.mc-item-handle{position:absolute;width:52px;height:18px;border-radius:9px;border:1px solid var(--frame-dark);background:#0c0c12d9;display:flex;align-items:center;justify-content:center;gap:5px;touch-action:none}.mc-item-handle i{width:6px;height:6px;border-radius:50%;background:#6b5a3a}.mc-item-handle i.on{background:#ffd96b;box-shadow:0 0 4px #ffd96b}.mc-info{position:absolute;top:56px;left:50%;transform:translate(-50%);width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 140px);overflow-y:auto;padding:12px 40px 12px 14px;z-index:30;pointer-events:auto}.mc-info .tt-body{white-space:pre-line}.mc-info-close{position:absolute;top:6px;right:6px;width:30px;height:30px}.touch-potion{position:absolute;bottom:calc(var(--safe-bottom) + 33px);right:calc(var(--safe-right) + 444px);z-index:5;width:50px;height:50px;border-radius:50%;font-size:26px;padding:0;touch-action:none;pointer-events:auto}.touch-potion b{position:absolute;right:-2px;bottom:-2px;font-size:12px;background:#222;color:#fff;border-radius:8px;padding:0 5px}.mc-cancel{position:absolute;width:60px;height:60px;border-radius:50%;border:3px solid transparent;background:radial-gradient(circle at 40% 30%,#4a2228,#22080c 70%,#0c0204) padding-box,var(--steel) border-box;box-shadow:0 0 0 1px #000,0 3px 10px #000000bf,inset 0 0 0 1px #000,inset 0 0 0 2px #ffc8c824,inset 0 0 12px #000c;opacity:0;transform:scale(.7);pointer-events:none!important;transition:opacity .12s,transform .14s cubic-bezier(.3,1.6,.6,1),box-shadow .12s}.mc-cancel.show{opacity:1;transform:scale(1)}.mc-cancel.hot{transform:scale(1.22);background:radial-gradient(circle at 40% 30%,#c8352a,#6a1008 70%,#2a0402) padding-box,linear-gradient(180deg,#ffd0c8,#ff6a5a,#8a1a10 60%,#ff8a7a) border-box;box-shadow:0 0 0 1px #000,0 0 16px #ff4632d9,inset 0 0 0 1px #000,inset 0 0 0 2px #ffdcd24d,inset 0 0 10px #0009}.mc-cancel-x,.mc-cancel-x:before{position:absolute;left:50%;top:50%;width:26px;height:6px;margin:-3px 0 0 -13px;border-radius:2px;background:linear-gradient(180deg,#ffe0d8,#ff5a48 50%,#a01a10);box-shadow:0 0 0 1px #1a0402}.mc-cancel-x{transform:rotate(45deg)}.mc-cancel-x:before{content:"";transform:rotate(90deg);box-shadow:none}.mc-cancel.hot .mc-cancel-x,.mc-cancel.hot .mc-cancel-x:before{background:linear-gradient(180deg,#fff,#ffd0c8 50%,#ff6a5a)}.mc-btn.mc-inspect{top:calc(var(--safe-top) + 74px);right:calc(var(--safe-right) + 6px);width:40px;height:40px}.mc-inspect-ico{width:24px;height:24px;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}.touch-cam-reset{position:absolute;top:calc(var(--safe-top) + 144px);left:calc(var(--safe-left) + 6px);padding:6px 12px;color:var(--gold-light);font-size:14px;touch-action:none}.touch-shop{position:absolute;top:calc(var(--safe-top) + 6px);left:calc(var(--safe-left) + 143px);display:flex;align-items:center;gap:6px;padding:6px 12px;color:#ffd84a;font-weight:700;font-size:16px;transform:scale(.8);transform-origin:top left}.hud.touch .minimap{top:calc(var(--safe-top) + 6px);left:calc(var(--safe-left) + 6px);right:auto;bottom:auto;padding:3px}.hud.touch .minimap canvas{width:124px;height:124px}.hud.touch .topbar{top:calc(var(--safe-top) + 4px);left:auto;right:calc(var(--safe-right) + 6px);transform:scale(.8);transform-origin:top right;gap:8px;padding:3px 8px}.hud.touch .topbar .score{font-size:15px}.hud.touch .topbar .clock{font-size:14px}.hud.touch .topbar .my-score{gap:7px;padding-left:8px;font-size:12px}.hud.touch .my-score-ico{width:14px;height:14px}.hud.touch .killfeed{top:calc(var(--safe-top) + 74px);right:calc(var(--safe-right) + 54px);transform:scale(.7);transform-origin:top right}.hud.touch img.multikill-face{width:36px;height:36px}.hud.touch .castbar{bottom:auto;top:46%;width:240px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"title time" "track track";align-items:baseline;column-gap:8px}.hud.touch .castbar-title{grid-area:title;margin:0 0 5px 26px;font-size:12px;text-align:left}.hud.touch .castbar-time{grid-area:time;margin:0 26px 5px 0;font-size:11px}.hud.touch .castbar-track{grid-area:track;height:8px;margin:0 26px;box-shadow:0 0 0 1px #5d6373,0 0 0 2px #000,0 2px 6px #0009,inset 0 1px 3px #000}.hud.touch .castbar-track:before,.hud.touch .castbar-track:after{top:calc(50% - 17.5px);width:54px;height:28px}.hud.touch .castbar-track:after{left:calc(100% - 20px)}.hud.touch .castbar-track:before{right:calc(100% - 20px)}.hud.touch .death{top:calc(var(--safe-top) + 6px);max-height:calc(100% - 12px)}.hud.touch .death-title{font-size:24px}.hud.touch .death-timer{font-size:18px}.hud.touch .death-hint{font-size:12px}.hud.touch .recap{width:min(340px,calc(100vw - 32px));margin-top:6px;padding:6px 10px}.hud.touch .recap-head{font-size:13px;padding-bottom:4px;margin-bottom:6px}.hud.touch .recap-src{gap:8px;margin-bottom:6px}.hud.touch .recap-face{width:30px;height:30px}.hud.touch .recap-row{font-size:12px}.hud.touch .recap-ico{width:16px;height:16px}.hud.touch .recap-hit{font-size:11px}.hud.touch .shop,.hud.touch .scoreboard{top:calc(var(--safe-top) + 4px);max-height:calc(100% - 8px - var(--safe-top) - var(--safe-bottom))}.hud.touch .shop{overflow:auto}.hud.touch .sb-body{overflow-x:auto}.hud.touch .shop{left:calc(var(--safe-left) + 140px);transform:none;width:min(620px,calc(100vw - 150px - var(--safe-left) - var(--safe-right)));z-index:7}.hud.touch .shop .tree-item{width:40px;height:40px}.hud.touch .shop .sell-row .item-slot{min-height:36px}.hud.touch .shop-detail .wc-button{min-height:38px}.hud.touch .scoreboard{z-index:5}.hud.touch .sb-body{touch-action:pan-x pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.hud.touch .scoreboard *{touch-action:pan-x pan-y}.hud.touch .spec-bar{transform:translate(-50%) scale(.75);transform-origin:bottom center}.spec-timeline{position:absolute;bottom:142px;left:50%;transform:translate(-50%);width:min(620px,calc(100vw - 32px));display:flex;align-items:center;gap:6px;padding:4px 8px;color:var(--ink)}.hud.touch .spec-timeline{bottom:calc(var(--safe-bottom) + 108px)}.spec-timeline .mini-btn{flex:none;padding:2px 7px}.spec-timeline .mini-btn:disabled{opacity:.4}.spec-timeline .tl-speed{min-width:46px}.spec-timeline .tl-time{flex:none;min-width:40px;text-align:center;font-variant-numeric:tabular-nums;font-size:13px}.spec-timeline .tl-bar{flex:1;min-width:60px}.spec-timeline .tl-live{color:#9a9a9a}.spec-timeline .tl-live.on{color:#ff4a4a}@media(max-height:520px){.lobby-inner{padding:8px 12px 16px}.title{font-size:26px;margin:4px 0}.logo img{width:auto;height:120px}.logo.small img{width:auto;height:56px}.subtitle{margin:0 0 8px}.lobby-panel{padding:10px 12px}.hero-tile,.hero-tile-img{width:56px}.hero-tile-img{height:56px}.hero-detail{display:none}.seat{min-height:44px}img.seat-img,span.seat-img{width:34px;height:34px}.controls-help{font-size:11px}.wc-button.big{font-size:16px;padding:8px 22px}}.spectators .mini-btn,.seat-actions .mini-btn{flex:none;min-width:30px;padding:4px 8px;font-size:13px}.mc-btn.small.champ{--mc-fill: radial-gradient(circle at 40% 30%, #6a2a1c, #2a0c08);--mc-rim: linear-gradient(180deg, #ffc8b8 0%, #b5503a 25%, #5a1c12 55%, #8a3a28 85%, #ff8a6a 100%)}.sb-close{position:absolute;top:8px;right:10px}.panel-close{position:absolute;top:5px;right:5px;z-index:2;flex:none;width:auto;padding:4px 10px;font-size:12px;pointer-events:auto}.stat-sheet .tt-title,.unit-info .ui-head{padding-right:34px}.ui-more:hover{color:var(--gold-light);border-color:var(--frame)}.touch-shop-icon{font-size:26px;line-height:1}img.touch-shop-icon{width:28px;height:28px;border-radius:4px}.touch-shop-gold{display:flex;align-items:center;gap:4px;font-size:15px}.keyart{background:radial-gradient(ellipse at 50% 45%,#08080b8c,#08080b26 55%,#08080b99),url(/assets/ui/login_bg.webp) center / cover no-repeat fixed,#08080b}.keyart.dim{background:radial-gradient(ellipse at 50% 45%,#08080bcc,#08080b73 60%,#08080bbf),url(/assets/ui/login_bg.webp) center / cover no-repeat fixed,#08080b}.keyart .lobby-sky{display:none}.lobby.keyart,.home2.keyart{isolation:isolate}.lobby.keyart:before,.home2.keyart:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(140,190,255,.5) 0 1px,transparent 2px),radial-gradient(circle,rgba(255,210,130,.45) 0 1px,transparent 2px),radial-gradient(circle,rgba(140,190,255,.33) 0 1.5px,transparent 2.5px),radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(4,5,8,.75) 100%);background-size:230px 260px,310px 340px,410px 380px,100% 100%;background-repeat:repeat,repeat,repeat,no-repeat;background-position:20px 0,140px 60px,300px 120px,0 0;animation:keyart-embers 18s linear infinite}@keyframes keyart-embers{to{background-position:40px -520px,120px -620px,330px -760px,0 0}}.lobby-inner.login{max-width:460px}.login-panel{margin-top:24px;padding:22px 28px;gap:18px}.lobby-row label{flex:none}.login-tabs{display:flex;margin:-6px -8px 2px;border-bottom:1px solid #2a2f3c;box-shadow:0 1px #82a0dc14}.login-tabs button{flex:1;position:relative;padding:8px 0 12px;font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:16px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:none;border:none;text-shadow:0 1px 2px #000;transition:color .15s}.login-tabs button:hover{color:var(--ink)}.login-tabs button.on{color:var(--gold-light)}.login-tabs button:after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 10px #d8b25a99;opacity:0;transform:scaleX(.4);transition:opacity .2s,transform .2s}.login-tabs button.on:after{opacity:1;transform:none}.login-fields{display:flex;flex-direction:column;gap:14px}.login-msg{font-size:14px;line-height:1.45;text-align:left;padding:8px 12px;border-left:3px solid;border-radius:2px}.login-msg.error{color:#ff8a7a;border-color:#d9574a;background:linear-gradient(90deg,#d9574a29,#d9574a08)}.login-msg.notice{color:var(--gold-light);border-color:var(--gold);background:linear-gradient(90deg,#d8b25a29,#d8b25a08)}.wc-button.login-submit{margin-top:2px}.login-rule{position:relative;height:1px;margin:2px 0;background:linear-gradient(90deg,transparent,#5d6373 30%,#5d6373 70%,transparent)}.login-rule:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));border:1px solid #000;transform:translate(-50%,-50%) rotate(45deg)}.login-note{font-size:13px;line-height:1.5;text-align:center}@media(max-width:480px){.login-panel{padding:18px}}.user-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.user-row b{color:var(--gold-light)}.rejoin{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid var(--frame);border-left:5px solid var(--team);border-radius:4px;background:#78a0e61f;font-weight:700}.rejoin .wc-button{padding:6px 16px}.surrender-vote{position:absolute;top:64px;left:50%;transform:translate(-50%);padding:8px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:700;color:var(--gold-light);z-index:4}.sv-dots{display:flex;gap:6px;font-size:12px;font-weight:400}.sv-dots span{padding:1px 6px;border-radius:3px;background:#333;color:var(--muted)}.sv-dots span.yes{background:#2f6a2a;color:#fff}.sv-dots span.no{background:#7a2a22;color:#fff}.sv-buttons{display:flex;gap:8px}.sv-buttons .wc-button{padding:4px 18px}.hud.touch .surrender-vote{top:calc(var(--safe-top) + 46px);transform:translate(-50%) scale(.85);transform-origin:top center}.user-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.user-actions .lang-picker,.user-actions .mini-btn,.room-link .lang-picker,.room-link .mini-btn{box-sizing:border-box;height:28px;line-height:18px}.user-actions .mini-btn,.room-link .mini-btn{flex:none;padding:4px 12px;font:inherit;font-size:13px;color:var(--ink);border:1px solid #000;border-radius:2px;box-shadow:0 0 0 1px #4a5060,inset 0 1px #bed7ff38}.busy-note{text-align:center;color:#ffb36b}.console-buttons .mini-btn{white-space:nowrap}.topbar .score,.topbar .clock,.topbar .wave{font-variant-numeric:tabular-nums}.topbar .score{width:30px;min-width:0}.topbar .clock{width:78px;text-align:center}.topbar .next-wave{width:92px;text-align:center}.hud.touch .topbar .score{width:22px}.hud.touch .topbar .clock{width:62px}.fps-counter{position:fixed;bottom:calc(var(--safe-bottom) + 4px);left:calc(var(--safe-left) + 6px);z-index:50;pointer-events:none;font:600 11px/1 ui-monospace,Menlo,monospace;padding:3px 6px;border-radius:3px;background:#00000073;display:flex;gap:8px}.fps-counter .good{color:#9dff7a}.fps-counter .ok{color:#ffd166}.fps-counter .bad{color:#ff6b5b}.perf-overlay{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 2px);transform:translate(-50%);z-index:50;font:11px/1.4 ui-monospace,Menlo,monospace;color:#9dff7a;background:#000000b3;padding:2px 8px;border-radius:3px;pointer-events:none;white-space:nowrap}.shop{width:min(860px,calc(100vw - 16px))}.shop-body{grid-template-columns:1fr 270px}.shop-tiers{display:flex;flex-direction:column;gap:8px;max-height:min(62vh,560px);overflow-y:auto;padding-right:4px}.tier-label{font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:13px;margin-bottom:4px}.shop-tier.basic .tier-label{color:#c8c8c8}.shop-tier.epic .tier-label{color:#b48cff}.shop-tier.legendary .tier-label{color:#ffb84a}.shop-tier .shop-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:5px}.shop-tier .shop-item{padding:4px 2px}.shop-tier .shop-item .ico{font-size:22px}.shop-tier.epic .shop-item{border-color:#4a3a6a}.shop-tier.legendary .shop-item{border-color:#6a4a1a}.shop-item.has{box-shadow:inset 0 0 0 2px #78dc788c}.sd-tier{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.sd-tier.basic{color:#c8c8c8}.sd-tier.epic{color:#b48cff}.sd-tier.legendary{color:#ffb84a}.sd-section{width:100%;border-top:1px solid #33343f;padding-top:6px}.sd-label{font-size:11px;color:var(--muted);margin-bottom:4px}.tree,.tree-node{display:flex;flex-direction:column;align-items:center}.tree-children{display:flex;gap:6px;justify-content:center;margin-top:4px;padding-top:6px;border-top:1px solid #5a4424}.tree-item{position:relative;width:34px;height:34px;padding:0;display:grid;place-items:center;font-size:18px;background:radial-gradient(circle,#2b2c37,#0c0d12);border:2px solid #40424f;border-radius:4px;color:inherit}.tree-item.selected{border-color:var(--frame)}.tree-item.owned{border-color:#5fbf4f;opacity:.75}.tree-item .tick{position:absolute;right:-4px;bottom:-5px;font-size:12px;color:#7fff6a;text-shadow:0 0 2px #000}.tree-price{font-size:10px;line-height:1.1;color:#ffd84a}.tree-price.poor{color:#a0503a}.sd-section.first{border-top:none;padding-top:0}.sd-head{display:flex;align-items:center;gap:10px;width:100%;text-align:left}.sd-head .sd-icon .art{width:48px;height:48px}.sell-row .item-slot.picked{border-color:#ff9a5a;box-shadow:inset 0 0 8px #000,0 0 8px #ff9a5a}.sell-btn{width:100%;margin-top:6px;background:linear-gradient(#6a2a1a,#3a140c);border-color:#a0503a}.sd-buy-row{display:flex;gap:6px;align-items:stretch}.shop .mini-btn.reserve-btn{flex:none;padding:0 12px;font-size:12px}.shop-item{position:relative}.reserved-mark{position:absolute;top:-5px;right:-5px;z-index:1;min-width:16px;height:16px;padding:0 3px;border:1px solid #05080e;border-radius:8px;background:linear-gradient(180deg,#6f97d0,#3a5a88);box-shadow:0 0 6px #6eaaff99;font-size:10px;font-weight:900;line-height:14px;color:#fff;text-align:center}.reserve-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.gold-reserve{position:relative;width:22px;height:22px;margin-left:2px;border:1px solid #6f8fc0;border-radius:2px;box-shadow:0 0 6px #6eaaff80;overflow:visible}.gold-reserve img,.gold-reserve span{width:100%;height:100%;display:block;object-fit:cover;font-size:14px;line-height:20px}.gold-reserve b{position:absolute;right:-6px;bottom:-6px;min-width:13px;height:13px;border-radius:7px;background:#3a5a88;border:1px solid #05080e;font-family:Philosopher,Gowun Batang,serif;font-size:9px;line-height:11px;color:#fff;text-align:center}.sd-into{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.sd-discount{font-size:12px;color:#9dff7a}@media(max-height:520px){.shop-body{grid-template-columns:1fr 230px}.shop-tiers{max-height:calc(100vh - 110px)}.shop-detail{max-height:calc(100vh - 110px);overflow-y:auto}.shop-foot{display:none}}.lang-picker{appearance:none;-webkit-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M0 0h10L5 8z' fill='%23c9d6ea'/%3E%3C/svg%3E") 7px center / 9px 7px no-repeat,linear-gradient(180deg,#415b82,#283b59) 0 0 / 23px 100% no-repeat,#0c0e14;color:var(--ink);border:1px solid #000;border-radius:2px;box-shadow:0 0 0 1px #4a5060,inset 0 2px 5px #000c;padding:4px 10px 4px 31px;font:inherit;font-size:13px}.lang-picker option{background:#12141b}.login-panel .lang-picker{align-self:center}.login-pickers{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.region-picker:disabled{opacity:.6;cursor:not-allowed}.unit-info{position:absolute;left:10px;bottom:128px;width:250px;padding:8px 10px 9px;display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:6}.hud.touch .unit-info{left:calc(var(--safe-left) + 143px);top:calc(var(--safe-top) + 90px);bottom:auto;transform:scale(.8);transform-origin:top left;pointer-events:auto}.ui-scroll{display:flex;flex-direction:column;gap:4px}.hud.touch .ui-scroll{max-height:calc((100dvh - 98px)/.8 - 21px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--frame-dark) transparent}.hud.touch .ui-scroll>*{flex-shrink:0}.console .unit-info{left:auto;right:calc(100% + 6px);bottom:0}@media(max-width:1440px){.console .unit-info{right:auto;left:0;bottom:calc(100% + 8px)}}.unit-info .ui-head{display:flex;gap:8px;align-items:center}.unit-info .ui-portrait{position:relative;width:46px;height:46px;flex:none;border:2px solid var(--team);border-radius:4px;display:grid;place-items:center;font-size:26px;background:#00000073}.unit-info .ui-portrait .portrait-img{width:100%;height:100%;object-fit:cover;border-radius:2px}.unit-info .ui-portrait .portrait-level{bottom:-7px;right:-7px;width:22px;height:22px;font-size:12px}.unit-info .ui-title{min-width:0;flex:1}.unit-info .hero-label{white-space:normal}.unit-info .hero-label small{line-height:1.25}.unit-info .ui-team{font-size:11px;font-weight:700}.unit-info .ui-team.ally{color:#7ec8ff}.unit-info .ui-team.enemy{color:#ff7a6b}.unit-info .ui-bar{position:relative;height:14px;background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:2px;overflow:hidden}.unit-info .ui-bar .fill,.unit-info .ui-bar .shield,.unit-info .ui-bar .lost{position:absolute;top:0;bottom:0}.unit-info .ui-bar .fill{left:0}.unit-info .ui-bar.hp .fill{background:#47ad42}.unit-info .ui-bar.mana .fill{background:#3b7cf0}.unit-info .ui-bar .shield{background:#e6ecf2}.unit-info .ui-bar .lost{background:#f0a53a}.unit-info .ui-bar .fill,.unit-info .ui-bar .shield,.unit-info .ui-bar .lost{box-shadow:inset 0 1px #ffffff4d,inset 0 -2px #00000052}.unit-info .ui-bar span{position:absolute;inset:0;font-size:10px;line-height:13px;text-align:center;color:#fff;text-shadow:0 1px 2px #000}.unit-info .ui-items{display:flex;gap:3px}.unit-info .ui-items .item-slot{min-width:0;width:26px;height:26px;font-size:15px}.unit-info .ui-note{font-size:11px}.unit-info .ui-note.open{color:#ffb36b}.unit-info .ui-note.guarded{color:#9ec7ff}.loading-screen{position:absolute;inset:0;z-index:50;overflow:auto;container-type:size}.loading-screen:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(4,5,8,.75) 100%)}.loading-embers{position:fixed;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(circle,rgba(140,190,255,.9) 0 1px,transparent 2px),radial-gradient(circle,rgba(255,210,130,.8) 0 1px,transparent 2px),radial-gradient(circle,rgba(140,190,255,.6) 0 1.5px,transparent 2.5px);background-size:230px 260px,310px 340px,410px 380px;background-position:20px 0,140px 60px,300px 120px;animation:embers 18s linear infinite}@keyframes embers{to{background-position:40px -520px,120px -620px,330px -760px}}.loading-inner{position:relative;max-width:1180px;min-height:100%;margin:0 auto;padding:5cqh 16px;--card-h: max(110px, min(300px, calc((90cqh - 380px)/2) , calc((100cqw - 80px) / 3.1)));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.loading-head{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:4px}.loading-logo{height:clamp(44px,9cqh,96px);filter:drop-shadow(0 4px 14px rgba(0,0,0,.9))}.loading-title{margin:0;display:flex;align-items:center;gap:16px;font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:clamp(15px,2vw,22px);letter-spacing:.24em;color:#e9e2cf;text-shadow:0 2px 6px #000}.loading-title:before,.loading-title:after{content:"";width:clamp(40px,10vw,140px);height:1px;background:linear-gradient(90deg,transparent,#a7afbf)}.loading-title:after{background:linear-gradient(90deg,#a7afbf,transparent)}.loading-sub{color:var(--muted)}.load-team-wrap{display:contents}.load-team{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.load-team .team-title{font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:13px;letter-spacing:.2em;color:color-mix(in srgb,var(--team) 75%,#fff);text-shadow:0 0 10px var(--team),0 2px 3px #000}.load-team.team-1{flex-direction:column-reverse}.load-vs{display:flex;align-items:center;gap:18px;width:min(700px,100%)}.load-vs:before,.load-vs:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(167,175,191,.7))}.load-vs:after{background:linear-gradient(90deg,rgba(167,175,191,.7),transparent)}.load-vs span{font-family:Cinzel,Gowun Batang,serif;font-weight:900;font-size:24px;letter-spacing:.06em;background:linear-gradient(180deg,#fff,#c9d0dd 45%,#6d7486);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px #000)}.load-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.load-card{--team-edge: color-mix(in srgb, var(--team) 70%, #dfe7f5);position:relative;width:calc(var(--card-h) * .62);height:var(--card-h);overflow:hidden;border:2px solid transparent;border-radius:3px;background:linear-gradient(#0b0c11,#0b0c11) padding-box,linear-gradient(180deg,var(--team-edge) 0%,#3a3f4d 40%,#2a2e38 70%,color-mix(in srgb,var(--team) 80%,#000) 100%) border-box;box-shadow:0 0 0 1px #000,0 10px 24px #000000b3}.load-slot{position:relative;display:flex;align-items:flex-end;gap:3px;animation:card-in .5s calc(var(--i, 0) * 55ms) ease-out both}@keyframes card-in{0%{opacity:0;transform:translateY(16px) scale(.97)}}.load-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 15%;display:grid;place-items:center;font-size:64px;background:color-mix(in srgb,var(--hero, #555) 30%,#0c0d12);filter:brightness(.62) saturate(.75);transition:filter .6s}.load-card.done .load-portrait{filter:none}.load-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--team) 30%,transparent) 0%,transparent 22%),linear-gradient(180deg,transparent 50%,rgba(5,6,10,.85) 78%,#05060a 100%);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #dce6ff1f}.load-plate{position:absolute;left:0;right:0;bottom:12px;z-index:1;padding:0 6px;text-align:center}.load-hero{font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:clamp(12px,calc(var(--card-h) * .058),17px);color:#f3ead2;text-shadow:0 2px 4px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.load-name{font-size:12px;color:#b9b6b0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000}.load-bar{position:absolute;left:0;right:0;bottom:0;z-index:1;height:5px;background:#000}.load-bar>div{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light));box-shadow:0 0 6px #d8b25ab3;transition:width .3s}.load-card.done .load-bar>div{background:linear-gradient(90deg,#4f9a30,#9be36f);box-shadow:0 0 6px #7cc04ab3}.load-pct{position:absolute;top:6px;right:6px;z-index:1;padding:1px 6px;border:1px solid rgba(220,230,255,.18);border-radius:2px;background:#05060ab3;font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:11px;font-variant-numeric:tabular-nums;color:#e6e0d0}.load-card.done .load-pct{color:#9be36f}.load-card.me{background:linear-gradient(#0b0c11,#0b0c11) padding-box,linear-gradient(180deg,#fff1bd 0%,var(--gold) 40%,var(--gold-dark) 100%) border-box;animation:card-in .5s calc(var(--i, 0) * 55ms) ease-out both,me-glow 1.6s ease-in-out infinite alternate}@keyframes me-glow{0%{box-shadow:0 0 0 1px #000,0 0 8px #d8b25a59,0 10px 24px #000000b3}to{box-shadow:0 0 0 1px #000,0 0 20px #d8b25ab3,0 10px 24px #000000b3}}.load-card.offline{filter:grayscale(.85) brightness(.6)}.loading-status{width:min(700px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:10px}.loading-tip{max-width:100%;margin-bottom:18px;font-size:14px;color:#d4cebf;text-align:center;text-shadow:0 1px 3px #000}.loading-tip b{margin-right:6px;font-family:Cinzel,Gowun Batang,serif;color:var(--gold-light)}.loading-track{width:calc(100% - 140px);height:12px}.loading-state{font-size:13px;color:var(--muted);text-shadow:0 1px 3px #000}@container (max-height: 670px){.loading-logo,.load-team .team-title{display:none}.loading-inner{gap:4px;padding:5cqh 12px;--card-h: max(96px, min(220px, calc((90cqh - 190px)/2) , calc((100cqw - 80px) / 3.1)))}.load-vs span{font-size:16px}.loading-status{margin-top:2px;gap:6px}.loading-tip{font-size:12px}.load-pct{display:none}}@container (max-height: 425px){.loading-inner{padding:2cqh 12px;--card-h: max(72px, min(220px, calc((96cqh - 190px)/2) , calc((100cqw - 80px) / 3.1)))}}.settings-backdrop{position:fixed;inset:0;border:solid transparent;border-width:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);z-index:65;display:flex;align-items:center;justify-content:center;padding:16px;background:#00000073;pointer-events:auto}.settings{width:min(420px,100%);max-height:100%;padding:14px 18px 18px;display:flex;flex-direction:column;gap:8px}.settings-body{min-height:0;margin:0 -2px;padding:0 2px;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.settings-head{display:flex;align-items:center;justify-content:space-between;font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:20px;color:var(--gold-light)}.set-section{margin-top:8px;padding-bottom:2px;border-bottom:1px solid #33343f;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.set-row{display:flex;align-items:center;gap:10px;min-height:30px}.set-label{flex:1;color:var(--ink)}.set-row input[type=range]{flex:1.3;min-width:0}.set-value{width:46px;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.settings .mini-btn{flex:none;width:auto;padding:4px 10px;font-size:12px}.set-keys{display:flex;gap:4px}.set-key{width:26px;height:26px;padding:0;font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:12px;color:var(--muted);background:#0b0d13;border:1px solid #000;border-radius:2px;box-shadow:0 0 0 1px #4a5060,inset 0 2px 5px #000000d9}.set-key.on{color:#0b0d13;background:linear-gradient(180deg,var(--gold-light) 0%,#c9a24a 100%);box-shadow:0 0 0 1px #8a6a25,0 0 6px #f6dc9573}.set-switch{position:relative;flex:none;width:78px;height:26px;padding:0;background:#0b0d13;border:1px solid #000;border-radius:2px;box-shadow:0 0 0 1px #4a5060,inset 0 2px 5px #000000d9}.set-knob{position:absolute;top:2px;bottom:2px;left:2px;width:32px;border:1px solid #05080e;border-radius:2px;background:linear-gradient(180deg,#4e6a92,#34496b 55%,#2a3b58);box-shadow:inset 0 1px #c8dcff4d;transition:left .15s ease-out,background .15s}.set-knob:after{content:"";position:absolute;left:50%;bottom:2px;width:10px;height:11px;margin-left:-5px;border-radius:5px 5px 0 0;background:#00000059;box-shadow:inset 0 1px 2px #0009,0 1px #c8dcff26}.set-switch-label{position:absolute;top:0;bottom:0;right:8px;display:grid;place-items:center;font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:11px;color:#8f97a8}.set-switch.on .set-knob{left:calc(100% - 36px);background:linear-gradient(180deg,#6f97d0,#4a6fa3 55%,#3a5a88);box-shadow:inset 0 1px #dcebff73,0 0 8px #6eaaff80}.set-switch.on .set-switch-label{right:auto;left:8px;color:#e3edff}.settings .mini-btn.set-reset{flex:none;align-self:flex-end;margin:10px 0 2px;padding:5px 12px;font-size:12px}.set-note{font-size:12px;color:#ff8a7a}.settings-actions{margin-top:12px;display:flex;gap:10px}.settings-actions .wc-button{flex:1}.settings-actions .wc-button.leave{background:linear-gradient(180deg,#8c3324,#6b2116,#571a11)}.blind-overlay{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,#46464600 12%,#3c3c3cbf 38%,#2d2d2df2 70%);opacity:0;transition:opacity .35s ease;z-index:5}.blind-overlay.on{opacity:1}.hurt-overlay{position:fixed;inset:0;pointer-events:none;opacity:0;z-index:5;will-change:opacity;background:radial-gradient(ellipse at 50% 50%,#96000000 45%,#aa080859 72%,#960000bf 94%,#aa0000e6)}.flash-overlay{position:fixed;inset:0;pointer-events:none;background:#fffdf2;z-index:6;animation:flash-out .9s ease-out forwards}@keyframes flash-out{0%{opacity:.95}40%{opacity:.75}to{opacity:0}}.mc-passive{overflow:hidden;padding:0}.mc-passive .ico{width:100%;height:100%;object-fit:cover;border-radius:50%}.mc-passive-key{position:absolute;top:-2px;left:2px;z-index:1;font-family:Cinzel,Gowun Batang,serif;font-weight:900;font-size:11px;color:#cfe8ff;text-shadow:0 1px 2px #000}.console-center{position:relative}.console-status{position:absolute;left:0;right:0;bottom:calc(100% + 56px);display:flex;justify-content:center;pointer-events:none}.status-icons{position:relative;display:flex;gap:5px;pointer-events:auto}.status-icon{position:relative;width:36px;height:36px;border-radius:4px;border:2px solid #6fbf5a;background:#141820;display:grid;place-items:center;overflow:hidden;box-shadow:0 1px 4px #000;cursor:help}.status-icon.debuff{border-color:#c0503a}.status-icon.cc{border-color:#ff6a3a;box-shadow:0 0 6px #ff6a3ab3}.si-ico{font-size:20px;line-height:1}.si-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sr-art{width:20px;height:20px;border-radius:3px;object-fit:cover;flex:none}.si-sweep{position:absolute;inset:0}.si-time{position:absolute;bottom:-1px;right:2px;font-size:12px;font-weight:900;color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000}.si-count{position:absolute;top:-1px;left:3px;font-size:13px;font-weight:900;color:#ffd75a;text-shadow:0 1px 2px #000}.touch-status{position:absolute;top:calc(var(--safe-top) + 34px);right:calc(var(--safe-right) + 6px);pointer-events:auto}.touch-status .status-icons{justify-content:flex-end;transform:scale(.85);transform-origin:top right}.touch-status .status-tip{top:calc(100% + 6px);bottom:auto;left:auto;right:0;transform:none}.status-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:min(300px,calc(100vw - 32px));padding:8px 10px;z-index:30}.status-list{display:flex;flex-direction:column;gap:4px;margin:6px 0}.status-row{display:flex;gap:6px;align-items:flex-start;padding:3px 5px;border-left:3px solid #6fbf5a;background:#00000040}.status-row.debuff{border-left-color:#c0503a}.status-row.cc{border-left-color:#ff6a3a}.sr-ico{font-size:16px;line-height:1.2}.sr-head{display:flex;justify-content:space-between;gap:8px;font-size:12px}.sr-time{color:#ffd75a;font-weight:700}.sr-desc{font-size:11px;color:var(--muted)}.item-art,.shop-item .ico.art,.tree-item .ico.art,.item-slot .art{width:100%;height:100%;object-fit:cover;border-radius:3px}.sd-icon .art{width:64px;height:64px;border-radius:6px}.item-slot{position:relative}.item-slot .item-key{position:absolute;bottom:0;left:3px;font-family:Cinzel,Gowun Batang,serif;font-size:11px;font-weight:900;line-height:1.1;color:#e8e4da;text-shadow:0 0 2px #000,0 1px 2px #000}.item-slot.quick .item-key{color:var(--gold-light);text-shadow:0 0 2px #000,0 1px 2px #000,0 0 6px rgba(246,220,149,.7)}.item-slot.empty .item-key{color:#6b7080}.item-slot .cd{position:absolute;inset:0;display:grid;place-items:center;border-radius:3px}.item-slot .cd b{font-size:13px;color:#fff;text-shadow:0 1px 2px #000}.sb-slots{display:inline-flex;gap:2px}.sb-item{flex:none;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:3px;border:1px solid #1e1f28;background:#00000059;font-size:14px;line-height:1;overflow:hidden}.lobby-inner.results{gap:14px;padding-top:28px}.res-empty{text-align:center;color:var(--muted)}.res-head{display:flex;flex-direction:column;align-items:center;gap:4px}.res-title{font-family:Cinzel,Gowun Batang,serif;font-weight:900;font-size:clamp(36px,6vw,56px);line-height:1;letter-spacing:.08em;color:var(--go-fill);-webkit-text-stroke:5px #000;paint-order:stroke fill;text-shadow:0 3px 0 #000,0 0 20px var(--go-glow)}.res-head.win{--go-fill: #ffdc6a;--go-glow: rgba(255, 190, 60, .6)}.res-head.lose{--go-fill: #ff5a44;--go-glow: rgba(230, 40, 20, .6)}.res-title-img{display:block;width:clamp(200px,min(36vw,70vh),360px);height:auto;filter:drop-shadow(0 4px 6px #000) drop-shadow(0 0 20px var(--go-glow))}.res-score{display:flex;align-items:center;gap:14px;font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:20px;text-shadow:0 2px 3px #000}.res-time{font-size:15px;color:var(--ink)}.res-tabs{display:flex;gap:6px}.res-tabs .mini-btn{flex:none;padding:6px 16px;font-size:13px}.res-tabs.small .mini-btn{padding:3px 10px;font-size:12px}.res-panel{width:100%;min-width:0;max-width:100%;padding:12px 14px}.res-team{font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:15px;margin-bottom:6px;text-shadow:0 1px 2px #000}.res-scroll{overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.res-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.res-table th{padding:4px 8px;font-weight:400;font-size:11px;color:var(--muted);text-align:center}.res-table td{padding:4px 8px;text-align:center;border-top:1px solid rgba(169,177,194,.12)}.res-table tr.me td{background:#f6dc9514}.res-hero{display:flex;align-items:center;gap:6px}.res-name{text-align:left!important;max-width:190px;overflow:hidden;text-overflow:ellipsis}.res-wide{min-width:150px;text-align:left!important}.res-num{display:block;font-size:12px}.res-bar{height:8px;margin-top:2px;background:#0b0d13;border-radius:2px}.res-bar>div{display:flex;gap:2px;height:100%}.res-bar span{flex-basis:0}.res-bar span:last-child{border-radius:0 2px 2px 0}.res-legend{display:flex;justify-content:flex-end;gap:14px;width:100%;font-size:12px;color:var(--muted)}.res-legend span{display:inline-flex;align-items:center;gap:5px}.res-legend i{width:10px;height:10px;border-radius:2px}.res-chart-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.res-chart-title{font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:14px;color:var(--gold-light);margin-bottom:6px}.res-chart{display:block;width:100%;height:auto;touch-action:pan-y}.res-grid line{stroke:#a9b1c224;stroke-width:1}.res-grid line.zero{stroke:#a9b1c273}.res-grid text,.res-axis text{fill:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.res-hover line{stroke:#f3e6c480;stroke-width:1}.res-tip rect{fill:#08090deb;stroke:var(--frame-dark)}.res-tip text{fill:var(--ink);font-size:12px}.res-tip text.head{fill:var(--muted)}.res-picks{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px}.res-pick{padding:0;border:2px solid transparent;border-radius:4px;background:none;box-shadow:0 0 0 1px var(--team);opacity:.55}.res-pick.on{border-color:var(--team);opacity:1}img.res-pick-img{width:32px;height:32px;border-radius:2px}.res-back{margin-top:6px}.res-spinner{display:inline-block;width:.9em;height:.9em;vertical-align:-.1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:res-spin .8s linear infinite}@keyframes res-spin{to{transform:rotate(360deg)}}.res-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.matches-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.matches-head>.head-nav{display:flex;gap:6px;margin-left:auto}.matches-head>.mini-btn,.matches-head>.head-nav>.mini-btn{flex:none;width:auto;box-sizing:border-box;height:28px;padding:4px 12px;font-size:13px;line-height:18px}.matches-head>.res-tabs .mini-btn{box-sizing:border-box;height:28px;padding-top:4px;padding-bottom:4px;line-height:18px}.match-list{display:flex;flex-direction:column;gap:6px;container-type:inline-size}.match-row{--mr: #555a66;--mr-bg: rgba(0, 0, 0, .3);display:grid;grid-template-columns:96px minmax(0,auto) 132px minmax(200px,1fr) 40px;grid-template-areas:"when hero stats teams act";align-items:center;gap:14px;min-height:104px;padding:0 0 0 14px;background:var(--mr-bg);border:1px solid #33343f;border-left:5px solid var(--mr);border-radius:4px;overflow:hidden}.match-row.win{--mr: #4a9eff;--mr-bg: linear-gradient(90deg, rgba(40, 70, 120, .42), rgba(25, 35, 60, .3))}.match-row.lose{--mr: #e2554a;--mr-bg: linear-gradient(90deg, rgba(110, 40, 44, .42), rgba(55, 25, 30, .3))}.mr-when{grid-area:when;display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}.mr-ago{font-weight:700;color:var(--mr);filter:brightness(1.25)}.mr-rule{width:48px;height:1px;margin:5px 0;background:#ffffff26}.mr-result{font-size:14px;color:var(--ink)}.mr-score{grid-area:hero;font-size:22px;font-weight:700}.mr-hero{grid-area:hero;display:flex;flex-direction:column;gap:6px;min-width:0}.mr-hero-top{display:flex;align-items:center;gap:6px}.mr-face{position:relative;flex:none}.mr-face-img{display:block;width:52px;height:52px;border-radius:50%;object-fit:cover;font-size:32px;line-height:52px;text-align:center;box-shadow:0 0 0 2px var(--mr),0 0 0 3px #000}.mr-level{position:absolute;right:-4px;bottom:-4px;min-width:20px;height:20px;padding:0 4px;border-radius:10px;font:700 11px/18px Cinzel,Gowun Batang,serif;text-align:center;color:var(--ink);background:#0d0f15;border:1px solid var(--frame-dark)}.mr-spells{display:grid;grid-template-rows:1fr 1fr;gap:2px}.mr-spell{display:block;width:24px;height:24px;border-radius:3px;object-fit:cover;font-size:14px;line-height:24px;text-align:center;background:#0a0b10}.mr-kda{min-width:96px;margin-left:10px;text-align:center}.mr-kda-line{font-size:18px;font-weight:700;color:var(--ink);white-space:nowrap}.mr-kda-line i{font-style:normal;font-weight:400;color:var(--muted)}.mr-deaths{color:#ff7a6e}.mr-ratio{font-size:12px;color:var(--muted)}.mr-hero-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mr-items{display:flex;gap:2px}.mr-item{width:24px;height:24px;border-radius:3px}.mr-item.empty,.mr-spell.empty{background:#00000059;box-shadow:inset 0 0 0 1px #ffffff0f}.mr-tags{display:flex;gap:4px}.mr-tags .badge{margin-left:0;height:20px;padding:0 8px;font-size:11px}.mr-stats{grid-area:stats;display:flex;flex-direction:column;gap:2px;padding-left:12px;border-left:1px solid rgba(255,255,255,.1);font-size:12px;color:var(--muted);white-space:nowrap}.mr-share{color:#ff9a8e}.match-teams{grid-area:teams;display:flex;gap:10px;min-width:0}.match-team{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;border-left:2px solid var(--team);padding-left:6px;container-type:inline-size}.match-pl{display:flex;align-items:center;gap:4px;font-size:11px;white-space:nowrap;overflow:hidden;color:var(--muted)}.match-pl.me{font-weight:700;color:#f5d77a}.match-pl-img{width:16px;height:16px;border-radius:2px;flex:none}.match-pl-name{overflow:hidden;text-overflow:ellipsis}.match-pl .badge{height:13px;margin-left:0;padding:0 3px;font-size:9px;letter-spacing:0}@container (max-width: 110px){.match-pl .badge{display:none}}.match-actions{grid-area:act;align-self:stretch;display:flex;flex-direction:column;background:#00000040;border-left:1px solid rgba(255,255,255,.06)}.mr-act{flex:1;display:grid;place-items:center;padding:0;color:var(--mr);background:none;border:0;cursor:var(--cursor-hover);transition:background .12s}.mr-act+.mr-act{border-top:1px solid rgba(255,255,255,.06)}.mr-act:hover:not(:disabled){background:#ffffff14}.mr-act:disabled{opacity:.3}.mr-act svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.mr-act svg path[d^="M8 5"]{fill:currentColor;stroke:none}.mr-expand svg{transition:transform .15s}.match-item.open .mr-expand svg{transform:rotate(180deg)}.match-item.open .match-row{border-radius:4px 4px 0 0}.mr-detail{--mr: #555a66;display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px 12px 12px;background:#00000059;border:1px solid #33343f;border-top:0;border-left:5px solid var(--mr);border-radius:0 0 4px 4px}.mr-detail.win{--mr: #4a9eff}.mr-detail.lose{--mr: #e2554a}.mr-detail-msg{display:block;color:var(--muted);text-align:center}.mr-detail .wc-panel{background:#00000040;border:1px solid #2a2c38;box-shadow:none}.mr-detail .wc-panel:before{display:none}.mr-detail .res-panel{padding:8px 10px}.mr-totals{display:flex;flex-direction:column;gap:4px}.mr-total{display:flex;justify-content:space-between;align-items:center;height:22px;padding:0 10px;font-size:12px;font-variant-numeric:tabular-nums;border-radius:2px;text-shadow:0 1px 2px #000}.mr-total span{color:#fff}@container (max-width: 820px){.match-row{grid-template-columns:84px minmax(0,1fr) 128px 40px;grid-template-areas:"when hero stats act"}.match-teams{display:none}}@container (max-width: 520px){.match-row{grid-template-columns:72px minmax(0,1fr) 40px;grid-template-areas:"when hero act";gap:10px}.mr-stats{display:none}}.spec-delay{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:16px 24px;text-align:center;color:var(--ink)}.spec-delay-title{font-weight:700;margin-bottom:4px}.spec-timeline .tl-delay{font-size:11px;opacity:.8}.spec-timeline .tl-replay{flex:none;font-size:12px;font-weight:700;color:#f5d77a;padding:0 4px}.teambar{position:absolute;top:4px;display:flex;gap:4px;pointer-events:auto}.teambar.blue{left:10px}.teambar.red{right:10px}.tb-hero{width:50px;display:flex;flex-direction:column;overflow:hidden;border:2px solid transparent;border-radius:4px;background:var(--panel) padding-box,var(--steel) border-box;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #000,0 3px 8px #0009;cursor:var(--cursor-hover);transition:transform .08s,filter .12s}.tb-hero:hover{filter:brightness(1.2)}.tb-hero:active{transform:translateY(1px) scale(.96)}.tb-hero.dead,.tb-hero.fog{cursor:var(--cursor)}.tb-hero.dead:hover,.tb-hero.fog:hover{filter:none}.tb-face{position:relative;width:46px;height:46px;background:#0a0c12}.tb-face:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px color-mix(in srgb,var(--team) 75%,transparent),inset 0 0 8px #0009}.tb-hero.me{background:var(--panel) padding-box,linear-gradient(180deg,#f6dc95,#b08a3a 45%,#6e5420 70%,#c9a24a) border-box}img.tb-img{display:block;width:100%;height:100%}.tb-lvl{position:absolute;z-index:1;left:0;bottom:0;min-width:18px;padding:0 3px;font-size:12px;font-weight:700;line-height:16px;text-align:center;color:var(--ink);background:#0b0d13;border:1px solid var(--frame-dark);border-radius:3px}.tb-hero.dead img.tb-img{filter:grayscale(1) brightness(.45)}.tb-respawn{position:absolute;z-index:1;inset:0;display:grid;place-items:center;font-weight:900;font-size:20px;color:#fff;text-shadow:0 1px 3px #000}.tb-hero.fog img.tb-img{filter:grayscale(.7) brightness(.6)}.tb-hero.fog .tb-bars{opacity:.4}.tb-ult{position:absolute;z-index:1;right:0;top:0;width:20px;height:20px;border-radius:3px;overflow:hidden;border:1px solid #000;box-shadow:0 0 0 1px var(--frame-dark)}img.tb-ult-img{width:100%;height:100%}.tb-ult.ready{box-shadow:0 0 0 1px var(--gold-light),0 0 6px #f6dc95cc}.tb-ult.cd img.tb-ult-img{filter:grayscale(1) brightness(.4)}.tb-ult b{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}.tb-bars{display:flex;flex-direction:column;gap:1px;background:#0a0705;border-bottom:1px solid #000}.tb-bar{height:6px;background:#1a1612}.tb-bar.mp{height:4px}.tb-bar i{display:block;height:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 70%,#fff) 0 1px,var(--c) 1px calc(100% - 1.5px),color-mix(in srgb,var(--c) 68%,#000) calc(100% - 1.5px))}.tb-bar.mp i{--c: var(--mp)}.hud.touch .teambar{top:calc(var(--safe-top) + 44px);gap:3px;transform:scale(.75);transform-origin:top left}.hud.touch .tb-hero{width:38px}.hud.touch .teambar.blue{left:calc(var(--safe-left) + 143px)}.hud.touch .teambar.red{right:auto;left:calc(var(--safe-left) + 143px + (5 * 38px + 4 * 3px + 12px) * .75)}.hud.touch .tb-face{width:34px}.hud.touch .tb-face{height:34px}.hud.touch .tb-lvl{font-size:9px;line-height:12px;min-width:13px;padding:0 2px}.hud.touch .tb-ult{width:15px;height:15px}.hud.touch .tb-ult b{font-size:8px}.hud.touch .tb-respawn{font-size:15px}.hud.touch .tb-bar{height:5px}.hud.touch .tb-bar.mp{height:3px}.ui-skills{display:flex;gap:5px;margin:6px 0 2px}.ui-skill{pointer-events:auto;display:inline-flex;flex-direction:column;align-items:center;gap:2px;cursor:help}img.ui-skill-img{width:26px;height:26px;border-radius:3px;border:1px solid #000;box-shadow:0 0 0 1px var(--frame-dark)}.ui-skill.passive img.ui-skill-img{border-radius:50%}.ui-skill.spell{align-self:flex-start}.ui-skill:not(.spell)+.ui-skill.spell{margin-left:6px}.ui-skill.locked img.ui-skill-img{filter:grayscale(1) brightness(.45)}.ui-pips{display:flex;gap:1px}.ui-pips i{width:4px;height:3px;background:#2a2f3c}.ui-pips i.on{background:var(--gold)}.ui-items .item-slot{pointer-events:auto;cursor:help}.confirm-backdrop{position:fixed;inset:0;border:solid transparent;border-width:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);z-index:70;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000009e;pointer-events:auto;animation:confirm-fade .15s ease-out}.confirm{width:min(380px,100%);padding:16px 20px 18px;display:flex;flex-direction:column;gap:10px;animation:confirm-in .18s ease-out}.confirm-msg{margin:0;font-size:15px;line-height:1.5;color:var(--ink);white-space:pre-line}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.confirm-actions .wc-button{min-width:96px}.install-head{display:flex;align-items:center;gap:10px}.install-head img{width:36px;height:36px}.wc-button.danger{background:linear-gradient(180deg,#8a3a34,#6c2a26,#5a221f);box-shadow:inset 0 1px #ffc8be4d,inset 0 0 0 1px #dc8c8233,0 0 0 1px #523030,0 2px 6px #0009}.wc-button.danger:hover:not(:disabled){box-shadow:inset 0 1px #ffc8be66,inset 0 0 0 1px #dc8c824d,0 0 0 1px #7a4646,0 0 12px #ff5a4666,0 2px 6px #0009}@keyframes confirm-fade{0%{opacity:0}}@keyframes confirm-in{0%{transform:scale(.94);opacity:0}}.ping-feed{position:absolute;left:12px;bottom:210px;display:flex;flex-direction:column;gap:3px;pointer-events:none;font-size:13px;text-shadow:0 1px 2px #000,0 0 3px #000}.game-log{max-width:min(460px,45vw)}.log-line{overflow:hidden;text-overflow:ellipsis}.log-line.mine{padding:0 4px;margin-left:-4px;border-radius:2px;background:#d8b25a29}.log-time{flex:none;font-variant-numeric:tabular-nums;color:#9aa3b4}.log-sep{color:#c9ccd6}.log-dim{color:#b7bdca}.log-skill{color:#e8e4da}.log-ready{color:#7fe08a}.log-multi{color:var(--gold-light);font-weight:700}.ping-line{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#e8eef6;animation:ping-line-in .15s ease-out}.ping-line b{color:var(--ping)}.ping-line-ico{flex:none}img.ping-line-ico{display:block;width:18px;height:18px;border-radius:50%}img.mc-ping-ico{width:30px;height:30px;border-radius:50%;pointer-events:none}@keyframes ping-line-in{0%{transform:translate(-8px);opacity:0}}.hud.touch .ping-feed{left:calc(var(--safe-left) + 8px);top:calc(var(--safe-top) + 180px);bottom:auto;font-size:11px}.ping-wheel{position:fixed;width:0;height:0;pointer-events:none;z-index:50}.ping-wheel-hub{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:#0a0c128c}.ping-wheel-item{position:absolute;left:-30px;top:-30px;width:60px;height:60px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0c12b8;border:2px solid color-mix(in srgb,var(--ping) 55%,#000);transition:scale .08s}.ping-wheel-item.on{border-color:var(--ping);box-shadow:0 0 12px var(--ping);scale:1.15}.ping-wheel-ico{font-size:22px;line-height:1}img.ping-wheel-ico{width:34px;height:34px;border-radius:50%}.ping-wheel-label{font-size:9px;color:#e8eef6;margin-top:2px;white-space:nowrap;text-shadow:0 1px 2px #000}.mc-btn.mc-ping{top:calc(var(--safe-top) + 120px);right:calc(var(--safe-right) + 6px);width:40px;height:40px;font-size:20px}.charge-badge{position:absolute;z-index:2;top:1px;right:1px;width:24px;height:24px;display:grid;place-items:center;pointer-events:none}.charge-badge svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.charge-badge path{fill:none;stroke:#11131a;stroke-linecap:butt}.charge-badge path.rim{stroke:#000}.charge-badge path.on{filter:drop-shadow(0 0 2px rgba(216,178,90,.75))}.charge-badge path.fill{opacity:.85}.charge-badge b{position:relative;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:#0d0f15d9;font-size:11px;font-weight:800;line-height:1;color:#ffe9a8;text-shadow:0 1px 2px #000}.charge-badge.empty b{color:#8a8f99}.mc-btn .charge-badge{inset:auto auto 2px 50%;transform:translate(-50%);width:26px;height:26px}.mc-btn .charge-badge b{width:16px;height:16px;font-size:12px}.dev-links{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;padding:8px 12px 10px}.dev-links>.muted{grid-column:1 / -1;font-size:12px;text-align:center}.dev-links .mini-btn{min-width:0;padding:5px 8px;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spec-timeline.map-toolbar{top:12px;bottom:auto;left:12px;transform:none;width:min(1240px,calc(100vw - 24px))}.map-toolbar a.mini-btn{text-decoration:none}.map-toolbar .map-keys{flex:none;font-size:12px;color:var(--muted);white-space:nowrap}.map-toolbar .map-keys b{color:var(--ink)}.map-toolbar .tl-time{min-width:64px}.lobby-inner.guardian{gap:12px;width:min(1040px,100%)}.gd-head{gap:14px}.gd-who{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.gd-avatar{width:72px;height:72px;border-radius:6px;object-fit:cover;border:1px solid var(--gold-dark);flex:none}.gd-avatar.empty{display:grid;place-items:center;font-size:28px;color:var(--muted);background:#0c0e14}.gd-avatar-btn{position:relative;flex:none;padding:0;background:none;border:none;border-radius:6px;cursor:var(--cursor-hover)}.gd-avatar-btn .gd-avatar{display:block}.gd-avatar-btn:hover .gd-avatar,.gd-avatar-btn.on .gd-avatar{border-color:var(--gold)}.gd-avatar-edit{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;display:grid;place-items:center;font-size:12px;color:var(--ink);background:#0c0e14;border:1px solid var(--gold-dark);border-radius:50%}.gd-avatar-picker{display:flex;flex-direction:column;gap:8px}.gd-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px}.gd-avatar-opt{aspect-ratio:1;padding:0;overflow:hidden;display:grid;place-items:center;color:var(--muted);background:#0c0e14;border:2px solid transparent;border-radius:6px;cursor:var(--cursor-hover)}.gd-avatar-opt img{width:100%;height:100%;object-fit:cover}.gd-avatar-opt:hover{border-color:var(--gold-dark)}.gd-avatar-opt.on{border-color:var(--gold)}.gd-mini-avatar{width:28px;height:28px;flex:none;align-self:center;border-radius:4px;object-fit:cover;border:1px solid var(--gold-dark)}.gd-name{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.gd-name b{font-size:22px;color:var(--gold-light)}.badge.gd-status{align-self:flex-start;margin-left:0}.gd-friend-face{position:relative;display:inline-flex;flex:none}.gd-actions{display:flex;gap:8px;flex-wrap:wrap}.gd-actions .mini-btn{flex:none;padding:6px 12px;font-size:12px}.gd-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media(max-width:520px){.gd-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.gd-tile{display:flex;flex-direction:column;gap:2px;padding:6px 10px;background:#0000004d;border:1px solid #2a2f3a;border-radius:3px;font-size:12px}.gd-tile b{white-space:nowrap}.gd-tile b{font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums}.gd-recent{display:flex;flex-direction:column;gap:6px;font-size:12px}.gd-recent>div{display:flex;gap:4px;flex-wrap:wrap}.gd-recent-cell{position:relative;width:36px;padding:0;background:none;border:2px solid;border-radius:4px;overflow:hidden;cursor:var(--cursor-hover)}.gd-recent-cell.win{border-color:#4a9eff}.gd-recent-cell.lose{border-color:#e2554a}.gd-recent-img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.gd-recent-cell span{position:absolute;inset:auto 0 0;font-size:10px;line-height:13px;color:#fff;text-align:center;background:#0009}.lobby-inner.guardian>.gd-grid,.lobby-inner.guardian>.matches-head{align-self:stretch}.gd-grid{display:grid;align-items:start;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.gd-panel{gap:10px}.gd-panel-title{font-family:Cinzel,Gowun Batang,serif;color:var(--gold);font-size:14px}.gd-kv{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:13px}.gd-kv span{color:var(--muted)}.gd-kv b{text-align:right;font-variant-numeric:tabular-nums}.gd-dmg{display:flex;flex-direction:column;gap:6px}.gd-dmg-bar{height:10px}.gd-records{display:grid;grid-template-columns:1fr 1fr;gap:6px}.gd-record{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:4px 8px;font:inherit;font-size:12px;color:var(--ink);text-align:left;background:#0000004d;border:1px solid #2a2f3a;border-radius:3px;cursor:var(--cursor-hover)}.gd-record:disabled{cursor:default}.gd-record:hover:not(:disabled){border-color:var(--gold-dark)}.gd-record-img{width:22px;height:22px;border-radius:3px;object-fit:cover}.gd-multis{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.gd-roles{display:flex;flex-direction:column;gap:6px;font-size:12px}.gd-role{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:8px}.gd-role-bar{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.gd-role-bar div{height:100%;background:var(--gold);border-radius:0 4px 4px 0}.gd-spell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:13px}.gd-spell-img{width:26px;height:26px;border-radius:4px}.gd-spell .muted{font-size:12px}.gd-mate,.gd-friend-name{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:4px 6px;font:inherit;font-size:13px;color:var(--ink);text-align:left;background:none;border:none;border-radius:3px;cursor:var(--cursor-hover)}.gd-mate{align-items:center}.gd-mate b{flex:1}.gd-mate:hover,.gd-friend-name:hover{background:#ffffff0d}.gd-mate .muted,.gd-friend-name .muted{font-size:12px}.gd-heroes tr.top td{background:#d8b25a0f}.gd-friends{gap:10px}.gd-friend{display:flex;align-items:center;gap:8px}.gd-friend-name{flex:1;min-width:0}.gd-friend-actions{display:flex;gap:6px}.gd-friend-actions .mini-btn{flex:none;padding:5px 10px}.gd-count{font-size:12px}.gd-pager{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap}.gd-pager .mini-btn{flex:none;min-width:32px;padding:5px 8px;font-size:13px}.match-pl.link{cursor:var(--cursor-hover)}.match-pl.link:hover .match-pl-name{color:var(--gold-light);text-decoration:underline}@media(max-width:560px){.gd-records{grid-template-columns:1fr}.gd-role{grid-template-columns:80px 1fr auto}}.res-build{display:grid;grid-template-columns:170px 1fr;align-items:start;gap:10px;padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}.res-build.me{background:#d8b25a0f}.res-build-who{display:flex;align-items:center;gap:6px;min-width:0}.res-build-log{display:flex;flex-wrap:wrap;gap:4px}.res-buy{display:flex;flex-direction:column;align-items:center;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.res-buy-icon{width:28px;height:28px;border-radius:3px}.res-buy.sell .res-buy-icon{opacity:.45;outline:2px solid #e2554a;outline-offset:-2px}.res-buy.sell span{color:#e2554a;text-decoration:line-through}.res-buy.use .res-buy-icon{opacity:.55}.res-buy.spell .res-buy-icon{outline:1px solid var(--gold);outline-offset:-1px}@media(max-width:560px){.res-build{grid-template-columns:1fr;gap:4px}}.lobby.draft-screen{overflow:hidden}.draft-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 40% 70% at 0% 50%,rgba(61,123,255,.16),transparent 70%),radial-gradient(ellipse 40% 70% at 100% 50%,rgba(232,66,58,.16),transparent 70%);pointer-events:none}.draft-board{--name-h: 32px;--seat-gap: 10px;--portrait: clamp(48px, calc((100dvh - var(--safe-top) - var(--safe-bottom) - 2 * 18px - 4 * var(--seat-gap)) / 5 - var(--name-h) - 4px), 168px);--side-w: calc(var(--portrait) + 4px);position:relative;z-index:1;display:grid;grid-template-columns:var(--side-w) minmax(0,1fr) var(--side-w);gap:16px;max-width:1480px;height:100%;margin:0 auto;padding:18px;box-sizing:border-box}.draft-side{display:flex;flex-direction:column;justify-content:space-between;gap:var(--seat-gap);min-height:0}.draft-seat{--team-edge: color-mix(in srgb, var(--team) 70%, #dfe7f5);flex:none;display:flex;flex-direction:column;overflow:hidden;border-radius:3px;background:linear-gradient(#0b0c11,#0b0c11) padding-box,linear-gradient(180deg,var(--team-edge) 0%,#3a3f4d 40%,#2a2e38 70%,color-mix(in srgb,var(--team) 80%,#000) 100%) border-box;box-shadow:0 0 0 1px #000,0 10px 24px #000000b3;transition:translate .35s cubic-bezier(.3,1.4,.5,1),opacity .2s;animation:card-in .5s calc(var(--i, 0) * 55ms) ease-out both}.draft-seat.me{background:linear-gradient(#0b0c11,#0b0c11) padding-box,linear-gradient(180deg,#fff1bd 0%,var(--gold) 40%,var(--gold-dark) 100%) border-box;animation:card-in .5s calc(var(--i, 0) * 55ms) ease-out both,me-glow 1.6s ease-in-out infinite alternate}.draft-seat:before{display:none}.draft-seat.empty{height:calc(var(--portrait) + var(--name-h) + 4px);opacity:.3;animation-name:card-in-faint}@keyframes card-in-faint{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:.3}}.draft-seat.offline{filter:grayscale(.85) brightness(.6)}.draft-seat.picking{animation:card-in .5s calc(var(--i, 0) * 55ms) ease-out both,draft-seat-pick 1.4s ease-in-out infinite}@keyframes draft-seat-pick{0%,to{box-shadow:0 0 0 1px var(--gold),0 0 8px #d8b25a59}50%{box-shadow:0 0 0 1px var(--gold-light),0 0 22px #d8b25abf}}.draft-board{--pick-step: 22px}.draft-seat.picking{position:relative;z-index:2}.draft-side.team0 .draft-seat.picking{translate:var(--pick-step) 0}.draft-side.team1 .draft-seat.picking{translate:calc(-1 * var(--pick-step)) 0}.draft-portrait{position:relative;width:var(--portrait);height:var(--portrait);overflow:hidden;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--team) 22%,#1c1f2a),#0a0b10 75%);display:flex;align-items:center;justify-content:center}.draft-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--team) 30%,transparent) 0%,transparent 22%),linear-gradient(180deg,transparent 50%,rgba(5,6,10,.6) 85%,rgba(5,6,10,.85) 100%);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #dce6ff1f;pointer-events:none}.draft-seat.locked .draft-portrait:after{box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px color-mix(in srgb,var(--hero) 70%,transparent)}.draft-portrait-img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;font-size:calc(var(--portrait) * .4);display:flex;align-items:center;justify-content:center;animation:draft-portrait-in .35s ease-out}@keyframes draft-portrait-in{0%{opacity:0;transform:scale(1.08)}}.draft-seat.reserved .draft-portrait-img{opacity:.4;filter:grayscale(.7)}.draft-seat.picking .draft-portrait-img{opacity:.75}.draft-portrait-empty{display:flex;align-items:center;justify-content:center;width:calc(var(--portrait) * .34);height:calc(var(--portrait) * .34);border:1px solid color-mix(in srgb,var(--team) 45%,transparent);border-radius:50%;box-shadow:0 0 18px color-mix(in srgb,var(--team) 25%,transparent);font-family:Cinzel,serif;font-weight:700;font-size:calc(var(--portrait) * .15);color:color-mix(in srgb,var(--team) 60%,#888)}.draft-portrait-hero{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:18px 6px 5px;font-family:Cinzel,Gowun Batang,serif;font-weight:700;font-size:13px;text-align:center;color:var(--gold-light);text-shadow:0 1px 2px #000,0 0 6px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(transparent,#000000d9)}.draft-seat.reserved .draft-portrait-hero{color:var(--muted)}.badge.draft-chip{position:absolute;z-index:1;top:6px;left:6px;height:22px;margin:0;padding:0 9px;font-size:12px}.draft-side.team1 .draft-chip{left:auto;right:6px}.draft-chip.picking{animation:draft-blink 1.4s ease-in-out infinite}@keyframes draft-blink{50%{opacity:.6}}.draft-seat-name{display:flex;align-items:center;gap:2px;height:var(--name-h);padding:0 8px;box-sizing:border-box;border-top:2px solid var(--team);background:linear-gradient(90deg,color-mix(in srgb,var(--team) 28%,#0d0f15),#0d0f15 85%);color:var(--ink);font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden}.draft-side.team1 .draft-seat-name{flex-direction:row-reverse;background:linear-gradient(270deg,color-mix(in srgb,var(--team) 28%,#0d0f15),#0d0f15 85%)}.draft-seat-nick{min-width:0;overflow:hidden;text-overflow:ellipsis}.draft-seat.me .draft-seat-nick{color:var(--gold-light)}.draft-seat-name .badge{flex:none}.draft-center{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:14px;container-type:inline-size}.draft-main{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.draft-head{--accent: var(--gold);position:relative;display:flex;align-items:center;gap:16px;padding:10px 18px 13px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 45%,#2c2e3a);border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 20%,transparent),transparent 55%),#06070b99;transition:border-color .3s,background .3s}.draft-head.my-turn{animation:draft-head-turn 1.6s ease-in-out infinite}@keyframes draft-head-turn{50%{box-shadow:0 0 18px color-mix(in srgb,var(--accent) 55%,transparent)}}.draft-head-text{flex:1;min-width:0}.draft-phase{font-family:Cinzel,Gowun Batang,serif;font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);filter:brightness(1.3)}.draft-title{font-family:Cinzel,Gowun Batang,serif;font-weight:900;font-size:22px;line-height:1.25;color:var(--gold-light);text-shadow:0 2px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-hint{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-timer{flex:none;min-width:64px;font-family:Cinzel,serif;font-weight:900;font-size:40px;line-height:1;text-align:right;font-variant-numeric:tabular-nums;color:var(--gold-light);text-shadow:0 2px 0 #000,0 0 14px color-mix(in srgb,var(--accent) 60%,transparent)}.draft-head.urgent .draft-timer{color:#ff8a7a;animation:draft-blink .5s ease-in-out infinite}.draft-timebar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff12}.draft-timebar i{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 60%,#000),var(--accent));box-shadow:0 0 8px var(--accent);transform-origin:left;transition:transform 1s linear}.draft-center .hero-pick{--tile-gap: 6px;--tile: clamp(34px, calc((100cqw - (var(--line-tiles, 16) - 1) * var(--tile-gap) - 24px) / var(--line-tiles, 16)), 66px);flex:1;min-height:0;gap:12px}.draft-center .hero-grid,.draft-center .hero-row,.draft-center .hero-row-tiles{gap:var(--tile-gap)}.draft-center .hero-tile,.draft-center .hero-tile-img{width:var(--tile)}.draft-center .hero-tile-img{height:var(--tile);font-size:calc(var(--tile) * .45);border-width:1px;border-radius:3px}.draft-center .hero-tile-name{font-size:12px}.draft-center .hero-tile.selected .hero-tile-img{border:2px solid var(--gold-light);transform:translateY(-3px);box-shadow:0 0 0 1px #000,0 0 16px #f6dc958c}.hero-tile{position:relative}.hero-tile-mark{position:absolute;top:3px;left:50%;transform:translate(-50%);max-width:94%;padding:0 4px;font-size:11px;font-weight:700;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:2px;background:#000c;color:var(--ink);pointer-events:none}.hero-tile.t0 .hero-tile-mark{background:#1d3f8a;color:#dfe8ff}.hero-tile.t1 .hero-tile-mark{background:#8a2420;color:#ffe2df}.hero-tile.banned .hero-tile-img,.hero-tile.taken .hero-tile-img{filter:grayscale(1) brightness(.4)}.hero-tile.banned .hero-tile-name,.hero-tile.taken .hero-tile-name{color:#6b6a70}.hero-tile.banned:after{content:"";position:absolute;left:50%;top:0;width:2px;height:var(--tile, 76px);background:#e74c3c;box-shadow:0 0 4px #000;transform:rotate(45deg);pointer-events:none}.hero-tile.hovered .hero-tile-img{filter:none;animation:draft-hovered 1.2s ease-in-out infinite}.hero-tile.hovered.t0 .hero-tile-img{--look: #3d7bff}.hero-tile.hovered.t1 .hero-tile-img{--look: #e8423a}@keyframes draft-hovered{0%,to{border-color:var(--look);box-shadow:0 0 4px var(--look)}50%{border-color:var(--look);box-shadow:0 0 14px var(--look)}}.hero-tile.reserved .hero-tile-img{border-style:dashed;border-color:var(--gold-dark)}.hero-tile.reserved.mine .hero-tile-mark{background:#b8862a;color:#1a1206}.hero-row.with-sides{align-self:stretch;justify-content:space-between;align-items:flex-start}.hero-row-tiles{display:flex;flex-wrap:wrap;justify-content:center}.draft-bans{display:flex;gap:var(--tile-gap, 6px);padding-top:5px;border-top:2px solid color-mix(in srgb,var(--team) 70%,transparent)}.draft-bans.team1{flex-direction:row-reverse}.draft-ban-tile{cursor:default}.draft-ban-tile:hover .hero-tile-img{transform:none}.draft-ban-tile.banned .hero-tile-img{border-color:#8c3b33}.draft-ban-tile .draft-ban-by{z-index:1}.draft-ban-tile.empty .hero-tile-mark{opacity:.75}.draft-ban-tile.empty .hero-tile-img{border:1px dashed #4a3634;background:#3c0a0a33;box-shadow:none}.draft-center .hero-detail{flex:1;min-height:0;grid-template-columns:minmax(170px,30%) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:18px;padding:16px;overflow:hidden;background:#090a0f;border-color:#2a2c38}.hero-detail.with-splash{position:relative}.hero-splash{position:absolute;top:0;left:0;width:52%;height:100%;object-fit:cover;object-position:50% 15%;opacity:.6;-webkit-mask-image:linear-gradient(90deg,#000 35%,transparent 100%);mask-image:linear-gradient(90deg,#000 35%,transparent 100%);pointer-events:none;animation:draft-splash-in .4s ease-out}@keyframes draft-splash-in{0%{opacity:0;transform:translate(-12px)}}.hero-detail.with-splash .hero-portrait{display:none}.hero-detail.with-splash .hero-lore,.hero-detail.with-splash .skill-list{position:relative;z-index:1}.draft-center .hero-lore{min-height:0;overflow:hidden;justify-content:flex-end;gap:6px;font-size:13px;text-shadow:0 1px 2px #000,0 0 8px #000}.draft-center .hero-lore strong{font-size:22px;line-height:1.2}.draft-center .hero-lore-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.draft-center .skill-list{justify-self:end;width:90%;box-sizing:border-box;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;gap:8px;padding:10px 6px 10px 12px;border-radius:4px;background:#06070bb8;border:1px solid #22242e}@container (max-width: 640px){.draft-center .hero-detail{grid-template-columns:120px minmax(0,1fr)}.draft-center .hero-lore-text{display:none}}.draft-actions{display:flex;gap:10px}.draft-actions .wc-button{flex:1 1 0;min-width:0;height:46px;padding:0 12px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-actions .draft-info-btn{display:none}.draft-actions .draft-leave{color:#c9c6cc;background:linear-gradient(180deg,#343844,#262931,#1d1f26)}.draft-actions .draft-primary.lock{color:#1a1206;text-shadow:0 1px 0 rgba(255,240,200,.5);background:linear-gradient(180deg,#f0d17e,#d3a648 45%,#a77a2c)}.draft-actions .draft-primary.lock.ready{animation:draft-lock-ready 1.8s ease-in-out infinite alternate}@keyframes draft-lock-ready{0%{box-shadow:inset 0 1px #fff5d259,inset 0 0 0 1px #ffe6aa26,0 0 0 1px #000,0 0 4px #f0d17e33}to{box-shadow:inset 0 1px #fff5d299,inset 0 0 0 1px #ffe6aa4d,0 0 0 1px #000,0 0 20px #f0d17ebf}}.draft-actions .draft-primary.ban{background:linear-gradient(180deg,#c4544a,#8c3b33,#6a2620)}.draft-dodged{margin:8px 0;padding:6px 10px;border:1px solid #8c3b33;border-radius:4px;background:#8c3b3340;color:#ffb3a8;text-align:center}.wc-button.danger{background:linear-gradient(180deg,#8c3b33,#6e2a24,#5a211c)}@media(max-width:720px),(max-height:500px){.draft-board{--name-h: 18px;--seat-gap: 4px;--pick-step: 10px;--portrait: clamp(20px, calc((100dvh - var(--safe-top) - var(--safe-bottom) - 2 * 6px - 4 * var(--seat-gap)) / 5 - var(--name-h) - 4px), 84px);gap:6px;max-width:none;padding:6px}.draft-center{gap:6px;padding:6px}.draft-main{gap:6px}.draft-head{padding:4px 10px 6px;gap:8px}.draft-phase,.draft-hint{display:none}.draft-title{font-size:15px}.draft-timer{min-width:36px;font-size:22px}.draft-center .hero-pick{--tile-gap: 4px;--tile: clamp(26px, calc((100cqw - (var(--line-tiles, 16) - 1) * var(--tile-gap) - 8px) / var(--line-tiles, 16)), 46px)}.draft-center .hero-tile-name{font-size:9px}.draft-center .hero-tile-mark{font-size:9px;line-height:12px}.draft-center .hero-detail{display:none}.draft-actions .wc-button{height:34px;font-size:13px}.draft-center .hero-grid{margin:auto 0}.draft-center .draft-actions{margin-top:auto}.draft-actions .draft-info-btn{display:block;letter-spacing:.02em}.draft-info-backdrop{z-index:5;padding:0;background:#0000008c}.draft-info{width:100%;height:100%;padding:6px 10px 8px;gap:6px}.draft-info .settings-head{font-size:15px}.draft-info-body{flex:1;display:flex;overflow:hidden}.draft-center .draft-info .hero-detail{display:grid;flex:1;grid-template-columns:96px minmax(0,1fr);gap:8px;padding:6px}.draft-info .hero-lore{gap:2px}.draft-info .hero-lore strong{display:none}.draft-center .draft-info .hero-role{display:block;font-size:10px}.draft-info .skill-list{width:100%;gap:5px;padding:6px 4px 6px 8px}.draft-info .skill-row{grid-template-columns:18px 26px 1fr;gap:6px}.draft-info .skill-ico{width:26px;height:26px}.draft-info .skill-name{font-size:12px}.draft-info .skill-desc{font-size:11px}.draft-seat-name{font-size:12px;padding:0 4px;border-top-width:1px}.draft-seat .badge,.draft-portrait-hero{display:none}.badge.draft-chip{top:2px;left:2px;height:16px;padding:0 4px;font-size:10px}.draft-side.team1 .draft-chip{right:2px}}.lobby-inner.guide>.wc-panel{align-self:stretch;min-width:0}.lobby-inner.guide .res-tabs{flex-wrap:wrap}.guide-table{width:100%;border-collapse:collapse;font-size:13px}.guide-table th{text-align:left;font-size:11px;font-weight:600;color:var(--muted);padding:4px 8px;border-bottom:1px solid #33343f}.guide-table td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}.guide-table.guide-stats td:first-child{white-space:nowrap}.guide-table.guide-stats .guide-source{width:30%}.guide-list{gap:10px}.guide-list h3{margin:6px 0 2px;font-family:Cinzel,Gowun Batang,serif;font-size:14px;color:var(--gold-light)}.guide-group.cc h3{color:#ff9a7a}.guide-group.debuff h3{color:#c79aff}.guide-group.buff h3{color:#9fe08a}.guide-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px 14px}.guide-group>h3{grid-column:1 / -1}.guide-row{display:flex;gap:10px;align-items:flex-start}.guide-ico{flex:none;width:32px;height:32px;border-radius:4px;display:grid;place-items:center;font-size:22px;object-fit:cover}.guide-name{font-weight:700;color:var(--gold-light)}.guide-desc{font-size:13px;color:var(--ink);opacity:.85}.guide-misc{margin:0;padding-left:18px;font-size:13px;display:flex;flex-direction:column;gap:4px}.guide-shop .shop-tiers{max-height:none;overflow:visible}.guide-shop .shop-item .ico{width:100%;aspect-ratio:1;height:auto;display:grid;place-items:center}.guide-shop .sd-icon{width:48px;height:48px;display:grid;place-items:center}.guide-shop .shop-detail{align-self:start;position:sticky;top:12px}@media(max-width:720px){.guide-shop .shop-body{grid-template-columns:1fr}.guide-shop .shop-detail{position:static;order:-1}.guide-table.guide-stats td:first-child{white-space:normal}}.guide-filter{display:flex;gap:6px;flex-wrap:wrap}.guide-filter .mini-btn{flex:none;padding:4px 12px}.guide-heroes-filter{display:flex;gap:4px;flex-wrap:wrap}.guide-hero-chip{width:36px;height:36px;padding:0;border:2px solid #40424f;border-radius:4px;overflow:hidden;background:#0c0d12;opacity:.7}.guide-hero-all{flex:none;height:34px;margin:1px;padding:0 10px;border-radius:4px}.guide-hero-chip:hover{opacity:1}.guide-hero-chip.on{opacity:1;border-color:var(--hero, var(--frame));box-shadow:0 0 8px var(--hero, var(--glow))}.guide-hero-img{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;font-size:18px}.guide-tag{margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px;vertical-align:2px;color:var(--muted);background:#ffffff0f;border:1px solid #40424f;border-radius:8px}.guide-tag:hover{color:var(--gold-light)}.guide-filter .bd-new{margin-left:auto;height:30px;padding:0 16px;font-size:13px}.bd-card{--hero: #888;display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#0000004d;border:1px solid #33343f;border-left:3px solid var(--hero);border-radius:4px}.bd-head{display:flex;align-items:center;gap:10px}.bd-hero{flex:none;width:40px;height:40px;border-radius:4px;object-fit:cover;display:grid;place-items:center;font-size:24px}.bd-head-text{flex:1;min-width:0}.bd-title{font-weight:700;color:var(--gold-light);overflow-wrap:anywhere}.bd-meta{font-size:12px}.bd-owner{padding:0;background:none;border:none;color:inherit;font:inherit;text-decoration:underline dotted}.bd-owner:hover{color:var(--gold-light)}.bd-actions{display:flex;gap:4px;flex:none}.bd-like{flex:none;display:flex;align-items:center;gap:5px;padding:4px 12px}.bd-copy{flex:none;padding:4px 12px}.bd-copied{color:#9be29b;font-size:12px}.bd-like-heart{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round}.bd-like.on .bd-like-heart{fill:#ff7a8c;stroke:#ff7a8c}.bd-like-count{font-weight:700}.bd-actions .mini-btn{flex:none;width:auto;padding:4px 14px}.bd-actions .mini-btn.danger{color:#ff8a7a}.bd-line{display:flex;align-items:center;gap:4px 12px;flex-wrap:wrap}.bd-line.edit{flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px;background:#0000004d;border:1px solid #33343f;border-radius:4px}.bd-line-head{display:flex;align-items:center;justify-content:space-between}.bd-line-tools{display:flex;gap:4px}.bd-line-tools .mini-btn{width:28px;height:24px;padding:0}.bd-slots{display:flex;align-items:center;gap:4px;flex:none}.bd-gap{width:8px}.bd-slot{position:relative;width:36px;height:36px;padding:0;display:grid;place-items:center;flex:none;font-size:18px;color:var(--muted);background:radial-gradient(circle,#2b2c37,#0c0d12);border:2px solid #40424f;border-radius:4px}.bd-slot.spell{border-radius:50%}.bd-slot.empty{border-style:dashed;opacity:.6}button.bd-slot:hover{border-color:var(--frame);opacity:1}.bd-slot .ico{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:grid;place-items:center;font-size:20px}.bd-key{position:absolute;right:-4px;bottom:-5px;font-size:10px;font-weight:700;color:var(--gold-light);text-shadow:0 0 2px #000,0 0 2px #000}.bd-note{flex:1;min-width:160px;font-size:13px;color:var(--ink);opacity:.85;overflow-wrap:anywhere}.bd-field{display:flex;flex-direction:column;gap:4px}.bd-add,.bd-more{align-self:flex-start;padding:4px 14px}.bd-save-row{display:flex;justify-content:flex-end;gap:8px}.bd-save-row .wc-button{min-width:110px}.bd-picker-backdrop{position:fixed}.settings.bd-picker{width:min(640px,100%)}.bd-picker .settings-body{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.bd-clear{align-self:flex-start;padding:4px 12px}@media(max-width:720px){.bd-head{flex-wrap:wrap}.bd-slot{width:32px;height:32px}}.guide-keys{display:flex;flex-direction:column;gap:8px}.guide-key-row{display:grid;grid-template-columns:170px 1fr;gap:12px;align-items:start}.guide-kbd{display:flex;flex-wrap:wrap;align-items:center;gap:2px;font-size:12px;color:var(--muted)}.guide-kbd kbd{min-width:22px;padding:2px 6px;font-family:inherit;font-size:12px;font-weight:700;text-align:center;color:var(--gold-light);background:linear-gradient(#2b2c37,#15161d);border:1px solid #50525f;border-bottom-width:3px;border-radius:4px}@media(max-width:720px){.guide-key-row{grid-template-columns:1fr;gap:4px}}.draft-spells{display:flex;align-items:center;gap:6px;flex:none}.draft-spells-label{font-size:11px;color:var(--muted);max-width:4.5em;line-height:1.2}.draft-spell-slot{position:relative}.draft-spell{position:relative;width:46px;height:46px;padding:0;display:grid;place-items:center;background:radial-gradient(circle,#2b2c37,#0c0d12);border:2px solid var(--frame-dark);border-radius:6px}.draft-spell:hover,.draft-spell.on{border-color:var(--frame);box-shadow:0 0 8px var(--glow)}.draft-spell-img{width:100%;height:100%;object-fit:cover;border-radius:4px;display:grid;place-items:center;font-size:24px}.draft-spell-key{position:absolute;right:1px;bottom:-1px;font-size:11px;font-weight:700;color:var(--gold-light);text-shadow:0 0 2px #000,0 0 3px #000}.draft-spell-menu{position:absolute;bottom:calc(100% + 6px);left:0;z-index:30;display:flex;flex-direction:column;gap:2px;width:190px;padding:6px}.draft-spell-opt{display:flex;align-items:center;gap:8px;padding:4px 6px;text-align:left;font-size:13px;color:var(--ink);background:none;border:1px solid transparent;border-radius:4px}.draft-spell-opt:hover{background:#ffffff0f}.draft-spell-opt.on{border-color:var(--frame)}.draft-spell-opt .draft-spell-img{width:28px;height:28px;flex:none}.draft-seat-spells{position:absolute;top:4px;right:4px;display:flex;flex-direction:column;gap:2px}.draft-seat-spell{width:20px;height:20px;border-radius:3px;border:1px solid rgba(0,0,0,.6);object-fit:cover;display:grid;place-items:center;font-size:12px}.lobby-inner.guardian>.builds,.lobby-inner.guardian>.bd-editor{align-self:stretch;min-width:0}.load-spells{position:absolute;right:6px;bottom:52px;z-index:1;display:flex;flex-direction:column;gap:3px}.load-spell{width:28px;height:28px;border-radius:4px;border:1px solid rgba(0,0,0,.7);box-shadow:0 1px 4px #0009;object-fit:cover;display:grid;place-items:center;font-size:16px}@container (max-height: 670px) or (max-width: 720px){.load-spells{position:static;gap:2px}.load-spell{width:clamp(16px,calc(var(--card-h) * .17),25px);height:clamp(16px,calc(var(--card-h) * .17),25px);border-radius:3px;font-size:13px}.load-row{gap:6px}}@container (max-width: 720px){.loading-inner{--card-h: max(72px, min(300px, calc((90cqh - 380px)/2) , calc((100cqw - 205px) / 3.1)))}}@container (max-height: 670px){.loading-inner{--card-h: max(96px, min(220px, calc((90cqh - 190px)/2) , calc((100cqw - 205px) / 3.1)))}}@container (max-height: 425px){.loading-inner{--card-h: max(72px, min(220px, calc((96cqh - 190px)/2) , calc((100cqw - 205px) / 3.1)))}}@media(max-width:720px),(max-height:500px){.draft-spell{width:34px;height:34px;border-radius:4px}.draft-spells{gap:4px}.draft-spells-label{display:none}.draft-spell-key{font-size:9px}}.draft-seat-spell{width:clamp(10px,calc(var(--portrait) * .23),25px);height:clamp(10px,calc(var(--portrait) * .23),25px);font-size:clamp(8px,calc(var(--portrait) * .14),14px)}.draft-seat-spells{top:auto;right:clamp(1px,calc(var(--portrait) * .03),4px);bottom:24px;z-index:1;gap:1px}@media(max-width:720px),(max-height:500px){.draft-seat-spells{bottom:clamp(1px,calc(var(--portrait) * .03),4px)}}.reel-backdrop{z-index:60}.reel{width:min(880px,100%);max-height:100%;display:flex;flex-direction:column;gap:8px;padding:10px;animation:confirm-fade .15s ease-out}.reel-head{display:flex;align-items:center;gap:10px;min-width:0}.reel-head .mini-btn{flex:none;padding:4px 12px}.reel-tabs{display:flex;gap:4px;flex:none}.reel-tab{position:relative;width:38px;height:38px;padding:0;border:1px solid var(--frame-dark);border-radius:4px;background:#0a0b10;opacity:.6;cursor:var(--cursor-hover);transition:opacity .12s,box-shadow .12s}.reel-tab:hover{opacity:.9}.reel-tab.on{opacity:1;box-shadow:0 0 0 1px var(--gold),0 0 10px color-mix(in srgb,var(--hero) 60%,transparent)}.reel-tab-ico{width:100%;height:100%;font-size:20px;line-height:36px;border-radius:3px;object-fit:cover}.reel-tab .skill-key{position:absolute;left:-1px;bottom:-1px;padding:0 3px;font-size:10px;line-height:13px}.reel-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--gold-light)}.reel-stage{position:relative;aspect-ratio:16 / 9;border:1px solid var(--frame-dark);border-radius:4px;overflow:hidden;background:#86a6c0}.reel-status{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink);background:#0c0d12}.reel-loading{display:inline-flex;align-items:center;gap:8px;color:var(--gold-light)}.reel-level{position:absolute;top:8px;right:8px;padding:2px 8px;font-size:12px;font-weight:700;color:var(--gold-light);background:#0a0b10b8;border:1px solid var(--frame-dark);border-radius:3px;pointer-events:none}.reel-steps{display:flex;justify-content:center;gap:6px}.reel-step{flex:none;min-width:34px;padding:4px 10px;font-size:12px;font-weight:700}.reel-caption{font-size:19px;font-weight:700;line-height:1.45;text-align:center;color:var(--gold-light)}.reel-desc{max-height:24vh;overflow-y:auto;font-size:15px;line-height:1.6;color:var(--ink)}@media(max-width:560px){.reel{padding:8px}.reel-head{flex-wrap:wrap}.reel-name{order:3;flex-basis:100%}.reel-head .mini-btn{margin-left:auto}.reel-caption{font-size:16px}.reel-desc{font-size:14px}}.reel-body{min-height:0;display:flex;flex-direction:column;gap:8px}@media(max-width:720px),(max-height:500px){.reel-backdrop{padding:8px}.reel-body{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.reel-body>*{flex:none}.reel-desc{max-height:none;overflow:visible}}.potg{display:flex;flex-direction:column;gap:10px}.potg-banner{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;background:linear-gradient(90deg,#0a0b10e0,#0a0b1099);border:1px solid var(--frame-dark);border-left:3px solid var(--hero);border-radius:4px;pointer-events:none;animation:potg-in .35s ease-out}@keyframes potg-in{0%{opacity:0;transform:translate(-16px)}}.potg-rank{font-family:Cinzel,Gowun Batang,serif;font-size:22px;font-weight:900;color:var(--gold)}.potg-portrait{width:44px;height:44px;border-radius:4px;object-fit:cover;font-size:30px;line-height:44px;text-align:center;box-shadow:0 0 0 1px var(--hero)}.potg-title{font-size:19px;font-weight:700;color:var(--gold-light)}.potg-name{font-size:13px;color:var(--ink)}.potg-stats{position:absolute;left:50%;bottom:12px;transform:translate(-50%);max-width:calc(100% - 24px);padding:5px 14px;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);background:#0a0b10bf;border:1px solid var(--frame-dark);border-radius:4px;pointer-events:none}.potg-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.potg-chip{display:flex;align-items:center;gap:6px;max-width:160px;padding:3px 10px 3px 3px;font-size:12px;color:var(--muted);background:#0a0b10;border:1px solid var(--frame-dark);border-radius:4px;opacity:.75;cursor:var(--cursor-hover)}.potg-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.potg-chip.mine{color:var(--gold-light)}.potg-chip.on{opacity:1;color:#fff;box-shadow:0 0 0 1px var(--hero),0 0 10px color-mix(in srgb,var(--hero) 50%,transparent)}.potg-chip-img{width:26px;height:26px;border-radius:3px;object-fit:cover;font-size:18px;line-height:26px;text-align:center}@media(max-width:560px){.potg-banner{top:6px;left:6px;padding:4px 10px 4px 4px;gap:6px}.potg-rank{font-size:16px}.potg-portrait{width:30px;height:30px}.potg-title{font-size:14px}.potg-stats{bottom:6px;font-size:11px}}.bd-choose .settings-body{max-height:min(70vh,640px);margin-block:-2px;padding-block:2px}.bd-choose .bd-hero-only{margin-left:auto}.bd-choose-hint{font-size:12px;line-height:1.5}.bd-choose-line,.bd-choose-card{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:var(--cursor-hover);transition:background .12s,box-shadow .12s}.bd-choose-line{padding:4px 6px;background:transparent;border:1px solid transparent;border-radius:4px}.bd-choose-line:hover,.bd-choose-card:hover{background:#ffffff0f;box-shadow:0 0 0 1px var(--hero, var(--gold))}.bd-choose-line:hover{border-color:var(--frame-dark)}.draft-from-build{flex:none;align-self:center;margin-left:6px}.draft-actions .wc-button.draft-from-build,.wc-button.draft-from-build{flex:none;height:46px;padding:0 14px;font-size:13px;white-space:nowrap}@media(max-width:720px),(max-height:500px){.draft-actions .wc-button.draft-from-build{height:34px;padding:0 10px;font-size:12px}.draft-actions .draft-from-build{margin-left:2px}.draft-actions .draft-build-title{font-size:11px}.draft-actions .draft-build-line{font-size:9px}}.wc-button.draft-from-build.chosen{max-width:220px;text-transform:none;letter-spacing:.02em;border-color:var(--gold-dark)}.draft-build-chosen{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15}.draft-build-title{max-width:100%;overflow:hidden;font-size:13px;color:var(--gold-light);text-overflow:ellipsis;white-space:nowrap}.draft-build-line{font-size:11px;font-weight:400;color:var(--muted)}.practice-actions .wc-button{height:46px;padding:0 22px}.shop-build{display:flex;align-items:center;gap:8px;margin:8px 0 2px;padding:6px 8px;background:#ffffff08;border:1px solid #33343f;border-radius:4px}.shop-build.none{justify-content:flex-start;padding:4px 8px}.shop-build.none .mini-btn{flex:none;height:34px;padding:0 12px}.shop-build-select{position:relative;flex:0 1 190px;min-width:0}.shop-build-current{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;column-gap:6px;width:100%;height:34px;padding:0 8px;line-height:1.2;text-align:left;cursor:var(--cursor-hover)}.shop-build-title{overflow:hidden;font-size:12px;font-weight:700;color:var(--gold-light);text-overflow:ellipsis;white-space:nowrap}.shop-build-line{overflow:hidden;font-size:11px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.shop-build-current .shop-build-line{grid-column:1;color:#b9c4d6}.shop-build-caret{grid-column:2;grid-row:1 / 3;align-self:center;font-size:11px;color:var(--gold)}.shop-build-menu{position:absolute;z-index:5;top:calc(100% + 4px);left:0;width:max(100%,300px);max-height:260px;display:flex;flex-direction:column;padding:4px}.shop-build-menu-list{min-height:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.shop-build-opt{flex:none;max-width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:4px 6px;text-align:left;color:inherit;background:transparent;border:1px solid transparent;border-radius:3px;cursor:var(--cursor-hover)}.shop-build-opt:hover{background:#ffffff0f}.shop-build-opt.on{border-color:var(--frame-dark);background:#1b2a45}.shop-build-mini{display:flex;gap:2px}.shop-build-mini .ico{width:20px;height:20px;font-size:14px;line-height:20px;border-radius:2px}.shop-build-slots{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.shop-build-slots .tree-item{cursor:var(--cursor-hover)}.shop-build-slots .tree-item.empty{opacity:.35;cursor:default}.shop-build-slots .tree-item .ico{width:30px;height:30px}.shop-build-slots .tree-item.owned{opacity:.7}.shop-build-slots .spell-key{position:absolute;left:1px;bottom:0;font-size:10px;font-weight:700;color:var(--gold-light);text-shadow:0 0 2px #000}.shop-build-gap{width:6px}.shop-build-tools{display:flex;gap:4px}.shop-build-tools .mini-btn{flex:none;width:34px;height:34px;padding:0}@media(max-width:560px){.shop-build{flex-wrap:wrap}.shop-build-select{flex:1 1 auto}.shop-build-slots{order:3;flex-basis:100%}}.home-create{display:flex;flex-direction:column;gap:10px}.lobby-inner.home>.lobby-panel{width:min(340px,100%);padding:12px;gap:10px}.lobby-inner.home .home-create{gap:8px}.home-create .wc-button{margin-top:0}.home-btn{display:flex;align-items:center;gap:14px;padding-left:14px}.home-btn-ico{width:34px;height:34px;flex:none;border-radius:50%;object-fit:cover;font-size:22px;line-height:34px;text-align:center;box-shadow:0 0 0 1px #070a10,0 0 0 2px #a9b1c280}.practice-setup{max-width:980px}.practice-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.practice-head-ico{width:52px;height:52px;border-radius:50%;object-fit:cover;font-size:34px;line-height:52px;text-align:center;box-shadow:0 0 0 2px var(--frame-dark)}.practice-title{font-family:Cinzel,Gowun Batang,serif;font-size:22px;font-weight:900;color:var(--gold-light)}.practice-sub{font-size:13px}.practice-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.practice-gap{flex:1}.practice-panel{position:absolute;left:12px;top:86px;z-index:6;display:flex;flex-direction:column;gap:6px;pointer-events:auto}.practice-btn{display:flex;align-items:center;gap:8px;min-width:150px;padding:3px 12px 3px 3px;font-size:13px;font-weight:700;text-align:left;cursor:var(--cursor-hover)}.practice-btn.wc-button{letter-spacing:.04em;text-transform:none;padding:3px 14px 3px 3px}.practice-btn.wc-button.toggle{color:var(--gold-light)}.practice-btn:disabled{cursor:default}.practice-ico{flex:none;width:32px;height:32px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px #000,0 0 0 2px #82a0d259}.practice-count{padding-left:6px;font-size:11px;color:var(--muted);text-shadow:0 0 3px #000}.practice-panel.touch{left:calc(var(--safe-left) + 6px);top:calc(var(--safe-top) + 146px);bottom:auto;flex-direction:row;align-items:center;gap:5px}.practice-panel.touch .practice-btn{min-width:0;width:43px;height:43px;padding:0;justify-content:center;color:var(--ink);background:linear-gradient(180deg,#1e212deb,#0c0d12eb);border:1px solid var(--frame-dark);border-radius:50%;box-shadow:0 2px 6px #00000080;transition:border-color .12s,filter .12s}.practice-panel.touch .practice-btn:active:not(:disabled){filter:brightness(.9)}.practice-panel.touch .practice-btn:disabled{opacity:.45}.practice-panel.touch .practice-btn.toggle{position:relative;color:var(--gold-light);border:2px solid var(--gold);box-shadow:0 0 0 1px #000,0 0 8px color-mix(in srgb,var(--gold) 45%,transparent),0 2px 6px #00000080}.practice-fold{position:absolute;right:-5px;bottom:-5px;width:18px;height:18px;display:grid;place-items:center;font-size:11px;font-style:normal;line-height:1;color:#1a1206;background:linear-gradient(180deg,#f0d17e,#a77a2c);border:1px solid #000;border-radius:50%}.practice-sep{flex:none;width:2px;height:28px;margin:0 2px;border-radius:1px;background:color-mix(in srgb,var(--gold) 55%,transparent);box-shadow:0 0 0 1px #0009}.practice-panel.touch .practice-btn span{display:none}.practice-panel.touch .practice-ico{width:38px;height:38px;border-radius:50%;box-shadow:0 0 0 1px #000}.practice-panel.touch .practice-count{padding:0 0 0 2px;white-space:nowrap}@media(max-width:560px){.home-create{flex-direction:column}}.reel-hud{position:absolute;inset:0;overflow:hidden;pointer-events:none}.reel-hud .killfeed{top:10px;right:10px;transform:scale(.8);transform-origin:top right}.reel-hud .announce{font-size:clamp(18px,2.6vw,30px)}.reel-hud .announce.multikill{top:calc(18% + 42px);gap:8px}.reel-hud img.multikill-face{width:36px;height:36px}.app-shell{display:flex;height:100%}.app-main{position:relative;flex:1;min-width:0;height:100%}.side-panel{--corner: 30px;display:flex;flex-direction:column;width:300px;height:100%;z-index:40}.side-panel.docked{flex:none;height:auto;margin:calc(var(--safe-top) + 14px) calc(var(--safe-right) + 14px) calc(var(--safe-bottom) + 14px) 4px}.side-panel.over{position:fixed;top:calc(var(--safe-top) + 12px);right:calc(var(--safe-right) + 10px);bottom:calc(var(--safe-bottom) + 10px);height:auto;width:min(330px,calc(88vw - var(--safe-left) - var(--safe-right)));z-index:61;animation:side-in .18s ease-out}@keyframes side-in{0%{transform:translate(40px);opacity:0}}.side-backdrop{position:fixed;inset:0;z-index:60;background:#0405098c}.side-fab{position:fixed;top:calc(var(--safe-top) + 12px);right:calc(var(--safe-right) + 12px);z-index:55;width:48px;height:48px;padding:0;border:2px solid transparent;border-radius:6px;background:linear-gradient(180deg,#222633,#0d0f15) padding-box,var(--steel) border-box;box-shadow:0 0 0 1px #000,0 4px 14px #0009;cursor:var(--cursor-hover);transition:filter .12s,box-shadow .12s}.side-fab:hover{filter:brightness(1.15);box-shadow:0 0 0 1px #000,0 0 12px var(--glow),0 4px 14px #0009}.side-fab .side-face,.side-fab .side-avatar{width:100%;height:100%}.side-fab .presence-dot{display:none}.side-fab-online,.side-fab-alert{position:absolute;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font:700 11px/16px Cinzel,Gowun Batang,serif;text-align:center;border:1px solid #000;pointer-events:none}.side-fab-online{left:-6px;bottom:-6px;color:#0c1f12;background:#5ce07c}.side-fab-alert{top:-6px;right:-6px;color:#fff;background:#d8463a;box-shadow:0 0 8px #d8463acc;animation:draft-blink 1.4s ease-in-out infinite}@media(max-width:1120px){body.with-side-fab .app-main .lobby-inner{padding-left:68px;padding-right:68px}}.side-toasts{position:fixed;top:calc(var(--safe-top) + 70px);right:calc(var(--safe-right) + 12px);z-index:55;display:flex;flex-direction:column;gap:8px;width:min(300px,calc(100vw - 24px - var(--safe-left) - var(--safe-right)))}.side-toasts .side-invite{padding:10px;background:var(--panel);border:1px solid var(--frame-dark);border-left:3px solid var(--gold);border-radius:4px;box-shadow:0 6px 18px #000000b3;animation:side-in .25s ease-out}.side-face{position:relative;display:inline-flex;flex:none}.side-avatar{width:44px;height:44px;border-radius:4px;object-fit:cover;font-size:22px;line-height:44px;text-align:center;color:var(--gold-light);background:#0a0b10;box-shadow:0 0 0 1px var(--frame-dark)}.side-avatar.small{width:32px;height:32px;font-size:16px;line-height:32px}.side-me{display:flex;align-items:center;gap:8px;padding:14px 12px 12px;border-bottom:1px solid #33343f;background:linear-gradient(180deg,rgba(110,150,220,.12),transparent)}.side-me-who{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0;color:inherit;text-align:left;background:none;border:0;cursor:var(--cursor-hover)}.side-me-text{display:flex;flex-direction:column;min-width:0}.side-me-text b{font-size:17px;color:var(--gold-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-me-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.side-me-link svg{width:6px;height:9px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.side-me-who:hover .side-me-link{color:var(--ink)}.side-me-actions{display:flex;gap:4px}.side-icon-btn{width:30px;height:30px;padding:0;font-size:15px;line-height:1;color:#dde4ef;background:linear-gradient(180deg,#364b6c,#293b58);border:1px solid #070a10;border-radius:2px;box-shadow:inset 0 1px #bed7ff38,0 0 0 1px #3c4352;cursor:var(--cursor-hover)}.side-icon-btn:hover{filter:brightness(1.2)}.side-icon-btn.small{width:22px;height:22px;font-size:14px}.side-icon-btn.on{background:linear-gradient(180deg,#557bb2,#3a5b8a);box-shadow:inset 0 1px #d2e6ff66,0 0 0 1px #6f8fc0}.side-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 0 40px}.side-section{padding:8px 12px 6px}.side-section-head{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-family:Cinzel,Gowun Batang,serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.side-section-head>span:first-child{flex:1}.side-section-head .badge{margin-left:0}.side-msg{font-size:13px;padding:4px 0}.side-hint{font-size:12px}.side-add{display:flex;gap:6px;align-items:stretch;margin-bottom:6px}.side-add .wc-input{flex:1;min-width:0}.side-add .wc-input input{width:100%;min-width:0}.side-friend,.side-invite{display:flex;align-items:center;gap:8px;padding:5px 0}.side-friend+.side-friend{border-top:1px solid rgba(255,255,255,.04)}.side-friend.offline .side-friend-who{opacity:.6}.side-friend-who{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0;color:inherit;text-align:left;background:none;border:0;cursor:var(--cursor-hover)}.side-friend-who:hover b{color:var(--gold-light)}.side-friend-text{display:flex;flex-direction:column;min-width:0}.side-friend-text b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-friend-seen{font-size:11px;color:var(--muted)}.side-friend.online .side-friend-seen{color:#8fe0a4}.side-friend.game .side-friend-seen{color:#9cc8ff}.side-invite-text{flex:1;min-width:0;font-size:13px;line-height:1.3}.side-row-actions{display:flex;gap:4px;flex:none}.wc-button.side-small,.mini-btn.side-small{flex:none;margin:0;padding:4px 10px;font-size:11px;letter-spacing:.04em}.wc-button.side-small.sent{filter:none;color:#c9f5d4;background:linear-gradient(180deg,#2a5a36,#16331d)}body.touch .side-panel.over{width:min(320px,70vw)}body.touch .wc-button.side-small,body.touch .mini-btn.side-small{min-height:32px}body.touch .side-icon-btn{width:36px;height:36px}body.touch .side-fab{top:calc(var(--safe-top) + 8px);right:calc(var(--safe-right) + 8px);width:42px;height:42px}body.touch .side-toasts{top:calc(var(--safe-top) + 58px)}@media(max-height:500px){.side-me{padding:8px 10px}.side-avatar{width:36px;height:36px;line-height:36px}.side-avatar.small{width:28px;height:28px;line-height:28px}}.lobby-inner.clip-page{gap:12px}body:not(.touch) .lobby-inner.clip-page{max-width:max(980px,min(1440px,calc((100vh - 330px) * 16 / 9 + 64px)))}.lobby-inner.clip-page>.wc-panel{align-self:stretch}.clip-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px}.clip-views{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--muted)}.clip-views svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.clip-bar .mini-btn{flex:none;padding:4px 12px}.clip-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.clip-info-img{width:48px;height:48px;border-radius:4px;object-fit:cover;font-size:30px;line-height:48px;text-align:center;box-shadow:0 0 0 1px var(--hero)}.clip-info-text{flex:1;min-width:160px}.clip-info-title{font-size:20px;font-weight:700;color:var(--gold-light)}.lobby-inner.games-page{gap:14px}.lobby-inner.games-page .games{margin:0}.game-age{font-size:12px}.games .gd-pager{margin-top:6px}body.touch .lobby .lobby-inner.clip-page,body.touch .app-main .lobby-inner.clip-page{max-width:none;padding:0 0 16px;gap:10px}body.touch .clip-page>.logo{display:none}body.touch .clip-page>.potg{padding:0;border:0;border-radius:0;background:none;box-shadow:none}body.touch .clip-page>.potg:before{display:none}body.touch .clip-page .reel-stage{aspect-ratio:auto;width:100%;height:100vh;height:100dvh;border:0;border-radius:0}body.touch .clip-page .clip-info{padding:4px calc(var(--safe-right) + 16px) 0 calc(var(--safe-left) + 16px)}body.touch .lobby:has(>.clip-page){padding:0}body.touch .lobby .lobby-inner.clip-page{padding-bottom:calc(var(--safe-bottom) + 16px)}body.touch .clip-page .reel-logo{top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 10px)}body.touch .clip-page .reel-stage:has(.reel-logo) .potg-banner{top:calc(var(--safe-top) + 10px + 38px);right:calc(var(--safe-right) + 10px)}body.touch .clip-page .reel-hud .killfeed,body.touch .clip-page .reel-stage:has(.reel-logo) .reel-hud .killfeed{top:calc(var(--safe-top) + 86px);right:calc(var(--safe-right) + 10px)}body.touch .clip-page .potg-stats{bottom:calc(var(--safe-bottom) + 12px)}body.touch:has(.clip-page) .side-fab{display:none}.clip-actions{flex:1 1 auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.clip-actions .clip-nav{display:flex;gap:10px;margin-left:auto}.clip-actions .clip-views,.clip-top .clip-views{font-size:15px}.clip-actions .clip-views svg,.clip-top .clip-views svg{width:18px;height:18px}.clip-page .clip-actions button,.clip-page .clip-top .clip-bar button{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;margin:0;padding:0 14px;font-family:Cinzel,Gowun Batang,serif;font-size:14px;font-weight:700;letter-spacing:.04em;line-height:1}body.touch .clip-page .clip-actions button,body.touch .clip-page .clip-top .clip-bar button{height:42px}.clip-actions .bd-like-heart,.clip-top .bd-like-heart{width:18px;height:18px}.guide-hl-points{white-space:nowrap;font-weight:700;color:var(--gold-light)}.side-face-btn{position:relative;flex:none;padding:0;background:none;border:0;border-radius:4px;cursor:var(--cursor-hover)}.side-face-btn:hover .side-avatar,.side-face-btn.on .side-avatar{box-shadow:0 0 0 1px var(--gold),0 0 10px #d8b25a66}.side-face-edit{position:absolute;left:-4px;bottom:-4px;width:18px;height:18px;display:grid;place-items:center;font-size:10px;color:var(--ink);background:#0c0e14;border:1px solid var(--gold-dark);border-radius:50%;pointer-events:none}.side-avatars{max-height:46vh;overflow-y:auto;padding:10px 12px;border-bottom:1px solid #33343f;background:#00000040}.side-avatars .gd-avatar-grid{grid-template-columns:repeat(5,1fr)}.clip-share{display:flex;align-items:center;gap:5px}.clip-share svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.clip-rec{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100% - 32px));display:flex;flex-direction:column;gap:12px;padding:18px 20px;color:#fff;text-align:center;background:#0a0b10d1;border:1px solid #b03a30;border-radius:6px;box-shadow:0 8px 30px #000000b3,0 0 24px #ff3b3040;pointer-events:none;animation:potg-in .25s ease-out}.clip-rec-head{display:flex;align-items:center;justify-content:center;gap:10px;font-family:Cinzel,Gowun Batang,serif;font-size:22px;font-weight:700}.clip-rec-time{font-size:16px;font-variant-numeric:tabular-nums;color:var(--muted)}.clip-rec-bar{height:6px;overflow:hidden;background:#ffffff1f;border-radius:3px}.clip-rec-bar span{display:block;height:100%;background:linear-gradient(90deg,#ff6a5a,#ff3b30);transition:width .2s linear}.clip-rec-note{font-size:13px;line-height:1.45;color:var(--ink)}.clip-rec.waiting .clip-rec-bar,.clip-rec.saving .clip-rec-bar span{opacity:.5}.clip-rec i{width:14px;height:14px;border-radius:50%;background:#ff3b30;box-shadow:0 0 8px #ff3b30;animation:draft-blink 1s ease-in-out infinite}.clip-shape{margin:0}.clip-shape{gap:4px}.lobby-inner.clip-page.tall .reel-stage{aspect-ratio:9 / 16;width:min(100%,calc((100vh - 200px)*.5625));min-width:300px;margin:0 auto}.clip-page.tall .reel-hud .killfeed{top:86px}body.touch .clip-page.tall .reel-stage{min-width:0}@media(orientation:landscape){body.touch .clip-page.tall .reel-stage{width:56.25dvh;height:100dvh}}@media(orientation:portrait){body.touch .clip-page.tall .reel-stage{width:100%;height:100dvh}body.touch .clip-page.wide .reel-stage{aspect-ratio:16 / 9;height:auto}}.clip-top{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.clip-top .clip-bar{margin-left:auto}.clip-top .clip-info-text{min-width:0}.clip-top{flex:1 1 auto}.clip-top .clip-info-text>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-top .clip-bar .bd-like{flex:none}.clip-page.tall .clip-info{flex-direction:column;align-items:stretch}.clip-page.tall .clip-actions{flex-wrap:wrap;gap:8px}.clip-page.tall .clip-actions>.clip-nav{flex:1 1 100%;gap:8px;margin-left:0}.clip-page.tall .clip-actions .clip-nav>button{flex:1 1 0;min-width:0}.clip-page.tall .clip-actions>*,.clip-page.tall .clip-actions .clip-bar>button,.clip-page.tall .clip-actions .clip-shape>button{flex:1 1 0;min-width:0}.clip-page.tall .clip-actions .clip-bar,.clip-page.tall .clip-actions .clip-shape{display:flex;gap:8px}.clip-page.tall .clip-actions button{padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){body.with-side-fab .app-main .lobby-inner{padding-left:12px;padding-right:12px;padding-top:64px}.teams{grid-template-columns:1fr}.vs{justify-self:center;font-size:18px}.res-tabs{flex-wrap:wrap;justify-content:center}.lobby-inner.guide .matches-head>.head-nav{order:-1;margin-left:auto}.lobby-inner.guide .matches-head>.res-tabs{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.lobby-inner.guide .matches-head>.res-tabs .mini-btn{height:auto;padding:6px 2px}.res-actions{flex-direction:column;align-items:stretch;width:100%}.res-actions .wc-button.big{margin-top:0}.room-actions{display:grid;grid-template-columns:1fr 1fr}.room-actions>.wc-button.big,.room-actions>.muted{grid-column:1 / -1;order:-1;text-align:center}.room-actions>:first-child:nth-last-child(2){grid-column:1 / -1}}body.touch .controls-help{display:none}@media(max-width:600px){.room-actions>.wc-button{width:100%;margin:0}}@media(max-width:600px){.practice-actions{display:grid;grid-template-columns:1fr 1fr}.practice-actions>:first-child{grid-column:1 / -1}.practice-gap{display:none}.practice-actions>.wc-button{width:100%}}.lobby-inner.results .potg .clip-bar button{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 12px;font-size:12px;line-height:1}.lobby-inner.results .potg .clip-bar .clip-views{font-size:13px}.lobby-inner.home>.lobby-panel.playing{width:min(760px,100%);padding:14px 16px}.play{display:flex;flex-direction:column;gap:14px}.play-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.play-mode{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 12px;border:1px solid #33343f;border-radius:6px;background:linear-gradient(180deg,#282e3ed9,#0c0e14e6);color:var(--ink);text-align:center;cursor:var(--cursor-hover);transition:border-color .15s,box-shadow .15s,transform .15s}.play-mode:hover:not(:disabled){border-color:var(--frame-dark);transform:translateY(-1px)}.play-mode.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-dark),0 0 18px #d8b25a47 inset}.play-mode:disabled{cursor:var(--cursor)}.play-mode:disabled:not(.on){opacity:.55}.play-mode-icon{font-size:30px;line-height:1.2}.play-mode-name{font-family:Cinzel,Gowun Batang,serif;font-size:16px;font-weight:700;color:var(--gold-light)}.play-mode-vs{font-size:12px;font-weight:700;color:var(--frame-light)}.play-mode-note{font-size:11.5px;line-height:1.4;color:var(--muted)}.play-mode .badge{margin:4px 0 0}.play-party{display:flex;flex-direction:column;gap:8px}.play-party-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.play-party-head .mini-btn{flex:none;width:auto}.play-members{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.play-member{display:flex;align-items:center;gap:8px;min-height:44px;padding:5px 8px;border:1px solid #33343f;border-radius:4px;background:#00000059}.play-member.me{background:#78a0e61f;border-color:var(--frame-dark)}.play-member.empty{justify-content:center;border-style:dashed;font-size:12px;text-align:center}.play-member-img{width:32px;height:32px;flex:none;border-radius:50%;object-fit:cover;font-size:18px;line-height:32px;text-align:center;box-shadow:0 0 0 1px #000}.play-member-name{flex:1;min-width:0;display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}.play-member-rating{font-size:12px;font-weight:700;color:var(--gold-light)}.play .room-actions{margin-top:0}@media(max-width:620px){.play-modes{grid-template-columns:1fr}.play-mode{display:grid;grid-template-columns:40px 1fr;grid-template-areas:"icon name" "icon vs" "icon note" "icon badge";justify-items:start;text-align:left;padding:10px 12px;column-gap:10px;row-gap:2px}.play-mode-icon{grid-area:icon;align-self:center}.play-mode .badge{grid-area:badge}}.queue-timer{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.queue-timer b{font-variant-numeric:tabular-nums;color:var(--gold-light)}.queue-spin{width:14px;height:14px;flex:none;border:2px solid rgba(216,178,90,.25);border-top-color:var(--gold);border-radius:50%;animation:queue-spin 1s linear infinite}@keyframes queue-spin{to{transform:rotate(360deg)}}.queue-bar{position:fixed;top:calc(var(--safe-top) + 12px);left:50%;transform:translate(-50%);z-index:56;display:flex;align-items:center;gap:10px;padding:6px 8px 6px 14px;font-size:13px;max-width:calc(100vw - 140px)}.queue-bar-main{padding:0;border:0;background:none;color:var(--ink);font:inherit;cursor:var(--cursor-hover)}.ready-check-back{position:fixed;inset:0;border:solid transparent;border-width:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);z-index:69;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(circle at center,#281e0a8c,#000000c7);animation:confirm-fade .2s ease-out}.ready-check{width:min(380px,100%);display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 22px 20px;text-align:center;animation:ready-in .35s cubic-bezier(.2,1.4,.4,1)}@keyframes ready-in{0%{transform:scale(.85);opacity:0}}.ready-check-mode{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.ready-check-title{font-family:Cinzel,Gowun Batang,serif;font-size:26px;font-weight:700;color:var(--gold-light);text-shadow:0 0 18px rgba(216,178,90,.45)}.ready-check-time{width:100%;height:6px;border-radius:3px;background:#00000080;box-shadow:0 0 0 1px #2a2f3a;overflow:hidden}.ready-check-time span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light));transition:width 1s linear}.ready-check-pips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.ready-check-pips i{width:14px;height:14px;border-radius:50%;background:#1a1d26;box-shadow:0 0 0 1px var(--frame-dark)}.ready-check-pips i.on{background:var(--hp);box-shadow:0 0 0 1px #0d3a0d,0 0 8px #3fbf3f99}.ready-check-actions{display:flex;gap:10px;width:100%}.ready-check-actions .wc-button{flex:1;margin-top:0}.queue-head{gap:14px}.queue-head-mode{font-family:Cinzel,Gowun Batang,serif;font-weight:700;color:var(--gold-light)}.side-queue{font-size:12.5px}.side-invite.party{padding-left:8px;box-shadow:inset 3px 0 0 var(--gold-dark)}.side-invite-text .error{display:block;margin-top:2px;font-size:11px}.gd-ratings{display:flex;flex-wrap:wrap;gap:8px}.gd-rating{display:flex;align-items:baseline;gap:8px;padding:6px 12px;border:1px solid var(--gold-dark);border-radius:3px;background:#d8b25a14;color:var(--ink);font-size:12px;cursor:var(--cursor-hover)}.gd-rating b{font-size:18px;color:var(--gold-light)}.gd-servers{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}.gd-server{display:flex;align-items:baseline;gap:8px;padding:4px 10px;border:1px solid #4a5060;border-radius:3px;background:#ffffff08;color:var(--ink);font:inherit;cursor:var(--cursor-hover)}.gd-server b{color:var(--gold-light)}.gd-server:disabled{cursor:not-allowed;opacity:.6}.mr-mode{font-size:11px;color:var(--muted);white-space:nowrap}.mr-delta{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.mr-delta.up{color:#6fd66f}.mr-delta.down{color:#e06a5a}.lobby-inner.rankings-page{gap:14px}.rk-panel{width:min(760px,100%);gap:12px}.rk-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.rk-title{margin:0;font-family:Cinzel,Gowun Batang,serif;font-size:22px;color:var(--gold-light)}.rk-me{display:flex;flex-direction:column;gap:4px;font-size:12px}.rk-table{display:flex;flex-direction:column;gap:3px}.rk-row{display:grid;grid-template-columns:44px minmax(0,1fr) 70px 90px 64px;align-items:center;gap:8px;min-height:40px;padding:4px 10px;border:1px solid #262a35;border-radius:3px;background:#0000004d;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:var(--cursor-hover)}button.rk-row:hover{border-color:var(--frame-dark)}.rk-row.rk-labels{min-height:0;border:0;background:none;font-size:11px;color:var(--muted);cursor:var(--cursor)}.rk-row.me{background:#78a0e624;border-color:var(--frame-dark)}.rk-rank{font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.rk-row.top .rk-rank{font-size:16px}.rk-row.top1 .rk-rank{color:#ffd76a;text-shadow:0 0 10px rgba(255,215,106,.6)}.rk-row.top2 .rk-rank{color:#dfe6f2}.rk-row.top3 .rk-rank{color:#e2a26a}.rk-who{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rk-avatar{width:28px;height:28px;flex:none;border-radius:50%;object-fit:cover;font-size:16px;line-height:28px;text-align:center;box-shadow:0 0 0 1px #000}.rk-rating{font-weight:700;color:var(--gold-light);font-variant-numeric:tabular-nums}.rk-record,.rk-wr{font-variant-numeric:tabular-nums;color:var(--muted)}.rk-empty{padding:24px 0;text-align:center}.rk-note{font-size:11.5px}@media(max-width:560px){.rk-row{grid-template-columns:34px minmax(0,1fr) 54px 54px}.rk-record,.rk-labels>:nth-child(4){display:none}}.hl-page{position:absolute;inset:0;background:radial-gradient(ellipse at center,#1c2130,#07080c 75%)}.hl-feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.hl-feed::-webkit-scrollbar{display:none}.hl-slide{height:100%;display:flex;align-items:center;justify-content:center;padding:56px 16px 12px;scroll-snap-align:start;scroll-snap-stop:always}.hl-card{position:relative;height:100%;max-height:900px;aspect-ratio:9 / 16;max-width:100%;border-radius:10px;overflow:hidden;background:#000;box-shadow:0 0 0 1px var(--frame-dark),0 10px 40px #000000b3}.hl-stage,.hl-stage .reel-stage{position:absolute;inset:0}.hl-stage .reel-stage{aspect-ratio:auto;border:0;border-radius:0}.hl-stage .reel-hud .killfeed{top:12px}.reel-cover{position:absolute;inset:0;z-index:1;display:grid;place-items:center;background:#000;transition:opacity .4s ease}.reel-cover.gone{opacity:0;pointer-events:none;transition-duration:.6s}.hl-stage .reel-status{display:none}.reel-cover-status{padding:6px 14px;border-radius:14px;background:#0000008c;font-size:13px}.reel-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7);font-size:80px;display:grid;place-items:center}.reel-cover .reel-loading{position:relative}.hl-info{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:4px;padding:40px 14px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82) 45%);pointer-events:none}.hl-info button{pointer-events:auto}.hl-title{font-family:Cinzel,Gowun Batang,serif;font-size:20px;font-weight:700;color:var(--gold-light);text-shadow:0 1px 4px #000}.hl-who{font-size:13px;color:var(--ink)}.hl-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;pointer-events:auto}.hl-actions .clip-bar{justify-content:flex-start;flex-wrap:wrap}.hl-top{position:absolute;top:calc(var(--safe-top) + 12px);left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:8px}.hl-back{padding:4px 12px;font-size:16px}.hl-filters .mini-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hl-nav{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}.hl-nav .mini-btn{width:44px;height:44px;padding:0;font-size:14px}.hl-empty .res-empty{padding:24px 32px}body.touch .hl-slide{padding:0}body.touch .hl-card>.hl-info{padding-left:calc(var(--safe-left) + 14px);padding-right:calc(var(--safe-right) + 14px);padding-bottom:calc(var(--safe-bottom) + 12px)}body.touch .hl-page .reel-logo{top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 10px)}body.touch .hl-page .hl-stage .potg-stats{bottom:calc(var(--safe-bottom) + 112px)}body.touch .hl-stage .reel-hud .killfeed{top:56px}body.touch .hl-card{height:100%;width:100%;max-height:none;aspect-ratio:auto;border-radius:0;box-shadow:none}body.touch .hl-nav{display:none}body.touch:has(.hl-page) .side-fab{display:none}.hl-stage .potg-stats{bottom:112px}.side-qbox{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.side-qmodes .mini-btn{flex:1 1 0;min-width:0;padding:4px;white-space:nowrap}.side-qmain{width:100%;margin-top:0}.side-qrow{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;font-size:13px}.side-qstate{font-size:13px;text-align:center;color:var(--gold-light)}.side-qstate.muted{color:var(--muted)}.side-qerr{font-size:12px}body:not(.with-side-fab) .queue-bar{display:none}.queue-timer.compact{min-width:0;max-width:100%}.queue-timer-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.home-play{min-width:0;overflow:hidden}.watch-btn{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.watch-left{font-size:10.5px;font-variant-numeric:tabular-nums;opacity:.85}.side-qstart{display:flex;align-items:center;justify-content:center;gap:10px}.side-qicon{width:26px;height:26px;flex:none;border-radius:50%;object-fit:cover;font-size:16px;line-height:26px;text-align:center;box-shadow:0 0 0 1px #070a10,0 0 0 2px #a9b1c280}.hl-box{position:relative;height:100%}.home2{position:relative;height:100%;display:flex;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);overflow:hidden;isolation:isolate}.home2.desk .home2-left{flex:none;width:440px;height:100%;overflow-y:auto;overflow-x:hidden;padding:24px 14px 24px 26px;display:flex;flex-direction:column;align-items:center;gap:16px}.home2-left .logo img{width:340px}.home2-left .home2-menu{padding:12px;gap:10px}.home2-left .home-create{gap:7px}.home2-left .dev-links{width:100%}.home2-left .controls-help{margin-top:0;font-size:11.5px;line-height:1.7}.home2-center{position:relative;flex:1;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden}.home2-center>.home2-play{width:min(760px,calc(100% - 32px));margin:72px auto 24px;padding:14px 16px}.home2-feed-wait{height:100%;display:grid;place-items:center}@media(max-width:1100px){.home2.desk .home2-left{width:340px;padding-left:16px}.home2-left .logo img{width:270px}}.home2.phone>.hl-box{position:absolute;inset:0}.home2.phone .potg-stats{display:none}body.touch .home2.phone .hl-stage .reel-hud .killfeed{top:70px}.home2-bottom{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;flex-direction:column;gap:8px;padding:36px calc(var(--safe-right) + 10px) calc(var(--safe-bottom) + 10px) calc(var(--safe-left) + 10px);background:linear-gradient(180deg,transparent,rgba(0,0,0,.78) 30%);pointer-events:none}.home2-bottom>*{pointer-events:auto}.home2-bottom .rejoin{font-size:13px;padding:6px 10px}.home2-error{text-align:center;font-size:12.5px}.home2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.home2-tile{display:flex;align-items:center;gap:6px;min-width:0;min-height:44px;margin-top:0;padding:5px 6px;font-size:11.5px;letter-spacing:.02em;text-align:left}.home2-tile-ico{width:28px;height:28px;flex:none;border-radius:50%;object-fit:cover;font-size:16px;line-height:28px;text-align:center;box-shadow:0 0 0 1px #070a10,0 0 0 2px #a9b1c280}.home2-tile-label{min-width:0;line-height:1.15;word-break:keep-all;overflow-wrap:anywhere}.home2-tile .queue-timer{gap:4px}.home2-tile .queue-spin{width:10px;height:10px}.home2-info .hl-info{position:static;padding:0 4px;background:none}.home2-info:empty{display:none}.home2-sheet{position:absolute;inset:0;overflow-y:auto;padding:calc(var(--safe-top) + 70px) calc(var(--safe-right) + 10px) calc(var(--safe-bottom) + 20px) calc(var(--safe-left) + 10px)}.home2-sheet>.home2-play{padding:12px}.hl-sound{display:grid;place-items:center;width:34px;height:30px;padding:0}.hl-sound-ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hl-sound-ico path:first-child{fill:currentColor}.hl-sound.on{color:var(--gold-light)}.hl-actions .clip-bar button,.hl-actions>.mini-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;margin:0;padding:0 12px;font-size:12px;line-height:1}body.touch .home2.phone .hl-nav{display:flex;right:calc(var(--safe-right) + 10px);top:42%;z-index:3;gap:8px}body.touch .home2.phone .hl-nav .mini-btn{width:40px;height:40px;opacity:.85}body.touch .home2.phone .hl-nav .mini-btn{min-height:40px}.home2-logo{position:absolute;top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 10px);z-index:5;width:86px;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}.home2-sheet{overflow-x:hidden}@media(orientation:landscape){.home2.phone .home2-bottom{padding-left:max(calc(var(--safe-left) + 10px),14vw);padding-right:max(calc(var(--safe-right) + 10px),14vw)}}.reel-logo{position:absolute;top:10px;left:10px;z-index:2;width:96px;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}.reel-stage:has(.reel-logo) .potg-banner{top:48px;left:auto;right:10px;translate:0 -50%;animation-name:potg-in-right}@keyframes potg-in-right{0%{opacity:0;transform:translate(16px)}}.reel-stage:has(.reel-logo) .reel-hud .killfeed{top:86px}.home2.phone .reel-logo{display:none}.reel-stage>.reel-cover{z-index:1}.reel-stage>.potg-banner,.reel-stage>.potg-stats{z-index:2}.reel-stage:has(>.reel-cover)>.reel-status{display:none}.hl-card>.hl-info{z-index:2}.play-mode{aspect-ratio:4 / 5;padding:0;overflow:hidden;align-items:stretch;justify-content:flex-end;gap:0;text-align:left;border-width:2px;background:#0b0d13}.play-mode-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .25s ease}span.play-mode-art{display:grid;place-items:center;font-size:54px}.play-mode:not(.on) .play-mode-art{filter:brightness(.62) saturate(.8)}.play-mode:hover:not(:disabled) .play-mode-art{transform:scale(1.05);filter:none}.play-mode.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-dark),0 0 22px #d8b25a73}.play-mode-text{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;padding:44px 12px 12px;background:linear-gradient(180deg,transparent,rgba(6,7,11,.82) 38%,rgba(6,7,11,.95))}.play-mode-name{font-size:18px;text-shadow:0 2px 6px #000}.play-mode-limit{position:absolute;top:8px;right:8px;z-index:1;margin:0}.play-seats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.play-seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:14px 6px 10px;border:1px solid #33343f;border-radius:6px;background:linear-gradient(180deg,#282e3ebf,#0a0c12d9)}.play-seat.me{border-color:var(--frame-dark);background:linear-gradient(180deg,#4664a059,#0a0c12d9)}.play-seat-face{position:relative;display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:50%;font-size:26px;color:var(--muted);box-shadow:0 0 0 2px #070a10,0 0 0 3px #a9b1c28c}.play-seat.leader .play-seat-face{box-shadow:0 0 0 2px #070a10,0 0 0 3px var(--gold),0 0 14px #d8b25a66}.play-seat-img{width:100%;height:100%;border-radius:50%;object-fit:cover;font-size:26px;line-height:64px;text-align:center}.play-seat-crown{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:16px;color:var(--gold-light);text-shadow:0 1px 3px #000}.play-seat-name{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700}.play-seat-rating{position:absolute;top:5px;right:5px;margin:0}.play-seat.empty{border-style:dashed;background:#00000040}.play-seat.empty .play-seat-face{box-shadow:inset 0 0 0 2px #a9b1c240}.play-seat.empty .play-seat-name{font-weight:400;color:var(--muted)}.play-seat.shut{opacity:.45}.play-seat-kick{position:absolute;top:4px;left:4px;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:#00000080;color:var(--muted);font-size:11px;line-height:20px;cursor:var(--cursor-hover)}.play-seat-kick:hover{color:#fff;background:#8c2a22}.play-hint{font-size:12px;text-align:center}.home2-center>.home2-play{width:min(980px,calc(100% - 24px));margin:24px auto}@media(max-width:620px){.play-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.play-mode{display:flex;aspect-ratio:3 / 4;padding:0;text-align:left}.play-mode-note{display:none}.play-mode-text{padding:30px 7px 8px}.play-mode-name{font-size:13px}.play-mode-vs{font-size:10px}.play-mode-limit{top:5px;right:5px;font-size:9px}.play-seats{gap:5px}.play-seat{padding:10px 3px 8px}.play-seat-face{width:44px;height:44px;font-size:20px}.play-seat-img{line-height:44px}.play-seat-name{font-size:11px}}.play-find{display:inline-flex;align-items:center;justify-content:center;gap:12px}.play-find-ico{width:34px;height:34px;flex:none;border-radius:50%;object-fit:cover;font-size:20px;line-height:34px;text-align:center;box-shadow:0 0 0 1px #070a10,0 0 0 2px #a9b1c280}@media(max-width:600px){.room-actions>.queue-timer{grid-column:1 / -1;order:-1;justify-self:center;padding:4px 0}}@media(max-width:620px){.play-seat-rating{top:2px;right:2px;z-index:2;height:14px;padding:0 4px;font-size:9px}}.hl-stage-host{position:absolute;inset:0}.hl-head{display:flex;align-items:center;gap:10px}.hl-head-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.hl-who{display:flex;align-items:center;gap:8px;min-width:0}.hl-owner{display:inline-flex;align-items:center;gap:4px;min-width:0;padding:0;border:0;background:none;font-family:Cinzel,Gowun Batang,serif;font-size:14px;font-weight:700;color:var(--gold-light);text-shadow:0 1px 3px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:var(--cursor-hover)}.hl-owner svg{width:7px;height:10px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.8;transition:transform .15s}.hl-owner:hover{color:#fff3c8}.hl-owner:hover svg{transform:translate(2px)}.hl-owner.gone{color:var(--muted);cursor:var(--cursor)}.hl-hero{font-size:12.5px;color:var(--muted);white-space:nowrap}.hl-hero:before{content:"· "}.hl-owner-face{flex:none;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:#0b0d13;box-shadow:0 0 0 2px #070a10,0 0 0 4px var(--team),0 2px 10px #000000b3;cursor:var(--cursor-hover);transition:transform .15s}.hl-owner-face:hover:not(:disabled){transform:scale(1.06)}.hl-owner-face:disabled{cursor:var(--cursor)}.hl-owner-img{width:100%;height:100%;border-radius:50%;object-fit:cover;font-size:20px;line-height:46px;text-align:center}.hl-owner{font-size:15px}.hl-hero{font-size:13.5px}body.touch .hl-owner{font-size:17px}body.touch .hl-owner svg{width:8px;height:12px}body.touch .hl-hero{font-size:15px;color:#d7d4cf}body.touch .hl-owner-face{width:50px;height:50px}body.touch .hl-owner-img{line-height:50px}.hl-owner:not(.gone){text-decoration:underline;text-decoration-color:#f6dc958c;text-decoration-thickness:1px;text-underline-offset:3px}.hl-owner:not(.gone):hover{text-decoration-color:currentColor}.hl-owner{font-family:inherit}.hl-owner{padding-right:3px}.hl-owner{padding-bottom:5px;margin-bottom:-5px}.skel{display:block;flex:none;max-width:100%;border-radius:4px;background:linear-gradient(90deg,#96a5c314 25%,#96a5c333,#96a5c314 75%);background-size:200% 100%;animation:skel-sweep 1.3s ease-in-out infinite}.skel.round{border-radius:50%}@keyframes skel-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.skel{animation:none}}.gd-name>.skel+.skel{margin-top:4px}.gd-tile>.skel+.skel{margin-top:6px}.gd-recent>div>.skel{border-radius:3px}.gd-skel-friends{display:flex;flex-direction:column;gap:10px}.gd-skel-friend{display:flex;align-items:center;gap:10px}.lobby-inner.board-page{gap:14px}.brd-panel{width:min(820px,100%);gap:12px}.brd-tabs{display:flex;gap:4px}.brd-tabs .mini-btn{flex:1;height:32px;font-size:13px}.brd-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.wc-button.brd-write{padding:6px 16px;font-size:13px}.brd-list{display:flex;flex-direction:column;gap:3px}.brd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:6px 12px;border:1px solid #262a35;border-radius:3px;background:#0000004d;color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:var(--cursor-hover)}.brd-row:hover:not(:disabled){border-color:var(--frame-dark)}.brd-row:hover:not(:disabled) .brd-row-text,.brd-row:focus-visible .brd-row-text{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#f3e6c499}.brd-row.pinned{background:#d8b25a14;border-color:#d8b25a4d}.brd-row.locked{color:var(--muted);cursor:var(--cursor)}.brd-row-title{display:flex;align-items:center;gap:6px;min-width:0}.brd-row-title .badge,.brd-post-title .badge{margin-left:0}.brd-row-text{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-bottom:4px;margin-bottom:-4px}.brd-row-count{flex:none;color:var(--gold);font-size:12px}.brd-row-meta{display:flex;flex:none;gap:12px;font-size:12px;font-variant-numeric:tabular-nums}.brd-lock{width:14px;height:14px;flex:none;fill:var(--muted)}@media(max-width:560px){.brd-row{flex-direction:column;align-items:stretch;gap:4px}.brd-row-meta{gap:10px;font-size:11px}}.mini-btn.brd-list-btn{flex:none;align-self:flex-start;padding:4px 12px}.mini-btn.danger{background:linear-gradient(180deg,#8c3a32,#6a2620)}.brd-post{display:flex;flex-direction:column;gap:12px}.brd-post-head{display:flex;flex-direction:column;gap:8px;padding-bottom:10px;border-bottom:1px solid #2c313d}.brd-post-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;font-size:20px;color:var(--gold-light);word-break:keep-all;overflow-wrap:anywhere}.brd-post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font-size:12px}.brd-author{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:13px;cursor:var(--cursor-hover)}.brd-author:disabled{cursor:var(--cursor)}.brd-author .badge{margin-left:0}.brd-author .rk-avatar{width:24px;height:24px;line-height:24px;font-size:13px}.brd-body{font-family:Gowun Batang,Georgia,serif;font-size:15px;line-height:1.75;color:#ece4d0;word-break:keep-all;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.brd-body p{margin:0 0 .9em}.brd-body p:last-child{margin-bottom:0}.brd-body a{color:#8fbaff}.brd-figure{margin:0 0 .9em}.brd-figure img{display:block;max-width:100%;max-height:80vh;margin:0 auto;border-radius:3px;box-shadow:0 0 0 1px #000,0 4px 14px #00000080}.brd-post-actions{display:flex;justify-content:flex-end;gap:6px}.brd-post-actions .mini-btn{flex:none;padding:4px 14px}.brd-thread{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid #2c313d}.brd-thread-title{margin:0;font-size:14px;color:var(--gold)}.brd-comment{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border:1px solid #262a35;border-radius:3px;background:#00000047}.brd-comment.answer{border-color:#d8b25a66;background:#d8b25a12}.brd-comment .brd-body{font-size:14px;line-height:1.6}.brd-comment-head{display:flex;align-items:center;gap:10px;font-size:11.5px}.brd-comment-del{margin-left:auto;padding:2px 6px;border:0;background:none;color:var(--muted);cursor:var(--cursor-hover)}.brd-comment-del:hover{color:#ff8a7a}.brd-comment-form{display:flex;align-items:stretch;gap:8px}.brd-comment-form .wc-button{flex:none;padding:8px 16px}.brd-editor{display:flex;flex-direction:column;gap:12px}.brd-editor-bar{display:flex;align-items:center;gap:6px}.brd-editor-bar .wc-field-label{margin-right:auto}.brd-editor-bar .mini-btn{flex:none;padding:4px 12px}.brd-textarea{width:100%;min-height:320px;resize:vertical;padding:10px 12px;border:1px solid #3c4352;border-radius:3px;background:#0000008c;box-shadow:inset 0 2px 6px #000000b3;color:var(--ink);font-family:Gowun Batang,Georgia,serif;font-size:15px;line-height:1.6;outline:none}.brd-textarea:focus{border-color:#6f8fc0;box-shadow:inset 0 2px 6px #000000b3,0 0 0 3px #6eaaff52}.brd-textarea.small{flex:1;min-height:64px;font-size:14px}.brd-preview{min-height:320px;padding:10px 12px;border:1px dashed #3c4352;border-radius:3px;background:#0000004d}.brd-hint{font-size:11.5px}.brd-check{display:flex;align-items:center;gap:10px;align-self:flex-start;font-size:13px;cursor:var(--cursor-hover)}.brd-region{gap:10px}.brd-check:hover .wc-checkbox:not(:checked){border-color:var(--frame)}.brd-check:has(.wc-checkbox:checked){color:var(--gold-light)}.brd-editor-actions{display:flex;justify-content:flex-end;gap:8px}.home-boards{display:flex}.home-boards .wc-button.home-boards-half{flex:1;min-width:0;margin-top:0;padding-left:8px;padding-right:8px;font-size:15px}.home-boards .home-boards-half:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.home-boards .home-boards-half:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:#0b0f18;box-shadow:inset 1px 0 #bed7ff2e,inset 0 1px #bed7ff4d,0 0 0 1px #3c4352,0 2px 6px #0009}.home2.phone .home-boards .home-boards-half{min-height:38px;padding-top:4px;padding-bottom:4px;font-size:12px}.notice-banner{position:relative;width:100%;flex:none}.notice-banner-open{position:relative;display:flex;align-items:flex-end;width:100%;min-height:64px;padding:0;overflow:hidden;border:1px solid #070a10;border-radius:4px;background:linear-gradient(180deg,#2a3142,#161a24);box-shadow:inset 0 0 0 1px #d8b25a59,0 0 0 1px #3c4352,0 4px 14px #0009;color:var(--ink);font:inherit;text-align:left;cursor:var(--cursor-hover);transition:filter .12s}.notice-banner-open:hover{filter:brightness(1.12)}.notice-banner.has-image .notice-banner-open{aspect-ratio:3 / 1}.notice-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.notice-banner-text{position:relative;display:flex;flex-direction:column;gap:3px;width:100%;padding:22px 32px 10px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85) 55%)}.notice-banner-tag{font-family:Cinzel,Gowun Batang,serif;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.notice-banner-title{font-size:15px;font-weight:700;line-height:1.3;text-shadow:0 1px 3px #000;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all;overflow-wrap:anywhere}.notice-banner-hide{position:absolute;top:4px;right:4px;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#0000008c;color:#d6d9e0;font-size:12px;cursor:var(--cursor-hover)}.notice-banner-hide:hover{color:#fff;background:#000c}.notice-banner.compact .notice-banner-open{align-items:center;min-height:0;aspect-ratio:auto}.notice-banner.compact .notice-banner-img{position:static;width:48px;height:40px;flex:none}.notice-banner.compact .notice-banner-text{flex-direction:row;align-items:center;gap:8px;padding:8px 38px 8px 10px;background:none}.notice-banner.compact .notice-banner-title{font-size:13px;-webkit-line-clamp:1}.notice-banner.compact .notice-banner-hide{top:50%;right:10px;translate:0 -50%}.notice-banner-open{animation:notice-in .35s ease-out}@keyframes notice-in{0%{opacity:.25}}.notice-banner-dots{position:absolute;right:10px;bottom:10px;display:flex;gap:2px}.notice-banner-dots button{width:16px;height:16px;padding:0;border:0;background:none;cursor:var(--cursor-hover)}.notice-banner-dots button:before{content:"";display:block;width:7px;height:7px;margin:auto;border-radius:50%;background:#dce1eb73;box-shadow:0 0 0 1px #0009}.notice-banner-dots button.on:before{background:var(--gold-light);box-shadow:0 0 0 1px #0009,0 0 6px #f6dc95b3}.notice-banner.compact .notice-banner-dots{top:50%;bottom:auto;right:40px;translate:0 -50%}.notice-banner:has(.notice-banner-dots) .notice-banner-text{padding-right:calc(16px + var(--dots) * 18px)}.notice-banner.compact:has(.notice-banner-dots) .notice-banner-text{padding-right:calc(46px + var(--dots) * 18px)}.brd-md h1,.brd-md h2,.brd-md h3,.brd-md h4{margin:1.1em 0 .5em;font-family:Cinzel,Gowun Batang,serif;line-height:1.35;color:var(--gold-light)}.brd-md h1{font-size:22px}.brd-md h2{font-size:19px}.brd-md h3,.brd-md h4{font-size:16px}.brd-md>:first-child{margin-top:0}.brd-md ul,.brd-md ol{margin:0 0 .9em;padding-left:1.5em}.brd-md li+li{margin-top:.2em}.brd-md li>p{margin:0}.brd-md blockquote{margin:0 0 .9em;padding:4px 0 4px 14px;border-left:3px solid var(--gold-dark);color:#cfc6b0}.brd-md code{padding:1px 5px;border-radius:3px;background:#00000080;box-shadow:0 0 0 1px #2c313d;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.88em}.brd-md pre{margin:0 0 .9em;padding:10px 12px;overflow-x:auto;border-radius:3px;background:#0000008c;box-shadow:0 0 0 1px #2c313d;line-height:1.5}.brd-md pre code{padding:0;background:none;box-shadow:none}.brd-md hr{margin:1.2em 0;border:0;border-top:1px solid #3c4352}.brd-md table{display:block;max-width:100%;overflow-x:auto;margin:0 0 .9em;border-collapse:collapse;font-size:14px}.brd-md th,.brd-md td{padding:5px 10px;border:1px solid #3c4352}.brd-md th{background:#ffffff0d;color:var(--gold-light)}.brd-md img{display:block;max-width:100%;max-height:80vh;margin:.4em auto .9em;border-radius:3px;box-shadow:0 0 0 1px #000,0 4px 14px #00000080}.brd-md input[type=checkbox]{margin:0 8px 0 0;vertical-align:-3px}.brd-md li:has(>input[type=checkbox]){list-style:none;margin-left:-1.2em}.brd-tagbar{display:flex;flex-wrap:wrap;gap:5px}.brd-tag{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border:1px solid #3c4352;border-radius:12px;background:#00000059;color:#c9d3e6;font:inherit;font-size:12.5px;cursor:var(--cursor-hover)}button.brd-tag:hover{border-color:var(--frame-dark);color:#fff}.brd-tag.on{border-color:#6f8fc0;background:linear-gradient(180deg,#3d5a86,#2c4469);color:#fff}.brd-tag-n{color:var(--muted);font-size:11px}.brd-tag.on .brd-tag-n{color:#c9d3e6}.brd-tag button{padding:0;border:0;background:none;color:inherit;font-size:10px;opacity:.7;cursor:var(--cursor-hover)}.brd-tag button:hover{opacity:1}.brd-row-tags{display:flex;flex:none;gap:5px;color:#8fa6cc;font-size:11.5px}@media(max-width:560px){.brd-row-title{flex-wrap:wrap}}.brd-tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:40px;padding:6px 8px;border:1px solid #3c4352;border-radius:3px;background:#0000008c;box-shadow:inset 0 2px 6px #000000b3;cursor:text}.brd-tag-input:focus-within{border-color:#6f8fc0}.brd-tag-input input{flex:1;min-width:140px;border:0;outline:none;background:none;color:var(--ink);font:inherit;font-size:14px}.brd-editor-bar{flex-wrap:wrap}.mini-btn.brd-md-tool{min-width:28px;padding:4px 6px;font-family:Georgia,serif}.mini-btn.md-b{font-weight:700}.mini-btn.md-i{font-style:italic}.mini-btn.md-s{text-decoration:line-through}.mini-btn.md-c{font-family:ui-monospace,Menlo,monospace}.home2.phone .home-boards .home-boards-half{letter-spacing:0}.wc-checkbox,.brd-md input[type=checkbox]{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:18px;height:18px;margin:0;border:1px solid var(--frame-dark);border-radius:3px;background:linear-gradient(180deg,#07090d,#11141c);box-shadow:inset 0 2px 4px #000c,0 0 0 1px #000;cursor:var(--cursor-hover);transition:border-color .12s,box-shadow .12s,background .12s}.wc-checkbox:after,.brd-md input[type=checkbox]:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid var(--gold-light);border-width:0 2px 2px 0;rotate:45deg;scale:.4;opacity:0;filter:drop-shadow(0 1px 1px #000);transition:scale .12s,opacity .12s}.wc-checkbox:checked,.brd-md input[type=checkbox]:checked{border-color:#6f8fc0;background:linear-gradient(180deg,#557bb2,#3a5b8a);box-shadow:inset 0 1px #d2e6ff66,0 0 0 1px #000,0 0 8px #6eaaff73}.wc-checkbox:checked:after,.brd-md input[type=checkbox]:checked:after{scale:1;opacity:1}.wc-checkbox:focus-visible{outline:none;border-color:#6f8fc0;box-shadow:inset 0 2px 4px #000c,0 0 0 3px #6eaaff52}.wc-checkbox:disabled,.brd-md input[type=checkbox]:disabled{cursor:var(--cursor)}.brd-md-ico{display:block;width:14px;height:14px;margin:0 auto;fill:none;stroke:currentColor;stroke-width:1.3}.lobby-inner.legal-page{gap:14px}.legal-panel{width:min(860px,100%);gap:12px}.legal-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;padding-bottom:10px;border-bottom:1px solid #2c313d}.legal-effective{color:var(--gold);font-size:13px;font-weight:700}.legal-pickers{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.legal-pick{display:flex;align-items:center;gap:6px;font-size:12px}.legal-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 12px;border:1px solid rgba(216,178,90,.4);border-radius:3px;background:#d8b25a14;color:var(--gold-light);font-size:13px}.legal-note .mini-btn{flex:none;padding:3px 10px}.legal-body{font-family:Gowun Batang,Georgia,serif;font-size:14.5px;line-height:1.75;color:#ece4d0;word-break:keep-all;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.legal-body h1{margin-bottom:.8em;font-size:24px}.legal-body h2{margin-top:1.6em;padding-bottom:4px;border-bottom:1px solid #2c313d;font-size:17px}.legal-body p{margin:0 0 .9em}.legal-body table{font-size:13px;line-height:1.5}.legal-body a{color:#8fbaff}.legal-links{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 0;font-size:11.5px}.legal-links a{color:var(--muted);text-decoration:none}.legal-links a+a:before{content:"·";margin:0 8px;color:#5d6373}.legal-links a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.side-legal{flex:none;padding:8px 10px 10px;border-top:1px solid #262a35}.signup-agree{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid #2c313d;border-radius:3px;background:#0000004d}.signup-agree .brd-check{align-items:flex-start;font-size:12.5px;line-height:1.45}.signup-agree .brd-check .wc-checkbox{margin-top:0}.signup-agree-all{padding-bottom:8px;border-bottom:1px solid #2c313d;font-weight:700}.signup-agree a{color:#8fbaff}.brd-md th,.brd-md td{overflow-wrap:normal;word-break:keep-all}.home2-left .home2-legal{margin:-6px 0 -4px}.legal-dialog-backdrop{z-index:75}.legal-dialog{display:flex;flex-direction:column;width:min(820px,100%);max-height:min(86vh,900px);padding:14px 18px 16px;animation:confirm-in .18s ease-out}.legal-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px}.legal-dialog-x{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#0006;color:#d6d9e0;font-size:14px;cursor:var(--cursor-hover)}.legal-dialog-x:hover{color:#fff;background:#000000b3}.legal-dialog-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;padding-right:6px;overscroll-behavior:contain}.legal-dialog-actions{flex:none;padding-top:12px;border-top:1px solid #2c313d}@media(max-width:560px){.legal-dialog-backdrop{padding:8px}.legal-dialog{max-height:100%;padding:12px}}