:root{--ink:#06080e;--panel:#0a0e17;--line:#253044;--muted:#78849a;--cyan:#46f2ff;--lime:#bdff38;--red:#ff3c67;--white:#eef5ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Chakra Petch,sans-serif;overflow-x:hidden;background-image:radial-gradient(circle at 75% 10%,rgba(44,129,255,.09),transparent 28%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(70,242,255,.025) 50%,transparent 80%)}button{font:inherit;color:inherit}.topbar{height:72px;max-width:1440px;margin:auto;padding:0 36px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;gap:12px;align-items:center;color:var(--white);text-decoration:none;font-size:19px;letter-spacing:3px}.brand b{color:var(--cyan)}.brand-mark{width:27px;height:27px;border:2px solid var(--cyan);display:grid;place-items:center;transform:rotate(45deg)}.brand-mark i{width:9px;height:9px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.live-pill{margin:auto;font:10px Space Mono;letter-spacing:2px;color:#95a2b8;border:1px solid #242d3e;padding:8px 12px}.live-pill span{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-right:8px;box-shadow:0 0 9px var(--red);animation:pulse 1.2s infinite}.sound-btn{background:none;border:0;color:#647086;font:10px Space Mono;letter-spacing:1px;cursor:pointer}.sound-btn b{color:var(--lime)}.hero{position:relative;max-width:1440px;margin:auto;padding:80px 8vw 68px;min-height:470px}.hero:after{content:"100";position:absolute;right:6vw;top:-50px;font-size:330px;line-height:1;font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(70,242,255,.08);z-index:-1}.eyebrow{font:11px Space Mono;letter-spacing:3px;color:#8190a8;margin-bottom:22px}.eyebrow span{color:var(--cyan);margin-right:9px}.hero h1{font-size:clamp(58px,7.6vw,118px);letter-spacing:-5px;line-height:.82;margin:0;max-width:900px}.hero h1 em{color:transparent;font-style:normal;-webkit-text-stroke:2px var(--cyan);filter:drop-shadow(0 0 16px rgba(70,242,255,.25))}.hero>p{font:13px/1.75 Space Mono;color:#7d8a9f;max-width:660px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:32px}.primary-btn,.drop-btn{background:var(--cyan);border:0;color:#031014;font-weight:700;letter-spacing:1px;height:54px;padding:0 8px 0 22px;cursor:pointer;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:.2s}.primary-btn:hover,.drop-btn:hover{filter:brightness(1.2);box-shadow:0 0 30px #46f2ff40;transform:translateY(-2px)}.primary-btn i{display:inline-grid;place-items:center;background:#05161a;color:var(--cyan);width:37px;height:37px;margin-left:22px;font-style:normal}.stat-mini{border-left:1px solid #273246;padding-left:18px;display:flex;flex-direction:column}.stat-mini b{font:700 24px Space Mono}.stat-mini span{font:8px Space Mono;letter-spacing:2px;color:#667187}.arena-shell{height:min(82vh,860px);min-height:620px;max-width:1600px;margin:0 auto 56px;position:relative;border:1px solid #263044;background:#070b12;overflow:hidden}.corner{position:absolute;width:22px;height:22px;z-index:20}.corner:before,.corner:after{content:"";position:absolute;background:var(--cyan)}.corner:before{width:22px;height:2px}.corner:after{height:22px;width:2px}.c1{top:-1px;left:-1px}.c2{top:-1px;right:-1px;transform:rotate(90deg)}.c3{bottom:-1px;right:-1px;transform:rotate(180deg)}.c4{bottom:-1px;left:-1px;transform:rotate(270deg)}#game-container{position:absolute;inset:0}#game-container canvas{width:100%!important;height:100%!important}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.08;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#8cdfff 4px)}.game-hud{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;z-index:6;pointer-events:none}.hud-left,.hud-right,.zone-card{background:#05080ed1;border:1px solid #293247;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-left{width:165px;padding:12px 15px}.hud-label{font:8px Space Mono;letter-spacing:2px;color:#78869c}.alive-count{font:700 29px Space Mono;line-height:1.15}.alive-count small{font-size:11px;color:#5d697d}.alive-bar{height:2px;background:#263044}.alive-bar i{display:block;width:100%;height:100%;background:var(--lime);box-shadow:0 0 9px var(--lime);transition:width .4s}.hud-right{padding:12px 15px;text-align:right}.match-time{font:700 21px Space Mono}.zone-card{width:200px;padding:8px 12px;display:flex;align-items:center;gap:11px;position:relative}.zone-card .zone-icon{color:var(--cyan);font-size:25px}.zone-card small{display:block;font:7px Space Mono;letter-spacing:2px;color:#778399}.zone-card b{font:700 15px Space Mono}.zone-card>i{position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--cyan);transition:width .15s}.kill-feed{position:absolute;left:24px;top:130px;z-index:7;width:280px;display:flex;flex-direction:column;gap:5px;pointer-events:none}.kill-item{font:9px Space Mono;padding:7px 9px;background:linear-gradient(90deg,rgba(6,9,15,.88),transparent);color:#77869d;animation:feedIn .25s ease}.kill-item b{color:#e8f3ff}.kill-item i{font-style:normal;color:var(--red);margin:0 7px}.leaderboard{position:absolute;right:24px;top:105px;width:205px;background:#05080ed9;border:1px solid #293247;z-index:7;padding:12px;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-title{display:flex;justify-content:space-between;font:8px Space Mono;letter-spacing:1.3px;color:#78869c;padding-bottom:9px;border-bottom:1px solid #263044}.leader-row{display:grid;grid-template-columns:18px 1fr 25px;align-items:center;height:29px;font:9px Space Mono;border-bottom:1px solid rgba(255,255,255,.04)}.leader-row .rank{color:#536077}.leader-row b{font-weight:400;color:#cbd7e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-row .kills{color:var(--cyan);text-align:right}.game-tip{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:7;font:8px Space Mono;letter-spacing:1px;color:#556176;background:#030509bf;padding:8px 13px;white-space:nowrap}.game-tip span{color:#9eacc0}.start-overlay,.winner-overlay{position:absolute;inset:0;background:#03060bb8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.5s}.start-overlay.hidden,.winner-overlay{opacity:0;pointer-events:none}.winner-overlay.show{opacity:1;pointer-events:auto}.reticle{width:220px;height:220px;border:1px solid rgba(70,242,255,.24);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin-bottom:28px}.reticle:before,.reticle:after{content:"";position:absolute;background:#46f2ff40}.reticle:before{width:280px;height:1px}.reticle:after{height:280px;width:1px}.reticle i{position:absolute;width:16px;height:16px;border-color:var(--cyan);border-style:solid}.reticle i:nth-child(1){left:18px;top:18px;border-width:1px 0 0 1px}.reticle i:nth-child(2){right:18px;top:18px;border-width:1px 1px 0 0}.reticle i:nth-child(3){right:18px;bottom:18px;border-width:0 1px 1px 0}.reticle i:nth-child(4){left:18px;bottom:18px;border-width:0 0 1px 1px}.reticle b{font:700 58px Space Mono;color:var(--cyan);text-shadow:0 0 25px rgba(70,242,255,.4)}.reticle span{font:9px Space Mono;letter-spacing:3px;color:#8b9bb2}.drop-btn{height:46px;padding:0 35px;font-size:12px}.winner-overlay small{font:10px Space Mono;letter-spacing:4px;color:var(--lime)}.winner-overlay h2{font-size:clamp(45px,7vw,90px);margin:10px;color:var(--white);text-shadow:0 0 30px rgba(70,242,255,.45)}.winner-stats{display:flex;gap:40px;margin:5px 0 30px}.winner-stats span{font:8px Space Mono;letter-spacing:2px;color:#76849a;text-align:center}.winner-stats b{display:block;font-size:25px;color:var(--cyan);margin-bottom:4px}footer{max-width:1440px;margin:0 auto 40px;padding:0 36px;display:flex;justify-content:space-between;color:#4e5a6d;font:8px Space Mono;letter-spacing:1.5px}footer p{margin:0;color:#738096}@keyframes pulse{50%{opacity:.3;transform:scale(.8)}}@keyframes feedIn{0%{opacity:0;transform:translate(-10px)}}@media(max-width:800px){.topbar{padding:0 18px}.live-pill{display:none}.hero{padding:60px 22px 50px}.hero h1{letter-spacing:-3px}.hero:after{font-size:180px;right:-20px}.hero-actions{gap:16px;flex-wrap:wrap}.stat-mini{display:none}.arena-shell{min-height:650px;border-left:0;border-right:0}.leaderboard{right:12px;top:112px;width:170px}.kill-feed{left:12px;width:190px}.game-hud{left:12px;right:12px}.zone-card{width:155px}.hud-left{width:120px}.hud-right,.game-tip{display:none}footer{padding:0 18px}footer p{display:none}}.arena-shell{transition:.35s}.arena-shell.fullscreen-arena{position:fixed;inset:0;width:100vw;height:100vh;min-height:0;max-width:none;margin:0;z-index:9999;border:0}.fullscreen-btn{position:absolute;right:0;top:69px;height:32px;padding:0 11px;border:1px solid #344158;background:#05080ed1;color:#8795aa;font:8px Space Mono;letter-spacing:1px;cursor:pointer;pointer-events:auto}.fullscreen-btn:hover{color:var(--cyan);border-color:var(--cyan)}.fullscreen-btn span{font-size:15px;vertical-align:-2px;margin-right:5px}.weapon-legend{position:absolute;left:24px;bottom:17px;z-index:7;display:flex;gap:13px;font:7px Space Mono;letter-spacing:1px;color:#657187}.weapon-legend span{display:flex;align-items:center;gap:5px}.weapon-legend i{width:6px;height:6px;background:var(--c);box-shadow:0 0 7px var(--c)}body{background-color:#08050d;background-image:radial-gradient(circle at 75% 10%,rgba(132,56,190,.13),transparent 30%),linear-gradient(rgba(207,171,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(207,171,255,.018) 1px,transparent 1px)}:root{--ink:#08050d;--panel:#100b17;--line:#40304e;--muted:#9484a0;--cyan:#c69cff;--lime:#e8c46d;--red:#ff5b57;--white:#f5eadc}.brand-mark{border-color:#e8c46d}.brand-mark i{background:#e8c46d;box-shadow:0 0 14px #e8c46d}.hero h1{font-family:Georgia,Times New Roman,serif;letter-spacing:-4px}.hero h1 em{-webkit-text-stroke:1px #c69cff}.arena-shell{background:#09060e;border-color:#4a3655}.primary-btn,.drop-btn{background:linear-gradient(135deg,#e8c46d,#b78343);color:#1a0d08}.zone-card .zone-icon{color:#c69cff}.reticle{border-color:#c69cff59}.reticle:before,.reticle:after{background:#e8c46d40}.queen-card{position:absolute;top:69px;left:50%;transform:translate(-50%);min-width:205px;height:42px;padding:6px 12px;display:flex;align-items:center;justify-content:center;gap:10px;background:#0f0812e0;border:1px solid #6d5130;color:#e8c46d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.queen-card>span{font-size:25px;text-shadow:0 0 12px #e8c46d}.queen-card small{display:block;font:7px Space Mono;letter-spacing:1.5px;color:#8d765b}.queen-card b{display:block;font:10px Space Mono;letter-spacing:1px;color:#f3d98d;margin-top:2px}.queen-card.claimed{animation:crownPulse 1.8s infinite;border-color:#e8c46d}@keyframes crownPulse{50%{box-shadow:0 0 22px #e8c46d33}}@media(max-width:800px){.arena-shell.fullscreen-arena{min-height:0}.game-tip,.weapon-legend{display:none}.queen-card{top:110px}.fullscreen-btn{top:69px}}.worldbox-mode canvas{image-rendering:pixelated;image-rendering:crisp-edges}.worldbox-mode .scanlines{display:none}.worldbox-mode{background:#18374a}.worldbox-mode:after{content:"VƯƠNG QUỐC PIXEL • THẾ GIỚI SỐNG";position:absolute;left:24px;bottom:48px;z-index:7;font:8px Space Mono;letter-spacing:2px;color:#d7e8a1;background:#193023d9;border:2px solid #58723d;padding:7px 10px;pointer-events:none}.worldbox-mode .hud-left,.worldbox-mode .hud-right,.worldbox-mode .zone-card,.worldbox-mode .leaderboard,.worldbox-mode .queen-card{border-width:2px;border-radius:3px;box-shadow:3px 3px #00000059;-webkit-backdrop-filter:none;backdrop-filter:none}.worldbox-mode .kill-item{background:#1f281ae6;border-left:3px solid #d5bd64}.worldbox-mode .game-tip{background:#263923;color:#9fb484;border:2px solid #50673d}.champion-panel{position:absolute;left:18px;top:115px;width:300px;max-height:calc(100% - 180px);overflow:auto;z-index:14;background:#203721f2;border:3px solid #708c4a;box-shadow:6px 6px #172518b3;color:#eef5d2;padding:14px;transform:translate(-340px);transition:.25s;font-family:Space Mono;pointer-events:auto}.champion-panel.show{transform:translate(0)}.champ-head{display:flex;justify-content:space-between;border-bottom:2px solid #536e3b;padding-bottom:9px}.champ-head small{display:block;color:#a7b884;font-size:7px;letter-spacing:1px}.champ-head b{font-size:14px;color:#ffe083}.champ-badge{font-size:22px}.champ-vitals{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:9px 0}.champ-vitals span{background:#172b1b;padding:6px;font-size:7px;color:#8fa478}.champ-vitals b{display:block;color:#f3efcf;font-size:10px;margin-top:3px}.champ-section{font-size:7px;letter-spacing:1.5px;color:#a9bc8a;margin:11px 0 6px}.champ-line{font-size:8px;color:#dae5bd;line-height:1.7}.decision-scores{font-size:6px;color:#94aa76;line-height:1.6}.inventory-wrap{position:relative;width:180px;height:144px;margin:8px auto}.inventory-grid{position:absolute;inset:0;background:#142519;border:2px solid #708c4a}.inv-cell{position:absolute;width:36px;height:36px;border:1px solid #395232}.inv-cell.valid{background:#55ce6b55}.inv-cell.invalid{background:#ff4e6255}.grid-item{position:absolute;z-index:2;cursor:grab}.grid-item i{position:absolute;width:32px;height:32px;background:color-mix(in srgb,var(--rarity) 65%,#172719);border:2px solid var(--rarity);box-shadow:inset 0 0 0 2px #17271966}.grid-item.selected i{filter:brightness(1.5);box-shadow:0 0 7px var(--rarity)}.item-pixel{position:absolute;left:10px;top:9px;width:15px;height:15px;z-index:4;filter:drop-shadow(1px 1px #152017)}.item-pixel em{position:absolute;width:3px;height:3px;background:#fff6ce;box-shadow:0 0 0 1px color-mix(in srgb,var(--rarity) 75%,#172719)}.loot-queue{min-height:39px;display:flex;gap:6px;align-items:center;padding:5px;background:#142519;border:2px dashed #506d3e}.loot-queue>em{font-size:7px;color:#718466}.queue-item{position:relative;width:36px;height:36px;flex:0 0 36px;background:color-mix(in srgb,var(--rarity) 45%,#172719);border:2px solid var(--rarity);cursor:grab}.queue-item.selected{filter:brightness(1.35)}.queue-item .item-pixel{left:9px;top:8px}.queue-item small{position:absolute;right:1px;bottom:0;color:#fff;font-size:6px;background:#101b13dd;padding:1px 2px;z-index:6}.inventory-actions{display:flex;gap:5px}.inventory-actions button{flex:1;background:#304c2b;border:2px solid #587442;color:#dce7c2;padding:6px;font:7px Space Mono;cursor:pointer}.inventory-actions button:hover{border-color:#ffe083;color:#ffe083}.item-tooltip{min-height:50px;margin-top:8px;padding:7px;background:#142519;border-left:3px solid #c9a859}.item-tooltip b,.item-tooltip span{display:block;font-size:8px}.item-tooltip span{font-size:6px;color:#8fa478;margin-top:3px}.item-tooltip p{font-size:7px;color:#b5c49b;margin:5px 0}.synergy-list{display:flex;flex-direction:column;gap:3px}.synergy-list span{font-size:7px;color:#ffe083}.synergy-list em{font-size:7px;color:#718466}.champ-close{position:absolute;right:8px;top:7px;background:none;border:0;color:#a7b884;cursor:pointer}@media(max-width:800px){.champion-panel{width:270px;top:155px;max-height:calc(100% - 210px)}}.grid-item,.queue-item{touch-action:none;-webkit-user-select:none;user-select:none}.touch-ghost{filter:drop-shadow(0 5px 10px #000);will-change:left,top}.item-level{position:absolute;left:1px;top:1px;z-index:8;padding:1px 2px;border:1px solid #fff7b0;background:#15170ddd;color:#fff3a0;font:700 6px Space Mono;line-height:1;pointer-events:none;text-shadow:1px 1px #000}.grid-item .item-level{transform:translate(-2px,-2px)}.inventory-drag-hint{margin:6px auto 0;width:180px;min-height:18px;display:grid;place-items:center;border:1px dashed #526746;background:#142519;color:#82966e;font:700 6px Space Mono;letter-spacing:.5px;text-align:center}.champion-panel.dragging-item .inventory-drag-hint{border-color:#ffe083;background:#3b3920;color:#fff0a0;box-shadow:0 0 9px #ffe36f44}.inventory-trash{display:flex;align-items:center;gap:7px;margin-top:7px;padding:6px 8px;border:2px dashed #75483f;background:#211b18;color:#cda996;transition:.15s}.inventory-trash span{font-size:16px}.inventory-trash b{font:700 7px Space Mono}.inventory-trash small{margin-left:auto;max-width:84px;font:5px/1.35 Space Mono;color:#8f766d;text-align:right}.inventory-trash.active,.inventory-trash:hover{border-color:#ff8269;background:#51251f;color:#ffe3c7;box-shadow:inset 0 0 10px #ff5b3b44}.drag-cell-count{position:absolute;left:50%;top:100%;transform:translate(-50%,3px);white-space:nowrap;padding:2px 4px;background:#111a12;color:#fff0a0;border:1px solid #ffe083;font:700 7px Space Mono;z-index:12}@media(max-width:620px)and (orientation:portrait){.champion-panel{inset:auto 6px 6px;width:auto;max-height:72vh;padding:10px;transform:translateY(calc(100% + 12px));border-width:2px}.champion-panel.show{transform:translateY(0)}.champ-head{position:sticky;top:-10px;background:#203721;z-index:20;padding:7px 0}.champ-vitals{grid-template-columns:repeat(4,1fr)}.champ-line,.decision-scores{font-size:7px}.inventory-actions button{min-height:38px}.champ-close{font-size:20px;min-width:38px;min-height:38px}}.champ-line{font-size:10px;color:#eef8d1;line-height:1.65;text-shadow:1px 1px #0b120c}.decision-scores{font-size:8px;color:#bdd19b;line-height:1.6;text-shadow:1px 1px #0b120c}@media(max-width:620px)and (orientation:portrait){.champ-line{font-size:9px}.decision-scores{font-size:8px}}.champ-vitals{grid-template-columns:repeat(4,1fr)}.inventory-wrap{width:216px;height:216px}.inventory-grid{background:repeating-linear-gradient(45deg,#16291b 0 8px,#192e1d 8px 16px);border:4px solid #8a6838;box-shadow:inset 0 0 0 3px #2b3b22,0 5px #101a12}.inv-cell{border:1px dashed #526746;background:#21352344}.inv-cell.locked{background:#0b130de8;border:1px solid #263229}.inv-cell.locked:after{content:"×";display:block;text-align:center;color:#344538;font:18px Space Mono;line-height:34px}.grid-item i{width:36px;height:36px;background:color-mix(in srgb,var(--rarity) 28%,#22331f);border:0;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rarity) 65%,transparent);border-radius:7px}.grid-item .item-pixel{left:10px;top:10px;transform:scale(1.65);transform-origin:center;filter:drop-shadow(0 0 2px var(--rarity)) drop-shadow(2px 2px #101811)}.grid-item:hover .item-pixel{transform:scale(2);filter:brightness(1.35) drop-shadow(0 0 4px var(--rarity))}.grid-item.selected .item-pixel{filter:brightness(1.55) drop-shadow(0 0 5px var(--rarity))}.item-tooltip{border:2px solid #8a6838;border-left-width:5px;background:linear-gradient(135deg,#17271a,#101b13);box-shadow:3px 3px #0b110c}.queue-item:hover{transform:translateY(-2px);box-shadow:0 3px #0d160f,0 0 8px var(--rarity)}.day-cycle{position:absolute;left:50%;top:76px;transform:translate(-50%);padding:5px 10px;background:#20301ee6;border:2px solid #7f9650;color:#ffe7a0;font:700 8px Space Mono;letter-spacing:1px;z-index:10;white-space:nowrap}.day-cycle.night{background:#161a38e8;border-color:#6677c9;color:#bdc8ff}.character-picker{display:grid;grid-template-columns:repeat(2,minmax(150px,210px));gap:8px;margin:12px 0 16px;padding:12px;background:#142319e8;border:2px solid #6f8147}.character-picker label{display:flex;flex-direction:column;gap:4px;color:#aabd86;font:7px Space Mono;letter-spacing:1px}.character-picker input,.character-picker select{background:#0e1811;border:1px solid #63784a;color:#f2edca;padding:7px;font:9px Space Mono;outline:none}.character-picker input:focus,.character-picker select:focus{border-color:#ffe083}@media(max-width:620px){.character-picker{grid-template-columns:1fr}}@keyframes bag-impact{0%{transform:scale(1)}35%{transform:scale(1.035) rotate(-.4deg);box-shadow:inset 0 0 18px #ffe28588,0 5px #101a12}to{transform:scale(1)}}@keyframes item-snap{0%{transform:scale(1.45);filter:brightness(2.2)}55%{transform:scale(.9)}to{transform:scale(1)}}@keyframes cell-pulse{0%{box-shadow:inset 0 0 0 3px #fff4a8,0 0 14px #ffe36f}to{box-shadow:none}}@keyframes unlock-pulse{0%{background:#fff0a5;transform:scale(1.25)}to{background:#21352344;transform:scale(1)}}.inventory-grid.impact{animation:bag-impact .42s ease-out}.grid-item.placed{animation:item-snap .38s cubic-bezier(.2,1.6,.4,1)}.inv-cell.place-impact{animation:cell-pulse .48s ease-out}.inv-cell.unlock-impact{animation:unlock-pulse .52s ease-out}.inv-cell.role-mage{box-shadow:inset 0 3px #8c78ff55}.inv-cell.role-ranger{box-shadow:inset -3px 0 #66d9ff55}.inv-cell.role-warrior{box-shadow:inset 0 -3px #f755}.inv-cell.role-rogue{box-shadow:inset 3px 0 #d68cff55}.inv-cell.role-necromancer{background-color:#3d214a55}.inv-cell.role-paladin{background-color:#60562655}.inv-cell.valid{filter:brightness(1.7)}@media(max-width:620px)and (orientation:portrait){.arena-shell,.arena-shell.fullscreen-arena{height:100dvh;min-height:0}.kill-feed,.leaderboard,.worldbox-mode:after{display:none}.game-hud{top:8px;left:8px;right:8px}.hud-left{width:88px;padding:7px 8px}.hud-label{font-size:6px;letter-spacing:1px}.alive-count{font-size:22px}.zone-card{position:absolute;left:50%;transform:translate(-50%);width:132px;padding:5px 7px;gap:6px}.zone-card .zone-icon{font-size:18px}.zone-card small{font-size:5px;letter-spacing:1px}.zone-card b{font-size:11px}.queen-card{top:92px;min-width:150px;height:34px;padding:4px 7px}.queen-card>span{font-size:18px}.queen-card small{font-size:5px}.queen-card b{font-size:7px}.fullscreen-btn{top:56px;right:8px;transform:scale(.82);transform-origin:right top}.day-cycle{top:58px;font-size:7px}.reticle{width:142px;height:142px;margin-bottom:12px}.reticle:before{width:180px}.reticle:after{height:180px}.reticle b{font-size:42px}.reticle span{font-size:6px;letter-spacing:2px}.character-picker{width:calc(100vw - 28px);max-width:380px;margin:6px 0 12px;padding:9px}.drop-btn{min-height:48px}.start-overlay{padding:10px}.winner-overlay h2{font-size:38px;max-width:90vw;text-align:center}}.champ-head{position:sticky;top:-14px;z-index:45;background:#203721;padding:8px 0}.champ-close{position:relative;right:auto;top:auto;flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;background:#142519;border:2px solid #80945b;color:#fff2bf;font:22px/1 Arial;z-index:50;cursor:pointer}.champ-close:hover,.champ-close:active{background:#8a3f38;border-color:#ffc08b;color:#fff}.item-tooltip{display:none;position:fixed;width:min(230px,calc(100vw - 20px));min-height:0;margin:0;padding:9px;z-index:10050;pointer-events:none;box-shadow:5px 5px #080d09,0 0 18px #0009}.item-tooltip.show{display:block}@media(max-width:620px)and (orientation:portrait){.champ-head{top:-10px}.champ-close{flex-basis:44px;width:44px;height:44px;font-size:25px}.item-tooltip{width:min(240px,calc(100vw - 16px))}}.match-row{display:flex;align-items:center;justify-content:flex-end;gap:7px}.match-row .day-cycle{position:static;left:auto;top:auto;transform:none;padding:4px 6px;font-size:7px;z-index:auto}.world-status{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-top:4px}.world-status span{font:700 7px Space Mono;color:#d9e7bd;text-shadow:1px 1px #071008;letter-spacing:.3px}.world-status #weather-status{color:#8edbff}@media(max-width:620px)and (orientation:portrait){.game-hud .hud-right{display:block;padding:5px 6px;width:105px}.hud-right .hud-label{display:none}.match-row{gap:4px}.match-row .match-time{font-size:11px}.match-row .day-cycle{padding:3px 4px;font-size:5px;border-width:1px}}@media(max-width:620px)and (orientation:portrait){.world-status span{font-size:5px;max-width:98px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(min-width:801px){.queen-card{top:92px}.champion-panel{top:150px;max-height:calc(100% - 170px)}.leaderboard{top:180px}.fullscreen-btn{top:100px;right:0}.hud-right{min-width:250px}.zone-card{align-self:flex-start}}@media(min-width:621px)and (max-width:800px){.queen-card{top:90px}.leaderboard{top:185px}.champion-panel{top:150px;max-height:calc(100% - 165px)}.fullscreen-btn{top:105px}.hud-right{display:block;min-width:205px}}.event-card{position:absolute;right:24px;bottom:48px;width:290px;padding:12px 14px;background:#111522e8;border:2px solid #8068a8;box-shadow:4px 4px #070910aa;z-index:8;pointer-events:none;opacity:0;transform:translateY(12px);transition:.25s}.event-card.show{opacity:1;transform:translateY(0)}.event-head small{display:block;font:8px Space Mono;letter-spacing:1.5px;color:#b6a8d0}.event-head b{display:block;margin-top:3px;font:700 18px/1.2 Space Mono;color:#fff0c6;text-shadow:2px 2px #090611}.event-row{display:flex;justify-content:space-between;margin-top:8px;padding-top:7px;border-top:1px solid #55486c;font:700 10px Space Mono;color:#d8c6ff}.event-row strong{color:#ffe37c}.event-meters{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}.event-meters span{font:7px Space Mono;color:#a99bbc}.event-meters b{display:block;font-size:13px;color:#f2ddff}.event-card p{margin:8px 0 0;font:8px/1.5 Space Mono;color:#d3dbc1}.event-card.danger{border-color:#da604d;box-shadow:4px 4px #070910aa,0 0 20px #b9392b33}@media(max-width:620px)and (orientation:portrait){.event-card{inset:132px auto auto 50%;width:210px;padding:8px 10px;transform:translate(-50%,8px)}.event-card.show{transform:translate(-50%)}.event-head b{font-size:13px}.event-meters,.event-card p{display:none}.event-row{margin-top:5px;padding-top:5px;font-size:8px}}.champion-panel{width:min(290px,calc(100% - 36px));transform:translate(calc(-100% - 24px))}.champion-panel.info-expanded{width:min(650px,calc(100% - 36px))}.champ-layout{display:block;margin-top:8px}.champion-panel.info-expanded .champ-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:15px}.champ-inventory-column{min-width:0}.champion-panel.info-expanded .champ-inventory-column{grid-column:1;border-right:2px solid #536e3b;padding-right:14px}.champ-info-column{display:none;min-width:0}.champion-panel.info-expanded .champ-info-column{display:block;grid-column:2}.champ-info-toggle{flex:0 0 auto;padding:0 8px;height:40px;background:#172b1b;border:2px solid #637d47;color:#ffe083;font:700 7px Space Mono;cursor:pointer;white-space:nowrap}.champ-info-toggle:hover{border-color:#ffe083}.champ-column-title{font:700 9px Space Mono;letter-spacing:1.6px;color:#ffe083;border-bottom:1px solid #536e3b;padding:5px 0 8px}.champ-inventory-column .inventory-wrap{margin:9px auto}.champ-info-column .champ-vitals{margin-top:9px}.player-death{position:absolute;left:50%;top:50%;z-index:18;width:min(430px,calc(100% - 28px));padding:22px 24px;text-align:center;transform:translate(-50%,-44%) scale(.94);opacity:0;pointer-events:none;background:#160e16f2;border:3px solid #c35c69;box-shadow:8px 8px #080509aa,0 0 40px #8c263955;color:#f7e8d8;transition:.24s}.player-death.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.player-death small,.player-death b,.player-death span{display:block;font-family:Space Mono}.player-death small{font-size:8px;letter-spacing:3px;color:#e77a85}.player-death b{font-size:18px;margin:10px 0;color:#fff0d0}.player-death span{font-size:10px;color:#c9afad;margin-bottom:17px}.player-death strong{display:block;width:max-content;margin:6px auto 12px;padding:7px 13px;border:2px solid #f4c65f;background:#3b2a17;color:#ffe079;font:700 18px Space Mono;box-shadow:3px 3px #080509;text-shadow:2px 2px #120b05}.player-death button{border:2px solid #d58a72;background:#3a2022;color:#ffe8c7;padding:9px 16px;font:700 9px Space Mono;cursor:pointer}.player-death button:hover{background:#6b3436}.bag-button{position:absolute;left:22px;bottom:18px;z-index:13;width:62px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1b3320e8;border:3px solid #80945b;box-shadow:4px 4px #0b130d99;color:#fff0bf;cursor:pointer}.bag-button span{font-size:23px;line-height:1}.bag-button b{font:700 7px Space Mono;letter-spacing:1px;margin-top:3px}.bag-button:hover{border-color:#ffe083;transform:translateY(-2px)}.player-vitals-hud{position:absolute;left:22px;bottom:84px;z-index:13;width:190px;padding:7px 9px;background:#111b14e8;border:2px solid #6f8752;box-shadow:4px 4px #09100a99;color:#eaf2d2;opacity:0;transform:translateY(5px);pointer-events:none;transition:.2s}.player-vitals-hud.show{opacity:1;transform:none}.player-vitals-hud.dead{filter:grayscale(.8);opacity:.7}.player-vitals-hud>div{display:flex;justify-content:space-between;align-items:center;font:700 7px Space Mono}.player-vitals-hud>div b{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffd85a;font-size:9px}.player-vitals-hud .mana-line{margin-top:5px;color:#8fc8ff}.player-vitals-hud .mana-line small{font:700 6px Space Mono}.vital-track{display:block;height:7px;margin-top:3px;background:#190f17;border:1px solid #050806;box-shadow:inset 0 0 0 1px #ffffff18;overflow:hidden}.vital-track em{display:block;height:100%;transition:width .2s}.vital-track.hp em{background:linear-gradient(90deg,#b62e3e,#69d45e)}.vital-track.mana em{background:linear-gradient(90deg,#445acb,#63c8ff)}@media(min-width:621px)and (max-width:800px){.champion-panel.info-expanded{width:min(560px,calc(100% - 24px));left:12px}.champion-panel.info-expanded .champ-layout{grid-template-columns:238px minmax(0,1fr);gap:11px}.champion-panel.info-expanded .champ-inventory-column{padding-right:10px}}@media(max-width:620px)and (orientation:portrait){.champion-panel,.champion-panel.info-expanded{width:auto;transform:translateY(calc(100% + 12px))}.champion-panel.info-expanded .champ-layout{display:flex;flex-direction:column;gap:10px}.champion-panel.info-expanded .champ-inventory-column{order:0;border-right:0;border-bottom:2px solid #536e3b;padding:0 0 12px}.champ-info-column{order:1}.champ-column-title{font-size:8px}.champ-info-toggle{height:44px;padding:0 6px}.bag-button{left:8px;bottom:8px;width:52px;height:50px;border-width:2px}.bag-button span{font-size:19px}.player-vitals-hud{left:8px;bottom:64px;width:160px;padding:6px 7px}.player-vitals-hud>div b{max-width:88px;font-size:8px}.player-death{padding:18px 14px}.player-death b{font-size:14px}.player-death strong{font-size:16px}}.equipment-grid{display:grid;grid-template-columns:repeat(3,58px);grid-template-areas:". head ." "main body off" ". legs .";gap:7px;justify-content:center;margin:8px auto 12px}.equip-slot{position:relative;width:58px;height:58px;background:#101c14;border:2px solid #526747;box-shadow:inset 0 0 0 2px #0a100c;display:grid;place-items:center}.equip-slot[data-slot=head]{grid-area:head}.equip-slot[data-slot=body]{grid-area:body}.equip-slot[data-slot=mainHand]{grid-area:main}.equip-slot[data-slot=offHand]{grid-area:off}.equip-slot[data-slot=legs]{grid-area:legs}.equip-slot>small{position:absolute;top:2px;left:3px;font:5px Space Mono;color:#788b6c;z-index:1}.equip-slot.ready{border-color:#ffe083;background:#3a4520}.equipped-item{position:absolute;inset:9px 5px 4px;border:2px solid var(--rarity);background:#142019;cursor:grab}.equipped-item .item-pixel{left:14px;top:10px;transform:scale(1.5)}.weapon-socket{position:absolute;right:-7px;bottom:-7px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#171124;border:2px solid #9f78c9;color:#d7b8ff;font:14px serif;z-index:8}.socket-item{position:absolute;inset:0;border-radius:50%;background:#24183b;cursor:grab;overflow:hidden}.socket-item .item-pixel{left:2px;top:2px;transform:scale(.85)}.socket-item .item-level{display:none}.equipment-grid .item-level{font-size:5px}@media(max-width:620px)and (orientation:portrait){.equipment-grid{grid-template-columns:repeat(3,52px);gap:5px}.equip-slot{width:52px;height:52px}}