@font-face{font-family:Pixelify Sans;src:url(/assets/fonts/PixelifySans.ttf)format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:Silkscreen;src:url(/assets/fonts/Silkscreen-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:"Press Start 2P";src:url(/assets/fonts/PressStart2P-Regular.ttf)format("truetype");font-weight:400;font-display:block}:root{color:#f4ead2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:none;--ink:#111116;--panel:#232329;--panel-2:#3b3328;--trim:#0a0b0d;--gold:#e8b24c;--red:#8c2f26;--red-2:#5f1919;--green:#7bb071;--blue:#59b6d6;--paper:#b7a17c;background:#0b1014;font-family:Pixelify Sans,Trebuchet MS,Verdana,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}*{scrollbar-width:thin;scrollbar-color:#8a6a34 #cdb078}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#cdb078;border-left:2px solid #7c5a2e}::-webkit-scrollbar-thumb{background:#8a6a34;border:2px solid #5c4522}::-webkit-scrollbar-thumb:hover{background:#a3823f}::-webkit-scrollbar-corner{background:#cdb078}.shell{width:100%;min-width:320px;height:100%;image-rendering:pixelated;background:linear-gradient(#161f23ad,#0e1014f0 64%,#08080d 100%),repeating-linear-gradient(0deg,#ffffff06 0 2px,#0000 2px 8px),repeating-linear-gradient(90deg,#ffffff05 0 2px,#0000 2px 8px),#11191d;position:relative;overflow:hidden}.menu-window.shell{background:#0b1014}.menu-window.shell:before,.menu-window.shell:after{display:none}.menu-scene{z-index:0;image-rendering:pixelated;pointer-events:none;background:#0b1014 50%/cover no-repeat;position:fixed;inset:0}.menu-scene:after{content:"";background:#00000047;position:absolute;inset:0}.menu-window[data-act=greenwood] .menu-scene{background-image:url(/assets/backgrounds/greenwood/menu.png)}.menu-window[data-act=dunelands] .menu-scene{background-image:url(/assets/backgrounds/dunelands/menu.png)}.menu-window[data-act=frostpeak] .menu-scene{background-image:url(/assets/backgrounds/frostpeak/menu.png)}.menu-window[data-act=emberfell] .menu-scene{background-image:url(/assets/backgrounds/emberfell/bg.png)}.menu-window[data-act=mistmarsh] .menu-scene{background-image:url(/assets/backgrounds/mistmarsh/bg.png)}.shell:before,.shell:after{content:"";pointer-events:none;position:absolute;inset:0}.shell:before{opacity:.85;image-rendering:pixelated;background:linear-gradient(145deg,#0000 0 54%,#18262a 54% 63%,#0000 63%) 0 0/340px 240px,linear-gradient(35deg,#0000 0 45%,#0e1b20 45% 57%,#0000 57%) 0 0/420px 260px,linear-gradient(#0000 0 52%,#162823eb 52% 70%,#090e10f2 70%) 0 0/100% 100%}.shell:after{background:linear-gradient(#0000 0 63%,#0608097a 63%),repeating-linear-gradient(90deg,#0000 0 92px,#05060899 92px 102px,#0000 102px 132px),repeating-linear-gradient(90deg,#0000 0 23px,#695b3f14 23px 24px)}.workspace{z-index:3;height:calc(100% - 188px);padding:20px 48px 168px;position:relative;overflow:hidden}.hud{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto 12px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand h1{color:#ffe29b;text-shadow:3px 3px #381313;margin:0;font-size:28px;line-height:1}.brand p,.wallet span,.fineprint,.select-copy,.portal-copy p,.launch-grid p,.rune-summary p{color:#d8cfbd;margin:4px 0 0;font-size:13px;line-height:1.35}.crest{color:#ffe29b;background:#7c2d12;border:4px solid #111;place-items:center;width:48px;height:48px;font-weight:900;display:grid;box-shadow:inset 0 0 0 3px #d97706,4px 4px #0008}.wallet{box-shadow:none;image-rendering:pixelated;background:0 0;border:12px solid #0000;border-image:url(/assets/ui2/subpanel.png) 11 fill;flex-wrap:wrap;align-items:center;gap:10px;padding:8px;display:flex}.onchain-tray{color:#8ef0a8;background:#14241a;border:2px solid #0a3a2a;padding:5px 9px;font-weight:900}.panel-tabs{grid-template-columns:repeat(7,minmax(54px,1fr));gap:8px;max-width:920px;margin:0 auto 12px;display:grid}.tab,.pixel-button,.taskbar-app{color:#ffe8b0;text-shadow:1px 1px #2a1708;box-shadow:none;cursor:pointer;image-rendering:pixelated;background:0 0;border:10px solid #0000;border-image:url(/assets/ui2/button.png) 9 fill}.tab{justify-items:center;gap:3px;min-height:62px;padding:6px;display:grid}.tab.active{border-image:url(/assets/ui2/button_pressed.png) 9 fill;transform:translateY(2px)}.mini-icon{width:26px;height:26px;-webkit-mask:var(--glyph) center / 100% 100% no-repeat;-webkit-mask:var(--glyph) center / 100% 100% no-repeat;mask:var(--glyph) center / 100% 100% no-repeat;filter:drop-shadow(0 1px #2a1608);image-rendering:pixelated;background:linear-gradient(#ffe9a8 0% 40%,#f4b942 40% 72%,#b9791d 72% 100%);display:inline-block}.mini-icon.chest{--glyph:url(/assets/ui/icons/hero.svg)}.mini-icon.cross{--glyph:url(/assets/ui/icons/status.svg)}.mini-icon.gate{--glyph:url(/assets/ui/icons/portal.svg)}.mini-icon.cube{--glyph:url(/assets/ui/icons/cube.svg)}.mini-icon.rune{--glyph:url(/assets/ui/icons/runes.svg)}.mini-icon.spark{--glyph:url(/assets/ui/icons/launch.svg)}.mini-icon.market{--glyph:url(/assets/ui/icons/market.svg)}.tab.active .mini-icon{background:linear-gradient(#fff6d8 0%,#ffd158 50%,#d68f24 100%)}.panel-stage{max-width:1220px;margin:0 auto;padding-bottom:24px}.game-window,.select-window{image-rendering:pixelated;background:0 0;border:14px solid #0000;border-image:url(/assets/ui2/window.png) 13 fill;position:relative;box-shadow:6px 6px #00000080}.window-title{color:#ffe6a0;letter-spacing:1px;text-shadow:2px 2px #3a0f0f;height:46px;image-rendering:pixelated;background:url(/assets/ui2/banner.png) 0 0/100% 100%;place-items:center;font-family:Silkscreen,Pixelify Sans,sans-serif;font-size:18px;font-weight:700;display:grid}.hero-layout{grid-template-columns:1fr;gap:8px;padding:10px;display:grid}.paper{box-shadow:none;color:#2a2018;image-rendering:pixelated;background:0 0;border:12px solid #0000;border-image:url(/assets/ui2/subpanel.png) 11 fill}.hero-paper{justify-content:center;align-items:center;gap:12px;min-height:150px;padding:10px;display:flex}.inventory-tools{box-shadow:none;image-rendering:pixelated;background:0 0;border:12px solid #0000;border-image:url(/assets/ui2/subpanel.png) 11 fill;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.inventory-tools label{color:#ffe8b0;align-items:center;gap:8px;display:flex}.inventory-tools select{color:#20150f;height:32px;font:inherit;background:#a99570;border:3px solid #111;font-weight:900}.hero-paper h2{color:#2a1510;margin:0;font-size:24px}.hero-paper p{margin:4px 0 10px}.hero-art-img{image-rendering:pixelated;max-width:100%;margin:auto;display:block}.class-choice .hero-art-img{max-height:84px}.hero-art-img.sheet{background-repeat:no-repeat}.class-choice .hero-art-img.sheet{width:78px;height:82px}.hero-portrait span,.class-pixel{background:linear-gradient(var(--hair,#3b2a21) 0 13%, transparent 13%), linear-gradient(var(--skin,#e0b783) 13% 37%, transparent 37%), linear-gradient(90deg, transparent 0 13%, var(--trim,#8b2634) 13% 25%, var(--armor,#8f9298) 25% 75%, var(--trim,#8b2634) 75% 87%, transparent 87%), linear-gradient(var(--trim,#8b2634), var(--trim,#8b2634));width:48px;height:62px;box-shadow:-12px 25px 0 -4px #111, 12px 25px 0 -4px #111, -10px 25px 0 -5px var(--trim,#8b2634), 10px 25px 0 -5px var(--trim,#8b2634), -7px 53px 0 -5px #111, 7px 53px 0 -5px #111, 0 58px 0 -8px #111;image-rendering:pixelated;display:inline-block;position:relative}.hero-portrait span:before,.class-pixel:before{content:"";background:#121217;width:4px;height:4px;position:absolute;top:25px;left:16px;box-shadow:13px 0 #121217,5px 9px 0 -1px #6b2b1e}.class-pixel.tiny{flex:none;width:32px;height:40px}.hero-sprite{width:calc(var(--fw) * var(--sc) * 1px);height:calc(var(--fh) * var(--sc) * 1px);background-image:var(--img);background-repeat:no-repeat;background-size:calc(var(--sw) * var(--sc) * 1px) auto;background-position:0 calc(var(--row) * var(--sc) * -1px);image-rendering:pixelated;filter:var(--filt,none);display:inline-block}.stat-strip,.metric-row{flex-wrap:wrap;gap:8px;display:flex}.stat-strip b,.metric-row span{color:#ffe9a7;background:#241712;border:2px solid #111;padding:5px 8px}.equipment-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.equip-slot,.empty-cell,.item-card{background:repeating-linear-gradient(0deg,#ffffff06 0 2px,#0000 2px 7px),#242026;border:3px solid #111;min-height:64px;box-shadow:inset 0 0 0 2px #554535}.equip-slot{text-align:center;align-content:start;justify-items:center;gap:3px;min-height:62px;padding:5px;font-size:10px;display:grid}.equip-slot.empty{color:#9a8f7c}.equip-slot strong{max-height:22px;font-size:10px;line-height:1.05;overflow:hidden}.equip-slot small,.item-card small{color:#d7c6a2}.equip-slot strong,.item-card strong{overflow-wrap:anywhere}.item-card strong{max-height:24px;line-height:1.15;overflow:hidden}.item-card,.equip-slot{box-shadow:none;background:#23202a;border:3px solid #50505c}.equip-slot.common,.item-card.common{box-shadow:none;background:#3e434b;border-color:#c4cad2}.equip-slot.rare,.item-card.rare{box-shadow:none;background:#123c66;border-color:#45c1ff}.equip-slot.epic,.item-card.epic{box-shadow:none;background:#3c1d64;border-color:#cb8bff}.equip-slot.legendary,.item-card.legendary{box-shadow:none;background:#5f3d0d;border-color:#ffb52e}.equip-slot.mythic,.item-card.mythic{box-shadow:none;background:#4a1113;border-color:#ef4444}.inventory-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding-right:2px;display:grid;overflow:visible}.item-card{color:#efe7d5;text-align:center;cursor:pointer;place-items:center;height:36px;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.item-card .item-icon{width:24px;height:24px}.item-icon{width:32px;height:32px;image-rendering:pixelated;background-color:#15121c;background-repeat:no-repeat;border:2px solid #0b0a10;flex:none;box-shadow:inset 0 0 0 1px #6e4d2c}.affixes{color:#b7c9ff;max-height:22px;font-size:9px;line-height:1.2;display:none;overflow:hidden}.triple-grid{grid-template-columns:1.1fr .9fr 1fr;gap:12px;display:grid}.triple-grid .game-window,.portal-window,.cube-window,.runes-window,.launch-window,.status-window,.market-window{height:min(390px,100vh - 390px);min-height:320px}.status-window{width:min(900px,100%);margin:0 auto}.status-layout{grid-template-columns:210px 1fr;gap:10px;height:calc(100% - 44px);padding:10px;display:grid}.status-side{flex-direction:column;gap:8px;min-width:0;display:flex}.status-bio{background:#1c1c22;border:3px solid #111;flex:1;min-height:0;padding:8px;overflow:hidden;box-shadow:inset 0 0 0 2px #3d3327}.status-bio h3{color:#ffe29b;margin:0}.status-bio p{color:#cdbfa6;margin:2px 0 8px;font-size:12px}.skill-points{color:#ffe9a7;background:#241712;border:2px solid #111;margin-bottom:8px;padding:6px 8px;font-weight:900}.skill-points b{color:#fff;margin-left:6px}.status-bio .stat-list{gap:5px;padding:0}.skill-tree{background:linear-gradient(#212635,#14141b);border:4px solid #111;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #3a3326}.tree-links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tree-links .link{stroke:#4a4436;stroke-width:1.1px}.tree-links .link.on{stroke:#86efac;stroke-width:1.6px}.skill-node{left:var(--x);top:var(--y);color:#f0d9a0;text-align:center;cursor:pointer;background:#3a2f22;border:3px solid #111;place-items:center;gap:1px;width:62px;min-height:46px;padding:3px;font-size:9px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #6a5536}.skill-node b{font-size:11px}.skill-node.allocated{color:#dcffe6;background:#1f4b39;box-shadow:inset 0 0 0 2px #86efac,0 0 10px #22c55e}.skill-node.available{box-shadow:inset 0 0 0 2px #f4b24d}.skill-node.locked{filter:grayscale(.7)brightness(.6);cursor:default}.skill-active{width:76px;min-height:40px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c,#f4b24d) 50%, #2a2030);background:linear-gradient(#2c2230,#19131f);border-color:#1b1410}.skill-active .sk-name{color:var(--c,#f0d9a0);text-shadow:0 0 6px color-mix(in srgb, var(--c,#000) 55%, transparent);font-size:9.5px;line-height:1.05}.skill-active small{color:#b9a98a;letter-spacing:.6px;font-size:7px}.skill-active.allocated{box-shadow:inset 0 0 0 2px var(--c,#86efac), 0 0 13px color-mix(in srgb, var(--c,#22c55e) 70%, transparent);background:linear-gradient(#2a2438,#1b1530)}.skill-active.available{box-shadow:inset 0 0 0 2px var(--c,#f4b24d), 0 0 8px color-mix(in srgb, var(--c,#f4b24d) 45%, transparent);animation:1.6s ease-in-out infinite skillpulse}@keyframes skillpulse{0%,to{filter:brightness()}50%{filter:brightness(1.28)}}.skill-chip.off{opacity:.42}.skill-chip.on{color:#dcffe6}.skill-glyph{filter:drop-shadow(0 1px #1a0e04);flex:none;width:22px;height:22px;display:inline-block}.skill-active .skill-glyph{width:18px;height:18px}.skill-glyph.mini{width:13px;height:13px;margin-right:4px}#overlay-root{z-index:30;position:relative}.detail-overlay{z-index:20;background:#0506099e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.item-detail{color:#efe7d5;width:min(420px,94vw);max-height:82vh;image-rendering:pixelated;background:0 0;border:14px solid #0000;border-image:url(/assets/ui2/window.png) 13 fill;overflow:auto;box-shadow:6px 6px #00000080}.item-detail.common{box-shadow:inset 0 0 0 4px #8b9099,6px 6px #0009}.item-detail.rare{box-shadow:inset 0 0 0 4px #38bdf8,6px 6px #0009}.item-detail.epic{box-shadow:inset 0 0 0 4px #a855f7,6px 6px #0009}.item-detail.legendary{box-shadow:inset 0 0 0 4px #f59e0b,6px 6px #0009}.detail-head{background:#1b1416;border-bottom:3px solid #111;align-items:center;gap:10px;padding:12px;display:flex}.detail-head .item-icon{width:40px;height:40px}.detail-title{flex:1;min-width:0}.detail-title strong{color:#ffe8b0;font-size:16px;display:block}.detail-close{color:#ffe8b0;cursor:pointer;background:#6b2b1e;border:2px solid #111;width:28px;height:28px}.detail-section{border-bottom:2px solid #1d1d22;padding:10px 12px}.detail-section h4{color:#f4d488;letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-size:12px}.affix-row{color:#cfe0ff;align-items:center;gap:8px;padding:2px 0;font-size:13px;display:flex}.affix-row .tier{color:#cdbfa6;background:#2a2330;border:2px solid #111;padding:1px 4px;font-size:10px;font-weight:900}.affix-row .tier.t4{color:#b7e3ff}.affix-row .tier.t5{color:#ffd877;background:#3a2a12}.detail-section.base-stat{background:#181c14}.affix-row.base{color:#ffe8b0;font-weight:700}.base-badge{color:#ffd877;background:#3a3212;border:2px solid #111;padding:1px 4px;font-size:10px;font-weight:900}.detail-section.unique{background:#1f1726;box-shadow:inset 0 0 0 2px #5a3a12}.unique-row{color:#ffd877;justify-content:space-between;align-items:center;display:flex}.unique-row strong{font-size:14px}.unique-row span{color:#ffe9a7;font-weight:700}.cmp-list{flex-direction:column;gap:2px;display:flex}.cmp-row{color:#cfe0ff;justify-content:space-between;font-size:12px;display:flex}.cmp-row.up b{color:#8fe36b}.cmp-row.down b{color:#f08a7a}.cmp-row.none span,.cmp-row span{color:#9a9486}.detail-section.compare{background:#131a16}.detail-lock{cursor:pointer;background:#2a2330;border:2px solid #111;width:28px;height:28px;font-size:13px}.detail-lock.on{background:#3a2a12;box-shadow:inset 0 0 0 2px #f4d488}.socket-row{flex-wrap:wrap;gap:6px;display:flex}.socket{border:3px solid #111;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.socket.empty{color:#5b5b66;background:#16161b;box-shadow:inset 0 0 0 2px #2c2c34}.socket.filled{color:#bfe9ff;cursor:pointer;background:#1f3a4b;box-shadow:inset 0 0 0 2px #4aa3c8}.gem-tray{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.gem-chip{color:#cfeeff;cursor:pointer;background:#20323b;border:2px solid #111;padding:3px 6px;font-size:10px;font-weight:900}.muted{color:#9a9486;font-size:12px}.detail-meta{color:#d8cfbd;justify-content:space-between;padding:8px 12px;font-size:12px;display:flex}.detail-meta b{color:#ffe9a7}.detail-actions{gap:6px;padding:12px;display:flex}.detail-actions .pixel-button{flex:1}.list-section .list-row{gap:6px;display:flex}.list-price{color:#20150f;height:32px;font:inherit;background:#a99570;border:3px solid #111;flex:1;padding:0 8px;font-weight:900}.market-window{flex-direction:column;width:min(900px,100%);margin:0 auto;display:flex}.market-head{background:#19191e;border-bottom:3px solid #111;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.tray-balance{color:#ffe9a7;background:#241712;border:2px solid #111;padding:6px 10px;font-weight:900}.tray-balance b{color:#ffd877;margin-left:4px}.market-id{color:#9ad0c0;overflow-wrap:anywhere;font-size:12px}.market-head .pixel-button{margin-left:auto}.market-body{gap:12px;padding:10px 14px;display:grid;overflow:auto}.market-body h4{color:#f4d488;text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:13px}.listing-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px;display:grid}.listing-card{text-align:center;color:#efe7d5;background:#242026;border:3px solid #111;justify-items:center;gap:3px;padding:8px;font-size:11px;display:grid;box-shadow:inset 0 0 0 2px #554535}.listing-card.common{box-shadow:inset 0 0 0 2px #8b9099}.listing-card.rare{box-shadow:inset 0 0 0 2px #38bdf8}.listing-card.epic{box-shadow:inset 0 0 0 2px #a855f7}.listing-card.legendary{box-shadow:inset 0 0 0 2px #f59e0b}.listing-card .price{color:#ffd877;font-weight:900}.listing-card .pixel-button{width:100%}.market-window .listing-card .pool-card.common,.market-window .listing-card .pool-card.rare,.market-window .listing-card .pool-card.epic,.market-window .listing-card .pool-card.legendary{background:0 0;border-image:url(/assets/ui/theme/slot.png) 3 fill;width:42px;height:42px}.listing-card .market-icon-slot .pool-icon{justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.listing-card .market-icon-slot .item-icon{width:100%;height:100%;box-shadow:none;transform-origin:50%;background:0 0;border:0;transform:scale(1.3)}.hero-status-row{background:#1f1f24;border:3px solid #111;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;margin:10px;padding:10px;display:grid}.hero-status-row meter{width:100%;height:10px;display:block}.skill-line{color:#f4d488;margin-top:3px;display:block}.skill-list{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.skill-chip{color:#f4d488;align-items:center;font-size:12px;display:inline-flex}.stat-list{gap:3px;padding:6px;display:grid}.stat-list div{color:#221812;background:#a99570;border:3px solid #111;justify-content:space-between;gap:12px;padding:3px 8px;display:flex}.log-list{color:#eadfc9;margin:0;padding:12px 12px 12px 32px;line-height:1.45}.portal-window{grid-template-columns:minmax(300px,1fr) 280px;display:grid}.portal-window .window-title{grid-column:1/-1}.portal-map{background:linear-gradient(135deg,#6a482173,#dec78cad),url(/assets/hermes/bg/bg_star_deck.webp) 50%/cover,repeating-linear-gradient(45deg,#0000 0 20px,#3e27141f 20px 24px),#c4b17b;border:4px solid #111;min-height:220px;margin:18px;position:relative;box-shadow:inset 0 0 0 4px #806a43}.map-title{color:#ffe8b0;background:#6b2b1e;border:3px solid #111;padding:7px 14px;font-weight:900;position:absolute;top:18px;left:50%;transform:translate(-50%)}.portal-node,.rune-node{left:var(--x);top:var(--y);cursor:pointer;border:3px solid #111;position:absolute;transform:translate(-50%,-50%)}.portal-node{color:#25170d;background:#f2e4b9;width:48px;height:48px;font-weight:900}.portal-node.locked{filter:grayscale()brightness(.65);cursor:default}.portal-node.current{box-shadow:0 0 0 5px #22c55e,0 0 18px #22c55e}.portal-node.cleared{background:#bfe6ad}.portal-window .portal-top{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px 0;display:flex}.act-tabs{gap:6px;display:flex}.act-tab{color:#e9dcc6;cursor:pointer;background:#2a2330;border:2px solid #111;min-height:30px;padding:4px 12px;font-weight:900;box-shadow:inset 0 0 0 2px #4a3b2c}.act-tab.active{color:#ffe8b0;background:linear-gradient(#b4502c,#6f211f);box-shadow:inset 0 0 0 2px #f4b24d}.difficulty-select{color:#ffe8b0;align-items:center;gap:8px;font-size:13px;display:flex;position:relative}.portal-copy{background:#19191e;border-left:4px solid #111;padding:22px 18px}.cube-core{grid-template-columns:280px 1fr;align-items:start;gap:22px;padding:24px;display:grid}.cube-grid{background:radial-gradient(circle,#4b5563,#17171c 68%);border:4px solid #111;grid-template-rows:repeat(3,80px);grid-template-columns:repeat(3,80px);place-content:center;gap:8px;padding:16px;display:grid}.cube-grid span{color:#ffe8b0;background:#111116;border:3px solid #333842;place-items:center;font-size:26px;display:grid}.cube-controls{gap:10px;display:grid}.pixel-button{min-height:42px;padding:8px 12px;font-weight:900}.pixel-button.small{min-height:32px;padding:4px 9px}.pixel-button.disabled{filter:grayscale(.7)brightness(.75)}.runes-window{grid-template-columns:1fr;display:grid}.runes-window .window-title{grid-column:1/-1}.rune-board{background-color:#202025;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:4px solid #111;min-height:220px;margin:18px;position:relative;overflow:hidden}.rune-board:before{content:"";border-top:3px solid #7b6b4a;border-bottom:3px solid #7b6b4a;position:absolute;inset:18% 10%;transform:skewY(-9deg)}.rune-node{z-index:1;color:#d8c089;background:#2b211a;place-items:center;gap:1px;width:48px;min-height:38px;padding:3px;font-size:10px;display:grid;box-shadow:inset 0 0 0 2px #5a4630}.rune-node span{font-size:11px;font-weight:900}.rune-node.affordable{color:#f7d47a;background:#422116;box-shadow:inset 0 0 0 2px #f4b24d}.rune-node.locked{filter:grayscale(.6)brightness(.7)}.rune-node.unlocked{color:#dcffe6;background:#1f4b39;box-shadow:inset 0 0 0 2px #86efac,0 0 10px #22c55e}.rune-node span,.rune-node small{display:block}.rune-summary{background:#19191e;border-top:4px solid #111;padding:24px 18px}.rune-summary .pixel-button{width:100%;margin-top:14px}.runes-overlay{z-index:40;background:#050609b8;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.price-modal-overlay{z-index:122;background:#050609b8;place-items:center;padding:20px;display:none;position:fixed;inset:0}.price-modal.game-window{width:min(320px,90vw);image-rendering:pixelated;background:0 0;border:19px solid #0000;border-image:url(/assets/ui/theme/panel_frame.png) 4 fill;margin:0;box-shadow:4px 5px #0000008c}.price-modal-body{gap:10px;padding:4px 14px 14px;display:grid}.price-modal-body .muted{margin:0;font-size:12px}.price-modal-input{box-sizing:border-box;text-align:center;width:100%;font-size:15px}.price-modal-actions{justify-content:flex-end;gap:8px;display:flex}.price-modal-actions .pixel-button{min-width:84px}.item-sheet-overlay{z-index:120;background:#050609b8;place-items:end center;padding:0;display:none;position:fixed;inset:0}.item-sheet{box-sizing:border-box;width:100%;max-width:460px;padding:14px 14px calc(16px + env(safe-area-inset-bottom,0px));image-rendering:pixelated;background:#14110b;border:16px solid #0000;border-image:url(/assets/ui/theme/panel_frame.png) 4 fill;border-radius:12px 12px 0 0;gap:12px;animation:.16s ease-out sheetUp;display:grid;box-shadow:0 -6px 20px #0000008c}@keyframes sheetUp{0%{opacity:.3;transform:translateY(34px)}to{opacity:1;transform:none}}.item-sheet .item-sheet-info.rune-tooltip{z-index:auto;pointer-events:auto;max-width:none;box-shadow:none;background:0 0;border:none;padding:0;font-size:12px;position:static}.item-sheet .tt-hotkeys{display:none}.item-sheet-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.item-sheet-actions .pixel-button{width:100%;min-height:46px;font-size:12px}.item-sheet-actions .item-sheet-cancel{grid-column:1/-1}@media (width<=760px){.portal-ctx-menu button{min-height:44px;padding:12px 22px;font-size:12px}}.runes-overlay .runes-window{background:0 0;border:14px solid #0000;border-image:url(/assets/ui2/window.png) 13 fill;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;width:min(1180px,94vw);height:min(760px,88vh);overflow:hidden;box-shadow:8px 8px #0000008c}.runes-titlebar{justify-content:center;align-items:center;display:flex;position:relative}.runes-titlebar .win-ctrl--close{align-self:center;margin-left:auto;position:static;top:auto;right:auto;transform:none}.runes-overlay .rune-board{height:100%;min-height:0;margin:16px 20px}.runes-overlay .rune-summary{padding:16px 24px}.runes-overlay .rune-node{width:46px;min-height:34px}.launch-grid{grid-template-columns:1.2fr .8fr;gap:18px;padding:20px;display:grid}.launch-grid section{background:#1f1f24;border:3px solid #111;padding:16px}.hero-select{background:linear-gradient(90deg,#0000008c,#0000 22% 78%,#0000008c),linear-gradient(#232f2fb8,#0e0f14f2),repeating-linear-gradient(90deg,#142127 0 56px,#10191f 56px 112px);grid-template-columns:240px minmax(320px,560px) 240px;justify-content:center;align-items:center;gap:12px;min-height:min(610px,100vh - 110px);display:grid}.select-window{padding-bottom:20px}.select-window h2{text-align:center;color:#fff3c4;text-shadow:3px 3px #111;margin:26px 18px 8px;font-size:34px}.select-copy{text-align:center;max-width:430px;margin:0 auto 16px}.class-ring{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px;display:grid}.class-choice{color:#f3e7cb;cursor:pointer;background:repeating-linear-gradient(0deg,#ffffff06 0 2px,#0000 2px 8px),#292329;border:3px solid #111;align-content:center;justify-items:center;gap:10px;min-height:150px;display:grid;box-shadow:inset 0 0 0 2px #685139}.class-choice:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #f4b24d,4px 4px #0008}.class-choice.locked,.form-slot.locked{filter:grayscale()brightness(.5);cursor:not-allowed;position:relative}.class-choice.locked:hover{transform:none;box-shadow:inset 0 0 0 2px #685139}.choice-lock{filter:drop-shadow(0 1px 2px #000);pointer-events:none;z-index:4;font-size:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.form-slot.locked .choice-lock{font-size:14px}.hero-select-v2{text-align:center;width:100%;min-height:100vh;image-rendering:pixelated;image-rendering:crisp-edges;background:#0b0e16 url(/assets/ui/hero-select-bg.png) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:relative;overflow:hidden}.hsel-veil{pointer-events:none;z-index:0;background:radial-gradient(120% 78% at 50% 44%,#0000 42%,#06080e80 100%),linear-gradient(#06080e80 0%,#0000 26% 60%,#06080ed9 100%);position:absolute;inset:0}.hero-select-v2>:not(.hsel-veil){z-index:1;position:relative}.hsel-banner{letter-spacing:1px;color:#f6efd8;text-shadow:0 2px #000,0 0 10px #0009;background:linear-gradient(#3f7a34,#2c5a26);border:3px solid #10240d;padding:6px 30px;font-size:20px;font-weight:800;box-shadow:inset 0 0 0 2px #6fbf54,3px 3px #0008}.hsel-stage{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.hsel-track{flex:auto;max-width:620px;height:210px;position:relative}.hsel-card{cursor:pointer;will-change:transform, opacity;justify-content:center;align-items:flex-end;transition:transform .34s cubic-bezier(.22,.61,.36,1),opacity .34s,filter .2s;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.hsel-card .hero-art-img.sheet{filter:drop-shadow(0 6px 6px #0000008c);width:150px;height:160px;max-height:none}.hsel-card .hero-art-img.sheet.walk{animation:.9s steps(8,jump-none) infinite hero-walk}.hsel-card:not(.center){filter:brightness(.55)}.hsel-card.locked{filter:grayscale()brightness(.5)}.hsel-card.center.locked{filter:grayscale()brightness(.62)}.hsel-card .choice-lock{font-size:44px}.hsel-arrow{color:#f6efd8;cursor:pointer;background:#10141eb8;border:3px solid #10240d;flex:none;width:46px;height:66px;font-size:26px;box-shadow:inset 0 0 0 2px #6fbf54}.hsel-arrow:hover{background:#2a3e22eb}.hsel-arrow:active{transform:translateY(1px)}.hsel-info{max-width:460px;min-height:70px;padding:0 14px}.hsel-name{color:#ffe9a8;text-shadow:0 2px #000,0 0 8px #00000080;margin:0;font-size:25px;font-weight:800}.hsel-role{letter-spacing:.6px;color:#9fe08a;text-transform:uppercase;text-shadow:0 1px #000;margin:3px 0 5px;font-size:12px}.hsel-desc{color:#dbe4ec;text-shadow:0 1px 2px #000;margin:0;font-size:13px;line-height:1.45}.hsel-confirm{letter-spacing:1px;color:#10240d;cursor:pointer;background:linear-gradient(#8fe06a,#5cb63f);border:3px solid #10240d;padding:9px 44px;font-size:17px;font-weight:800;box-shadow:inset 0 0 0 2px #bff59f,3px 3px #0008}.hsel-confirm:hover:not(:disabled){filter:brightness(1.08)}.hsel-confirm:active:not(:disabled){transform:translateY(1px)}.hsel-confirm:disabled,.hsel-confirm.is-locked{cursor:not-allowed;color:#e8dede;background:linear-gradient(#6d6d6d,#4a4a4a);box-shadow:inset 0 0 0 2px #8a8a8a,3px 3px #0008}.class-choice .class-pixel{margin-bottom:48px}.splash-character{opacity:.92;height:520px;image-rendering:pixelated;background:linear-gradient(#0000 0 16%,#d3ae74 16% 30%,#0000 30%),linear-gradient(90deg,#0000 0 31%,#141414 31% 39%,#0000 39% 61%,#141414 61% 69%,#0000 69%),linear-gradient(#0000 0 30%,#782b24 30% 58%,#1c1b22 58% 82%,#0e0e13 82%),#26262d;border:5px solid #111;box-shadow:inset 0 0 0 4px #5c4b36,5px 5px #0008}.splash-character.right{background:linear-gradient(#0000 0 15%,#cba56d 15% 29%,#0000 29%),linear-gradient(90deg,#0000 0 29%,#141414 29% 38%,#0000 38% 62%,#141414 62% 71%,#0000 71%),linear-gradient(#0000 0 29%,#3b315d 29% 58%,#141925 58% 82%,#0e0e13 82%),#26262d}.portal-anim{width:72px;height:72px;image-rendering:pixelated;filter:drop-shadow(0 0 6px #965aff80);background-position:50%;background-repeat:no-repeat;background-size:contain;margin:6px auto 2px;animation:.9s infinite portalspin}@keyframes portalspin{0%,13%{background-image:url(/assets/portal_animation/Frames/portal1_frame_1.png)}14.3%,27%{background-image:url(/assets/portal_animation/Frames/portal1_frame_2.png)}28.6%,41%{background-image:url(/assets/portal_animation/Frames/portal1_frame_3.png)}42.9%,55%{background-image:url(/assets/portal_animation/Frames/portal1_frame_4.png)}57.2%,69%{background-image:url(/assets/portal_animation/Frames/portal1_frame_5.png)}71.5%,83%{background-image:url(/assets/portal_animation/Frames/portal1_frame_6.png)}85.8%,to{background-image:url(/assets/portal_animation/Frames/portal1_frame_7.png)}}.titlebar{z-index:8;color:#cfc9e0;cursor:default;-webkit-user-select:none;user-select:none;-webkit-app-region:no-drag;background:#14131b;justify-content:space-between;align-items:center;height:26px;padding:0 6px 0 10px;display:flex;position:absolute;top:0;left:0;right:0}.titlebar-name{letter-spacing:.04em;opacity:.9;font-size:11px}.titlebar-controls{-webkit-app-region:no-drag;gap:2px;display:flex}.titlebar-btn{color:#cfc9e0;cursor:pointer;-webkit-app-region:no-drag;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:18px;padding:0;font-size:14px;line-height:1;display:flex}.titlebar-btn:hover{background:#ffffff1f}.titlebar-btn--close:hover{color:#fff;background:#e03050}.menu-window .workspace,.menu-window #overlay-root{-webkit-app-region:no-drag}.menu-window .workspace{height:100%;padding:14px 36px 24px;overflow-x:hidden}.win-controls{-webkit-app-region:no-drag;z-index:2;gap:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.win-ctrl{cursor:pointer;color:#ffe6a0;width:24px;height:24px;image-rendering:pixelated;background:#5a4128;border:2px solid #2a1d12;place-items:center;padding:0;font-size:12px;line-height:1;display:grid}.win-ctrl:hover{background:#6b4d30}.win-ctrl--close{background:#8a3a2a}.win-ctrl--close:hover{background:#a8472f}.game-view-window{margin:0;overflow:hidden;background:0 0!important}.game-view-window #app{-webkit-app-region:no-drag;cursor:default;background:0 0;width:100vw;height:100vh}.game-view-window #battle-stage{width:100vw;height:100vh}.game-view-window #battle-stage canvas{image-rendering:pixelated;image-rendering:crisp-edges}.game-view-window .gv-resize{z-index:10;cursor:nwse-resize;touch-action:none;-webkit-app-region:no-drag;background:0 0;width:20px;height:20px;position:fixed;bottom:0;right:0}.taskbar{z-index:6;color:#ffe8b0;height:44px;image-rendering:pixelated;background:0 0;border:12px solid #0000;border-image:url(/assets/ui2/subpanel.png) 11 fill;justify-content:space-between;align-items:center;padding:4px 16px;display:flex;position:absolute;bottom:0;left:0;right:0;display:none!important}.taskbar-app{color:#ffe8b0;align-items:center;gap:8px;min-height:34px;display:flex}.taskbar-app .mini-icon{width:22px;height:22px}.taskbar-right{align-items:center;gap:14px;font-size:13px;display:flex}.taskbar-speed{color:#eafff2;cursor:pointer;background:#2f6f4e;border:2px solid #0a3a2a;min-height:26px;padding:2px 10px;font-weight:900}@media (width<=980px){.workspace{padding:14px 14px 178px}.hud{flex-direction:column;align-items:stretch}.wallet{flex-flow:wrap;align-items:flex-start}.wallet .pixel-button.small{flex:none}.brand h1{font-size:22px}.panel-tabs{grid-template-columns:repeat(3,1fr)}.hero-layout,.triple-grid,.portal-window,.cube-core,.runes-window,.launch-grid,.hero-select{grid-template-columns:1fr}.splash-character{display:none}.inventory-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.portal-copy,.rune-summary{border-top:4px solid #111;border-left:0}.portal-window,.runes-window{overflow-x:auto}.portal-map,.rune-board{min-width:680px}#battle-stage{width:100vw}}@media (width<=560px){.workspace{height:calc(100% - 178px);padding-bottom:164px}.panel-tabs{grid-template-columns:repeat(2,1fr)}.class-ring{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cube-grid{grid-template-rows:repeat(3,58px);grid-template-columns:repeat(3,58px)}.taskbar-right span:first-child{display:none}}@media (width<=760px){.board{--panel-w:min(360px, calc(100vw - 12px));flex-direction:column;align-items:stretch;padding:0 6px}.hero-col{flex:none;width:100%}.board .stash-col,.board .right-col{z-index:46;background:#0a0804fa;width:auto;max-width:none;min-height:100dvh;max-height:none;margin:0;padding:8px 8px 92px;animation:none;position:fixed;inset:0;overflow-y:auto}.board .stash-col>.game-window,.board .right-col>.game-window{width:100%;max-width:460px;height:auto;max-height:none;margin:0 auto}.runes-overlay{justify-content:stretch;align-items:stretch;padding:0}.runes-overlay .runes-window{border-radius:0;width:100vw;max-width:100vw;height:100%;max-height:100%;margin:0;overflow:auto}.screen-edge-buttons{flex-flow:wrap;justify-content:center;gap:6px;width:min(94vw,520px);max-height:0;padding:0;transition:max-height .2s;top:auto;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}.screen-edge-buttons.open{max-height:220px;padding-top:4px}.screen-edge-buttons .edge-btn{flex:30%;width:auto;font-size:11px;transform:none}.screen-edge-buttons .edge-btn:hover{transform:none}.mobile-only{display:inline-flex}.dock-handle{z-index:41;cursor:pointer;color:#f0d9a8;background:#4a3622;border:3px solid #2a1d12;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:18px;display:grid;position:fixed;bottom:10px;left:10px}}.market-window{image-rendering:pixelated;background:0 0;border:14px solid #0000;border-image:url(/assets/ui2/window.png) 13 fill;box-shadow:6px 6px #00000080}.status-bio,.portal-copy,.rune-summary,.market-head,.launch-grid section,.skill-points{box-shadow:none;image-rendering:pixelated;background:0 0;border:12px solid #0000;border-image:url(/assets/ui2/subpanel.png) 11 fill}.act-tab,.hero-tab,.detail-close,.taskbar-speed{box-shadow:none;color:#ffe8b0;text-shadow:1px 1px #2a1708;image-rendering:pixelated;background:0 0;border:10px solid #0000;border-image:url(/assets/ui2/button.png) 9 fill}.tab.active,.act-tab.active,.hero-tab.active,.pixel-button:active{border-image:url(/assets/ui2/button_pressed.png) 9 fill;transform:translateY(2px)}.empty-cell,.listing-card{image-rendering:pixelated;background:0 0;border:8px solid #0000;border-image:url(/assets/ui2/slot.png) 7 fill}.splash-character{display:none}.topbar{justify-content:space-between;align-items:center;gap:10px;padding:4px 8px 8px;display:flex}.topbar .coin{color:#ffe6a0;font-size:16px;font-weight:900}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar .tray-top{color:#bfe9ff;white-space:nowrap;cursor:context-menu;background:linear-gradient(#183042,#0f2230);border:1px solid #2f6f92;border-radius:5px;align-items:center;gap:4px;padding:2px 9px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #2b5c7a}.topbar .tray-top b{color:#7fd0ff;font-size:11px;font-weight:800}.board{--panel-w:360px;--panel-h:456px;justify-content:center;align-items:flex-start;padding:0 8px;display:flex;position:relative}.hero-col{flex:0 0 var(--panel-w);flex-direction:column;display:flex}.stash-col,.right-col{width:var(--panel-w);position:absolute;top:0}.stash-col{right:calc(50% + var(--panel-w) / 2);animation:.13s panelInLeft}.right-col{left:calc(50% + var(--panel-w) / 2);animation:.13s panelInRight}@keyframes panelInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes panelInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.board-col{height:min(575px,100vh - 180px);overflow:hidden}.board-col::-webkit-scrollbar{width:8px}.board-col::-webkit-scrollbar-thumb{background:#5a4128;border-radius:4px}.board-col>.game-window{box-sizing:border-box;width:100%;min-height:100%;margin:0;box-shadow:5px 5px #00000080}.panel-close{z-index:4;cursor:pointer;color:#ffe6a0;background:#8a3a2a;border:2px solid #2a1d12;width:26px;height:26px;font-size:15px;font-weight:900;line-height:1;position:absolute;top:6px;right:8px}.panel-close:hover{background:#a8472f}.hero-toggles{z-index:5;background:linear-gradient(#0000,#0a0806cc 30%,#0a0806f7);justify-content:center;gap:8px;margin-top:8px;padding:8px 4px;display:flex;position:sticky;bottom:0}.hero-toggles .toggle-btn{flex:1;max-width:150px}.hero-toggles .toggle-btn.on{color:#ffe6a0;border-image:url(/assets/ui2/button_pressed.png) 9 fill}.hero-toggles .toggle-btn:not(.on){filter:grayscale(.5)brightness(.78)}.stash-actions .pixel-button,.stash-sell .pixel-button{min-height:18px;padding:2px 6px;font-size:10px;font-weight:700}.stash-sell{flex-wrap:wrap;align-items:center;gap:6px;padding:0 12px 6px;display:flex}.stash-sell label{color:#cbb892;flex:100%;align-items:center;gap:4px;font-size:11px;display:flex}.stash-sell select{font:inherit;font-size:11px}.stash-sell .pixel-button{white-space:nowrap;flex:1 1 0;min-width:0}.tab-placeholder{text-align:center;color:#9a8f7c;padding:26px 12px;font-size:12px}.silhouette{filter:brightness(0)contrast(1.1);opacity:.92}.pet-art{z-index:1;width:58%;height:58%;image-rendering:pixelated;background-position:bottom;background-repeat:no-repeat;background-size:contain;position:relative}.pet-slot--glow{position:relative}.pet-slot--glow:before{content:"";z-index:0;background:radial-gradient(circle,#a855f799 0%,#7c3aed47 45%,#0000 72%);border-radius:50%;position:absolute;inset:22%}.pet-slot.empty{border-style:dashed;border-color:#322c3a}.pool-card{background:#23202a;border:3px solid #50505c;grid-template-rows:1fr auto;gap:2px;min-height:42px;padding:2px;display:grid;position:relative}.pool-card.common{background:#3e434b;border-color:#c4cad2}.pool-card.rare{background:#123c66;border-color:#45c1ff}.pool-card.epic{background:#3c1d64;border-color:#cb8bff}.pool-card.legendary{background:#5f3d0d;border-color:#ffb52e}.pool-icon{cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.pool-icon .item-icon{width:22px;height:22px}.pool-equip{cursor:pointer;color:#f4ffd9;text-overflow:clip;white-space:nowrap;background:#3f6b22;border:2px solid #111;padding:2px 0;font-size:8px;font-weight:900;line-height:1;overflow:hidden}.pool-equip:hover{background:#4e8a2a}.inv-grid .empty-cell,.stash-49 .empty-cell{min-height:42px}.screen-edge-buttons{z-index:40;flex-direction:column;gap:8px;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.screen-edge-buttons .edge-btn{width:108px;font-size:12px;transition:transform .16s;transform:translate(-46%)}.screen-edge-buttons .edge-btn:hover,.screen-edge-buttons .edge-btn.on{transform:translate(0)}.dock-handle,.mobile-only{display:none}.octa-toolbar{justify-content:center;gap:8px;padding:8px 0 6px;display:flex}.octa{cursor:pointer;color:#f0d9a8;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:#4a3622;border:3px solid #2a1d12;place-items:center;width:50px;height:50px;padding:0;transition:transform 80ms;display:grid}.octa:hover{transform:translateY(-2px)}.octa .mini-icon{width:24px;height:24px}.topbar{padding:2px 8px 6px}.game-window{border-width:12px}.window-title{height:36px;font-size:16px}.stat-strip{gap:4px}.skill-row{gap:4px;padding:0 10px 6px}.skill-slot{min-height:36px}.hero-tools{margin:0 10px 6px;padding:6px}.octa-toolbar{padding:8px 0 6px}.cube-window{--slot-size:32px;border-radius:9px;padding:2px 3px 3px}.board-col>.cube-window.game-window{width:var(--panel-w);height:var(--panel-h);align-self:start;min-height:0;margin:0}.board-col>.cube-window{flex-direction:column;display:flex}.cube-window>.cube-gold{margin-top:auto}.cube-window .window-title{text-align:center;letter-spacing:2px;text-transform:uppercase;color:#f0b45c;text-shadow:0 2px #5a1712;background:linear-gradient(#a5322b,#7c211d);border:2px solid #d7a24e;border-radius:3px;height:auto;margin:0 0 5px;padding:5px 8px;font-family:"Press Start 2P",monospace;font-size:11px;display:block;box-shadow:inset 0 0 0 1px #5a1712}.cube-level-bar{align-items:center;gap:6px;margin:0 0 5px;display:flex}.cube-level-label{color:#f3e8cf;white-space:nowrap;font-size:9px;font-weight:700}.cube-level-track{background:#3a2a14;border:2px solid #7c5a2e;border-radius:3px;flex:1;height:7px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.cube-level-fill{background:linear-gradient(#ffe6a8,#e0a83c);height:100%;display:block}.cube-selector{gap:4px;margin:0 0 5px;display:flex}.cube-mode{cursor:pointer;color:#3a2a14;background:linear-gradient(#e0c07a,#bd9450);border:2px solid #7c5a2e;border-radius:5px;flex:1;align-items:center;gap:6px;padding:6px 8px;font-size:10px;font-weight:700;display:flex;box-shadow:inset 0 1px #fff2cf}.cube-mode .cube-caret{color:#7c5a2e;margin-left:auto}.cube-mode.open .cube-caret{transform:rotate(180deg)}.cube-glyph{color:#8a2a1e;font-size:13px;line-height:1}.cube-tier{cursor:pointer;color:#f3e8cf;white-space:nowrap;background:linear-gradient(#8a6a34,#5c4522);border:2px solid #3a2a14;border-radius:5px;padding:6px 8px;font-size:9px;box-shadow:inset 0 1px #c8a05a}.cube-tier b{color:#ffe6a8}.cube-dropdown{z-index:20;background:linear-gradient(#e7d3a2,#cdb078);border:2px solid #7c5a2e;border-radius:6px;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:94px;left:6px;right:6px;box-shadow:0 5px 10px #0000008c}.cube-drop-item{cursor:pointer;color:#3a2a14;text-align:left;background:linear-gradient(#d8c096,#c2a066);border:2px solid #8a6a34;border-radius:4px;align-items:center;gap:7px;padding:5px 7px;font-size:10px;display:flex}.cube-drop-item.on{color:#2a1608;background:linear-gradient(#ff9a3c,#e07016);border-color:#ffbf6a;box-shadow:inset 0 0 0 1px #ffd79a}.cube-drop-item.soon{opacity:.6}.cube-drop-item.soon .cube-glyph{color:#6b4a2a}.cube-drop-item[disabled]{cursor:not-allowed}.cube-drop-item em{color:#7c211d;background:#f0d9a2;border-radius:3px;margin-left:auto;padding:1px 4px;font-size:8px;font-style:normal}.cube-drop-item .cube-lock{margin-left:auto;font-size:9px}.cube-drop-item .cube-lock+em{margin-left:3px}.cube-desc{text-align:center;background:#f0e2b8aa;border:2px solid #7c5a2e;border-radius:5px;margin:0 6px 6px;padding:6px 8px}.cube-desc p{color:#3a2a14;margin:0;font-size:9px;line-height:1.4}.cube-desc p.cube-req{color:#5a4630;margin-top:3px;font-size:8px}.cube-desc b{color:#7c211d}.cube-desc b.ok{color:#2f7a2a}.cube-desc b.no{color:#a13}.cube-grid{background:radial-gradient(circle at 50% 40%,#2a2114,#14100a 72%);border:2px solid #7c5a2e;border-radius:6px;grid-template-rows:repeat(3,46px);grid-template-columns:repeat(3,46px);grid-auto-rows:46px;place-content:center;gap:5px;width:max-content;margin:2px auto 8px;padding:8px;display:grid;box-shadow:inset 0 0 10px #0009}.cube-grid .cube-cell,.cube-grid span{color:#6b4a1e;background:#16100a;border:2px solid #b8863a;border-radius:3px;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;display:flex;box-shadow:inset 0 0 0 1px #5c3f1a,inset 0 2px 4px #0009}.cube-actions{gap:5px;margin:0 6px 6px;display:flex}.cube-actions .pixel-button{color:#3a2a14;background:linear-gradient(#e0c07a,#bd9450);border:2px solid #7c5a2e;border-radius:5px;flex:1;padding:7px 4px;font-size:9px;font-weight:700;box-shadow:inset 0 1px #fff2cf}.cube-actions .pixel-button.fuse{background:linear-gradient(#f2d488,#d0a850)}.cube-actions .pixel-button.disabled{opacity:.45;pointer-events:none}.cube-check{color:#3a2a14;justify-content:center;align-items:center;gap:6px;margin:0 0 6px;font-size:9px;font-weight:700;display:flex}.cube-check input{accent-color:#b8863a}.cube-gold{text-align:center;color:#3a2a14;background:linear-gradient(#caa96a,#ac8850);border:2px solid #7c5a2e;border-radius:5px;margin:0 4px 2px;padding:7px;font-size:11px;font-weight:700;box-shadow:inset 0 1px #e6cf94}.cube-gold b{color:#7c211d}.cube-soon{color:#6b4a2a;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.cube-soon .cube-glyph.big{color:#8a6a34;opacity:.6;font-size:46px}.portal-window{background:repeating-linear-gradient(0deg,#462d140d 0 3px,#0000 3px 6px),#caa980 linear-gradient(155deg,#d8bd8b,#bd9a62);border:6px solid #38271556;border-image:;border-radius:9px;padding:2px 3px 3px;box-shadow:inset 0 0 0 2px #a5793a,inset 0 0 0 4px #4a3418,0 0 0 3px #6b4d2a,6px 7px #00000080}.portal-window:before{content:"";pointer-events:none;background-color:#0000;background-image:radial-gradient(9px 9px at 0 0,#241708 40%,#0000 42%),radial-gradient(9px 9px at 100% 0,#241708 40%,#0000 42%),radial-gradient(9px 9px at 0 100%,#241708 40%,#0000 42%),radial-gradient(9px 9px at 100% 100%,#241708 40%,#0000 42%);background-position:0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:7px;position:absolute;inset:2px}.board-col>.portal-window.game-window{width:var(--panel-w);height:var(--panel-h);align-self:start;min-height:0;margin:0}.board-col>.portal-window{flex-direction:column;display:flex}.portal-window>.portal-copy{margin-top:auto}.portal-window .window-title{text-align:center;letter-spacing:2px;text-transform:uppercase;color:#f0b45c;text-shadow:0 2px #5a1712;background:linear-gradient(#a5322b,#7c211d);border:2px solid #d7a24e;border-radius:3px;height:auto;margin:0 0 5px;padding:5px 8px;font-family:"Press Start 2P",monospace;font-size:11px;display:block;box-shadow:inset 0 0 0 1px #5a1712}.portal-window .portal-top{flex-direction:column;gap:5px;margin:0 0 5px;display:flex}.portal-window .difficulty-select{display:block}.diff-mode{cursor:pointer;color:#f3e8cf;text-align:center;background:linear-gradient(#a5322b,#7c211d);border:2px solid #d7a24e;border-radius:5px;align-items:center;gap:6px;width:100%;padding:6px 8px;font-size:10px;font-weight:700;display:flex;box-shadow:inset 0 1px #d98}.diff-mode-label{flex:1}.diff-caret{color:#f0b45c}.diff-mode.open .diff-caret{transform:rotate(180deg)}.diff-glyph{background:var(--c);width:9px;height:9px;box-shadow:inset 0 0 0 1px #0006, 0 0 4px var(--c);border-radius:2px;flex:none;transform:rotate(45deg)}.diff-dropdown{z-index:20;background:linear-gradient(#e7d3a2,#cdb078);border:2px solid #7c5a2e;border-radius:6px;flex-direction:column;gap:2px;margin-top:3px;padding:4px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 5px 10px #0000008c}.diff-drop-item{cursor:pointer;color:#3a2a14;text-align:left;background:linear-gradient(#d8c096,#c2a066);border:2px solid #8a6a34;border-radius:4px;align-items:center;gap:7px;padding:5px 7px;font-size:10px;display:flex}.diff-drop-item.on{color:#2a1608;background:linear-gradient(#ff9a3c,#e07016);border-color:#ffbf6a;box-shadow:inset 0 0 0 1px #ffd79a}.diff-drop-item.locked{opacity:.6;cursor:not-allowed}.diff-drop-item .diff-lock{margin-left:auto}.portal-window .act-tabs{gap:4px;display:flex}.portal-window .act-tab{color:#3a2a14;cursor:pointer;background:linear-gradient(#c2a066,#a3823f);border:2px solid #6b4a1e;border-radius:5px;flex:1;padding:6px 2px;font-size:9px;font-weight:700;box-shadow:inset 0 1px #e6cf94}.portal-window .act-tab.active{color:#2a1608;background:linear-gradient(#ff9a3c,#e07016);border-color:#ffbf6a;box-shadow:inset 0 0 0 1px #ffd79a}.portal-window .portal-map{background:radial-gradient(circle at 32% 22%,#ffffff1a,#0000 45%),repeating-linear-gradient(60deg,#3c280f0d 0 7px,#0000 7px 15px),repeating-linear-gradient(-60deg,#3c280f0d 0 7px,#0000 7px 15px),linear-gradient(160deg,#cdb083,#a8894f);border:3px solid #7c211d;border-radius:6px;flex:1;min-height:0;margin:0 0 5px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #d7a24e,inset 0 0 18px #28140880}.portal-window .portal-map[data-biome=greenwood]{image-rendering:pixelated;background:url(/assets/portal-maps/greenwood.png) 50%/cover no-repeat}.portal-window .portal-map[data-biome=dunelands]{image-rendering:pixelated;background:url(/assets/portal-maps/dunelands.png) 50%/cover no-repeat}.portal-window .portal-map[data-biome=frostpeak]{image-rendering:pixelated;background:url(/assets/portal-maps/frostpeak.png) 50%/cover no-repeat}.portal-window .portal-map[data-biome=emberfell]{image-rendering:pixelated;background:url(/assets/portal-maps/emberfell.png) 50%/cover no-repeat}.portal-window .portal-map[data-biome=mistmarsh]{image-rendering:pixelated;background:url(/assets/portal-maps/mistmarsh.png) 50%/cover no-repeat}.portal-window .map-banner{z-index:3;white-space:nowrap;color:#f0e2c2;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);background:linear-gradient(#a5322b,#7c211d);border:2px solid #d7a24e;border-radius:4px;padding:3px 14px;font-size:9px;font-weight:700;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 2px 3px #0006}.portal-window .map-trail{z-index:1;width:100%;height:100%;position:absolute;inset:0}.portal-window .map-trail polyline{fill:none;stroke:#f6ecd0;stroke-width:.9px;stroke-dasharray:2 2.4;stroke-linejoin:round;opacity:.8;filter:drop-shadow(0 .5px #00000080)}.portal-window .portal-node{left:var(--x);top:var(--y);z-index:2;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:1px;width:auto;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.portal-window .node-dot{color:#fff;background:radial-gradient(circle at 38% 32%,#fff,#d8c9a8);border:2px solid #6b4a1e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;box-shadow:0 2px 3px #00000080}.portal-window .portal-node.cleared .node-dot{background:radial-gradient(circle at 38% 32%,#8fd0ff,#2f7bd0);border-color:#1c4f8a}.portal-window .portal-node.open .node-dot{background:radial-gradient(circle at 38% 32%,#fff8e6,#e0cf9a);border-color:#8a6a2e}.portal-window .portal-node.boss .node-dot{color:#ffe;background:radial-gradient(circle at 38% 32%,#ff8a7a,#b0201a);border-color:#6a1410;width:24px;height:24px}.portal-window .portal-node.locked .node-dot{background:radial-gradient(circle at 38% 32%,#b9b3a6,#6f6a5f);border-color:#45413a}.portal-window .portal-node.current .node-dot{box-shadow:0 0 0 3px #5ad24a,0 0 8px #5ad24a}.portal-window .node-arrow{color:#5ad24a;text-shadow:0 1px 2px #000;font-size:13px;animation:.8s ease-in-out infinite portalBob;position:absolute;top:-13px}@keyframes portalBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.portal-window .node-lock{filter:drop-shadow(0 1px #000);font-size:9px;position:absolute;top:-4px;right:-6px}.portal-window .node-label{color:#2a1e0c;white-space:nowrap;background:#f0e2b8cc;border:1px solid #7c5a2e;border-radius:3px;padding:1px 3px;font-size:7px;font-weight:700;line-height:1}.portal-window .portal-node.boss .node-label{color:#6a1410;background:#ffd0c8cc;border-color:#8a2018}.portal-window .portal-copy{text-align:center;padding:4px 6px 2px}.portal-window .portal-copy h3{color:#3a2a14;margin:0 0 2px;font-size:10px}.portal-window .portal-copy p{color:#5a4630;margin:0;font-size:8px}.portal-window .portal-copy b{color:#7c211d}.status-window,.market-window,.launch-window,.runes-window,.item-detail{background:repeating-linear-gradient(0deg,#462d140d 0 3px,#0000 3px 6px),#caa980 linear-gradient(155deg,#d8bd8b,#bd9a62);border:6px solid #38271556;border-image:;border-radius:9px;padding:2px 3px 3px;box-shadow:inset 0 0 0 2px #a5793a,inset 0 0 0 4px #4a3418,0 0 0 3px #6b4d2a,6px 7px #00000080}.status-window:before,.market-window:before,.launch-window:before,.runes-window:before,.item-detail:before{content:"";pointer-events:none;background-color:#0000;background-image:radial-gradient(9px 9px at 0 0,#241708 40%,#0000 42%),radial-gradient(9px 9px at 100% 0,#241708 40%,#0000 42%),radial-gradient(9px 9px at 0 100%,#241708 40%,#0000 42%),radial-gradient(9px 9px at 100% 100%,#241708 40%,#0000 42%);background-position:0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:7px;position:absolute;inset:2px}.status-window>.window-title,.market-window>.window-title,.launch-window>.window-title,.runes-window>.window-title{text-align:center;letter-spacing:2px;text-transform:uppercase;color:#f0b45c;text-shadow:0 2px #5a1712;background:linear-gradient(#a5322b,#7c211d);border:2px solid #d7a24e;border-radius:3px;height:auto;margin:0 0 5px;padding:5px 8px;font-family:"Press Start 2P",monospace;font-size:11px;display:block;box-shadow:inset 0 0 0 1px #5a1712}.status-window,.market-window,.launch-window,.runes-window{min-height:0}.board-col>.status-window.game-window,.board-col>.market-window.game-window,.board-col>.launch-window.game-window{width:var(--panel-w);height:var(--panel-h);align-self:start;min-height:0;margin:0}.board-col>.status-window,.board-col>.market-window,.board-col>.launch-window{flex-direction:column;display:flex}.market-window{width:auto}.market-window .listing-grid{grid-template-columns:repeat(2,1fr);gap:5px}.runes-overlay .runes-window{flex-direction:column;width:min(1040px,94vw);height:min(780px,90vh);min-height:0;display:flex}.runes-overlay .rune-board{flex:1;min-height:0;overflow:auto}.item-detail .window-title,.item-detail>h3:first-child{text-align:center}.status-window .status-heroes{gap:3px;margin:0 0 5px;display:flex}.status-window .status-hero-tab{color:#3a2a14;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#c2a066,#a3823f);border:2px solid #6b4a1e;border-radius:4px;flex:1;min-width:0;padding:5px 2px;font-size:8px;font-weight:700;overflow:hidden;box-shadow:inset 0 1px #e6cf94}.status-window .status-hero-tab.on{color:#2a1608;background:linear-gradient(#ff9a3c,#e07016);border-color:#ffbf6a}.status-window .status-head{justify-content:center;align-items:baseline;gap:8px;margin:0 0 5px;display:flex}.status-window .status-head h3{color:#7c211d;margin:0;font-size:13px}.status-window .status-head span{color:#5a4630;font-size:9px;font-weight:700}.status-window .status-stats{grid-template-columns:1fr 1fr;gap:3px;margin:0 2px 6px;display:grid}.status-window .stat-row{background:linear-gradient(#f2e6be,#e2cf9a);border:2px solid #7c5a2e;border-radius:4px;justify-content:space-between;align-items:center;gap:4px;padding:4px 7px;font-size:9px;display:flex;box-shadow:inset 0 1px #fcf3d4}.status-window .stat-row span{color:#5a4630}.status-window .stat-row b{color:#2a1e0c}.status-window .status-sp{text-align:center;color:#3a2a14;background:linear-gradient(#e0c07a,#bd9450);border:2px solid #7c5a2e;border-radius:5px;margin:0 2px 5px;padding:5px;font-size:10px;font-weight:700}.status-window .status-sp b{color:#7c211d;margin-left:3px;font-size:13px}.status-window .skill-tiers{flex-direction:column;flex:1;gap:4px;min-height:0;padding:0 2px 2px;display:flex;overflow-y:auto}.status-window .skill-tier{background:linear-gradient(#d8bd82,#c2a05e);border:2px solid #7c5a2e;border-radius:5px;align-items:center;gap:6px;padding:4px;display:flex;box-shadow:inset 0 1px #efd9a0}.status-window .skill-tier.locked{opacity:.5}.status-window .tier-lv{text-align:center;color:#7c211d;flex:0 0 22px;font-size:10px;font-weight:700}.status-window .tier-nodes{flex-wrap:wrap;flex:1;gap:4px;display:flex}.status-window .skill-node{cursor:pointer;background:#16100a;border:2px solid #b8863a;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #5c3f1a;position:static!important;top:auto!important;left:auto!important;transform:none!important}.status-window .skill-node.sk-json{position:relative!important}.status-window .skill-node .skill-glyph{width:22px;height:22px}.status-window .skill-node .sk-name,.status-window .skill-node small{display:none}.status-window .skill-node b{color:#e9c877;text-align:center;font-size:8px;line-height:1;display:block}.status-window .skill-node.allocated{border-color:#5ad24a;box-shadow:0 0 0 1px #5ad24a,inset 0 0 6px #2a6a1a}.status-window .skill-node.available{border-color:#ffbf6a}.status-window .skill-node.locked{opacity:.5}.cube-window:before,.portal-window:before,.status-window:before,.market-window:before,.launch-window:before,.runes-window:before{background-color:#0000;background-image:radial-gradient(circle at 8px 8px,#f0d48c 0 1.5px,#2a1a0c 1.5px 4px,#0000 4.2px),radial-gradient(circle at calc(100% - 8px) 8px,#f0d48c 0 1.5px,#2a1a0c 1.5px 4px,#0000 4.2px),radial-gradient(circle at 8px calc(100% - 8px),#f0d48c 0 1.5px,#2a1a0c 1.5px 4px,#0000 4.2px),radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),#f0d48c 0 1.5px,#2a1a0c 1.5px 4px,#0000 4.2px);background-position:0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.hero-tab,.stash-tab,.act-tab,.status-hero-tab,.cube-mode,.cube-tier,.cube-drop-item,.cube-actions .pixel-button,.stash-actions .pixel-button,.hero-arrow,.win-ctrl,.octa,.diff-mode,.diff-drop-item,.portal-node,.hero-mini{transition:filter 90ms,transform 50ms}.hero-tab:hover,.stash-tab:hover,.act-tab:hover,.status-hero-tab:hover,.cube-mode:hover,.cube-tier:hover,.cube-drop-item:hover,.cube-actions .pixel-button:not(.disabled):hover,.stash-actions .pixel-button:hover,.hero-arrow:hover,.win-ctrl:hover,.octa:hover,.hero-mini:hover{filter:brightness(1.12)saturate(1.05)}.hero-tab:active,.stash-tab:active,.act-tab:active,.status-hero-tab:active,.cube-mode:active,.cube-tier:active,.cube-drop-item:active,.cube-actions .pixel-button:not(.disabled):active,.stash-actions .pixel-button:active,.hero-arrow:active,.win-ctrl:active,.octa:active{filter:brightness(.93);transform:translateY(1px)}.stash-window>.window-title,.cube-window .window-title,.portal-window .window-title,.status-window>.window-title,.market-window>.window-title,.launch-window>.window-title,.runes-window>.window-title{position:relative}.stash-window>.window-title:after,.cube-window .window-title:after,.portal-window .window-title:after,.status-window>.window-title:after,.market-window>.window-title:after{content:"";pointer-events:none;border-radius:2px;position:absolute;inset:2px 3px;box-shadow:inset 0 1px #ffdc9659,inset 0 -1px #2808048c}.cube-grid .cube-cell,.status-window .skill-node{box-shadow:inset 0 0 0 1px #5c3f1a,inset 0 2px 4px #000000a6,inset 0 -1px #b8863a59}.cube-window,.portal-window,.status-window{image-rendering:pixelated;background:0 0;border:19px solid #0000;border-image:url(/assets/ui/theme/panel_frame.png) 4 fill;box-shadow:4px 5px #0000008c}.cube-window:before,.portal-window:before,.status-window:before{display:none}.cube-grid .cube-cell{image-rendering:pixelated;box-shadow:none!important;background:0 0!important;border:4px solid #0000!important;border-image:url(/assets/ui/theme/slot.png) 3 fill!important}.pixel-button,.stash-tab,.act-tab,.status-hero-tab,.cube-drop-item,.cube-tier,.pool-equip,.cube-mode,.cube-actions .pixel-button,.stash-actions .pixel-button{image-rendering:pixelated;color:#1c3512!important;text-shadow:0 1px #d6ecb673!important;box-shadow:none!important;background:0 0!important;border:5px solid #0000!important;border-image:url(/assets/ui/theme/btn.png) 2 fill!important;border-radius:0!important}.pixel-button:hover,.stash-tab:hover,.act-tab:hover,.status-hero-tab:hover,.cube-drop-item:hover,.cube-tier:hover,.pool-equip:hover,.cube-mode:hover,.cube-actions .pixel-button:not(.disabled):hover,.stash-actions .pixel-button:hover{filter:none!important;border-image:url(/assets/ui/theme/btn_hover.png) 2 fill!important;transform:none!important}.pixel-button:active,.stash-tab:active,.act-tab:active,.status-hero-tab:active,.cube-drop-item:active,.cube-tier:active,.pool-equip:active,.cube-mode:active,.cube-actions .pixel-button:active,.stash-actions .pixel-button:active{border-image:url(/assets/ui/theme/btn_press.png) 2 fill!important;transform:translateY(1px)!important}.stash-tab.on,.act-tab.on,.status-hero-tab.on,.octa.on,.edge-btn.on{color:#12280c!important;border-image:url(/assets/ui/theme/btn_hover.png) 2 fill!important}.octa{image-rendering:pixelated;color:#16300f!important;background:linear-gradient(#8ec984 0% 50%,#5da362 50% 100%)!important;border:2px solid #3f6b3a!important;border-radius:0!important;box-shadow:inset 1px 1px #b6e0a6,inset -1px -1px #3f6b3a!important}.octa.on{background:linear-gradient(#abdd9b 0% 50%,#79c06e 50% 100%)!important}.cube-check{color:#3a2a12!important;background:linear-gradient(#e6d3a0,#cdb06e)!important;border:2px solid #7c5a2e!important;border-radius:4px!important;box-shadow:inset 0 1px #f6ecca!important}.cube-mode-label{color:#1c3512!important}.status-window .skill-node{background:linear-gradient(#d8bd82,#c2a05e)!important}.ui-divider{height:10px;image-rendering:pixelated;pointer-events:none;background:url(/assets/ui/theme/divider.png) 50%/100% 100% no-repeat;flex:none;align-self:stretch;margin:6px 4px}.portal-window .node-label{padding:2px 3px;line-height:0}.portal-window .node-label .num-img{width:auto;height:12px;image-rendering:pixelated;vertical-align:middle;display:block}.window-title{image-rendering:pixelated;clip-path:none!important;color:#16300f!important;text-shadow:0 1px #d6ecb680!important;background:0 0!important;border:6px solid #0000!important;border-image:url(/assets/ui/theme/btn.png) 2 fill!important;border-radius:0!important;height:40px!important}.stash-window>.window-title:after,.cube-window .window-title:after,.portal-window .window-title:after,.status-window>.window-title:after,.market-window>.window-title:after{display:none!important}.hero-window .hero-titlebar .win-ctrl,.stash-window .win-ctrl,.cube-window .win-ctrl,.portal-window .win-ctrl,.status-window .win-ctrl{border-radius:2px!important;width:16px!important;height:16px!important;font-size:10px!important}.hero-window .hero-titlebar .win-controls,.win-controls{top:50%!important}.window-title{justify-content:space-between;align-items:center;gap:6px;padding:0 8px!important;display:flex!important}.window-title .wt-label{text-align:center;flex:auto;justify-self:auto!important;padding:0!important}.win-controls{flex:none;position:static!important;top:auto!important;right:auto!important;transform:none!important}.panel-close{position:static!important;top:auto!important;right:auto!important}.skill-glyph{filter:none!important;background:0 0!important}.class-pixel,.hero-portrait span:not(.hero-lv){box-shadow:none!important;background:0 0!important}.hero-window,.stash-window,.cube-window,.portal-window,.status-window,.market-window,.launch-window,.runes-window,.wallet-window{position:relative}.window-title{position:static!important}.win-controls{z-index:30;background:linear-gradient(#4a3420,#2b1e11);border:2px solid #15100a;border-radius:4px;gap:3px;padding:2px 4px;box-shadow:0 2px 3px #00000080;display:flex!important;position:absolute!important;inset:-15px -11px auto auto!important;transform:none!important}.hero-window .hero-titlebar .win-controls{position:absolute!important;top:-15px!important;right:-11px!important;transform:none!important}.cube-window,.status-window{padding:10px!important}.hero-col{align-self:start;height:auto;max-height:none;overflow:visible}.hero-window.game-window,.board-col>.hero-window.game-window{--slot:42px;width:var(--panel-w);box-sizing:border-box;height:auto;min-height:0;image-rendering:pixelated;background:0 0;border:19px solid #0000;border-image:url(/assets/ui/theme/panel_frame.png) 4 fill;flex-direction:column;align-self:start;gap:6px;margin:0;padding:14px;display:flex;position:relative;box-shadow:4px 5px #0000008c}.hero-window:before{display:none}.hero-window .hero-titlebar{background:0 0;flex:none;margin:0}.hero-window .hero-titlebar .wt-label{letter-spacing:2px;text-transform:uppercase;color:#16300f;text-shadow:0 1px #d6ecb680;font-family:"Press Start 2P",monospace;font-size:12px}.hero-window .hero-doll{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:auto 1fr auto;align-items:start;gap:6px;margin:0;padding:0;display:grid}.hero-window .equip-col{grid-template-columns:repeat(2, var(--slot));align-content:start;gap:4px;display:grid}.hero-window .equip-slot,.hero-window .inv-grid .pool-card,.hero-window .inv-grid .empty-cell,.hero-window .hero-mini{width:var(--slot);height:var(--slot);box-sizing:border-box;min-height:0;box-shadow:none;image-rendering:pixelated;background:0 0;border:4px solid #0000;border-image:url(/assets/ui/theme/slot.png) 3 fill;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.hero-window .equip-slot.empty small{display:none}.hero-window .equip-slot:not(.empty),.hero-window .inv-grid .pool-card,.stash-window .stash-grid .pool-card.common,.stash-window .stash-grid .pool-card.rare,.stash-window .stash-grid .pool-card.epic,.stash-window .stash-grid .pool-card.legendary,.stash-window .stash-grid .pool-card.mythic{background:0 0!important;border:0!important;border-image:!important}.hero-window .equip-slot .item-icon,.hero-window .inv-grid .pool-icon .item-icon{width:100%;height:100%;box-shadow:none;transform-origin:50%;background:0 0;border:0;transform:scale(1.3)}.hero-window .hero-doll-center{flex-direction:column;align-items:center;gap:4px;display:flex}.hero-window .hero-nav{align-items:center;gap:3px;display:flex}.hero-window .hero-nav .hero-name{color:#3a2a14;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#e7d3a2,#cdb078);border:2px solid #7c5a2e;border-radius:5px;max-width:96px;padding:3px 4px;font-family:"Press Start 2P",monospace;font-size:7px;overflow:hidden}.hero-window .hero-arrow{cursor:pointer;color:#f0d9a2;background:linear-gradient(#8a6a34,#5c4522);border:2px solid #3a2a14;border-radius:4px;width:16px;height:22px;padding:0;font-size:10px}.hero-window .hero-arrow:hover{filter:brightness(1.12)}.hero-window .hero-portrait{background:#221810;border:4px solid #0000;border-image:url(/assets/ui/theme/slot.png) 3;justify-content:center;align-items:center;width:78px;height:82px;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.hero-window .hero-portrait .hero-art-img{max-height:none}.hero-window .hero-portrait .hero-art-img.sheet,.hero-window .hero-mini .hero-art-img.sheet,.hero-window .form-slot .hero-art-img.sheet,.hero-window .party-slot .hero-art-img.sheet{width:100%;height:100%;max-height:none;transform:scale(var(--fit,4.9));transform-origin:var(--ox,52%) var(--oy,48%);image-rendering:pixelated}.hero-window .hero-portrait .hero-art-img.sheet.framepng,.hero-window .hero-mini .hero-art-img.sheet.framepng,.hero-window .form-slot .hero-art-img.sheet.framepng,.hero-window .party-slot .hero-art-img.sheet.framepng{transform-origin:50%!important;transform:scale(var(--fit,1)) translate(var(--tx,0), var(--ty,0))!important;background-position:50%!important;background-size:contain!important}.hero-window .form-slot .hero-art-img.silhouette{filter:none}@keyframes hero-walk{0%{background-position-x:0%}to{background-position-x:100%}}.hero-window .hero-portrait .hero-art-img.sheet.walk{animation:.9s steps(8,jump-none) infinite hero-walk}.hero-window .hero-lv{text-align:center;color:#f0e4c4;background:linear-gradient(#0000,#000c 60%);width:auto;height:auto;padding-top:6px;font-family:"Press Start 2P",monospace;font-size:7px;line-height:1.6;position:absolute;bottom:0;left:0;right:0}.hero-window .party-slots{justify-content:center;align-items:center;gap:5px;margin-top:4px;display:flex}.hero-window .party-slot{background:#f4f1e8;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000002e,0 1px 2px #0000004d}.hero-window .party-slot.filled{background:#fbf9f3}.hero-window .party-slot.locked{cursor:default;background:#b9b3a6}.hero-window .party-slot.locked .ps-lock{opacity:.6;filter:grayscale();font-size:12px;line-height:1}.hero-window .party-slot .hero-art-img{filter:none;width:100%;height:100%}.hero-window .hero-mini-row{justify-content:center;align-items:center;gap:4px;margin-top:2px;display:flex}.hero-window .hero-mini{cursor:pointer;width:24px;height:24px}.hero-window .hero-mini .hero-art-img{filter:none;width:100%;height:100%}.hero-window .hero-mini.on{box-shadow:0 0 0 2px #5ad24a}.hero-window .hero-hex{width:var(--slot);height:var(--slot);background:0 0;border:0;padding:0;position:relative}.hero-window .hero-hex:before{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#b8863a;position:absolute;inset:0}.hero-window .hero-hex:after{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#16100a;position:absolute;inset:2px}.hero-window .hero-hex.filled:after{background:#2f4a1e}.hero-window .hero-skills{justify-content:center;gap:6px;margin-top:6px;display:flex}.hero-window .hero-skill{width:var(--slot,32px);height:var(--slot,32px);background:#292329;border:2px solid #10240d;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #685139}.hero-window .hero-skill-ico{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;transform:scale(1.15)}.hero-window .hero-skill-ico.gem{background:radial-gradient(circle at 40% 35%,#7ab0ff,#22406f);border-radius:3px;width:58%;height:58%}@property --cd{syntax:"<number>";inherits:false;initial-value:1}.hero-window .hero-skill-cd{z-index:2;pointer-events:none;background:conic-gradient(from -90deg, #0b0f1a99 0deg, #0b0f1a99 calc((1 - var(--cd,1)) * 360deg - 3deg), #96d0ffd9 calc((1 - var(--cd,1)) * 360deg - 3deg), #96d0ffd9 calc((1 - var(--cd,1)) * 360deg), transparent calc((1 - var(--cd,1)) * 360deg));image-rendering:pixelated;transition:--cd .13s linear;position:absolute;inset:0}.hero-window .hero-skill.locked{filter:grayscale()brightness(.5)}.hero-window .hero-skill.locked .hero-skill-cd{display:none}.hero-window .hero-skill-lock{z-index:2;filter:drop-shadow(0 1px 1px #000);pointer-events:none;place-items:center;font-size:16px;display:grid;position:absolute;inset:0}.hero-window .hero-tab-body{flex:none}.hero-window .inv-grid{box-sizing:border-box;grid-template-columns:repeat(7,1fr);gap:4px;width:100%;max-height:none;margin:0;display:grid}.hero-window .inv-grid .pool-card,.hero-window .inv-grid .empty-cell{aspect-ratio:1;width:auto;height:auto}.hero-window .inv-grid .pool-card{display:flex}.hero-window .inv-grid .pool-icon{justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.hero-window .inv-grid .pool-equip{cursor:pointer;height:12px;padding:0;font-size:7px;line-height:8px;position:absolute;bottom:0;left:0;right:0}.hero-window .hero-tabs{justify-content:center;gap:6px;padding:0;display:flex}.hero-window .hero-tab{letter-spacing:0;cursor:pointer;color:#1c3512;image-rendering:pixelated;-webkit-font-smoothing:none;background:0 0;border:5px solid #0000;border-image:url(/assets/ui/theme/btn.png) 2 fill;border-radius:0;flex:1;padding:7px 6px;font-family:"Press Start 2P",monospace;font-size:8px;font-weight:400;line-height:1.5}.hero-window .hero-tab:hover{border-image:url(/assets/ui/theme/btn_hover.png) 2 fill}.hero-window .hero-tab.on{color:#12280c;border-image:url(/assets/ui/theme/btn_hover.png) 2 fill}.hero-window .formation{flex-direction:column;gap:6px;display:flex}.hero-window .formation-row{align-items:center;gap:6px;display:flex}.hero-window .formation-label{color:#f0e4c4;flex:0 0 40px;font-size:10px;font-weight:700}.hero-window .formation-slots{flex:1;grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.hero-window .form-cell{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.hero-window .form-slot{aspect-ratio:1;border:4px solid #0000;border-image:url(/assets/ui/theme/slot.png) 3 fill;width:100%;position:relative;overflow:hidden}.hero-window .form-name{color:#f0e4c4;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 1px #000a;max-width:100%;font-size:8px;line-height:1.15;overflow:hidden}.hero-window .form-slot:not(.locked){background:#fff;border-image:url(/assets/ui/theme/slot.png) 3}.hero-window .form-slot.on{box-shadow:0 0 0 2px #5ad24a}.hero-window .form-slot .hero-art-img{width:100%;height:100%}.hero-window .pet-art{z-index:1;width:100%;height:100%;transform:scale(var(--pfit,1.4));transform-origin:var(--pox,50%) var(--poy,50%);image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:contain;position:relative}.hero-window>.octa-toolbar{margin-top:auto}.stash-window.game-window,.board-col>.stash-window.game-window{--slot:42px;width:var(--panel-w);height:var(--panel-h);box-sizing:border-box;min-height:0;image-rendering:pixelated;background:0 0;border:19px solid #0000;border-image:url(/assets/ui/theme/panel_frame.png) 4 fill;flex-direction:column;align-self:start;gap:6px;margin:0;padding:14px;display:flex;position:relative;box-shadow:4px 5px #0000008c}.stash-window:before{display:none}.stash-window .window-title{background:0 0;flex:none;margin:0}.wallet-window.game-window,.board-col>.wallet-window.game-window{width:var(--panel-w);height:var(--panel-h);box-sizing:border-box;min-height:0;image-rendering:pixelated;background:0 0;border:19px solid #0000;border-image:url(/assets/ui/theme/panel_frame.png) 4 fill;flex-direction:column;align-self:start;gap:8px;margin:0;padding:14px;display:flex;position:relative;box-shadow:4px 5px #0000008c}.wallet-window:before{display:none}.wallet-window .window-title{background:0 0;flex:none;margin:0}.wallet-balance{background:linear-gradient(#caa96a,#ac8850);border:2px solid #7c5a2e;border-radius:5px;justify-content:space-between;align-items:baseline;padding:8px 10px;display:flex;box-shadow:inset 0 1px #e6cf94}.wallet-balance-label{color:#3a2a14;font-size:9px;font-weight:700}.wallet-balance-value{color:#3a2a14;font-size:14px;font-weight:900}.wallet-note{margin:0;font-size:9px;line-height:1.5}.wallet-addr{color:#dbe4c4;font-size:10px}.wallet-msg{border-radius:4px;padding:5px 7px;font-size:9px}.wallet-msg.ok{color:#9be89b;background:#1f3a1f}.wallet-msg.err{color:#f0a090;background:#3a1f1f}.stash-window .stash-tabs{flex-wrap:nowrap;gap:4px;margin:0;padding:0;display:flex}.stash-window .stash-tab{flex:1;justify-content:center;align-items:center;height:28px;padding:0;display:flex}.stash-window .stash-tab .mini-icon{width:17px;height:17px}.stash-window .stash-tab.on .mini-icon{filter:brightness(1.15)drop-shadow(0 1px #1a0e05)}.stash-window .stash-tab.locked{filter:grayscale()brightness(.55);cursor:not-allowed;position:relative}.stash-window .stash-tab.locked .stash-lock{filter:drop-shadow(0 1px 1px #000);pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.stash-window .stash-grid{box-sizing:border-box;grid-template-columns:repeat(7,1fr);gap:4px;width:100%;max-height:none;margin:0;display:grid}.stash-window .stash-grid .pool-card,.stash-window .stash-grid .empty-cell{aspect-ratio:1;box-sizing:border-box;width:auto;height:auto;min-height:0;box-shadow:none;image-rendering:pixelated;background:0 0;border:4px solid #0000;border-image:url(/assets/ui/theme/slot.png) 3 fill;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.stash-window .stash-grid .pool-card.common,.stash-window .stash-grid .pool-card.rare,.stash-window .stash-grid .pool-card.epic,.stash-window .stash-grid .pool-card.legendary{background:0 0;border-image:url(/assets/ui/theme/slot.png) 3 fill}.stash-window .stash-grid .pool-icon{justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.stash-window .stash-grid .pool-icon .item-icon{width:100%;height:100%;box-shadow:none;transform-origin:50%;background:0 0;border:0;transform:scale(1.3)}.stash-window .stash-grid .pool-equip{cursor:pointer;height:12px;padding:0;font-size:7px;line-height:8px;position:absolute;bottom:0;left:0;right:0}.stash-window>.stash-actions{margin-top:auto}.stash-window .stash-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin:0;padding:0;display:flex}.stash-window .stash-actions .pixel-button{padding:5px 8px;font-size:9px}.stash-window .stash-count{color:#3a2a14;font-size:9px;font-weight:700}.runes-overlay .rune-board{cursor:grab;border:0;margin:0;overflow:hidden}.runes-overlay .rune-board.panning{cursor:grabbing}.runes-overlay .rune-board:before{display:none}.rune-pan{width:1040px;height:1040px;transform:translate(calc(-50% + var(--panx,0px)), calc(-50% + var(--pany,0px))) scale(var(--zoom,1));will-change:transform;position:absolute;top:50%;left:50%}.runes-overlay .rune-node.keystone{width:42px;height:42px;box-shadow:0 0 0 2px #0a0a0a, 0 0 12px -2px var(--cat);border-width:3px;border-radius:9px}.runes-overlay .rune-node.keystone .rune-ico{font-size:20px}.runes-overlay .rune-node.keystone.unlocked{box-shadow:0 0 0 2px #0a0a0a, 0 0 16px 0 var(--cat)}.rune-gold{z-index:6;pointer-events:none;color:#ffd86a;text-shadow:0 1px 2px #000,0 0 4px #000;font-family:"Press Start 2P",monospace;font-size:12px;position:absolute;top:8px;left:10px}.rune-node.rec{outline-offset:1px;z-index:3;outline:2px solid #ffd76a;animation:1.5s ease-in-out infinite runeRecPulse}.rune-node.rec:after{content:"★";color:#ffd76a;text-shadow:0 0 3px #000,0 1px 1px #000;z-index:4;pointer-events:none;font-size:11px;position:absolute;top:-9px;right:-5px}@keyframes runeRecPulse{0%,to{filter:none;outline-color:#ffd76a}50%{filter:drop-shadow(0 0 6px #ffd76a);outline-color:#ffe9a6}}.rune-suggest{z-index:6;pointer-events:none;color:#ffd76a;white-space:nowrap;background:#241708dd;border:1px solid #6a4a1e;border-radius:4px;padding:3px 9px;font-size:10px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #000a}.runes-overlay .tree-links .link{stroke:#4c4638;stroke-width:2px;fill:none;shape-rendering:crispedges}.runes-overlay .tree-links .link.on{stroke:#8fce78;stroke-width:2.5px}.runes-overlay .tree-links .link-prev{stroke:#4a5560;stroke-width:1.5px;stroke-dasharray:3 4;fill:none;opacity:.5;shape-rendering:crispedges}.runes-overlay .rune-node{z-index:1;border:2px solid var(--cat,#7a7264);width:30px;height:30px;min-height:0;color:var(--cat,#cfc6b0);box-shadow:none;background:#17171d;border-radius:6px;place-items:center;gap:0;padding:0;font-size:0;display:grid}.runes-overlay .rune-node .rune-ico{font-size:15px;line-height:1}.runes-overlay .rune-node .rune-ico.img{width:26px;height:26px;image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:contain}.runes-overlay .rune-node.keystone .rune-ico.img{width:34px;height:34px}.runes-overlay .rune-node.cat-core{border-width:3px;width:36px;height:36px}.runes-overlay .rune-node.unlocked{background:color-mix(in srgb, var(--cat) 26%, #131310);box-shadow:0 0 0 1px var(--cat), 0 0 11px -1px var(--cat)}.runes-overlay .rune-node.unlocked .rune-ico{color:#fff;text-shadow:0 0 5px var(--cat)}.runes-overlay .rune-node.cat-atk{--cat:#e05a4a}.runes-overlay .rune-node.cat-def{--cat:#4a9fe0}.runes-overlay .rune-node.cat-spd{--cat:#a86ae0}.runes-overlay .rune-node.cat-gold{--cat:#e0b84a}.runes-overlay .rune-node.cat-xp{--cat:#5ad24a}.runes-overlay .rune-node.cat-core{--cat:#ffd86a}.rune-tooltip{z-index:100;pointer-events:none;color:#dbe4c4;max-width:260px;image-rendering:pixelated;background:linear-gradient(#201c14,#12100b);border:2px solid #b8863a;border-radius:6px;padding:7px 10px;font-family:monospace;font-size:11px;position:fixed;box-shadow:0 5px 14px #000000a6}.rune-tooltip .tt-name{color:var(--cat,#ffd86a);text-shadow:0 1px #000;font-family:"Press Start 2P",monospace;font-size:10px}.rune-tooltip .tt-cat{color:#9a8f76;margin:3px 0 5px;font-size:10px}.rune-tooltip .tt-eff{color:#dbe4c4;line-height:1.5}.rune-tooltip .tt-cost{color:#ffd86a;margin-top:4px}.rune-tooltip .tt-status{margin-top:3px}.rune-tooltip .tt-on{color:#86efac}.rune-tooltip .tt-aff{color:#f0c25a}.rune-tooltip .tt-lock{color:#e0806e}.rune-tooltip .tt-path{color:#9be89b;margin-top:3px;font-size:10px}.rune-tooltip.cat-atk{--cat:#e05a4a}.rune-tooltip.cat-def{--cat:#6cb2ee}.rune-tooltip.cat-spd{--cat:#c08cf0}.rune-tooltip.cat-xp{--cat:#79d96a}.rune-tooltip.cat-gold{--cat:#e6c25a}.rune-tooltip.cat-core{--cat:#ffd86a}.item-tip{max-width:240px}.item-tip .tt-head{align-items:center;gap:7px;margin-bottom:3px;display:flex}.item-tip .tt-icon{width:28px;height:28px}.item-tip .tt-headtext{min-width:0}.item-tip .tt-headtext .tt-name{font-size:10px}.item-tip .tt-h{color:#9a8f76;text-transform:uppercase;letter-spacing:.04em;margin:5px 0 1px;font-size:9px}.item-tip .tt-h:first-of-type{margin-top:4px}.item-tip .tt-tier{color:#7a715f;margin-right:2px}.item-tip .tt-base{color:#9be89b}.item-tip .tt-unique{color:#f0c25a}.item-tip .tt-eff.muted{color:#7a715f;font-style:italic}.item-tip .tt-hotkeys{border-top:1px solid #4a4030;margin-top:6px;padding-top:4px}.item-tip .tt-hk{color:#9a8f76;font-size:8px;line-height:1.6}.item-tip .tt-hk b{color:#ffd86a}.portal-ctx-menu{z-index:110;image-rendering:pixelated;background:linear-gradient(#201c14,#12100b);border:2px solid #b8863a;border-radius:6px;flex-direction:column;gap:3px;padding:4px;display:flex;position:fixed;box-shadow:0 5px 14px #000000a6}.portal-ctx-menu button{color:#ffd86a;text-shadow:0 1px #000;cursor:pointer;background:linear-gradient(#3a3020,#201a10);border:1px solid #b8863a;border-radius:4px;padding:6px 12px;font-family:"Press Start 2P",monospace;font-size:10px}.portal-ctx-menu button:hover{background:linear-gradient(#4a3c26,#2a2214)}.portal-notice{z-index:110;color:#e0806e;pointer-events:none;background:linear-gradient(#201c14,#12100b);border:2px solid #e0806e;border-radius:6px;padding:8px 14px;font-family:monospace;font-size:12px;position:fixed;bottom:64px;left:50%;transform:translate(-50%);box-shadow:0 5px 14px #000000a6}.runes-overlay .rune-node.cat-atk:not(.keystone){width:40px;height:40px;box-shadow:none;image-rendering:pixelated;background:url(/assets/runes/frame-node.png) 50%/100% 100% no-repeat;border:0;border-radius:0}.runes-overlay .rune-node.cat-atk:not(.keystone) .rune-ico.img{width:24px;height:24px}.runes-overlay .rune-node.cat-atk:not(.keystone).locked{filter:brightness(.5)saturate(.55);box-shadow:none}.runes-overlay .rune-node.cat-atk:not(.keystone).affordable{box-shadow:0 0 8px -1px var(--cat)}.runes-overlay .rune-node.cat-atk:not(.keystone).unlocked{box-shadow:0 0 13px 0 var(--cat)}.runes-overlay .tree-links .link.cat-atk{stroke:#6e4038;stroke-width:1.25px;stroke-dasharray:2.2 1.4;opacity:.8}.runes-overlay .tree-links .link.cat-atk.on{stroke:#ff9a54;stroke-width:2px;stroke-dasharray:none;opacity:1;filter:drop-shadow(0 0 1px #ff6a2a)}.rune-zoom{z-index:7;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:10px;right:10px}.rune-zoom button{cursor:pointer;color:#e6d9b8;width:27px;height:27px;image-rendering:pixelated;background:linear-gradient(#3a2c1a,#241810);border:2px solid #7c5a2e;border-radius:5px;place-items:center;font-size:14px;line-height:1;display:grid;box-shadow:inset 0 1px #5a4322}.rune-zoom button:hover{background:linear-gradient(#4a3620,#2e2014)}.rune-zoom button:active{transform:translateY(1px)}.runes-overlay .rune-node{border-radius:6px;width:34px;height:34px;min-height:0}.runes-overlay .rune-node.root{border-width:3px;width:38px;height:38px}.runes-overlay .rune-node .rune-ico{background:var(--cat);opacity:.5;border-radius:3px;width:58%;height:58%;font-size:0;box-shadow:inset 0 0 0 1px #00000059}.runes-overlay .rune-node.affordable .rune-ico{opacity:.8}.runes-overlay .rune-node.allocated .rune-ico,.runes-overlay .rune-node.maxed .rune-ico{opacity:1}.runes-overlay .rune-node.locked .rune-ico{opacity:.3}.runes-overlay .rune-node.cat-red{--cat:#e0544a}.runes-overlay .rune-node.cat-blue{--cat:#4a8fe0}.runes-overlay .rune-node.cat-cyan{--cat:#35c4d6}.runes-overlay .rune-node.cat-yellow{--cat:#e6c24a}.runes-overlay .rune-node.cat-green{--cat:#5ad24a}.runes-overlay .rune-node.cat-purple{--cat:#a86ae0}.runes-overlay .rune-node.cat-brown{--cat:#b07a44}.runes-overlay .rune-node.cat-slate{--cat:#8592a6}.runes-overlay .rune-node.cat-teal{--cat:#33b7a4}.runes-overlay .rune-node.cat-magenta{--cat:#d060c0}.runes-overlay .rune-node.cat-orange{--cat:#e6923a}.runes-overlay .rune-node.locked{filter:grayscale(.75)brightness(.45);opacity:.8;box-shadow:none}.runes-overlay .rune-node.need{box-shadow:0 0 0 1px color-mix(in srgb, var(--cat) 55%, #000);opacity:.95;background:#1a1913}.runes-overlay .rune-node.affordable{box-shadow:0 0 0 1px var(--cat), 0 0 9px -2px var(--cat);background:#201d16}.runes-overlay .rune-node.allocated{background:color-mix(in srgb, var(--cat) 30%, #131310);box-shadow:0 0 0 1px var(--cat), 0 0 11px -1px var(--cat)}.runes-overlay .rune-node.allocated .rune-ico{color:#fff;text-shadow:0 0 5px var(--cat)}.runes-overlay .rune-node.maxed{background:color-mix(in srgb, var(--cat) 52%, #131310);box-shadow:0 0 0 2px var(--cat), 0 0 14px 0 var(--cat)}.runes-overlay .rune-node.maxed .rune-ico{color:#fff;text-shadow:0 0 6px var(--cat)}.runes-overlay .rune-node .rune-lv{z-index:3;color:#fff;border:1px solid var(--cat);background:#100e09;border-radius:4px;place-items:center;min-width:14px;height:12px;padding:0 2px;font-family:monospace;font-size:8px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-5px;right:-4px}.runes-overlay .rune-node.locked .rune-lv{opacity:.55}.rune-tooltip.cat-red{--cat:#e0544a}.rune-tooltip.cat-blue{--cat:#4a8fe0}.rune-tooltip.cat-cyan{--cat:#35c4d6}.rune-tooltip.cat-yellow{--cat:#e6c24a}.rune-tooltip.cat-green{--cat:#5ad24a}.rune-tooltip.cat-purple{--cat:#a86ae0}.rune-tooltip.cat-brown{--cat:#b07a44}.rune-tooltip.cat-slate{--cat:#8592a6}.rune-tooltip.cat-teal{--cat:#33b7a4}.rune-tooltip.cat-magenta{--cat:#d060c0}.rune-tooltip.cat-orange{--cat:#e6923a}.runes-overlay .rune-node .rune-ico.img{width:100%;height:100%;image-rendering:pixelated;opacity:1;background:50%/cover no-repeat;border-radius:4px}.status-window .skill-node{position:relative}.status-window .skill-node .sk-lv{z-index:3;color:#fff;background:#08080cd1;border:1px solid #ffffff59;border-radius:4px;place-items:center;min-width:20px;height:12px;padding:0 3px;font-family:monospace;font-size:8px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:2px;right:2px}.status-window .skill-node.allocated.maxed{box-shadow:0 0 0 2px #ffd86a,0 0 10px -1px #ffd86a}.status-window .skill-node.allocated.maxed .sk-lv{color:#ffe9a8;border-color:#ffd86a}.status-window .skill-node.deferred:not(.locked){opacity:.96}.status-window .skill-node.deferred .sk-lv{border-style:dashed}.status-window .skill-tiers.sk-json{flex-direction:column;gap:7px;max-height:360px;margin-top:4px;padding:4px 4px 4px 2px;display:flex;overflow-y:auto}.status-window .skill-tiers.sk-json .skill-tier{background:#ffffff09;border:1px solid #ffffff0f;border-radius:7px;grid-template-columns:26px 1fr;align-items:center;gap:8px;padding:6px 8px;display:grid;position:static}.status-window .skill-tiers.sk-json .tier-lv{color:#d8c48a;text-align:center;opacity:.9;background:0 0;align-self:center;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.1;position:static}.status-window .skill-tiers.sk-json .tier-nodes{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:9px;display:flex}.status-window .skill-node.sk-json{border:2px solid var(--c);background:color-mix(in srgb, var(--c) 16%, #15140f);width:40px;height:40px;min-height:0;box-shadow:none;cursor:pointer;border-radius:7px;place-items:center;margin:0;padding:0;display:grid;position:relative;overflow:visible}.status-window .skill-node.sk-json .sk-ico{background:var(--c);opacity:.5;border-radius:4px;width:56%;height:56%;box-shadow:inset 0 0 0 1px #0000004d}.status-window .skill-node.sk-json.available .sk-ico{opacity:.8}.status-window .skill-node.sk-json.allocated{box-shadow:0 0 0 1px var(--c), 0 0 9px -2px var(--c)}.status-window .skill-node.sk-json.allocated .sk-ico{opacity:1}.status-window .skill-node.sk-json.maxed{box-shadow:0 0 0 2px var(--c), 0 0 12px 0 var(--c)}.status-window .skill-node.sk-json.locked{filter:grayscale(.7)brightness(.5);opacity:.8}.status-window .skill-node.sk-json .sk-lv{z-index:3;color:#fff;border:1px solid var(--c);background:#100e09;border-radius:4px;place-items:center;min-width:22px;height:13px;padding:0 3px;font-family:monospace;font-size:8px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-5px;right:-4px}.status-window .skill-node.sk-json.k-deferred .sk-lv{border-style:dashed}.status-window .skill-node.sk-json .sk-defer{z-index:3;filter:drop-shadow(0 1px 1px #000);font-size:11px;line-height:1;position:absolute;top:-6px;left:-4px}.status-window .skill-tiers.sk-json .skill-tier{background:0 0;border:0;grid-template-columns:36px 1fr;gap:10px;padding:3px 4px}.status-window .skill-tiers.sk-json .skill-tier.locked{opacity:1;filter:none}.status-window .lvl-seg{align-self:stretch;place-items:center;min-height:48px;display:grid;position:relative}.status-window .lvl-seg .seg-groove{background:#0e0a05;border:1px solid #3a2c1a;border-radius:2px;width:12px;position:absolute;top:-3px;bottom:-3px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 0 4px #000,inset 2px 0 2px #0000008c,0 0 0 1px #0006}.status-window .lvl-seg .seg-fill{background:linear-gradient(#ffe291,#e0a838);position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 2px 2px #ffffff59}.status-window .lvl-seg.current .seg-fill{background:linear-gradient(#c6e88f,#6ea83a)}.status-window .lvl-seg.seg-locked .seg-fill{background:#2c281f}.status-window .lvl-seg .seg-tick{z-index:2;color:#efdca6;image-rendering:pixelated;background:#241a0e;border:1px solid #7c5a2e;border-radius:3px;padding:2px 3px;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1;position:relative}.status-window .lvl-seg.seg-locked .seg-tick{color:#8a8070;background:#171310;border-color:#46402f}.status-window .lvl-seg .seg-now{z-index:4;color:#fff;white-space:nowrap;background:#a3311c;border:1px solid #ffd86a;border-radius:3px;padding:1px 3px;font-family:monospace;font-size:7px;font-weight:700;position:absolute;left:-5px}.status-window .skill-node.sk-json{width:44px;height:44px;min-height:0;box-shadow:none;image-rendering:pixelated;background:0 0;border:6px solid #0000;border-image:url(/assets/ui/theme/slot.png) 3 fill;border-radius:0;padding:0;overflow:visible}.status-window .skill-node.sk-json .sk-ico{opacity:1;background:radial-gradient(circle at 38% 30%, color-mix(in srgb, var(--c) 92%, #fff) 0%, var(--c) 48%, color-mix(in srgb, var(--c) 48%, #000) 100%);border-radius:4px;width:22px;height:22px;box-shadow:inset 0 -2px 2px #00000073,inset 0 1px 1px #ffffff73}.status-window .skill-node.sk-json.k-active .sk-ico{border-radius:3px;width:20px;height:20px;transform:rotate(45deg)}.status-window .skill-node.sk-json.k-deferred .sk-ico{filter:grayscale(.8)brightness(.85)}.status-window .skill-node.sk-json .sk-ico.has-icon,.status-window .skill-node.sk-json.k-active .sk-ico.has-icon{opacity:1;width:auto;min-width:0;height:auto;min-height:0;box-shadow:none;--sk-icon-scale:1.3;background:0 0;border-radius:2px;flex:auto;align-self:stretch;overflow:visible;transform:none}.status-window .skill-node.sk-json .sk-ico-img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;transform:scale(var(--sk-icon-scale,1.3));transform-origin:50%;pointer-events:none;display:block}.status-window .skill-node.sk-json.available:after,.status-window .skill-node.sk-json.allocated:after{content:"";pointer-events:none;z-index:4;border-radius:5px;position:absolute;inset:-3px}.status-window .skill-node.sk-json.available:after{border:2px solid #6ee06a;box-shadow:0 0 8px -1px #6ee06a}.status-window .skill-node.sk-json.allocated:after{border:2px solid #ffcf5a;box-shadow:0 0 9px -1px #ffcf5a}.status-window .skill-node.sk-json.maxed:after{border-color:#ffe6a0;box-shadow:0 0 7px #ffe6a0,inset 0 0 0 2px #ffe08a80}.status-window .skill-node.sk-json.locked{filter:brightness(.5)grayscale(.55)}.status-window .skill-node.sk-json .sk-lock{z-index:5;place-items:center;display:grid;position:absolute;inset:0}.status-window .skill-node.sk-json .sk-lock:before{content:"🔒";filter:drop-shadow(0 1px 1px #000);font-size:15px}.status-window .skill-node.sk-json .sk-lv{z-index:6;color:#ffe9b8;background:#1c140a;border:1px solid #b8863a;border-radius:3px;place-items:center;min-width:22px;height:14px;padding:0 3px;font-family:monospace;font-size:8px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-6px;right:-5px;box-shadow:0 1px #000}.status-window .skill-node.sk-json.k-deferred .sk-lv{color:#cbd0d8;border-style:dashed;border-color:#7a8290}.status-window .skill-node.sk-json .sk-defer{z-index:6;filter:drop-shadow(0 1px 1px #000);font-size:11px;position:absolute;top:-6px;left:-4px}.status-window .skill-node.sk-json.k-active{cursor:pointer}.status-window .skill-node.sk-json .sk-plus{z-index:7;color:#221604;cursor:pointer;background:#ffcf5a;border:1px solid #7a5410;border-radius:50%;place-items:center;width:15px;height:15px;padding:0;font-family:monospace;font-size:13px;font-weight:700;line-height:1;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 1px 2px #0000008c}.status-window .skill-node.sk-json .sk-plus:hover{background:#ffe291}.status-window .skill-node.sk-json.k-active.equipped{box-shadow:0 0 0 3px #ffe08a, 0 0 0 5px #a8721c, 0 0 14px 2px var(--c);animation:1.6s ease-in-out infinite equipPulse}@keyframes equipPulse{0%,to{box-shadow:0 0 0 3px #ffe08a, 0 0 0 5px #a8721c, 0 0 10px 1px var(--c)}50%{box-shadow:0 0 0 3px #fff0bd, 0 0 0 5px #c8892a, 0 0 18px 4px var(--c)}}.status-window .skill-node.sk-json .sk-equip{z-index:8;color:#1a3410;background:#7dff72;border:2px solid #14400a;border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;font-weight:900;line-height:1;display:grid;position:absolute;top:-7px;left:-7px;box-shadow:0 1px 3px #0009}.hero-window .hero-skill.empty{opacity:.38}.auth-gate{z-index:9999;image-rendering:pixelated;background:#0b0e16 url(/assets/ui/hero-select-bg.png) 50%/cover no-repeat;place-items:center;display:grid;position:fixed;inset:0}.auth-gate:before{content:"";background:#080a1280;position:absolute;inset:0}.auth-card{z-index:1;width:300px;max-width:88vw;image-rendering:pixelated;text-align:center;border:12px solid #0000;border-image:url(/assets/ui/panel_frame_login.png) 6 fill;flex-direction:column;gap:11px;padding:22px 22px 20px;display:flex;position:relative}.auth-card h2{color:#3a2408;letter-spacing:.5px;text-shadow:0 1px #fff4d68c;margin:0 0 2px;font-family:Silkscreen,sans-serif;font-size:15px}.auth-sub{color:#6b4a1e;margin:0 0 4px;font-family:Pixelify Sans,sans-serif;font-size:14px}.auth-in{color:#241708;image-rendering:pixelated;border:6px solid #0000;border-image:url(/assets/ui/theme/slot.png) 7 fill;border-radius:0;outline:none;padding:9px 10px;font-family:Pixelify Sans,sans-serif;font-size:15px}.auth-in::placeholder{color:#8a6636}.auth-err{color:#9a1414;min-height:16px;font-family:Pixelify Sans,sans-serif;font-size:13px;font-weight:700}.auth-btns{gap:8px;display:flex}.auth-card .auth-btn{cursor:pointer;flex:1;padding:8px 0;font-family:Pixelify Sans,sans-serif;font-size:15px}.win-ctrl--logout{color:#ffd08a}#web-battle{z-index:1;pointer-events:none;width:min(465px,72vw);height:calc(min(465px,72vw)/3.46154);position:fixed;bottom:6px;left:50%;overflow:hidden;transform:translate(-50%)}#web-battle canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.web-build .workspace{padding:6px 22px 10px}.web-build .board{align-items:flex-start}.web-build .board-col{height:min(575px,100vh - 216px)}.web-build .board-col.hero-col{height:auto;max-height:calc(100vh - 216px)}.web-build .board-col>.hero-window.game-window{max-height:calc(100vh - 216px)}.web-build .hero-window .hero-tab-body{flex:auto;min-height:0;overflow-y:auto}.web-build .hero-window.game-window{gap:3px;padding:9px}.web-build .hero-window .hero-doll{gap:4px}.web-build .hero-window .hero-doll-center{gap:2px}.web-build .hero-window .hero-tab-body{margin:0}.web-build .hero-window .octa-toolbar{padding:4px 0 2px}.web-build .hero-window .hero-tabs{margin:0}.web-build .hero-window .equip-col-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.web-build .hero-window .hero-skills.hex{justify-content:center;gap:5px;margin-top:0}.web-build .hero-window .hero-skills.hex .hero-skill{width:var(--slot,32px);height:var(--slot,32px);box-shadow:none;background:0 0;border:0;overflow:visible}.web-build .hero-window .hero-skills.hex .hero-skill:before,.web-build .hero-window .hero-skills.hex .hero-skill:after{content:"";z-index:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:absolute}.web-build .hero-window .hero-skills.hex .hero-skill:before{background:#b8863a;inset:0}.web-build .hero-window .hero-skills.hex .hero-skill:after{background:#16100a;inset:2px}.web-build .hero-window .hero-skills.hex .hero-skill.empty:after,.web-build .hero-window .hero-skills.hex .hero-skill:not(.locked):not(.empty):after{background:#16100a}.web-build .hero-window .hero-skills.hex .hero-skill>*{z-index:1;position:relative}.web-build .hero-window .hero-skills.hex .hero-skill-ico{object-fit:contain;transform-origin:50%;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:100%;height:100%;transform:scale(1.16)}.web-build .hero-window .hero-skills.hex .hero-skill-cd{z-index:2;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:absolute;inset:0}.web-build .board-col>.status-window.game-window{height:100%}.web-build .status-window .status-stats{gap:2px;margin:0 2px 4px}.web-build .status-window .stat-row{padding:3px 6px}.web-build .status-window .status-sp{margin:0 2px 4px;padding:4px}.web-build .status-window .skill-tiers.sk-json{min-height:220px}.auth-titlebar{justify-content:flex-end;gap:4px;margin:-12px -12px 2px;display:flex}.auth-titlebar .win-ctrl{width:22px;height:22px;font-size:12px}@keyframes ui-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.ui-shake{animation:.4s ui-shake}#ui-toast{z-index:9999;pointer-events:none;opacity:0;color:#f0e4c4;text-align:center;background:#2a1c10f0;border:1px solid #6a4a1e;border-radius:6px;max-width:80vw;padding:8px 14px;font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.5;transition:opacity .18s,transform .18s;position:fixed;bottom:44px;left:50%;transform:translate(-50%)translateY(12px);box-shadow:0 4px 12px #0009}#ui-toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=760px){.web-build #web-battle{width:100vw;max-width:none;height:31.1111vw;bottom:56px;left:0;right:0;transform:none}.web-build .board-col.hero-col,.web-build .board-col>.hero-window.game-window{height:calc(100dvh - 124px - 31.1111vw);max-height:calc(100dvh - 124px - 31.1111vw)}.web-build .board{--panel-w:min(440px, calc(100vw - 24px));box-sizing:border-box;align-items:center}.web-build .board-col.hero-col{align-self:center}.web-build .hero-col>.hero-window.game-window{box-sizing:border-box;max-width:100%;margin-left:auto;margin-right:auto}.web-build .workspace{padding:4px 4px 0}.web-build .dock-handle,.web-build .octa-toolbar{display:none}.web-build .screen-edge-buttons{z-index:60;width:100%;max-width:none;max-height:none;padding:4px 3px calc(4px + env(safe-area-inset-bottom,0px));background:#140f08;border-top:2px solid #3a2a15;flex-flow:row;justify-content:space-around;gap:3px;position:fixed;inset:auto 0 0;overflow:visible;transform:none}.web-build .screen-edge-buttons .edge-btn{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;width:auto;min-width:0;min-height:50px;padding:4px 1px;line-height:1;display:flex;transform:none}.web-build .screen-edge-buttons .edge-btn .mini-icon{width:22px;height:22px}.web-build .screen-edge-buttons .edge-btn .edge-glyph{color:#7fd0ff;font-size:17px;line-height:1}.web-build .screen-edge-buttons .edge-btn .edge-label{white-space:nowrap;letter-spacing:0;font-size:8px}.web-build .screen-edge-buttons .edge-btn.on .mini-icon{filter:brightness(1.2)drop-shadow(0 1px #2a1608)}.web-build .screen-edge-buttons .mobile-only{display:flex}.hero-titlebar .win-ctrl--close,.hero-titlebar .win-ctrl--reset,.hero-titlebar [data-win=settings]{display:none}.hero-titlebar .win-ctrl{width:32px;height:32px;font-size:15px}}