:root{--cyan:#51f6df;--blue:#4cc8ff;--purple:#a06cff;--ink:#070914;--panel:rgba(9,13,29,.9);--muted:#8992ac}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050711;color:#fff;font-family:Inter,sans-serif}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px);background-size:100% 4px;mix-blend-mode:overlay}#game-shell,#game{position:absolute;inset:0;width:100%;height:100%}#game{cursor:none;background:#080b17}.topbar{position:absolute;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:linear-gradient(180deg,rgba(5,7,17,.9),transparent);pointer-events:none}.brand{display:flex;align-items:center;gap:12px;font:700 21px "Chakra Petch";letter-spacing:2px}.brand small{color:var(--cyan)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;clip-path:polygon(50% 0,100% 24%,87% 84%,50% 100%,13% 84%,0 24%);background:var(--cyan);color:#071315;font-size:23px}.timer-block{text-align:center;position:absolute;left:50%;transform:translateX(-50%)}.timer-block span{display:block;color:var(--muted);font:600 10px "Chakra Petch";letter-spacing:3px}.timer-block strong{font:600 26px "Chakra Petch";letter-spacing:3px}.stats{display:flex;gap:30px;color:var(--muted);font:600 10px "Chakra Petch";letter-spacing:1.5px}.stats b{color:#fff;font-size:16px;margin-left:7px}.bar{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.11);height:8px;overflow:hidden;transform:skewX(-18deg)}.bar i{display:block;height:100%;transition:width .2s}.health-wrap{position:absolute;top:94px;left:3vw;width:270px}.health-copy,.xp-label{display:flex;justify-content:space-between;font:700 10px "Chakra Petch";letter-spacing:1.5px;margin-bottom:7px}.health-copy span{color:#fb6582}.health i{width:100%;background:linear-gradient(90deg,#e43e65,#ff718a);box-shadow:0 0 16px #ef426a}.equipment{position:absolute;left:3vw;bottom:52px}.equipment p{color:var(--muted);font:600 9px "Chakra Petch";letter-spacing:2px}.equipment p span{float:right}.slots{display:flex;gap:7px}.slot{width:48px;height:48px;border:1px solid rgba(255,255,255,.13);background:rgba(11,15,31,.7);display:grid;place-items:center;position:relative;font-size:23px;color:var(--cyan)}.slot.filled{border-color:rgba(81,246,223,.38);box-shadow:inset 0 0 18px rgba(81,246,223,.08)}.slot b{position:absolute;right:2px;bottom:2px;background:#18253b;color:#fff;font:700 9px Inter;padding:2px 4px}.abilities{position:absolute;left:50%;bottom:51px;transform:translateX(-50%);display:flex;gap:15px}.ability{position:relative;width:64px;text-align:center}.ability canvas{width:58px;height:58px;border:1px solid rgba(81,246,223,.45);background:rgba(10,16,31,.86);clip-path:polygon(9% 0,91% 0,100% 9%,100% 91%,91% 100%,9% 100%,0 91%,0 9%)}.ability.ultimate canvas{border-color:#b471ff;box-shadow:0 0 15px rgba(160,108,255,.2)}.ability kbd{position:absolute;top:-7px;left:0;background:#d8e3ed;color:#08101a;font:800 10px Inter;padding:3px 6px}.ability small{display:block;color:#8c96ad;font:600 8px "Chakra Petch";letter-spacing:1px;margin-top:2px}.ability .cd{position:absolute;inset:0 3px 13px;background:rgba(3,6,14,.75);display:none;place-items:center;font:700 18px "Chakra Petch"}.ability.cooldown .cd{display:grid}.xp-wrap{position:absolute;left:0;right:0;bottom:0}.xp-label{padding:0 3vw;margin-bottom:8px;color:#cbd3e2}.xp-label b{color:var(--cyan)}.xp{height:11px;border:0;transform:none}.xp i{width:0;background:linear-gradient(90deg,#159fbb,var(--cyan),#e5fffb);box-shadow:0 0 18px var(--cyan)}.crosshair{position:absolute;width:25px;height:25px;border:1px solid rgba(81,246,223,.8);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.crosshair:after,.crosshair:before{content:"";position:absolute;background:var(--cyan)}.crosshair:before{left:11px;top:-5px;width:1px;height:33px}.crosshair:after{top:11px;left:-5px;height:1px;width:33px}.modal{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(18,31,55,.72),rgba(4,6,15,.95));backdrop-filter:blur(4px)}.hidden{display:none}.eyebrow{font:700 11px "Chakra Petch";letter-spacing:4px;color:var(--cyan);margin-bottom:12px}.modal h1,.modal h2{font:700 clamp(44px,7vw,86px) "Chakra Petch";letter-spacing:-3px;margin:0;line-height:.95;text-shadow:0 8px 35px #000}.modal h2{font-size:clamp(38px,5vw,62px)}.modal em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--cyan);filter:drop-shadow(0 0 8px rgba(81,246,223,.4))}.modal>p{max-width:570px;text-align:center;color:#9ca6ba;font-size:13px;line-height:1.7}.controls{display:flex;gap:50px;margin:22px 0 28px}.controls div{min-width:100px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px}.controls b{font:600 9px "Chakra Petch";letter-spacing:2px;color:#9aa5b9}.controls kbd{display:inline-grid;place-items:center;min-width:25px;height:25px;margin:2px;background:#141b2b;border:1px solid #536077;border-bottom-width:3px;font:700 11px Inter}.mouse-icon{font-size:37px;color:var(--cyan)}button{border:1px solid var(--cyan);color:#061313;background:var(--cyan);padding:15px 28px;font:800 12px "Chakra Petch";letter-spacing:2px;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:0 0 30px rgba(81,246,223,.2)}button:hover{background:#d3fff9}button span{margin-left:30px}.start-modal>small{color:#5e687d;font-size:9px;margin-top:14px}.cards{display:flex;gap:16px;margin-top:22px}.card{position:relative;width:220px;height:300px;text-align:left;background:linear-gradient(155deg,#131b30,#090d1b);border:1px solid #33415d;padding:18px;color:white;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);transition:.18s}.card:hover{transform:translateY(-8px);border-color:var(--cyan);background:linear-gradient(155deg,#17283a,#0b1121)}.card .icon{height:116px;display:grid;place-items:center;font-size:61px;color:var(--cyan);background:radial-gradient(circle,rgba(81,246,223,.14),transparent 68%)}.card .rarity{font:700 8px "Chakra Petch";letter-spacing:2px;color:var(--cyan)}.card h3{font:700 18px "Chakra Petch";margin:8px 0}.card p{font-size:11px;color:#929db1;line-height:1.5;margin:0}.card .level{position:absolute;bottom:14px;left:18px;color:#fff;font:700 9px "Chakra Petch";letter-spacing:1px}.card.locked{opacity:.38;pointer-events:none}.end-modal p{font:600 16px "Chakra Petch";margin-bottom:25px}@media(max-width:700px){.brand{font-size:0}.stats span:first-child{display:none}.health-wrap{top:75px;width:190px}.equipment{bottom:100px}.abilities{bottom:48px}.controls{gap:15px}.cards{gap:7px}.card{width:30vw;height:280px;padding:11px}.card .icon{height:90px}.card h3{font-size:14px}}

/* Tactical minimap */
.minimap-wrap{position:absolute;right:3vw;top:92px;width:220px;padding:9px;background:linear-gradient(145deg,rgba(10,18,33,.92),rgba(6,10,22,.78));border:1px solid rgba(81,246,223,.23);box-shadow:0 12px 35px rgba(0,0,0,.35),inset 0 0 20px rgba(81,246,223,.035);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.minimap-heading{display:flex;justify-content:space-between;margin:0 2px 7px;font:700 8px "Chakra Petch";letter-spacing:1.4px;color:#8190a8}.minimap-heading span{color:var(--cyan)}
#minimap{display:block;width:200px;height:136px;background:#070d18;border:1px solid rgba(110,158,185,.2)}
.minimap-coords{text-align:right;color:#68758d;font:600 8px "Chakra Petch";letter-spacing:1px;margin:6px 2px 0}
@media(max-width:700px){.minimap-wrap{right:2vw;top:74px;width:148px;padding:6px}#minimap{width:134px;height:91px}.minimap-heading b{display:none}.minimap-coords{display:none}}

/* Reworked mission menu */
.menu-frame,.instruction-panel{position:relative;width:min(760px,92vw);padding:52px 62px;text-align:center;background:linear-gradient(145deg,rgba(12,19,36,.94),rgba(5,9,20,.96));border:1px solid rgba(81,246,223,.2);box-shadow:0 30px 90px #000,0 0 80px rgba(57,183,190,.08);clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px)}
.menu-frame:before,.instruction-panel:before{content:"";position:absolute;inset:9px;border:1px solid rgba(123,175,194,.08);pointer-events:none;clip-path:inherit}.menu-sigil{display:flex;align-items:center;justify-content:center;gap:17px;margin-bottom:24px}.menu-sigil i{width:70px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}.menu-sigil i:last-child{transform:scaleX(-1)}.menu-sigil b{display:grid;place-items:center;width:52px;height:52px;color:#061215;background:var(--cyan);font:800 32px "Chakra Petch";clip-path:polygon(50% 0,94% 20%,82% 84%,50% 100%,18% 84%,6% 20%);filter:drop-shadow(0 0 15px rgba(81,246,223,.45))}
.menu-frame h1{font-size:clamp(48px,7vw,86px)}.menu-frame h1 small{font-size:.35em;color:var(--cyan);margin:0 8px}.menu-frame>p{color:#8794aa;font:600 12px "Chakra Petch";letter-spacing:2px;margin:18px 0 34px}.menu-frame>small{display:block;color:#4d6076;font:600 8px "Chakra Petch";letter-spacing:2px;margin-top:25px}.menu-actions{display:flex;justify-content:center;gap:12px}.secondary-btn{color:#b6c5d8;background:rgba(15,25,42,.85);border-color:#40566e;box-shadow:none}.secondary-btn:hover{color:#fff;background:#182a40;border-color:var(--cyan)}
.instruction-panel{width:min(900px,94vw);text-align:left;padding:42px 52px}.instruction-panel h2{text-align:left;margin-bottom:28px}.instruction-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.instruction-grid article{min-height:118px;display:flex;align-items:center;gap:20px;padding:20px;background:linear-gradient(135deg,rgba(25,37,58,.8),rgba(10,15,29,.8));border:1px solid #293b51}.instruction-grid article>div:first-child{flex:0 0 78px;height:72px;display:grid;place-items:center;color:var(--cyan);background:radial-gradient(circle,rgba(81,246,223,.14),transparent 68%)}.instruction-grid b{font:700 12px "Chakra Petch";letter-spacing:2px}.instruction-grid p{color:#8390a5;font-size:10px;line-height:1.5;margin:7px 0 0}.key-art{display:flex!important;flex-direction:column;gap:3px}.key-art span{display:flex;gap:3px}.instruction-grid kbd{display:grid;place-items:center;width:22px;height:22px;background:#17243a;border:1px solid #536780;border-bottom-width:3px;font:700 9px Inter}.aim-art,.xp-art{font-size:43px!important}.skill-keys{display:flex!important;gap:4px}.skill-keys kbd:last-child{border-color:#a06cff;color:#caa8ff}
/* Upgrade cards now use layered, animated emblems rather than plain glyphs. */
.card{overflow:hidden;border-color:#34465f}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.045) 50%,transparent 65%);transform:translateX(-100%);transition:.45s}.card:hover:before{transform:translateX(100%)}.card-art{position:relative;height:122px;display:grid;place-items:center;margin:8px -3px 12px;background:radial-gradient(circle, color-mix(in srgb,var(--glow) 22%,transparent),transparent 64%)}.card-art:before,.card-art:after{content:"";position:absolute;width:74px;height:74px;border:1px solid color-mix(in srgb,var(--glow) 65%,transparent);transform:rotate(45deg);box-shadow:0 0 22px color-mix(in srgb,var(--glow) 22%,transparent)}.card-art:after{width:54px;height:54px;border-style:dashed;animation:card-spin 9s linear infinite reverse}.card-art span{position:relative;z-index:2;display:grid;place-items:center;width:48px;height:48px;font:700 35px "Chakra Petch";color:var(--glow);text-shadow:0 0 18px var(--glow)}.card-art i{position:absolute;width:96px;height:1px;background:linear-gradient(90deg,transparent,var(--glow),transparent)}.card-art i:last-child{transform:rotate(90deg)}.card-art.vital:before{border-radius:50%}.card-art.multi:after,.card-art.crit:after{border-radius:50%}.card-art.speed:before{transform:rotate(45deg) skew(12deg)}@keyframes card-spin{to{transform:rotate(405deg)}}
@media(max-width:700px){.menu-frame{padding:40px 20px}.menu-actions{flex-direction:column}.instruction-panel{padding:30px 18px;max-height:94vh;overflow:auto}.instruction-grid{grid-template-columns:1fr}.instruction-grid article{min-height:96px}.card-art{height:100px}.card-art:before{width:58px;height:58px}}

/* Clearer main navigation and app identity */
.brand-mark{position:relative;overflow:hidden}.brand-mark i{position:absolute;width:19px;height:19px;border:3px solid #071315;border-top-color:transparent;border-radius:50%;transform:rotate(-28deg)}.brand-mark i:after{content:"";position:absolute;width:6px;height:6px;left:4px;top:4px;background:#071315;border-radius:50%;box-shadow:10px -8px 0 -1px #071315}.brand small{font-size:8px;color:#728399;letter-spacing:1.5px;margin-left:7px}
.menu-actions{display:grid;grid-template-columns:1fr 1fr;max-width:570px;margin:0 auto}.menu-actions button{width:100%}.locked-btn:disabled{cursor:not-allowed;opacity:.42;color:#718096;background:#0c1422;border-color:#27374b;filter:saturate(.25)}.locked-btn:disabled span{filter:grayscale(1);font-size:10px}.locked-btn:disabled:hover{background:#0c1422;border-color:#27374b;color:#718096}.menu-frame>p{font-weight:500;letter-spacing:.4px;font-family:Inter,sans-serif;line-height:1.6}
@media(max-width:700px){.menu-actions{grid-template-columns:1fr}.brand small{display:none}}

/* Pause and locally saved statistics */
.pause-button{position:absolute;right:3vw;bottom:54px;z-index:4;padding:10px 15px;color:#9fb0c5;background:rgba(8,14,26,.82);border-color:#34495f;box-shadow:none;font-size:9px}.pause-button span{margin:0 8px 0 0;color:var(--cyan)}.pause-button:hover{color:#fff;background:#15253a}
.pause-panel{width:min(500px,90vw);padding:46px;text-align:center;background:linear-gradient(145deg,#101a2d,#070b16);border:1px solid rgba(81,246,223,.25);box-shadow:0 30px 90px #000;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.pause-panel h2{margin-bottom:14px}.pause-panel p{color:#8c99ad;font-size:12px;margin-bottom:26px}.pause-panel button{margin:5px}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.stats-grid article{position:relative;min-height:120px;display:flex;flex-direction:column;justify-content:center;padding:20px;background:linear-gradient(145deg,rgba(26,40,61,.85),rgba(9,15,28,.9));border:1px solid #304359;overflow:hidden}.stats-grid article:after{content:"";position:absolute;width:70px;height:70px;right:-25px;bottom:-35px;border:1px solid rgba(81,246,223,.15);transform:rotate(45deg)}.stats-grid span{color:#8290a5;font:700 9px "Chakra Petch";letter-spacing:1.6px}.stats-grid strong{color:#fff;font:700 32px "Chakra Petch";letter-spacing:2px;margin-top:8px;text-shadow:0 0 16px rgba(81,246,223,.25)}
@media(max-width:700px){.pause-button{right:2vw;bottom:105px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article{min-height:90px;padding:10px}.stats-grid strong{font-size:23px}}

/* Saved run and director phase */
.continue-btn{background:linear-gradient(90deg,#43dbc8,#76ffe9);border-color:#8ffff0}.continue-btn span{font-size:10px}.timer-block span{transition:color .25s}.menu-actions .continue-btn:not(.hidden){display:block;box-shadow:0 0 26px rgba(81,246,223,.18)}

/* Clear wave feedback */
.wave-banner{position:absolute;z-index:6;left:50%;top:22%;transform:translate(-50%,-50%);min-width:310px;padding:16px 45px;text-align:center;background:linear-gradient(90deg,transparent,rgba(7,15,28,.9) 18%,rgba(7,15,28,.9) 82%,transparent);pointer-events:none;animation:wave-in .3s ease-out}.wave-banner:before,.wave-banner:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.wave-banner:before{top:0}.wave-banner:after{bottom:0}.wave-banner small{display:block;color:var(--cyan);font:700 9px "Chakra Petch";letter-spacing:4px}.wave-banner strong{display:block;margin-top:4px;font:700 30px "Chakra Petch";letter-spacing:4px}.wave-banner.hidden{display:none}@keyframes wave-in{from{opacity:0;transform:translate(-50%,-65%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

/* Map and character selection */
.selection-panel{width:min(760px,92vw);padding:42px;text-align:center;background:linear-gradient(145deg,#101a2d,#070b16);border:1px solid rgba(81,246,223,.22);box-shadow:0 30px 90px #000;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.selection-list{display:flex;justify-content:center;margin:25px 0}.selection-card{width:280px;padding:15px;text-align:left;background:#111b2c;border:1px solid var(--cyan);box-shadow:0 0 30px rgba(81,246,223,.08)}.selection-card small{color:var(--cyan);font:700 8px "Chakra Petch";letter-spacing:2px}.selection-card h3{font:700 20px "Chakra Petch";margin:7px 0}.selection-card p{color:#8794a8;font-size:10px;line-height:1.5}.selection-card>b{display:block;color:#061313;background:var(--cyan);padding:8px;text-align:center;font:700 9px "Chakra Petch";letter-spacing:1px}.character-preview,.map-preview{height:130px;margin-bottom:14px;position:relative;overflow:hidden;background:radial-gradient(circle,#183a47,#09111e 70%)}.character-preview i{position:absolute;left:50%;top:50%;width:68px;height:42px;background:#42d9cf;clip-path:polygon(100% 50%,62% 12%,20% 0,33% 38%,0 43%,0 57%,33% 62%,20% 100%,62% 88%);transform:translate(-50%,-50%);filter:drop-shadow(0 0 14px #51f6df)}.map-preview{background:linear-gradient(145deg,#123042,#07121d)}.map-preview:before{content:"";position:absolute;inset:15px;background:#183b42;clip-path:polygon(9% 10%,80% 4%,96% 28%,88% 80%,64% 95%,15% 86%,3% 55%)}.map-preview i{position:absolute;z-index:1;width:48px;height:35px;border-radius:50%;background:#0d6175}.map-preview i:nth-child(1){left:35px;top:24px}.map-preview i:nth-child(2){right:25px;bottom:20px}.map-preview i:nth-child(3){left:110px;top:65px;width:24px;height:24px;background:#4e5968}

/* Game-style main navigation */
.menu-actions button{min-height:58px;display:flex;align-items:center;justify-content:flex-start;gap:13px;padding:11px 18px;text-align:left}.menu-actions button b{font:800 11px "Chakra Petch";letter-spacing:1.5px}.menu-actions .wide-button{grid-column:1/-1}.wide-button small{margin-left:auto;color:#64738a;font:700 8px "Chakra Petch";letter-spacing:1.4px}.menu-icon{position:relative;flex:0 0 30px;width:30px;height:30px;margin:0!important;display:grid;place-items:center;color:currentColor;border:1px solid currentColor;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.menu-icon:before,.menu-icon:after{content:"";position:absolute}.icon-continue:before{border-left:10px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent;left:10px;top:7px}.icon-new:before{width:14px;height:14px;border:2px solid currentColor;border-radius:50%;left:6px;top:6px}.icon-new:after{width:2px;height:8px;background:currentColor;left:14px;top:3px;box-shadow:0 8px 0 currentColor}.icon-character:before{width:8px;height:8px;border:2px solid currentColor;border-radius:50%;left:9px;top:4px}.icon-character:after{width:16px;height:9px;border:2px solid currentColor;border-bottom:0;border-radius:9px 9px 0 0;left:5px;bottom:4px}.icon-map:before{inset:5px;border:2px solid currentColor;clip-path:polygon(0 12%,32% 0,66% 15%,100% 2%,100% 88%,67% 100%,34% 85%,0 98%)}.icon-map:after{left:11px;top:5px;width:1px;height:19px;background:currentColor;box-shadow:7px 2px 0 currentColor;transform:rotate(-5deg)}.icon-help:before{content:"?";position:static;font:800 19px "Chakra Petch"}.icon-stats:before{left:6px;bottom:6px;width:4px;height:8px;background:currentColor;box-shadow:7px -5px 0 currentColor,14px -11px 0 currentColor}.icon-lock:before{left:8px;top:12px;width:12px;height:11px;background:currentColor}.icon-lock:after{left:10px;top:5px;width:8px;height:10px;border:2px solid currentColor;border-radius:7px 7px 0 0}.selection-modal.hidden{display:none!important}.selection-modal:not(.hidden){display:flex!important}
@media(max-width:700px){.menu-actions .wide-button{grid-column:auto}.menu-actions button{min-height:50px}}

/* Accurate previews, unavailable save state and loot readability */
.menu-actions .continue-btn.no-save{color:#718096;background:#111927;border-color:#2d3a4c;box-shadow:none;cursor:not-allowed;filter:saturate(.2)}.menu-actions .continue-btn.no-save .save-label{color:#566275}.save-label{margin-left:auto;color:#17352f;font:700 7px "Chakra Petch";letter-spacing:1px}.character-preview,.map-preview{display:block;width:100%;height:130px;object-fit:cover;border:1px solid rgba(81,246,223,.18)}

/* Dedicated menu backdrop and higher fidelity selection cards */
.start-modal{background-color:#050914;background-image:radial-gradient(circle at 20% 20%,rgba(26,110,121,.22),transparent 28%),radial-gradient(circle at 78% 70%,rgba(88,49,132,.18),transparent 32%),linear-gradient(135deg,transparent 48%,rgba(81,246,223,.035) 49%,rgba(81,246,223,.035) 51%,transparent 52%);background-size:auto,auto,90px 90px}.start-modal:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(81,246,223,.08) 1px,transparent 1px),linear-gradient(rgba(81,246,223,.08) 1px,transparent 1px);background-size:180px 180px;mask-image:radial-gradient(circle,black,transparent 72%)}.start-modal .menu-frame{z-index:1;background:linear-gradient(145deg,rgba(12,20,36,.98),rgba(4,8,18,.98))}.showcase-panel{width:min(920px,94vw)}.showcase-panel .selection-card{width:min(500px,82vw);padding:18px}.showcase-panel .character-preview,.showcase-panel .map-preview{height:240px;background:#060c15}.showcase-panel .selection-card h3{font-size:24px}.showcase-panel .selection-card p{font-size:11px}

/* Three-slot item and augment build */
.equipment{display:flex;flex-direction:column;gap:8px}.build-row{padding:7px 9px;background:rgba(7,12,24,.72);border-left:2px solid rgba(81,246,223,.28)}.build-row p{margin:0 0 6px}.augment-row{border-left-color:rgba(160,108,255,.5)}.augment-row .slot{width:42px;height:42px;border-radius:50%;clip-path:none;background:radial-gradient(circle,rgba(160,108,255,.16),rgba(10,14,29,.82))}.item-slot{width:53px;height:53px}.slot>span{font-size:23px}.augment-slot>span{font-size:19px}.augment-slot.filled{border-color:rgba(160,108,255,.55);box-shadow:inset 0 0 18px rgba(160,108,255,.15),0 0 8px rgba(160,108,255,.1)}.card.augment{border-color:rgba(160,108,255,.55);background:linear-gradient(155deg,#1d1733,#090d1b)}.card.augment .rarity{color:#bf91ff}.card.super{border-color:#ffd467;box-shadow:0 0 28px rgba(255,212,103,.2);background:linear-gradient(155deg,#302611,#0d0d13)}.card.super .rarity{color:#ffd467}.card.super:after{content:"BOSS";position:absolute;right:-22px;top:15px;width:85px;text-align:center;padding:4px;background:#ffd467;color:#201600;font:800 8px "Chakra Petch";transform:rotate(38deg)}

/* SVG item art and corrected card footer layout */
.card{height:365px;display:flex;flex-direction:column;padding:18px;white-space:normal}.card .rarity{flex:0 0 auto}.card-art{flex:0 0 132px;height:132px;margin:7px -3px 8px}.card h3{flex:0 0 auto;min-height:24px;margin:5px 0 7px}.card p{position:relative;z-index:2;flex:0 1 auto;margin:0;padding:0;line-height:1.55;overflow-wrap:anywhere}.card .level{position:static;left:auto;bottom:auto;display:block;flex:0 0 auto;width:100%;margin:auto 0 0!important;padding-top:10px;border-top:1px solid rgba(255,255,255,.09);color:#dce6f2}.item-svg{position:relative;z-index:2;width:76px;height:76px;overflow:visible;filter:drop-shadow(0 0 9px var(--glow));color:var(--glow)}.item-svg .item-shape{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.augment-svg{width:92px;height:92px}.augment-svg .augment-frame{fill:rgba(160,108,255,.05);stroke:currentColor;stroke-width:1.4;stroke-dasharray:3 2}.augment-svg .augment-node{fill:currentColor;stroke:none}.augment-svg .item-shape{transform:translate(16px,16px) scale(.5);transform-origin:center;stroke-width:4.5}.slot .item-svg{width:31px;height:31px;filter:drop-shadow(0 0 5px currentColor)}.slot .augment-svg{width:34px;height:34px}.slot .augment-svg .item-shape{stroke-width:5}.card.super .item-svg{filter:drop-shadow(0 0 13px #ffd467)}
@media(max-width:700px){.card{height:330px;padding:11px}.card-art{flex-basis:105px;height:105px}.item-svg{width:62px;height:62px}.augment-svg{width:74px;height:74px}.card p{font-size:9px}.card .level{padding-top:7px}}

/* Three selectable character archetypes */
.character-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.showcase-panel .character-list .selection-card{width:auto;min-width:0;padding:12px;display:flex;flex-direction:column;color:#fff;clip-path:none;cursor:pointer}.character-list .character-preview{height:150px}.character-card small{margin-top:10px}.character-card h3{margin:6px 0}.character-card p{flex:1;min-height:49px}.character-card>b{margin-top:auto}.character-card:not(.selected){border-color:#34455c;opacity:.72;box-shadow:none}.character-card:not(.selected)>b{color:#9caabd;background:#1b293b}.character-card:hover{opacity:1;transform:translateY(-4px);border-color:var(--cyan)}.character-card[data-character="warrior"].selected{border-color:#ffb85c;box-shadow:0 0 25px rgba(255,184,92,.13)}.character-card[data-character="warrior"].selected>b{background:#ffb85c}.character-card[data-character="druid"].selected{border-color:#70ff9a;box-shadow:0 0 25px rgba(112,255,154,.13)}.character-card[data-character="druid"].selected>b{background:#70ff9a}
@media(max-width:760px){.showcase-panel{max-height:94vh;overflow:auto}.character-list{grid-template-columns:1fr}.showcase-panel .character-list .selection-card{width:min(420px,80vw)}.character-list .character-preview{height:125px}}

/* Character usage statistics */
.stats-grid .character-stat{min-height:96px}.character-stat strong{font-size:27px}.scout-stat{border-top:2px solid #51f6df!important}.warrior-stat{border-top:2px solid #ffb85c!important}.druid-stat{border-top:2px solid #70ff9a!important}.stats-grid .druid-stat{grid-column:1/-1}

/* Persistent currency and reward presentation */
.coin-icon{position:relative;display:inline-grid;width:20px;height:20px;margin:0!important;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2a5 0 10%,#ffd34f 28%,#d88b16 72%,#7b4307 100%);border:2px solid #ffe781;box-shadow:0 0 13px rgba(255,198,55,.45),inset 0 0 0 2px rgba(111,57,3,.35)}.coin-icon:after{content:"S";place-self:center;color:#754207;font:900 10px "Chakra Petch";text-shadow:0 1px #fff0a2}.coin-icon.large{width:38px;height:38px;border-width:3px}.coin-icon.large:after{font-size:18px}.hud-coins{display:flex!important;align-items:center;color:#ffd768!important}.hud-coins b{color:#ffe78f!important}.menu-wallet{position:absolute;right:28px;top:25px;display:flex;align-items:center;gap:11px;padding:8px 13px;background:linear-gradient(135deg,rgba(62,42,9,.85),rgba(17,17,25,.9));border:1px solid rgba(255,211,79,.38);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.menu-wallet div{display:flex;flex-direction:column;text-align:left}.menu-wallet small{color:#a9986c;font:700 7px "Chakra Petch";letter-spacing:1.5px}.menu-wallet strong{color:#ffe58b;font:800 21px "Chakra Petch"}.coin-toasts{position:absolute;z-index:9;left:50%;top:115px;transform:translateX(-50%);pointer-events:none}.coin-toast{position:relative;display:flex;align-items:center;gap:13px;min-width:235px;padding:13px 22px;background:linear-gradient(90deg,transparent,rgba(35,25,8,.94) 18%,rgba(35,25,8,.94) 82%,transparent);border-top:1px solid #ffd45b;border-bottom:1px solid #ffd45b;filter:drop-shadow(0 8px 20px #000);animation:coin-reward 1.9s ease forwards}.coin-toast div{display:flex;flex-direction:column}.coin-toast strong{color:#ffe47d;font:800 25px "Chakra Petch"}.coin-toast small{color:#e3d5a2;font:700 8px "Chakra Petch";letter-spacing:1.5px}.coin-spark{position:absolute;left:28px;top:34px;width:8px;height:8px;border-radius:50%;background:#ffd24d;border:1px solid #fff1a0;animation:coin-spark 1s ease-out forwards}.coin-spark:after{content:""}@keyframes coin-reward{0%{opacity:0;transform:translateY(-20px) scale(.88)}12%,72%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-25px) scale(1.04)}}@keyframes coin-spark{to{opacity:0;transform:translate(var(--x),var(--y)) rotate(540deg) scale(.25)}}
@media(max-width:700px){.menu-wallet{position:relative;right:auto;top:auto;width:max-content;margin:-12px auto 18px}.hud-coins .coin-icon{width:16px;height:16px}.coin-toasts{top:90px}.coin-toast{min-width:205px}.stats{gap:12px}}

/* Purchasable character roster */
.character-card.character-locked{position:relative;opacity:.78;border-color:#8b6d2d}.character-card.character-locked:after{content:"ZABLOKOWANA";position:absolute;right:8px;top:8px;padding:5px 8px;color:#ffe287;background:rgba(38,27,7,.9);border:1px solid #b88d31;font:800 7px "Chakra Petch";letter-spacing:1px}.character-card.character-locked>b{color:#251a04;background:linear-gradient(90deg,#d89520,#ffe274)}.character-card.cannot-afford{animation:purchase-denied .45s ease}.unlock-toast{justify-content:center;text-align:center;border-color:#70ff9a;background:linear-gradient(90deg,transparent,rgba(12,48,28,.95) 18%,rgba(12,48,28,.95) 82%,transparent)}.unlock-toast strong{color:#8dffad}@keyframes purchase-denied{25%,75%{transform:translateX(-7px);border-color:#ff5577}50%{transform:translateX(7px)}}
.coin-toasts{z-index:20}

/* Mission direction, boss readability and compact currency. */
.timer-block small{display:block;margin-top:2px;color:#ffcf70;font:700 9px "Chakra Petch";letter-spacing:2px}.boss-hud{position:absolute;z-index:5;top:82px;left:50%;width:min(620px,70vw);transform:translateX(-50%);padding:10px 14px;background:linear-gradient(90deg,transparent,rgba(5,8,17,.94) 12%,rgba(5,8,17,.94) 88%,transparent)}.boss-hud>div{display:flex;justify-content:space-between;margin-bottom:6px;font:700 12px "Chakra Petch";letter-spacing:2px}.boss-hud>div b{color:#ffbdc8}.boss-hud>i{display:block;height:15px;padding:3px;background:#160c15;border:1px solid #7b3448;transform:skewX(-12deg)}.boss-hud>i>b{display:block;width:100%;height:100%;background:linear-gradient(90deg,#bd284d,#ff6b79,#ffd0bd);box-shadow:0 0 18px #ff4868;transition:width .12s}.menu-actions .locked-btn small{margin-left:auto;color:#64738a;font:700 8px "Chakra Petch"}.icon-achievements:before{left:8px;top:5px;width:12px;height:15px;border:2px solid currentColor;border-radius:2px}.icon-achievements:after{left:5px;bottom:4px;width:18px;height:6px;border-top:2px solid currentColor;box-shadow:0 -13px 0 -1px currentColor}.menu-wallet .coin-icon.large{width:28px;height:28px}.menu-wallet .coin-icon.large:after{font-size:14px}.menu-wallet{padding:6px 10px;gap:8px}.menu-wallet strong{font-size:17px}.hud-coins .coin-icon{filter:drop-shadow(0 0 4px #ffd45b)}
@media(max-width:700px){.boss-hud{top:70px;width:76vw}.timer-block small{font-size:7px}.menu-wallet .coin-icon.large{width:25px;height:25px}}
.team-hud{position:absolute;z-index:7;top:135px;left:3vw;width:180px;padding:7px;background:rgba(6,12,22,.88);border:1px solid #315467;font-family:"Chakra Petch"}.boss-active .team-hud{top:192px}.team-member{padding:4px 3px;border-bottom:1px solid #213246}.team-member:last-child{border-bottom:0}.team-member header{display:flex;justify-content:space-between;color:#dfffff;font-size:8px}.team-member header span{color:#6ceedd}.team-member i{display:block;height:4px;margin-top:3px;background:#172331}.team-member i b{display:block;height:100%;background:#51f6df}.team-member.dead{opacity:.48}.team-member.dead header span,.team-member.dead i b{color:#ff7187;background:#ff526f}.death-overlay{position:absolute;z-index:30;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(35,0,8,.38);animation:death-overlay 3s ease forwards;pointer-events:none}.death-overlay strong{color:#ff657b;font:800 clamp(34px,6vw,72px) "Chakra Petch";letter-spacing:5px;text-shadow:0 0 30px #c3153c}.death-overlay span,.spectator-label{color:#d9eef4;font:700 10px "Chakra Petch";letter-spacing:3px}.spectator-label{position:absolute;z-index:8;top:72px;left:50%;transform:translateX(-50%);padding:6px 14px;background:#07111ddd;border:1px solid #315467}.death-overlay.hidden,.spectator-label.hidden,.team-hud.hidden{display:none}@keyframes death-overlay{0%{opacity:0}12%,72%{opacity:1}100%{opacity:0}}@media(max-width:700px){.team-hud{top:110px;left:2vw;width:138px;padding:5px}.boss-active .team-hud{top:162px}.team-member{padding:3px}.team-member header{font-size:7px}.spectator-label{top:58px}}
.pause-status{position:absolute;z-index:8;top:78px;right:calc(3vw + 235px);padding:6px 10px;color:#ffd77a;background:#111018dd;border:1px solid #8b7141;font:700 8px "Chakra Petch";letter-spacing:1.5px;pointer-events:none}.pause-status.hidden{display:none}@media(max-width:700px){.pause-status{top:56px;right:8px;max-width:130px;font-size:7px}}
.boss-active .pause-status{top:128px}.connection-status{position:absolute;z-index:9;left:50%;bottom:128px;transform:translateX(-50%);padding:7px 12px;color:#ffcf70;background:#151019e8;border:1px solid #8c6545;font:700 8px "Chakra Petch";letter-spacing:2px;pointer-events:none}.connection-status.hidden{display:none}@media(max-width:700px){.boss-active .pause-status{top:106px}.connection-status{bottom:116px;max-width:75vw;text-align:center;font-size:7px}}

/* Yellow currency reworked as a compact techno-token matching the HUD panels. */
.coin-icon{border-radius:0;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);background:linear-gradient(135deg,#fff09a 0 12%,#e9b936 13% 45%,#9a6514 46% 58%,#f4c94e 59% 82%,#6f470f 83%);border:1px solid #ffe681;box-shadow:0 0 9px rgba(255,205,76,.32),inset 0 0 0 2px rgba(34,25,7,.55)}.coin-icon:before{content:"";position:absolute;inset:4px;clip-path:inherit;border:1px solid rgba(43,31,7,.65)}.coin-icon:after{content:"+";position:relative;color:#352707;font:900 11px "Chakra Petch";text-shadow:0 1px rgba(255,244,164,.7)}.coin-icon.large:after{font-size:19px}.menu-wallet{background:linear-gradient(135deg,rgba(20,25,34,.96),rgba(8,12,22,.96));border-color:rgba(238,192,65,.38);box-shadow:inset 3px 0 #d6a933}.menu-wallet small{color:#8f98aa}.coin-toast{background:linear-gradient(90deg,transparent,rgba(12,17,28,.96) 18%,rgba(12,17,28,.96) 82%,transparent);border-color:#d4aa3e}.coin-toast small{color:#9ca6b8}.coin-spark{border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#e9bd43;border:0}.card.rare{border-color:#e7bd49;background:linear-gradient(155deg,#27230f,#090d1b);box-shadow:0 0 25px rgba(231,189,73,.14)}.card.rare .rarity{color:#ffd969}.card.rare:after{content:"RZADKI";position:absolute;right:-22px;top:15px;width:85px;text-align:center;padding:4px;background:#d9ad3e;color:#1e1705;font:800 8px "Chakra Petch";transform:rotate(38deg)}.item-slot .item-svg-vault{filter:drop-shadow(0 0 7px #d9ad3e)}

/* Keep the continue action horizontal even when its save label is visible. */
.menu-actions .continue-btn:not(.hidden){display:flex;flex-flow:row nowrap;white-space:nowrap}.continue-btn .menu-icon,.continue-btn b,.continue-btn .save-label{flex-shrink:0}

/* Achievements share one menu row with multiplayer. */
.achievements-panel{width:min(780px,94vw);max-height:92vh;overflow:auto}.achievements-panel>p{color:#8f9bb0;font-size:12px}.achievements-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.achievement-entry{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;min-height:82px;padding:12px;text-align:left;background:#0a1120;border:1px solid #2d3c52}.achievement-entry .achievement-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #526078;color:#77849a;font:800 17px "Chakra Petch"}.achievement-entry strong{display:block;font:700 13px "Chakra Petch"}.achievement-entry p{margin:4px 0 0;color:#8490a5;font-size:10px;line-height:1.4}.achievement-entry b{color:#ffd968;font:800 11px "Chakra Petch";white-space:nowrap}.achievement-entry.complete{border-color:rgba(81,246,223,.5);background:linear-gradient(135deg,rgba(20,66,65,.45),#0a1120)}.achievement-entry.complete .achievement-mark{color:#071512;background:var(--cyan);border-color:var(--cyan)}.achievement-toast{border-color:#ffd45b!important}.achievement-toast strong{color:#fff2a0!important}.achievement-toast small{color:#b9c5d7!important}@media(max-width:700px){.achievements-list{grid-template-columns:1fr}.achievement-entry{min-height:70px}}
.map-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.map-list .map-card{width:auto!important;color:#fff}.toxic-map-card{border-color:#76b83d!important;background:linear-gradient(155deg,#182b16,#090d1b)!important}.toxic-map-card small{color:#b8ff66!important}@media(max-width:760px){.map-list{grid-template-columns:1fr}}
.map-card:not(.selected):not(.map-locked){border-color:#3c5264!important;box-shadow:none;opacity:.82}.map-card:not(.selected):not(.map-locked)>b{color:#d8e5ef;background:#213247;border:1px solid #526a7d}.map-card.selected{border:2px solid var(--cyan)!important;box-shadow:0 0 28px rgba(81,246,223,.22)!important}.map-card.selected>b{color:#071411!important;background:var(--cyan)!important}.toxic-map-card.selected{border-color:#a9ff58!important;box-shadow:0 0 28px rgba(156,255,69,.24)!important}.toxic-map-card.selected>b{background:#a9ff58!important}.map-card.map-locked{position:relative;cursor:not-allowed;filter:grayscale(.72);opacity:.5;border-color:#35413b!important}.map-card.map-locked:after{content:"🔒  UKOŃCZ ZALANE RUINY";position:absolute;inset:12px 12px auto;padding:9px;background:rgba(6,11,9,.9);border:1px solid #647267;color:#b4beb6;text-align:center;font:800 9px "Chakra Petch";letter-spacing:1px}.map-card.map-locked>b{color:#8d9890!important;background:#1a211d!important;border:1px solid #3d4941}
.card.gold{border-color:#ffd45c;background:linear-gradient(155deg,#32270e,#0b0d14);box-shadow:0 0 26px rgba(255,212,92,.18)}.card.gold .card-art{display:grid;place-items:center}.card.gold .coin-icon{width:64px;height:64px}.card.augment .level{color:#d5b6ff}
.level-tools{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.level-tools button{padding:10px 18px}.level-build-summary{display:flex;gap:6px;flex-wrap:wrap;max-width:520px}.owned-chip{padding:5px 8px;color:#b8c6d8;background:#111a29;border:1px solid #34445a;font:700 8px "Chakra Petch"}.owned-chip.augment{color:#d6b6ff;border-color:#7652a6}.synergy-panel{width:min(900px,94vw);max-height:92vh;overflow:auto}.synergy-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.synergy-entry{padding:11px;text-align:left;background:#0b1220;border:1px solid #2e3c50;opacity:.5}.synergy-entry.active{opacity:1;border-color:#a779ed;background:linear-gradient(135deg,rgba(90,50,130,.35),#0b1220)}.synergy-entry.possible{opacity:.82;border-color:#526a80}.synergy-entry strong{display:block;color:#fff;font:700 12px "Chakra Petch"}.synergy-entry span{color:#9aabbe;font-size:9px}.synergy-entry p{margin:5px 0 0;color:#bec9d6;font-size:10px;line-height:1.4}@media(max-width:700px){.synergy-list{grid-template-columns:1fr}.level-tools{flex-direction:column}}

/* Level-up build strip stays above the cards and keeps every owned augment readable. */
.level-modal{padding:22px 18px;overflow:auto;justify-content:flex-start}.level-modal>.eyebrow{margin-top:auto}.level-modal>.cards{margin-bottom:auto}.level-tools{order:0;width:min(720px,94vw);margin:14px 0 0;align-items:stretch}.level-tools>button{flex:0 0 132px;justify-content:center}.level-tools>button span{margin-left:7px}.level-build-summary{display:grid;grid-template-columns:1fr 1fr;flex:1;max-width:none;min-width:0;gap:8px}.build-group{min-width:0;padding:8px 10px;background:rgba(7,13,25,.82);border:1px solid #29394d;text-align:left}.build-group>b{display:flex;justify-content:space-between;color:#8090a7;font:700 7px "Chakra Petch";letter-spacing:1.5px}.build-group>b small{color:#c6d1df}.build-group>div{display:flex;gap:5px;margin-top:6px;min-height:27px;flex-wrap:wrap}.build-group em{color:#536176;font:600 9px Inter}.owned-chip{display:inline-flex;align-items:center;gap:5px;min-width:0;padding:3px 7px;border-color:color-mix(in srgb,var(--chip) 55%,#27364b);box-shadow:inset 2px 0 var(--chip)}.owned-chip svg{width:17px;height:17px;flex:0 0 17px;stroke:var(--chip);fill:none;stroke-width:2}.owned-chip i{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}.owned-chip.augment{color:#eadfff;background:linear-gradient(100deg,rgba(104,63,145,.28),#111525)}

/* Augments no longer share the same diamond: each family gets its own silhouette. */

/* Readable, closable synergy codex. */
.synergy-modal{z-index:30;padding:3vh 0;background:rgba(3,6,14,.94)}.synergy-panel{display:flex;flex-direction:column;padding:28px 32px;max-height:94vh;overflow:hidden}.synergy-header{display:flex;align-items:flex-start;justify-content:space-between;flex:0 0 auto}.synergy-header h2{margin:0;font-size:38px}.synergy-close{width:44px;height:44px;padding:0;display:grid;place-items:center;font:400 28px Inter;color:#d9e5f2;background:#111a29;border-color:#52657d;clip-path:none}.synergy-help{margin:7px 0 12px;color:#8290a5;font-size:10px}.synergy-list{min-height:0;overflow:auto;padding-right:7px;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.synergy-entry{display:flex;flex-direction:column;gap:9px;min-height:168px;padding:13px;opacity:.38}.synergy-entry.possible{opacity:.78}.synergy-entry.active{opacity:1;box-shadow:inset 3px 0 #a779ed,0 0 18px rgba(167,121,237,.09)}.synergy-title{display:flex;align-items:center;gap:8px}.synergy-status{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border:1px solid #516178;color:#8798ad!important}.active .synergy-status{color:#130d1d!important;background:#b98cff;border-color:#d8bbff}.synergy-pair{display:grid;grid-template-columns:1fr 14px 1fr;align-items:center;gap:5px}.synergy-pair>i{text-align:center;color:#59677a;font-style:normal}.synergy-part{display:flex!important;align-items:center;gap:6px;min-width:0;padding:6px;color:#647187!important;background:#0a0f1b;border:1px solid #293547}.synergy-part.owned{color:#fff!important;border-color:var(--part);background:color-mix(in srgb,var(--part) 13%,#0a0f1b)}.synergy-part svg{width:22px;height:22px;flex:0 0 22px;stroke:var(--part);fill:none;stroke-width:2}.synergy-part b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 8px "Chakra Petch"}.synergy-entry>p{margin:auto 0 0;padding-top:8px;border-top:1px solid #263246;color:#aebacc;font-size:10px;line-height:1.45}@media(max-width:700px){.level-modal{padding:15px 8px}.level-modal>.eyebrow{margin-top:0}.level-build-summary{grid-template-columns:1fr}.level-tools{flex-direction:column}.level-tools>button{flex-basis:auto}.synergy-panel{padding:22px 15px}.synergy-list{grid-template-columns:1fr}.synergy-entry{min-height:150px}}
.boss-active .health-wrap{top:142px;z-index:7;padding:9px 12px;background:rgba(7,11,22,.88);border-left:2px solid #fb6582;transition:top .2s}.boss-active .boss-hud{width:min(600px,60vw)}@media(max-width:700px){.boss-active .health-wrap{top:126px}.boss-active .boss-hud{width:88vw}}
/* One deliberate exchange per offered card. */
.card-wrap{position:relative;width:220px;padding-bottom:38px;flex:0 0 220px}.card-wrap>.card{width:100%}.card-reroll{position:absolute;z-index:3;right:8px;bottom:0;width:82px;height:31px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:6px;color:#071315;background:#75eadb;border-color:#b9fff6;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);font-size:17px}.card-reroll small{font:800 7px "Chakra Petch";letter-spacing:1px}.card-reroll:hover{transform:none;background:#d3fff9}.card-reroll.used,.card-reroll:disabled{cursor:not-allowed;color:#657185;background:#111827;border-color:#2e3a4d;box-shadow:none}.card-reroll.used:hover{background:#111827}.cards:has(.card-wrap){align-items:flex-start}@media(max-width:700px){.card-wrap{width:30vw;flex-basis:30vw;padding-bottom:35px}.card-reroll{right:3px;width:74px}}
/* Settings, difficulty progression and timed world events. */
.icon-settings:before{inset:6px;border:2px dotted currentColor;border-radius:50%}.icon-settings:after{left:11px;top:11px;width:6px;height:6px;border:2px solid currentColor;border-radius:50%}.settings-panel{width:min(520px,92vw);text-align:center}.settings-panel h2{text-align:center}.language-choice{display:flex;gap:10px;justify-content:center;margin:24px 0}.language-choice button.active{color:#071315;background:var(--cyan);border-color:var(--cyan)}.difficulty-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 auto 18px;max-width:690px}.difficulty-picker button{min-width:0;padding:10px 5px;color:#a9b6c7;background:#111a29;border-color:#34475d;font-size:8px}.difficulty-picker button.selected{color:#071315;background:var(--cyan);border-color:#aafff4}.difficulty-picker button.locked{pointer-events:none;opacity:.32}.event-hud{position:absolute;z-index:8;top:150px;left:50%;transform:translateX(-50%);width:min(390px,62vw);padding:9px 14px;text-align:center;background:linear-gradient(90deg,transparent,#180e1e 12%,#180e1e 88%,transparent);border-top:1px solid #d37cff}.event-hud small{display:block;color:#d7a1ff;font:700 7px "Chakra Petch";letter-spacing:3px}.event-hud strong{font:800 13px "Chakra Petch";letter-spacing:2px}.event-hud span{margin-left:10px;color:#ffd979;font:700 11px "Chakra Petch"}.event-hud>i{display:block;height:4px;margin-top:6px;background:#2b1d34}.event-hud>i>b{display:block;height:100%;background:linear-gradient(90deg,#b85dff,#ff5d83);transition:width .2s}.synergy-list{scrollbar-width:thin;scrollbar-color:#9e6ee0 #101827}.synergy-list::-webkit-scrollbar{width:9px}.synergy-list::-webkit-scrollbar-track{background:#0b1220;border-left:1px solid #26364b}.synergy-list::-webkit-scrollbar-thumb{background:linear-gradient(#6e4b9a,#bd83ff);border:2px solid #0b1220;border-radius:8px}.augment-svg .item-shape{stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;fill:color-mix(in srgb,currentColor 9%,transparent)}.augment-slot .augment-svg{width:33px;height:33px;padding:4px;background:radial-gradient(circle,color-mix(in srgb,currentColor 24%,transparent),transparent 70%);border:1px solid color-mix(in srgb,currentColor 45%,transparent);border-radius:50%;filter:drop-shadow(0 0 5px currentColor)}@media(max-width:700px){.difficulty-picker{grid-template-columns:1fr 1fr}.event-hud{top:126px;width:72vw}}

/* Multiplayer lobby */
.icon-multiplayer:before{left:5px;top:6px;width:7px;height:7px;border:2px solid currentColor;border-radius:50%;box-shadow:12px 0 0 -2px currentColor}.icon-multiplayer:after{left:3px;bottom:5px;width:20px;height:8px;border:2px solid currentColor;border-radius:10px 10px 2px 2px}.multiplayer-panel{width:min(700px,94vw);text-align:center}.multiplayer-panel h2{text-align:center;margin-bottom:12px}.multiplayer-panel>p{margin:0 auto 26px;color:#8f9bb0;font-size:12px}.multiplayer-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.multiplayer-card{min-height:112px;display:flex;align-items:center;gap:15px;text-align:left;padding:20px}.multiplayer-card span:last-child{display:flex;flex-direction:column;gap:6px}.multiplayer-card b{font:800 12px "Chakra Petch";letter-spacing:1px}.multiplayer-card small{color:#638078;font-size:9px}.secondary-btn.multiplayer-card small{color:#8190a5}.lobby-card-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid currentColor;font-size:25px}.join-lobby-form{margin:26px auto;max-width:510px;text-align:left}.join-lobby-form label{display:block;margin-bottom:8px;color:var(--cyan);font:700 9px "Chakra Petch";letter-spacing:2px}.join-lobby-form>div{display:flex;gap:8px}.join-lobby-form input{min-width:0;flex:1;padding:14px 16px;color:#fff;background:#080e1b;border:1px solid #40566e;outline:none;font:800 20px "Chakra Petch";letter-spacing:5px;text-transform:uppercase}.join-lobby-form input:focus{border-color:var(--cyan);box-shadow:0 0 18px rgba(81,246,223,.12)}.join-lobby-form button{flex:0 0 auto}.lobby-message{min-height:18px;margin:8px 0 0;color:#8fa0b3;font-size:10px}.lobby-message.error{color:#ff7890}.lobby-room{margin:22px auto;padding:25px;max-width:510px;background:#080f1d;border:1px solid rgba(81,246,223,.28)}.lobby-room>small{display:block;color:#8c9bb0;font:700 9px "Chakra Petch";letter-spacing:3px}.lobby-room>strong{display:block;margin:8px 0 14px;color:var(--cyan);font:800 38px "Chakra Petch";letter-spacing:8px;text-shadow:0 0 18px rgba(81,246,223,.35)}.lobby-room>button{padding:9px 14px}.lobby-room>p{color:#78869b;font-size:10px}.lobby-players{display:flex;justify-content:space-between;margin-top:20px;padding-bottom:8px;border-bottom:1px solid #26364b;color:#91a0b5;font:700 9px "Chakra Petch";letter-spacing:1px}.lobby-players b{color:#fff}.lobby-room ul{margin:0;padding:0;list-style:none}.lobby-room li{display:flex;align-items:center;gap:9px;padding:10px 4px;border-bottom:1px solid #1c293b;font-size:11px}.lobby-room li i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.lobby-room li span{flex:1;text-align:left}.lobby-room li b{color:#73859b;font:700 8px "Chakra Petch";letter-spacing:1px}@media(max-width:700px){.multiplayer-actions{grid-template-columns:1fr}.multiplayer-panel{max-height:94vh;overflow:auto}.join-lobby-form>div{flex-direction:column}.lobby-room>strong{font-size:29px}}
.multiplayer-actions.hidden,.join-lobby-form.hidden,.lobby-room.hidden,#lobbyReadyBtn.hidden,#lobbyStartBtn.hidden{display:none!important}.lobby-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.lobby-options fieldset{min-width:0;margin:0;padding:10px;border:1px solid #2b4053}.lobby-options legend{padding:0 6px;color:#8ea0b5;font:700 7px "Chakra Petch";letter-spacing:1px}.lobby-options fieldset>div{display:flex;flex-direction:column;gap:5px}.lobby-options button{min-height:32px;padding:7px;color:#9aabbe;background:#0b1422;border-color:#34485b;font-size:8px}.lobby-options button.selected{color:#061313;background:var(--cyan);border-color:var(--cyan)}.lobby-options button:disabled{cursor:default;opacity:1}.lobby-room li span small{display:block;margin-top:3px;color:#71839a;font:700 7px "Chakra Petch";letter-spacing:1px}.lobby-room li i{background:#526175;box-shadow:none}.lobby-room li i.ready{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}#lobbyReadyBtn,#lobbyStartBtn{width:100%;margin-top:14px}#lobbyReadyBtn.selected{color:#071315;background:#ffd36a;border-color:#ffe7a5}#lobbyStartBtn:disabled{cursor:not-allowed;opacity:.35}@media(max-width:700px){.lobby-options{grid-template-columns:1fr}}
.visual-pick{position:relative;overflow:hidden;text-align:left!important;padding:0 8px 7px!important}.visual-pick .pick-preview{position:relative;display:block;height:64px;margin:0 -8px 7px;overflow:hidden;background:#122334}.visual-pick b,.visual-pick small{position:relative;z-index:2;display:block}.visual-pick small{margin-top:2px;color:#71849a;font:700 6px "Chakra Petch";letter-spacing:1px}.map-pick.ruins .pick-preview{background:radial-gradient(ellipse at 32% 70%,#126078 0 18%,transparent 19%),linear-gradient(155deg,#2e455b,#091421)}.map-pick.toxic .pick-preview{background:radial-gradient(circle at 70% 35%,rgba(190,255,80,.55),transparent 24%),linear-gradient(155deg,#42662c,#101c12)}.map-pick .pick-preview i{position:absolute;width:45px;height:20px;background:#536176;transform:rotate(-12deg);box-shadow:65px 22px #303d4e,120px -5px #425064}.character-pick .pick-preview{background:radial-gradient(circle at 50% 75%,var(--hero-glow),transparent 42%),linear-gradient(#101d2e,#070d17)}.character-pick.scout{--hero-glow:#1a8290}.character-pick.warrior{--hero-glow:#92512f}.character-pick.druid{--hero-glow:#28784b}.character-pick .pick-preview i:first-child{position:absolute;left:50%;top:10px;width:18px;height:18px;margin-left:-9px;border:3px solid #d6f8f3;border-radius:50%}.character-pick .pick-preview i:nth-child(2){position:absolute;left:50%;top:29px;width:32px;height:38px;margin-left:-16px;background:var(--hero-glow);border:2px solid #b9e8e0;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.character-pick .pick-preview i:last-child{position:absolute;left:50%;top:36px;width:52px;height:4px;margin-left:-26px;background:#d6f8f3}.visual-pick.selected .pick-preview{box-shadow:inset 0 0 0 2px var(--cyan)}
.visual-pick canvas.pick-preview{width:calc(100% + 16px);height:92px;object-fit:cover;background:#060c15}.visual-pick.selected canvas.pick-preview{box-shadow:inset 0 0 0 2px var(--cyan)}
.multiplayer-waiting{position:absolute;z-index:28;left:50%;top:50%;width:min(460px,88vw);padding:28px;transform:translate(-50%,-50%);text-align:center;background:rgba(7,13,26,.97);border:1px solid var(--cyan);box-shadow:0 24px 80px #000,0 0 28px rgba(81,246,223,.14)}.multiplayer-waiting strong,.multiplayer-waiting span{display:block}.multiplayer-waiting strong{font:800 14px "Chakra Petch";letter-spacing:2px}.multiplayer-waiting span{margin-top:9px;color:#8191a7;font-size:10px}

.multiplayer-ping{font:700 10px 'Chakra Petch';color:#6fffc2}.multiplayer-ping.medium{color:#ffd66f}.multiplayer-ping.bad{color:#ff687d}.multiplayer-ping.hidden{display:none}