.title-screen.preferences-screen{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 46px;align-content:center;justify-items:center;gap:24px;padding:24px;min-height:100dvh;box-sizing:border-box}.preferences-screen:before,.preferences-screen:after{display:none}.preferences-screen button:after{display:none;content:none}.preferences-screen.in-game{position:fixed;inset:0;z-index:15;max-height:none;margin:0;background:#040b15f5;zoom:1}.title-screen .preferences-tabs button:hover:not(:disabled),.title-screen .preferences-bindings button:hover:not(:disabled),.title-screen .preferences-reset:hover:not(:disabled),.title-screen .preference-switch:hover:not(:disabled){background:transparent;box-shadow:none}.preferences-screen>h1{margin:0;font-size:clamp(30px,4vw,44px);font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#eef9fb}.preferences-body{width:min(960px,100%);display:grid;gap:18px}.preferences-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.title-screen .preferences-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;border:0;border-bottom:1px solid #55738233;border-radius:0;padding:12px 6px;color:#92adba;font-size:16px;box-shadow:none}.title-screen .preferences-tabs button:hover,.title-screen .preferences-tabs button[aria-pressed=true]{background:transparent;border-bottom-color:#5de0ca;box-shadow:none;color:#e1f7f4;transform:none}.preferences-board{display:grid;grid-template-columns:.8fr 1.4fr;align-items:center;gap:36px;height:360px;padding:32px 36px;box-sizing:border-box;border:1px solid #56778633;background:linear-gradient(110deg,#081621bd,#07131a66,#081621bd);border-radius:3px}.preferences-identity{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;color:#73d8cb}.preferences-identity h2{margin:0;font-size:25px;font-weight:500;color:#e0eff4}.preferences-identity p{margin:0;max-width:235px;color:#98b2bf;font-size:14px;line-height:1.6}.preferences-content{border-left:1px solid #52748233;padding-left:36px;display:flex;flex-direction:column;justify-content:center;gap:22px;min-width:0;position:relative;height:100%}.preference-setting{display:grid;gap:14px;font-size:16px;color:#cfdee6}.preference-setting label{display:flex;justify-content:space-between;gap:16px}.preference-setting strong{color:#69dcc8;font-weight:500;font-variant-numeric:tabular-nums}.preferences-content input[type=range]{width:100%;accent-color:#5de0ca;height:24px}.preferences-choices{display:flex;gap:8px}.title-screen .preferences-choices button,.title-screen .preferences-mode{background:#0b202b55;border:1px solid #52748266;border-radius:3px;color:#abc4d0;font-size:14px;padding:10px 12px;box-shadow:none}.preferences-choices button{flex:1}.title-screen .preferences-choices button:hover,.title-screen .preferences-choices button[aria-pressed=true],.title-screen .preferences-mode:hover{border-color:#65ccbc;color:#e1f7f4;background:#17333d66;box-shadow:none}.preference-inline{display:flex;align-items:center;justify-content:space-between;gap:16px}.title-screen .preference-switch{display:flex;align-items:center;gap:12px;border:0;padding:6px 0;background:transparent;box-shadow:none;font-size:14px;color:#91adbb}.preference-switch i{width:36px;height:20px;border:1px solid #5c7b8a;border-radius:12px;padding:3px;box-sizing:border-box}.preference-switch i:after{content:"";display:block;width:12px;height:12px;border-radius:50%;background:#7693a3;transition:transform .15s}.preference-switch[aria-checked=true] i{border-color:#5de0ca;background:#2ee6c822}.preference-switch[aria-checked=true] i:after{background:#5de0ca;transform:translate(16px)}.title-screen .preference-switch:hover{background:transparent;box-shadow:none;color:#d5eceb}.preferences-bindings{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.title-screen .preferences-bindings button{display:flex;justify-content:space-between;align-items:center;gap:12px;background:transparent;border:0;border-bottom:1px solid #52748255;border-radius:0;padding:8px 0;font-size:14px;color:#b8cfd9;box-shadow:none}.title-screen .preferences-bindings button:hover,.title-screen .preferences-bindings button.is-listening{background:transparent;border-bottom-color:#5de0ca;box-shadow:none}.preferences-bindings kbd{display:grid;place-items:center;min-width:32px;height:28px;padding:0 4px;box-sizing:border-box;border:1px solid #52748277;border-radius:3px;font-size:14px;font-weight:600;color:#80dece;background:#17313b44}.preferences-help{font-size:14px;line-height:1.5;color:#98b2bf;margin:0}.title-screen .preferences-reset{align-self:flex-start;background:transparent;border:0;border-bottom:1px solid #52748266;border-radius:0;box-shadow:none;color:#9ebac8;padding:6px 0;font-size:14px}.title-screen .preferences-reset:hover{background:transparent;border-bottom-color:#5de0ca;box-shadow:none;color:#e1f7f4}.preferences-status{position:absolute;bottom:-22px;margin:0;color:#dfbb82;font-size:13px;line-height:1.3}.preferences-return{display:flex;justify-content:center}.preferences-return button{min-width:180px;padding:12px 24px;font-size:14px;font-weight:600}@media(max-height:700px){.title-screen.preferences-screen{gap:14px;padding:16px}.preferences-body{gap:12px}.preferences-board{height:320px;padding:24px}.preferences-content{gap:18px;padding-left:24px}.preferences-screen>h1{font-size:30px}}@media(max-width:700px){.preferences-board{gap:20px;grid-template-columns:.7fr 1.4fr;padding:24px 18px}.preferences-content{padding-left:20px}.preferences-tabs{gap:6px}.title-screen .preferences-tabs button{font-size:14px;gap:6px}.preferences-tabs svg{width:20px}.preference-inline{gap:10px}.preferences-identity h2{font-size:21px}}@media(max-width:500px){.preferences-identity{display:none}.preferences-board{grid-template-columns:1fr}.preferences-content{border:0;padding-left:0}.preferences-tabs button{flex-direction:column}.preferences-board{height:330px}}.title-screen.starting-screen{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,min(62dvh,510px)) auto;align-content:center;justify-items:center;gap:24px;min-height:100dvh;padding:24px;box-sizing:border-box}.starting-screen:before,.starting-screen:after,.starting-screen button:after{display:none;content:none}.starting-screen>h1{margin:0;font-size:clamp(26px,3.5vw,40px);font-weight:600;letter-spacing:.1em;color:#eef9fb;text-transform:uppercase;text-align:center}.starting-board{width:min(1080px,100%);height:100%;min-height:0;box-sizing:border-box;display:grid;grid-template-columns:1fr .85fr 1fr;gap:28px;padding:26px;border:1px solid #56778633;border-radius:3px;background:linear-gradient(110deg,#081621bd,#07131a66,#081621bd)}.starting-group{display:grid;grid-template-rows:auto 1fr 150px;gap:18px;min-width:0;min-height:0}.starting-group>h2{margin:0;text-align:center;font-size:16px;letter-spacing:.1em;text-transform:uppercase;color:#adc6d1;font-weight:500}.starting-options{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;min-height:0}.starting-options.is-large{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-template-rows:none}.starting-options.is-large .item-icon{width:38px!important;height:38px!important}.starting-options.is-large .starting-option{gap:4px;padding:5px 3px;font-size:13px}.starting-mastery{color:#96b5c3;font-size:14px}@media(max-height:700px){.starting-options.is-large .item-icon{width:26px!important;height:26px!important}.starting-options.is-large .starting-option{font-size:12px}.starting-lock,.starting-check{top:3px;right:3px}.starting-hero{gap:8px}}.title-screen .starting-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:0;position:relative;padding:8px 6px;border:1px solid #45647344;border-radius:3px;background:#07131a55;color:#b2c9d4;font-size:14px;line-height:1.3;box-shadow:none;letter-spacing:0}.starting-option .item-icon{background:transparent;border:0;box-shadow:none;flex-shrink:0}.starting-option .item-icon svg{width:90%;height:90%}.title-screen .starting-option:hover:not(:disabled),.title-screen .starting-option.is-focused{border-color:color-mix(in srgb,var(--rarity) 60%,transparent);background:color-mix(in srgb,var(--rarity) 5%,#07131a);box-shadow:none}.title-screen .starting-option[aria-pressed=true]{border-color:#69dac7;background:#15313a66}.starting-option.is-locked .item-icon{opacity:.45;filter:grayscale(.6)}.starting-option.is-locked>span{color:#839ba9}.starting-lock,.starting-check{position:absolute;top:7px;right:8px;color:#83a2af}.starting-option .starting-check{color:#75ddc8}.starting-description{border-top:1px solid #52748233;padding-top:14px;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;font-size:14px;line-height:1.4}.starting-description strong{color:var(--rarity);font-weight:500;font-size:16px}.starting-description small{color:#90abb9;font-size:14px}.starting-description p{margin:2px 0;color:#c0d5de}.starting-description>span{color:#88b7b3}.starting-hero{display:flex;flex-direction:column;align-items:center;gap:14px;min-height:0;border-left:1px solid #52748233;border-right:1px solid #52748233;padding:0 12px}.starting-hero h2{margin:0;font-size:24px;font-weight:500;color:#e6f1f5}.starting-portrait{flex:1;width:100%;min-height:0;position:relative}.starting-portrait .hero-portrait{width:100%;height:100%;position:absolute;inset:0}.starting-portrait svg{position:absolute;inset:0;width:100%;height:100%;min-height:0}.starting-portrait .portrait-orbit,.starting-portrait .portrait-plinth{display:none}.starting-equipped{display:flex;gap:14px;margin-bottom:18px}.starting-equipped .item-icon{background:#08182288;border-color:#52748255;box-shadow:none}.starting-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.starting-actions button{min-width:260px;padding:12px 24px;font-size:14px;font-weight:600}.starting-actions .primary{font-size:16px}@media(max-height:700px){.title-screen.starting-screen{gap:14px;padding:16px;grid-template-rows:auto minmax(0,min(65dvh,390px)) auto}.starting-board{padding:18px;gap:18px}.starting-group{gap:12px;grid-template-rows:auto 1fr 125px}.starting-description{padding-top:10px;gap:4px}.starting-actions{gap:8px}.starting-actions button{padding:10px 18px}.starting-option .item-icon{width:38px!important;height:38px!important}}@media(max-width:850px){.starting-board{gap:16px;padding:18px;grid-template-columns:1fr .7fr 1fr}.starting-hero{padding:0 8px}.starting-hero h2{font-size:21px}.starting-options{gap:6px}.starting-description strong{font-size:14px}.starting-description{font-size:13px}}@media(max-width:550px){.starting-board{grid-template-columns:1fr 1fr;padding:12px;gap:14px}.starting-hero{display:none}.starting-screen>h1{font-size:22px}.starting-option{font-size:13px}}.zone-loot-panel{overflow-y:auto;max-height:calc(100dvh / var(--ui-scale, 1) - 120px)}.zone-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.zone-tabs button[aria-pressed=true]{border-color:#2ee6c8;background:#12362f;color:#d9fff8}.farm-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:16px 0}.farm-facts>div,.farm-monster{padding:16px;border:1px solid #2ee6c833;border-radius:6px;background:#061218}.farm-facts span,.farm-drops span,.farm-drops small{display:block;margin-top:5px;color:#b3cec9;font-size:14px;line-height:1.5}.farm-monsters{display:grid;gap:14px}.farm-monster-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.farm-monster-heading h3{margin:0}.farm-monster-heading>span{color:#b3cec9;font-size:14px}.farm-drops{padding:0;margin:12px 0 0;list-style:none}.farm-drops li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #ffffff12}.farm-drops li>div{flex:1;min-width:0}.farm-drops li>b{white-space:nowrap;color:#e3fff8}.farm-drops .drop-locked{opacity:.65}.title-screen.class-dossier{--skill-size: clamp(42px, 7dvh, 64px);height:100dvh;min-height:0;width:100%;box-sizing:border-box;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,min(64dvh,500px)) 50px;align-content:center;justify-items:center;gap:18px;padding:20px 32px;text-align:center}.class-dossier button:after{content:none;display:none}.dossier-header{display:grid;justify-items:center;gap:14px}.dossier-header h1{margin:0;color:#eef9fb;font-size:clamp(30px,4vw,44px);font-weight:600;text-transform:uppercase;letter-spacing:.13em}.dossier-header nav{display:flex;justify-content:center;gap:24px}.title-screen .dossier-header button{border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;padding:6px 10px;color:#90adbd;font-size:14px}.title-screen .dossier-header button[aria-pressed=true]{color:#e6f5f7;border-bottom-color:var(--accent)}.title-screen .dossier-header button:hover{background:transparent;color:#fff;box-shadow:none}.title-screen.class-dossier .dossier-header nav button:is(:hover,:focus-visible,[aria-pressed=true]){background:transparent;box-shadow:none;outline:none!important;border-color:transparent;border-bottom-color:var(--accent)}.dossier-main{position:relative;display:grid;grid-template-columns:220px minmax(220px,1fr) 310px;gap:30px;width:min(1080px,100%);height:100%;min-height:0;padding:26px 30px;box-sizing:border-box;border:1px solid #56778633;border-radius:3px;background:linear-gradient(110deg,#081621bd,#07131a44 48%,#081621bd)}.dossier-main:before,.dossier-main:after{content:"";position:absolute;top:-1px;width:80px;height:1px;background:var(--accent);opacity:.55}.dossier-main:before{left:0}.dossier-main:after{right:0}.dossier-attributes{align-self:center;display:grid;gap:18px}.dossier-attributes>h2,.dossier-passives>h2{margin:0;color:#b0c6d3;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.16em}.dossier-stats{display:grid;gap:6px}.title-screen .dossier-stats button{position:relative;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;min-width:0;padding:9px 6px;border:0;border-radius:2px;background:transparent;text-align:left;transition:background .16s ease,box-shadow .16s ease}.dossier-stats .stat-glyph{width:32px;height:30px;font-size:25px}.dossier-stats small{font-size:14px;color:#a7c0ce;line-height:1.3;letter-spacing:0}.dossier-stats strong{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums;color:#e6f2f8;letter-spacing:0}.dossier-stats button:before{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .16s ease}.dossier-stats .stat-glyph,.dossier-stats small,.dossier-stats strong{transition:color .16s ease,filter .16s ease}.title-screen .dossier-stats button.is-active,.title-screen .dossier-stats button:hover,.title-screen .dossier-stats button:focus-visible{background:transparent;box-shadow:none}.dossier-stats button:is(:hover,:focus-visible,.is-active):before{opacity:.65}.dossier-stats button:is(:hover,:focus-visible,.is-active) small{color:#e0f1f8}.dossier-character{display:grid;grid-template-rows:minmax(0,1fr) 72px;align-items:center;min-height:0;gap:20px}.dossier-portrait-slot{position:relative;min-height:0;height:100%;width:100%;display:grid;place-items:center;padding:10px 12px 20px;box-sizing:border-box;overflow:hidden}.dossier-portrait-slot>.hero-portrait{width:100%;height:100%;min-height:0;max-height:320px;aspect-ratio:auto}.dossier-portrait-slot>.hero-portrait svg{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;filter:drop-shadow(0 8px 8px #0009) drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 15%,transparent))}.dossier-character .portrait-orbit{width:85%;height:auto;aspect-ratio:1;border-color:color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:none}.dossier-character .portrait-orbit:before{border-style:solid;opacity:.35}.dossier-character .portrait-plinth{bottom:0;height:9%;width:75%;border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:none}.title-screen .dossier-mastery{width:100%;max-width:280px;justify-self:center;display:grid;gap:12px;padding:10px 4px;border:0;background:transparent;text-align:center}.dossier-mastery>span:first-child{display:flex;align-items:center;justify-content:center;gap:14px;font-size:14px;color:#a7c0ce}.dossier-mastery strong{color:#d6eaf3;font-weight:500}.dossier-mastery .mastery-segments{gap:4px}.dossier-mastery .mastery-segments>span{height:8px}.title-screen .dossier-mastery:hover{background:transparent;box-shadow:none}.dossier-passives{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0;gap:16px;align-content:start}.dossier-passive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:10px}.title-screen .dossier-passive-grid button{position:relative;width:calc(var(--skill-size) + 14px);height:calc(var(--skill-size) + 14px);display:grid;place-items:center;padding:6px;border:1px solid #4a6a7944;border-radius:3px;background:linear-gradient(145deg,#15304733,#040d1888);box-shadow:inset 0 1px #c6edff08,0 3px 8px #0002;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.dossier-passive-grid button:before{content:"";position:absolute;inset:3px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:1px;opacity:0;transition:opacity .16s ease;pointer-events:none}.dossier-passive-grid .item-icon{width:var(--skill-size)!important;height:var(--skill-size)!important;background:transparent;border:0;box-shadow:none}.dossier-passive-grid .item-icon svg{width:83%;height:83%;transition:transform .16s ease,filter .16s ease}.dossier-passive-grid .item-icon{transition:opacity .16s ease,filter .16s ease}.dossier-passive-grid button.is-locked .item-icon{opacity:.45;filter:grayscale(.85)}.passive-lock{position:absolute;bottom:4px;right:4px;width:16px;height:16px;color:#9db1c0;background:#07111de6;padding:2px;border-radius:2px}.title-screen .dossier-passive-grid button.is-active{background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 12%,transparent),#06101bcc);border-color:color-mix(in srgb,var(--accent) 65%,#527482);box-shadow:inset 0 1px #dcf7ff14,0 0 12px color-mix(in srgb,var(--accent) 8%,transparent)}.title-screen .dossier-passive-grid button:hover,.title-screen .dossier-passive-grid button:focus-visible{border-color:var(--accent);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 19%,transparent),#071320);box-shadow:inset 0 1px #e6fbff26,0 0 18px color-mix(in srgb,var(--accent) 15%,transparent),0 5px 10px #0004}.dossier-passive-grid button:is(:hover,:focus-visible):before{opacity:1}.dossier-passive-grid button:is(:hover,:focus-visible) .item-icon svg{transform:translateY(-2px) scale(1.04);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 25%,transparent))}.dossier-passive-grid button.is-locked:is(:hover,:focus-visible) .item-icon{opacity:.72;filter:grayscale(.5)}.title-screen .dossier-passive-grid button:focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px}.title-screen.class-dossier .dossier-stats button:is(:hover,:focus,:focus-visible,.is-active),.title-screen.class-dossier .dossier-mastery:is(:hover,:focus,:focus-visible,[aria-pressed=true]){outline:none!important;border:0;box-shadow:none;background:transparent}.title-screen.class-dossier .dossier-mastery{position:relative}.title-screen.class-dossier .dossier-mastery:is(:hover,:focus,:focus-visible,[aria-pressed=true]){background:transparent}.dossier-mastery:before{content:"";position:absolute;bottom:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .16s ease}.dossier-mastery:is(:hover,:focus-visible,[aria-pressed=true]):before{opacity:.65}:root[data-motion=reduced] .dossier-passive-grid button .item-icon svg{transform:none}@media(prefers-reduced-motion:reduce){.dossier-passive-grid button .item-icon svg{transform:none!important}}.dossier-explanation{min-height:0;display:grid;grid-template-columns:38px minmax(0,1fr);align-content:center;align-items:start;gap:12px;border-top:1px solid #4c6b7944;padding-top:14px;text-align:left}.concept-icon{display:grid;place-items:center}.concept-icon .item-icon{width:36px!important;height:36px!important;background:transparent;border:0;box-shadow:none}.concept-icon>.stat-glyph{width:36px;height:36px;font-size:28px}.dossier-explanation h2{font-size:18px;color:#e6f3f7;font-weight:500;margin:0 0 8px}.dossier-explanation p{margin:0 0 10px;font-size:14px;line-height:1.5;color:#a8c2ce}.dossier-explanation small{display:block;color:#a7a490;font-size:14px;line-height:1.45}.dossier-footer{display:flex;align-items:center;justify-content:center}.dossier-footer button{min-width:220px;padding:12px 24px;font-size:14px}@media(max-width:1000px){.title-screen.class-dossier{padding-left:20px;padding-right:20px}.dossier-main{grid-template-columns:180px minmax(150px,1fr) 270px;gap:18px;padding:20px}.dossier-stats button strong{font-size:20px}.title-screen .dossier-stats button{gap:8px;padding:8px 2px}}@media(max-height:700px){.title-screen.class-dossier{--skill-size: 40px;grid-template-rows:auto minmax(0,min(64dvh,410px)) 44px;gap:12px;padding-top:12px;padding-bottom:12px}.dossier-header{gap:8px}.dossier-header h1{font-size:30px}.dossier-main{padding-top:16px;padding-bottom:16px}.dossier-attributes{gap:10px}.dossier-stats{gap:3px}.title-screen .dossier-stats button{padding-top:5px;padding-bottom:5px}.dossier-passives{gap:10px}.dossier-passive-grid{gap:6px}.dossier-explanation{padding-top:10px}.dossier-explanation h2{margin-bottom:5px}.dossier-explanation p{margin-bottom:6px}}@media(max-width:800px){.dossier-main{grid-template-columns:150px minmax(110px,1fr) 235px;gap:12px;padding:16px}.dossier-stats small{font-size:14px}.dossier-stats .stat-glyph{font-size:21px;width:24px}.title-screen .dossier-stats button{grid-template-columns:24px 1fr auto;gap:4px}.dossier-explanation{grid-template-columns:1fr}.concept-icon{display:none}}@media(max-width:650px){.title-screen.class-dossier{--skill-size: 38px;padding:12px;grid-template-rows:auto minmax(0,1fr) 44px;gap:10px}.dossier-main{width:100%;grid-template-columns:.8fr 1.2fr;grid-template-rows:minmax(70px,1fr) auto;gap:12px;padding:12px}.dossier-character{grid-column:1;grid-row:1;grid-template-rows:minmax(0,1fr) 60px;gap:8px}.dossier-portrait-slot{padding:4px 4px 8px}.dossier-portrait-slot>.hero-portrait{max-height:180px}.dossier-character .portrait-orbit{display:none}.dossier-mastery{gap:6px!important}.dossier-mastery>span:first-child{gap:6px}.dossier-attributes{grid-column:1;grid-row:2;gap:8px}.dossier-stats{gap:0}.title-screen .dossier-stats button{padding:3px 0}.dossier-stats .stat-glyph{font-size:18px;height:22px}.dossier-stats strong{font-size:17px}.dossier-stats small{font-size:12px}.dossier-passives{grid-column:2;grid-row:1 / -1}.dossier-explanation p,.dossier-explanation small{font-size:13px}.dossier-explanation h2{font-size:17px}}.title-screen.achievements-screen{--trophy-size: clamp(36px, 6dvh, 58px);width:100%;height:100dvh;min-height:0;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,min(64dvh,510px)) 50px;align-content:center;justify-items:center;gap:18px;padding:20px 32px;overflow:hidden;text-align:center}.achievements-screen.in-game{position:fixed;inset:0;z-index:15;max-height:none;margin:0;background:#040b15f5;zoom:1}.achievements-screen button:after{content:none;display:none}.achievements-heading{display:grid;justify-items:center;gap:14px}.achievements-heading h1{font-size:clamp(30px,4vw,44px);letter-spacing:.13em;font-weight:600;text-transform:uppercase;color:#eef9fb;margin:0}.achievements-completion{display:flex;align-items:center;gap:18px}.achievements-completion strong{color:#b2c8d3;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.achievement-segments{display:grid;grid-template-columns:repeat(14,1fr);gap:4px;width:210px}.achievement-segments i{height:7px;background:#06121e;border:1px solid #45617166}.achievement-segments i.is-earned{background:#2ee6c8;border-color:#84e1d2}.achievements-board{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:40px;width:min(1000px,100%);height:100%;box-sizing:border-box;min-height:0;padding:24px 28px;border:1px solid #56778633;background:linear-gradient(110deg,#081621bd,#07131a66,#081621bd);border-radius:3px}.achievement-collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;min-height:0}.title-screen .achievement-medallion{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;min-width:0;min-height:0;padding:5px 8px;border:1px solid #46677933;border-radius:3px;background:#07121d66;transition:background .16s,border-color .16s,box-shadow .16s}.achievement-art{width:var(--trophy-size);height:var(--trophy-size);display:grid;place-items:center;color:#d9bf8b;opacity:.48;filter:grayscale(.75)}.achievement-art .hero-portrait,.achievement-art .monster-portrait{width:100%;height:100%}.achievement-art .portrait-orbit,.achievement-art .portrait-plinth{display:none}.achievement-art .hero-portrait svg{position:absolute;inset:0;width:100%;height:100%;min-height:0}.achievement-art .item-icon{width:100%!important;height:100%!important;border:0;background:transparent;box-shadow:none}.achievement-art .item-icon svg{width:85%;height:85%}.achievement-name{font-size:14px;line-height:1.25;letter-spacing:0;color:#8faab9;text-align:center}.achievement-status{position:absolute;top:5px;right:7px;color:#617d8d;font-size:12px}.achievement-medallion.is-earned .achievement-art{opacity:1;filter:none}.achievement-medallion.is-earned .achievement-status{color:#2ee6c8}.achievement-medallion.is-earned .achievement-name{color:#d5e7ef}.title-screen .achievement-medallion[aria-pressed=true]{border-color:#64cdbc;background:#18334466;box-shadow:inset 0 0 0 3px #2ee6c807}.title-screen .achievement-medallion:hover{border-color:#7dd9cb;background:#17324166;box-shadow:0 0 12px #2ee6c80c}.achievement-medallion:hover .achievement-art{opacity:.8}.achievement-medallion.is-earned:hover .achievement-art{opacity:1}.achievement-focus{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:0;border-left:1px solid #52748233;padding-left:30px}.achievement-focus-art{flex:0 1 120px;min-height:48px;height:120px;width:140px;display:grid;place-items:center;color:#d9bf8b}.achievement-focus-art .hero-portrait,.achievement-focus-art .monster-portrait{height:100%;width:100%}.achievement-focus-art .hero-portrait svg{position:absolute;inset:0;height:100%;width:100%;min-height:0}.achievement-focus-art .portrait-orbit,.achievement-focus-art .portrait-plinth{display:none}.achievement-focus-art .monster-portrait{position:relative}.achievement-focus-art .monster-portrait svg{position:absolute;inset:0;width:100%;height:100%;min-height:0}.achievement-focus-art .item-icon{border:0;background:transparent;box-shadow:none;width:100px!important;height:100px!important}.achievement-focus-title{width:100%;display:grid;gap:8px;justify-items:center}.achievement-focus-title h2{font-size:clamp(21px,2.5vw,27px);line-height:1.2;font-weight:500;color:#e7f3f7;margin:0}.achievement-focus-title>span{color:#92a9b8;font-size:14px}.achievement-focus-title .earned-label{color:#80dac2}.achievement-condition{margin:0;font-size:14px;line-height:1.5;color:#b0c7d2}.achievement-unlocks{width:100%;display:grid;gap:12px;margin-top:6px}.achievement-unlocks>h3{margin:0;padding-top:12px;border-top:1px solid #52748233;color:#91b0bd;font-size:14px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.achievement-reward-strip{display:flex;justify-content:center;gap:10px}.title-screen .achievement-reward-strip button{flex:1;max-width:115px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:5px 3px;background:transparent;border:1px solid transparent;border-radius:2px;font-size:14px;line-height:1.2;color:#abc4d0}.achievement-reward-strip .item-icon{background:transparent;border:0;box-shadow:none}.title-screen .achievement-reward-strip button[aria-pressed=true],.title-screen .achievement-reward-strip button:hover{border-color:color-mix(in srgb,var(--rarity) 45%,transparent);background:color-mix(in srgb,var(--rarity) 5%,transparent);box-shadow:none}.achievement-reward-description{min-height:48px;font-size:14px;line-height:1.4}.achievement-reward-description>span{font-size:14px}.achievement-reward-description p{margin:6px 0 0;color:#b2c9d5}.achievement-honor{font-size:14px;color:#849fac;margin:0}.achievement-reward-source{display:grid;gap:8px;padding-top:10px;border-top:1px solid #52748233;text-align:center}.achievement-reward-source p{display:grid;gap:4px;margin:0;font-size:14px;line-height:1.4}.achievement-reward-source strong{color:#b9d9e3;font-weight:500}.achievement-reward-source span{color:#94b3c2}.achievement-focus:has(.achievement-reward-source){gap:10px}.achievement-focus:has(.achievement-reward-source) .achievement-focus-art{flex-basis:65px;height:65px;min-height:40px;width:85px}.achievement-focus:has(.achievement-reward-source) .achievement-focus-art .item-icon{width:65px!important;height:65px!important}.achievement-focus:has(.achievement-reward-source) .achievement-focus-art>svg{width:55px;height:55px}@media(max-height:700px){.achievement-focus:has(.achievement-reward-source){gap:6px}.achievement-focus:has(.achievement-reward-source) .achievement-focus-art{display:none}.achievement-reward-source{padding-top:8px;gap:6px}}.achievements-return{display:flex;align-items:center;justify-content:center}.achievements-return button{min-width:180px;padding:12px 24px;font-size:14px;font-weight:600}@media(max-height:700px){.title-screen.achievements-screen{gap:12px;padding-top:12px;padding-bottom:12px;grid-template-rows:auto minmax(0,min(67dvh,415px)) 44px}.achievements-heading{gap:10px}.achievements-heading h1{font-size:30px}.achievements-board{padding:16px 20px;gap:24px}.achievement-collection{gap:6px}.title-screen .achievement-medallion{gap:4px}.achievement-focus{gap:8px;padding-left:20px}.achievement-focus-art{flex-basis:56px;height:56px;width:74px}.achievement-focus-art .item-icon{width:56px!important;height:56px!important}.achievement-focus-art>svg{width:48px;height:48px}.achievement-unlocks{gap:8px;margin-top:0}.achievement-reward-strip button .item-icon{width:34px!important;height:34px!important}.achievement-reward-strip{gap:6px}.achievement-focus-title{gap:5px}.achievement-reward-description{min-height:40px}}@media(max-width:800px){.title-screen.achievements-screen{padding-left:16px;padding-right:16px}.achievements-board{grid-template-columns:1.1fr 1fr;padding:16px;gap:18px}.achievement-focus{padding-left:16px}.achievement-name{font-size:14px}.title-screen .achievement-medallion{padding:4px}}@media(max-width:550px){.title-screen.achievements-screen{--trophy-size: 32px;padding:12px;grid-template-rows:auto minmax(0,1fr) 44px}.achievements-board{grid-template-columns:.9fr 1.1fr;gap:12px;padding:10px}.achievement-collection{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:4px}.achievement-name{font-size:12px}.achievement-focus{padding-left:10px;gap:8px}.achievement-focus-art{flex-basis:60px;height:60px}.achievement-reward-strip{flex-wrap:wrap}.title-screen .achievement-reward-strip button{font-size:12px;max-width:60px}.achievement-condition,.achievement-reward-description{font-size:13px}.achievement-focus-title h2{font-size:20px}}.title-screen.bestiary-page{width:100%;height:100dvh;min-height:0;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,min(66dvh,520px)) 44px;justify-items:center;align-content:center;gap:16px;padding:18px 28px;overflow:hidden;text-align:center}.bestiary-page button:after{display:none;content:none}.bestiary-heading{display:grid;justify-items:center;gap:14px;width:min(1080px,100%)}.bestiary-heading h1{margin:0;font-size:clamp(30px,4vw,44px);font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:#eef9fb}.bestiary-heading nav{display:grid;grid-template-columns:repeat(5,1fr);width:100%;gap:10px}.title-screen .bestiary-heading button{display:grid;gap:4px;padding:8px;border:0;border-bottom:1px solid #4e6f7d44;background:transparent;font-size:14px}.bestiary-heading small{font-size:14px;color:#8eaaba}.title-screen .bestiary-heading button[aria-pressed=true],.title-screen .bestiary-heading button:hover{border-bottom-color:#2ee6c8;background:transparent;color:#ecfff9;box-shadow:none}.title-screen.bestiary-page .bestiary-heading nav button:is(:hover,:focus-visible,[aria-pressed=true]){background:transparent;box-shadow:none;outline:none!important;border-color:transparent;border-bottom-color:#2ee6c8}.bestiary-sheet{display:grid;grid-template-columns:180px minmax(220px,1fr) minmax(310px,1.15fr);gap:24px;width:min(1120px,100%);height:100%;min-height:0;padding:22px;box-sizing:border-box;border:1px solid #56778633;border-radius:3px;background:linear-gradient(110deg,#081621bd,#07131a55,#081621bd)}.bestiary-creatures{display:grid;align-content:center;gap:8px;min-height:0}.title-screen .bestiary-creatures button{display:flex;align-items:center;gap:10px;padding:7px;border:1px solid transparent;background:transparent;border-radius:2px;text-align:left;font-size:14px;min-width:0}.bestiary-creatures .monster-portrait{position:relative;width:42px;height:42px;flex:none}.bestiary-creatures .monster-portrait svg{position:absolute;inset:0;width:100%;height:100%;min-height:0}.bestiary-creatures small{display:block;font-size:14px;color:#c5b58e;margin-top:3px}.title-screen .bestiary-creatures button[aria-pressed=true],.title-screen .bestiary-creatures button:hover{border-color:#65cbb966;background:#18334455;box-shadow:none}.bestiary-character{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:0}.bestiary-character h2{font-size:24px;font-weight:500;color:#e7f3f7;line-height:1.2;margin:0}.bestiary-portrait-slot{position:relative;min-height:0;height:100%;display:grid;place-items:center}.bestiary-portrait-slot .monster-portrait{position:relative;height:100%;width:100%;max-height:230px;aspect-ratio:auto}.bestiary-portrait-slot svg{position:absolute;inset:0;width:100%;height:100%;min-height:0}.bestiary-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.bestiary-stats>span{display:grid;grid-template-columns:24px auto;gap:3px 6px;align-items:center;justify-content:center;width:calc(33.33% - 8px)}.bestiary-stats .stat-glyph{width:24px;font-size:21px}.bestiary-stats strong{font-size:20px;font-weight:500}.bestiary-stats small{grid-column:1 / -1;color:#92b0bf;font-size:14px}.bestiary-encounters p,.bestiary-encounters small{margin:0;font-size:14px;line-height:1.4;color:#a9c5d3}.bestiary-encounters small{display:block;margin-top:6px;color:#7fa1b3}.bestiary-loot{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:0;border-left:1px solid #52748233;padding-left:22px;text-align:left}.bestiary-loot>*{flex-shrink:0}.bestiary-loot header{display:flex;align-items:center;justify-content:space-between;gap:10px}.bestiary-loot h2{font-size:18px;font-weight:500;color:#d6e7ee;margin:0}.title-screen .bestiary-unlock-toggle{font-size:14px;padding:5px 7px;border:1px solid #52748255;background:transparent}.bestiary-loot-basis{margin:0;font-size:14px;color:#8cabbc;line-height:1.4}.bestiary-loot-list{display:grid;gap:4px}.title-screen .bestiary-loot-list button{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px;min-width:0;text-align:left;border:1px solid transparent;background:transparent;font-size:14px}.bestiary-loot-list .item-icon{border:0;background:transparent;box-shadow:none}.bestiary-loot-list small{display:block;font-size:14px;color:#7993a5}.bestiary-loot-list strong{font-size:14px;font-weight:500;white-space:nowrap}.bestiary-loot-list .is-locked .item-icon{opacity:.5;filter:grayscale(.6)}.title-screen .bestiary-loot-list button[aria-pressed=true],.title-screen .bestiary-loot-list button:hover{background:#16314344;border-color:#52748244;box-shadow:none}.bestiary-loot-detail{height:100px;flex:0 0 100px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;border-top:1px solid #52748233;padding-top:10px;font-size:14px;line-height:1.4}.bestiary-loot-detail>strong{font-weight:500;color:#d6e7ee}.bestiary-loot-detail p{margin:4px 0;color:#abc5d2}.bestiary-loot-detail small{display:block;font-size:14px;color:#b7ac8c}.bestiary-loot-rule{margin:0;color:#7e9faf;font-size:14px;line-height:1.4}.bestiary-return{display:flex;align-items:center;justify-content:center}.bestiary-return button{min-width:180px;padding:12px 24px;font-size:14px;font-weight:600}@media(max-height:700px){.title-screen.bestiary-page{gap:10px;padding-top:12px;padding-bottom:12px}.bestiary-heading{gap:8px}.bestiary-heading h1{font-size:30px}.bestiary-heading button{padding:6px!important}.bestiary-sheet{padding:14px;gap:14px}.bestiary-character{gap:8px}.bestiary-creatures{gap:4px}.title-screen .bestiary-creatures button{padding:4px}.bestiary-creatures .monster-portrait{width:34px;height:34px}.bestiary-loot{gap:6px}.bestiary-loot-list{gap:2px}.title-screen .bestiary-loot-list button{padding:2px;grid-template-columns:24px minmax(0,1fr) auto}.bestiary-loot-list .item-icon{width:24px!important;height:24px!important}.bestiary-loot-list .item-icon svg{width:22px;height:22px}.bestiary-loot-list small{display:none}.bestiary-loot-detail{padding-top:6px}.bestiary-stats{gap:6px}.bestiary-stats strong{font-size:18px}}@media(max-width:950px){.title-screen.bestiary-page{padding-left:16px;padding-right:16px}.bestiary-sheet{grid-template-columns:145px minmax(160px,1fr) minmax(260px,1.3fr);gap:14px}.bestiary-loot{padding-left:14px}.bestiary-character h2{font-size:21px}}@media(max-width:650px){.bestiary-heading nav{gap:4px}.bestiary-heading button{font-size:12px!important}.bestiary-heading small{font-size:12px}.bestiary-sheet{grid-template-columns:1fr 1.3fr;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:10px}.bestiary-creatures{grid-column:1 / -1;display:flex;justify-content:center}.bestiary-creatures button{flex-direction:column;flex:1;font-size:12px!important;text-align:center!important}.bestiary-creatures .monster-portrait{width:30px;height:30px}.bestiary-creatures small{display:none}.bestiary-character h2{font-size:18px}.bestiary-stats small,.bestiary-encounters p,.bestiary-encounters small,.bestiary-loot-basis,.bestiary-loot-detail,.bestiary-loot-detail small,.bestiary-loot-rule{font-size:12px}.bestiary-loot header{flex-wrap:wrap}.bestiary-loot h2{font-size:16px}.bestiary-loot-list button{font-size:12px!important}.bestiary-loot-list strong{font-size:12px}}@media(max-height:700px){.bestiary-loot-list{gap:0}.title-screen .bestiary-loot-list button{padding:1px 2px;grid-template-columns:20px minmax(0,1fr) auto}.bestiary-loot-list .item-icon{width:20px!important;height:20px!important}.bestiary-loot-list .item-icon svg{width:18px;height:18px}}:root{font-family:Segoe UI,Trebuchet MS,sans-serif;color:#f0f0e8;background:#101820;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #101820;--panel: #19242a;--panel-light: #202e34;--muted: #a5b1aa;--green: #82d4ad;--gold: #e3bd68;--line: #33434a}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#29453d 0,#101820 64%)}button,input{font:inherit}button{color:#e9eee7;background:#25343a;border:1px solid #46585d;border-radius:7px;padding:9px 13px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}button:hover:not(:disabled){background:#31464a;border-color:#82d4ad}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.46;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #e3bd68;outline-offset:3px}.shell{width:min(1240px,calc(100% - 40px));margin:auto;min-height:100vh;position:relative;padding-bottom:48px}.title-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:62px 0}.title-mark{display:grid;place-items:center;width:70px;height:70px;border:2px solid var(--green);border-radius:18px 5px;color:var(--green);font:500 17px DM Mono,monospace;transform:rotate(-4deg)}h1{font-size:clamp(40px,8vw,72px);letter-spacing:-.07em;margin:4px 0 6px}.eyebrow{color:var(--gold);font:500 11px DM Mono,monospace;letter-spacing:.16em;margin:0 0 9px}.intro{color:#bdc7c0;max-width:540px;margin:4px 0 32px}.hero-picks{display:grid;grid-template-columns:repeat(2,minmax(220px,280px));gap:16px;margin:8px 0 22px}.hero-card{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:linear-gradient(145deg,#24353a,#182329);border-color:#53615a}.hero-card strong{font-size:20px}.hero-card>span:not(.hero-icon){color:#b6c3bb;font-size:13px}.hero-card small,.small-note{color:var(--muted);font-size:12px}.hero-icon{color:var(--green);font-size:32px}.primary{background:#65a989;color:#101820;border-color:#9fe0bb;font-weight:800}.primary:hover:not(:disabled){background:#8cd8b0}.dev-toggle{color:var(--muted);font-size:12px;margin:4px}.small-note{line-height:1.6}.game-shell{position:fixed;z-index:1;inset:0;width:100%;height:100vh;height:100dvh;min-height:0;margin:0;padding:0;overflow:hidden;background:#14241f}.topbar{position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:flex-start;gap:14px;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));pointer-events:none}.topbar>*{pointer-events:auto}.hud-player{display:flex;align-items:flex-start;gap:9px}.wordmark{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid #e8d59c88;border-radius:50%;color:#f5e5b0;background:#14241dcc;font:700 14px DM Mono,monospace;box-shadow:0 3px 18px #0005}.hud-details{min-width:202px;padding:7px 10px 8px;border:1px solid #dce4d633;border-radius:6px;background:#101b1bd9;box-shadow:0 4px 20px #0004;backdrop-filter:blur(8px)}.hud-identity{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:6px}.hud-identity strong{font-size:12px;letter-spacing:.03em}.hud-identity span,.hud-meter>span,.hud-meter small{color:#d2d7c7b8;font:9px DM Mono,monospace;letter-spacing:.04em}.hud-vitals{display:grid;gap:4px}.hud-meter{display:grid;grid-template-columns:19px 1fr auto;align-items:center;gap:5px}.hud-meter .meter{height:4px}.hud-meter small{min-width:28px;text-align:right;font-size:8px}.world-location{position:absolute;z-index:3;right:max(16px,env(safe-area-inset-right));bottom:max(56px,env(safe-area-inset-bottom));max-width:40vw;overflow:hidden;padding:6px 12px;border:1px solid #2ee6c844;border-radius:4px;background:#061218b8;color:#bffcf2;font:10px DM Mono,monospace;letter-spacing:.14em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;pointer-events:none}.topbar nav{display:flex;gap:6px;margin-left:auto}.topbar nav button{width:38px;height:38px;display:grid;place-items:center;position:relative;padding:0;border:1px solid #dce4d633;border-radius:50%;background:#101b1bd9;color:#e6e6d7;font-size:16px;box-shadow:0 3px 18px #0004;backdrop-filter:blur(8px)}.topbar nav button:hover:not(:disabled){background:#38564a;border-color:#d8ca91}.topbar nav kbd{position:absolute;right:-2px;bottom:-3px;margin:0;padding:1px 3px;border-color:#30453a;background:#101b1b;font-size:8px}.topbar nav button.has-alert{border-color:#ffa733;color:#ffd9a0;animation:alert-pulse 1.1s ease-in-out infinite}.alert-badge{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;box-sizing:border-box;border-radius:9px;background:#ffa733;color:#1a0e00;font:700 10px DM Mono,monospace;box-shadow:0 0 10px #ffa733,0 0 2px #fff8;animation:alert-pop 1.1s ease-in-out infinite}@keyframes alert-pulse{0%,to{box-shadow:0 0 #ffa73300,0 3px 18px #0004}50%{box-shadow:0 0 16px 3px #ffa733aa,0 3px 18px #0004}}@keyframes alert-pop{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}kbd{font:10px DM Mono,monospace;color:var(--muted);border:1px solid #53615a;border-radius:3px;padding:1px 4px;margin-left:4px}.muted{color:var(--muted);font-size:13px}.meter{height:8px;background:#0e171a;border-radius:10px;overflow:hidden}.meter i{display:block;height:100%;transition:width .18s;background:var(--green)}.meter.hp i{background:linear-gradient(90deg,#dd765d,#efb16b)}.meter.xp i{background:#80c9a3}.meter.encounter i{background:#c19a61}.stage{position:absolute;inset:0;min-height:0;overflow:hidden;background:#243b34}#game-canvas{position:absolute;inset:0;width:100%;height:100%}#game-canvas canvas{display:block}.stage:after{position:absolute;z-index:1;inset:0;content:"";pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,#08110c55 100%)}.stage-hidden{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none;overflow:hidden}.stage-veil{position:absolute;z-index:2;inset:0;background:#09130d66;backdrop-filter:blur(2px)}.map-legend,.floating-notice{position:absolute;z-index:3;bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));padding:7px 10px;border-radius:16px;background:#101b1bb8;color:#e3e7d7;font:9px DM Mono,monospace;letter-spacing:.04em;opacity:.62;backdrop-filter:blur(5px);transition:opacity .2s}.map-legend:hover{opacity:1}.encounter-bar{position:absolute;z-index:4;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(560px,calc(100% - 32px));display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:14px;background:#0b1214cc;border:1px solid #ffffff22;backdrop-filter:blur(5px);pointer-events:none}.encounter-bar span{font:700 10px DM Mono,monospace;letter-spacing:.14em;color:#f0c27a}.encounter-track{flex:1;height:12px;border-radius:8px;background:#05090a;border:1px solid #000;overflow:hidden}.encounter-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5fd16f,#f0c94a 55%,#e0475b);background-size:560px 100%;box-shadow:0 0 10px #f0c27a88}.map-legend,.floating-notice{bottom:max(56px,env(safe-area-inset-bottom))}.map-legend{display:flex;gap:11px}.floating-notice{top:12px;bottom:auto;left:50%;transform:translate(-50%);font:13px Manrope,sans-serif;display:flex;gap:14px;align-items:center}.floating-notice button{padding:1px 7px}.dev-tools{position:absolute;z-index:3;top:max(62px,calc(env(safe-area-inset-top) + 50px));right:16px;display:grid;justify-items:end;gap:6px;max-width:min(430px,68%)}.dev-tools.is-open{padding:9px;background:#101820e8;border:1px solid #d7a94f;border-radius:7px}.dev-tools-toggle{padding:5px 8px;border-color:#d7a94f88;border-radius:14px;background:#101820bd;color:var(--gold);font:9px DM Mono,monospace;opacity:.65}.dev-tools-toggle:hover{opacity:1}.dev-tools>div{display:flex;gap:4px;flex-wrap:wrap}.dev-tools button,.dev-tools select{padding:5px 7px;max-width:100%;font-size:10px}.panel{position:fixed;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:min(850px,calc(100vw - 30px));max-height:min(82vh,820px);overflow-y:auto;padding:24px;background:#172329f5;border:1px solid #52615c;border-radius:12px;box-shadow:0 22px 90px #000a}.combat-panel{width:min(960px,calc(100vw - 30px))}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.panel-heading h2,.summary-panel h2{font-size:28px;margin:0;letter-spacing:-.04em}.combat-layout{display:grid;grid-template-columns:minmax(140px,.6fr) 1.4fr;gap:20px;margin-top:20px}.combat-player,.enemy{background:#202e34;border:1px solid var(--line);border-radius:8px;padding:14px}.combat-player{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px}.combat-player .meter{width:100%}.avatar{font-size:40px;color:var(--green)}.enemy-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px}.enemy{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left}.enemy.targeted{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.enemy.defeated{opacity:.4;filter:grayscale(1)}.enemy-symbol{font-size:24px;line-height:1}.enemy .meter{width:100%}.enemy small{color:var(--muted)}.battle-log{margin-top:18px;min-height:105px;max-height:140px;overflow:auto;padding:9px 13px;background:#0e171a;border-radius:7px;font:12px/1.6 DM Mono,monospace;color:#c3d0c6}.battle-log p{margin:2px 0}.pause-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:#101820dd;font-size:21px}.pause-overlay small{color:var(--muted);font-size:12px}.equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px}.equipment-slot{display:flex;flex-direction:column;gap:5px;min-height:64px;padding:11px;background:#202e34;border-radius:6px}.equipment-slot span,.item-row p,.passive-card small{color:var(--muted);font:10px DM Mono,monospace}.equipment-slot strong{font-size:12px}.inventory-list{display:grid;gap:7px}.item-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #34444a;border-radius:6px}.item-row p{margin:4px 0 0;font-family:Manrope,sans-serif;font-size:11px}.item-row .item-comparison{color:var(--green);font-family:DM Mono,monospace;font-size:10px}.item-row button{font-size:11px;white-space:nowrap}.equip-buttons{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.passive-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.passive-card{min-height:150px;display:flex;flex-direction:column;gap:12px;text-align:left;background:linear-gradient(135deg,#253840,#1b282d)}.passive-card strong{font-size:17px;color:var(--green)}.passive-card span{font-size:12px;color:#bdc7c0}.empty-choice{display:flex;align-items:center;justify-content:space-between}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-grid div{background:#202e34;border-radius:6px;padding:11px;display:flex;justify-content:space-between;gap:10px}.stat-grid span{color:var(--muted);font-size:12px}.points-panel{margin-top:17px;background:#202e34;padding:12px;border-radius:7px}.point-row{display:flex;align-items:center;gap:7px;padding-top:8px}.point-row span{flex:1;font-size:12px}.point-row button{padding:5px 9px;font-size:11px}.respec-button{margin-top:12px;font-size:11px}.passive-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.passive-list span{color:var(--green);background:#243a35;border-radius:5px;padding:6px 8px;font-size:11px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 4px;border-bottom:1px solid var(--line)}.setting-row input{flex:1;accent-color:var(--green)}.button-group{display:flex;gap:5px}.selected{border-color:var(--green);color:var(--green)}.summary-panel{text-align:center}.summary-panel p{color:#c3d0c6;line-height:1.7}.summary-panel h3{margin-top:28px}.footer{display:flex;justify-content:space-between;color:#788982;font:10px DM Mono,monospace}.notice,.toast{border:1px solid #bd775d;background:#462e2a;color:#ffe1d4;border-radius:7px;padding:10px}.toast{position:fixed;right:18px;bottom:18px;z-index:20}.toast button{margin-left:15px;padding:2px 7px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.shell{width:calc(100% - 20px)}.game-shell{width:100%}.topbar{flex-wrap:nowrap;align-items:flex-start;gap:6px;padding-right:max(10px,env(safe-area-inset-right));padding-left:max(10px,env(safe-area-inset-left))}.hud-player{gap:6px}.wordmark,.topbar nav button{width:34px;height:34px}.hud-details{min-width:0;width:164px;padding:6px 8px}.topbar nav{width:auto;justify-content:flex-end;gap:4px}.world-location{bottom:max(10px,env(safe-area-inset-bottom));right:max(10px,env(safe-area-inset-right));max-width:45vw;font-size:8px}.hero-picks{grid-template-columns:1fr;width:min(100%,330px)}.dev-tools{max-width:min(270px,80%);top:52px;right:8px}.hero-card{min-height:155px}.panel{padding:16px}.combat-layout{grid-template-columns:1fr}.combat-player{display:grid;grid-template-columns:auto 1fr;justify-items:start}.combat-player .meter{grid-column:1 / -1}.enemy-list,.passive-offers{grid-template-columns:1fr}.equipment-grid,.stat-grid{grid-template-columns:repeat(2,1fr)}.item-row{align-items:flex-start}.item-row button{white-space:normal}.map-legend{bottom:max(10px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left))}}@media(max-width:430px){.wordmark{display:none}.hud-details{width:132px;padding:6px}.hud-identity{gap:6px;margin-bottom:5px}.hud-identity strong{font-size:10px}.hud-meter{grid-template-columns:15px 1fr auto;gap:3px}.hud-meter small{min-width:24px;font-size:7px}.topbar nav button{width:31px;height:31px;font-size:14px}.topbar nav kbd{display:none}.world-location,.map-legend{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;scroll-behavior:auto!important}}.battle{--glow: #2ee6c8;position:fixed;inset:0;z-index:10;overflow:hidden;background:#03060a;color:#e6f7f5;user-select:none}.battle-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--glow) 22%,#03060a) 0,#03060a 70%)}.battle-backdrop{position:absolute;left:0;right:0;bottom:30%;width:100%;height:34%;opacity:.18;filter:grayscale(1) brightness(1.6);mix-blend-mode:screen}.battle-ground{position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(color-mix(in srgb,var(--glow) 45%,transparent) 0 0) top / 100% 1px no-repeat,linear-gradient(90deg,color-mix(in srgb,var(--glow) 20%,transparent) 1px,transparent 1px) 0 0 / 56px 100%,linear-gradient(color-mix(in srgb,var(--glow) 20%,transparent) 1px,transparent 1px) 0 0 / 100% 36px,linear-gradient(#060b10,color-mix(in srgb,var(--glow) 10%,#03060a));box-shadow:0 -6px 30px color-mix(in srgb,var(--glow) 30%,transparent)}.battle-pause{position:absolute;z-index:5;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:40px;height:40px;border-radius:50%;border:1px solid var(--glow);background:#05090ecc;color:var(--glow);box-shadow:0 0 12px color-mix(in srgb,var(--glow) 40%,transparent);cursor:pointer}.battle-speed{position:absolute;z-index:5;top:20px;left:50%;transform:translate(-50%);font:10px DM Mono,monospace;letter-spacing:.12em;color:color-mix(in srgb,var(--glow) 70%,#fff);opacity:.7}.battle-enemies{position:absolute;left:0;right:0;top:9%;height:46%;display:flex;justify-content:center;align-items:flex-end;gap:clamp(8px,3vw,48px);padding:0 16px}.fighter{--neon: #2ee6c8;position:relative;display:flex;flex-direction:column;align-items:center;width:clamp(110px,19vw,230px);transition:opacity .5s,transform .5s,filter .5s}.enemy-fighter{cursor:pointer}.enemy-fighter.boss{width:clamp(180px,32vw,380px)}.enemy-fighter.targeted .fighter-sprite{filter:drop-shadow(0 0 14px var(--neon)) drop-shadow(0 0 4px var(--neon))}.fighter.down{opacity:.12;filter:grayscale(1);transform:translateY(12px) scale(.9);pointer-events:none}.fighter-sprite{position:relative;width:100%;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--neon) 70%,transparent));animation:fighter-idle 2.6s ease-in-out infinite}.fighter-sprite svg{display:block;width:100%;height:auto;overflow:visible}.fighter-sprite svg [fill]:not([fill=none]):not([fill="#000"]){fill-opacity:.22}.fighter-sprite svg [stroke="#12161c"]{stroke:var(--neon);stroke-width:2}.fighter-sprite svg ellipse[fill="#000"]{display:none}.hero-fighter .fighter-sprite{animation-delay:-.8s}.fighter-sprite[class]{animation:fighter-idle 2.6s ease-in-out infinite,fighter-hit .35s ease-out}@keyframes fighter-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fighter-hit{0%{transform:translate(0);filter:brightness(2.2)}25%{transform:translate(-8px)}55%{transform:translate(6px)}to{transform:translate(0)}}.target-arrow{position:absolute;top:-26px;color:var(--neon);font-size:20px;text-shadow:0 0 10px var(--neon);animation:arrow-bob .8s ease-in-out infinite}@keyframes arrow-bob{50%{transform:translateY(6px)}}.damage-number{position:absolute;left:50%;top:18%;font:700 clamp(20px,3.4vw,32px) "DM Mono",monospace;color:#fff;text-shadow:0 0 8px #ff2a4a,0 0 18px #ff2a4a;pointer-events:none;animation:damage-float .9s ease-out forwards}@keyframes damage-float{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}15%{opacity:1;transform:translate(-50%) scale(1.25)}to{opacity:0;transform:translate(-50%,-56px) scale(1)}}.fighter-hp{width:82%;height:9px;margin-top:6px;border-radius:6px;background:#05090e;border:1px solid color-mix(in srgb,var(--neon) 70%,transparent);overflow:hidden;box-shadow:0 0 10px color-mix(in srgb,var(--neon) 30%,transparent)}.fighter-hp i{display:block;height:100%;background:var(--neon);box-shadow:0 0 10px var(--neon);transition:width .35s ease-out}.fighter-name{margin-top:5px;font:600 12px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--neon);text-shadow:0 0 8px color-mix(in srgb,var(--neon) 60%,transparent);text-align:center}.fighter-name small{display:block;margin-top:1px;color:#cfe9e6;opacity:.75;font-size:10px;letter-spacing:.04em;text-shadow:none}.hero-fighter{position:absolute;left:clamp(16px,9vw,150px);bottom:17%;width:clamp(120px,17vw,210px)}.battle .battle-log{position:absolute;z-index:4;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(560px,calc(100% - 32px));min-height:0;max-height:96px;margin:0;padding:8px 14px;border:1px solid #ffffff22;border-radius:12px;background:#05090ecc;font:11px/1.5 DM Mono,monospace;color:#cfe9e6;backdrop-filter:blur(5px);overflow:hidden}.battle .battle-log p{margin:0;opacity:.55}.battle .battle-log p:last-child{opacity:1;color:#fff}.battle-retry{position:absolute;z-index:6;left:50%;bottom:120px;transform:translate(-50%)}.battle .pause-overlay{z-index:7;background:#03060ae6;color:var(--glow);text-shadow:0 0 14px var(--glow)}.battle.crowded .fighter{width:clamp(90px,15vw,180px)}@media(max-width:700px){.battle-enemies{top:12%;gap:4px;padding:0 6px}.fighter{width:30vw}.enemy-fighter.boss{width:62vw}.hero-fighter{left:6vw;bottom:22%;width:34vw}.battle-ground{height:40%}}@media(max-width:1100px){.hero-fighter{bottom:12%;width:clamp(100px,14vw,160px);left:3vw}.battle-enemies{top:7%;height:42%}}.item-icon{--rarity: #b8c0c4;--rarity-glow: #b8c0c433;display:inline-grid;place-items:center;flex:none;border-radius:10px;background:radial-gradient(circle at 50% 40%,var(--rarity-glow),#070d12 75%);border:1.5px solid var(--rarity);box-shadow:0 0 10px var(--rarity-glow),inset 0 0 8px var(--rarity-glow)}.item-icon svg{filter:drop-shadow(0 0 3px var(--rarity-glow))}.item-row{border-color:color-mix(in srgb,var(--rarity-line, #34444a) 60%,#34444a);justify-content:flex-start}.item-row>div{flex:1}.item-row .rarity-tag{font:600 9px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase;margin-left:6px;opacity:.85}.rarity-common{--rarity-line: #b8c0c4}.rarity-uncommon{--rarity-line: #5fd16f}.rarity-rare{--rarity-line: #4aa8ff}.rarity-epic{--rarity-line: #b66bff}.rarity-legendary{--rarity-line: #ffa733}.item-row.rarity-uncommon,.item-row.rarity-rare,.item-row.rarity-epic,.item-row.rarity-legendary{border-color:var(--rarity-line);box-shadow:inset 3px 0 0 var(--rarity-line)}.equipment-slot{align-items:center;text-align:center;border:1px solid #34444a}.equipment-slot[class*=rarity-]{border-color:var(--rarity-line);box-shadow:0 0 12px color-mix(in srgb,var(--rarity-line) 30%,transparent)}.passive-card{align-items:flex-start;border:1px solid var(--rarity-line, #34444a);box-shadow:0 0 14px color-mix(in srgb,var(--rarity-line, transparent) 25%,transparent)}.passive-card strong{color:#fff}.passive-list span{display:inline-flex;align-items:center;gap:6px}.title-menu{display:flex;gap:10px;margin-top:14px}body{background:#04080c}.title-screen{min-height:100vh;padding:28px 0;gap:0;overflow:hidden;width:100%;max-width:none}.title-screen>*{position:relative;z-index:1}.title-screen .title-grid{position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 28%,#2ee6c822 0,transparent 55%),linear-gradient(#04080c,#061218 60%,#04080c)}.title-grid:before{content:"";position:absolute;left:-50%;right:-50%;bottom:-10%;height:62%;background-image:linear-gradient(#2ee6c855 1px,transparent 1px),linear-gradient(90deg,#2ee6c855 1px,transparent 1px);background-size:56px 56px;transform:perspective(380px) rotateX(62deg);transform-origin:50% 100%;mask-image:linear-gradient(to top,#000 10%,transparent 90%);animation:grid-drift 3s linear infinite}@keyframes grid-drift{to{background-position:0 56px}}.neon-logo{filter:drop-shadow(0 0 12px #2ee6c8aa);animation:logo-pulse 3.2s ease-in-out infinite}@keyframes logo-pulse{50%{filter:drop-shadow(0 0 20px #2ee6c8)}}.wordmark-title{display:grid;justify-items:center;margin:10px 0 26px;font-weight:300;letter-spacing:normal;line-height:1}.wordmark-title span{font-size:clamp(44px,9vw,84px);letter-spacing:.22em;margin-right:-.22em;color:#e8fffb;text-shadow:0 0 8px #2ee6c8,0 0 28px #2ee6c8aa}.wordmark-title small{margin-top:8px;font-size:clamp(13px,2.2vw,20px);letter-spacing:.7em;margin-right:-.7em;color:#ffa733;text-shadow:0 0 10px #ffa733aa}.title-screen button{background:#061218cc;border:1px solid #2ee6c866;border-radius:4px;color:#d8fff8;letter-spacing:.06em;backdrop-filter:blur(4px)}.title-screen button:hover:not(:disabled){background:#0a2028;border-color:#2ee6c8;box-shadow:0 0 14px #2ee6c855}.title-screen .primary{background:#2ee6c8;color:#021014;border-color:#2ee6c8;box-shadow:0 0 18px #2ee6c877;font-weight:700;text-transform:uppercase}.title-screen .primary:hover:not(:disabled){background:#7ff5e0}.hero-picks{grid-template-columns:repeat(2,minmax(210px,270px))}.hero-card{--accent: #2ee6c8;min-height:170px;background:linear-gradient(160deg,#0a1a22cc,#050d12cc)!important;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent)!important;border-radius:4px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.hero-card:hover:not(:disabled){box-shadow:inset 0 0 28px color-mix(in srgb,var(--accent) 25%,transparent)!important;border-color:var(--accent)!important}.hero-card .hero-icon{color:var(--accent);text-shadow:0 0 14px var(--accent)}.hero-card strong{color:#fff;letter-spacing:.12em;text-transform:uppercase}.dev-toggle{margin:0 0 6px;opacity:.6}.class-strip{margin-top:10px}.class-chip{--accent: #2ee6c8;min-width:230px;border-radius:4px}.class-chip .hero-icon{color:var(--accent);font-size:22px;text-shadow:0 0 10px var(--accent)}.class-chip .mastery-track i{background:var(--accent);box-shadow:0 0 10px var(--accent)}.title-menu{margin-top:12px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#061218;border-left:1px solid #2ee6c822}::-webkit-scrollbar-thumb{background:linear-gradient(#2ee6c8,#1a9c88);border:2px solid #061218;border-radius:6px;box-shadow:0 0 8px #2ee6c8}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7ff5e0,#2ee6c8)}::-webkit-scrollbar-corner{background:#061218}:root[data-contrast=high] *{scrollbar-color:#ffffff #000000}@property --orbit{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes orbit{to{--orbit: 360deg}}.title-screen button{position:relative;--accent: #2ee6c8}.title-screen button.danger{--accent: #ff4d6a;border-color:#ff4d6a66;color:#ffb3bf}.title-screen button:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;pointer-events:none;opacity:0;transition:opacity .2s;background:conic-gradient(from var(--orbit),transparent 0deg,transparent 230deg,var(--accent) 320deg,#ffffff 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);filter:drop-shadow(0 0 6px var(--accent))}.title-screen button:hover:not(:disabled):after,.title-screen button:focus-visible:after{opacity:1;animation:orbit 2.2s linear infinite}.title-screen .hero-card:hover:not(:disabled):after{animation-duration:2.8s}.title-screen .primary:after{--accent: #ffffff}.title-screen button:focus-visible{outline:none}:root[data-motion=reduced] .title-screen button:hover:after{animation:none;--orbit: 200deg}.class-strip{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap;justify-content:center}.class-chip{display:flex;align-items:center;gap:12px;min-width:250px;padding:10px 14px;text-align:left}.class-chip .chip-body{display:grid;gap:3px;flex:1}.class-chip small{color:#8fa6aa}.class-chip .mastery-track{margin:2px 0 0}.class-chip .chip-more{color:#2ee6c8;font-size:12px}.class-details h3{margin:14px 0 6px}.passive-grid,.reward-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.reward-tile{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid #34444a;border-radius:10px;background:#0a141a;text-align:left}.reward-tile>div{display:grid;gap:2px;min-width:0}.reward-tile span,.reward-tile em{font-size:12px;color:#9fb4b8;font-style:normal}.reward-tile em{color:#ffa733}.reward-tile.locked{opacity:.6}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:8px 0}.achievement-tile{display:grid;justify-items:center;gap:4px;padding:10px 6px;text-align:center;border:1px solid #34444a;border-radius:12px;background:#0a141a;color:#8a9ca0}.achievement-tile .tile-icon{display:grid;place-items:center;width:44px;height:44px;filter:grayscale(1) brightness(.7)}.achievement-tile .tile-name{font-size:12px;font-weight:600;line-height:1.2}.achievement-tile .tile-state{font-size:11px}.achievement-tile.done{border-color:#5fd16f;color:#d4e6d8}.achievement-tile.done .tile-icon{filter:none}.achievement-tile.active{outline:2px solid #2ee6c8;box-shadow:0 0 12px #2ee6c855}.achievement-detail{display:grid;gap:6px;padding:10px 12px;border:1px solid #2ee6c866;border-radius:12px;background:#2ee6c80d;min-height:120px}.achievement-detail>span{font-size:13px;color:#b8cacd}.settings-body{display:grid;gap:14px}.settings-group{display:grid;gap:8px;padding-bottom:10px;border-bottom:1px solid #1f2e34}.settings-group h3{margin:0;color:#2ee6c8;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.binding-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.binding{display:flex;justify-content:space-between;align-items:center;gap:8px}.binding.listening{outline:2px solid #ffa733}.topbar,.modal-panel{zoom:var(--ui-scale, 1)}:root[data-glow=low] *{text-shadow:none!important;box-shadow:0 0 4px #2ee6c833!important}:root[data-glow=off] *{text-shadow:none!important;box-shadow:none!important}:root[data-glow=off] #game-canvas canvas,:root[data-glow=low] #game-canvas canvas{filter:none}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}:root[data-contrast=high]{--hc-border: #ffffff}:root[data-contrast=high] .panel,:root[data-contrast=high] .topbar button,:root[data-contrast=high] button,:root[data-contrast=high] .achievement-tile,:root[data-contrast=high] .reward-tile{border-color:#fff!important;color:#fff}:root[data-contrast=high] .panel{background:#000}:root[data-contrast=high] small,:root[data-contrast=high] .small-note,:root[data-contrast=high] span{color:#f2f2f2!important}:root[data-contrast=high] :focus-visible{outline:3px solid #ffff00!important}:root[data-contrast=high] .achievement-tile .tile-icon{filter:none}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:60;width:max-content;max-width:240px;padding:6px 10px;border:1px solid #2ee6c8;border-radius:8px;background:#061218;color:#d8fff8;font-size:12px;font-weight:400;line-height:1.3;text-align:center;white-space:normal;pointer-events:none;opacity:0;transition:opacity .12s;box-shadow:0 0 12px #2ee6c855}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transition-delay:.15s}nav [data-tip]:after{left:auto;right:0;transform:none}.topbar .wordmark[data-tip]:after,.hud-identity[data-tip]:after{left:0;transform:none}.title-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#04080ccc}.title-overlay .modal-panel{position:relative;max-height:86vh;overflow:auto;text-align:left}.mastery-panel{margin:12px 0;padding:12px 14px;border:1px solid #2ee6c866;border-radius:12px;background:#2ee6c80d}.mastery-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px}.mastery-head span{color:#9fb4b8;font-size:12px}.mastery-track{height:8px;margin:8px 0;border-radius:99px;background:#0a1418;overflow:hidden}.mastery-track i{display:block;height:100%;background:linear-gradient(90deg,#2ee6c8,#bffcf2);box-shadow:0 0 10px #2ee6c8}.mastery-rewards{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:12px;color:#6f8388}.mastery-rewards li.reached{color:#bffcf2}.achievement-list{margin-top:14px;display:grid;gap:6px}.achievement-list h3{margin:0 0 4px}.achievement{display:grid;gap:2px;padding:8px 10px;border:1px solid #34444a;border-radius:10px;font-size:12px;color:#8a9ca0}.achievement strong{font-size:13px}.achievement small{color:#ffa733}.achievement.done{border-color:#5fd16f;color:#d4e6d8;box-shadow:inset 3px 0 #5fd16f}.achievement.done strong{color:#5fd16f}.recap-overlay{position:absolute;inset:0;z-index:12;display:grid;place-items:center;padding:16px;background:#02060acc;backdrop-filter:blur(3px);animation:recap-in .35s ease-out}.recap-card{width:min(420px,100%);max-height:100%;overflow:auto;display:grid;gap:10px;padding:20px 22px;border:1px solid #2ee6c866;border-radius:6px;background:#061218f2;box-shadow:0 0 28px #2ee6c833;text-align:center}.recap-card h2{margin:0;color:#d8fff8;letter-spacing:.08em;text-transform:uppercase}.recap-line,.recap-loot,.recap-note{margin:0;color:#bfe9e2;font-size:13px}.recap-line strong{color:#ffa733}.recap-note{color:#ffd9a0}.recap-level{display:flex;align-items:center;gap:12px}.recap-level-badge{min-width:64px;padding:4px 8px;border:1px solid #2ee6c8;border-radius:4px;color:#bffcf2;font:12px DM Mono,monospace}.recap-level-badge.is-up{border-color:#ffa733;color:#ffd9a0;animation:recap-pop .6s ease-out}.recap-meter{flex:1;height:10px}.recap-levelup{margin:0;color:#ffa733;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 12px #ffa733;animation:recap-pop .6s ease-out}.recap-points{text-align:left}@keyframes recap-in{0%{opacity:0}to{opacity:1}}@keyframes recap-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.18)}to{transform:scale(1);opacity:1}}.classes-page{justify-content:flex-start;align-items:stretch;padding:28px clamp(20px,5vw,72px);overflow:auto;text-align:left;position:relative;z-index:1}.classes-head{display:flex;align-items:center;gap:20px;margin-bottom:22px}.classes-head h2{margin:0;letter-spacing:.2em;text-transform:uppercase;font-weight:300;color:#dffcff;text-shadow:0 0 12px #2ee6c855}.classes-layout{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:24px;flex:1;min-height:0}.classes-list{display:flex;flex-direction:column;gap:12px}.classes-list .class-chip{width:100%}.class-chip.is-selected{border-color:var(--accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 45%,transparent),inset 0 0 12px color-mix(in srgb,var(--accent) 18%,transparent)}.classes-detail,.page-panel{overflow:auto;max-height:none;width:auto;max-width:none;margin:0}.page-panel{flex:1;zoom:var(--ui-scale, 1)}@media(max-width:760px){.classes-layout{grid-template-columns:1fr}}.classes-page{overflow-x:hidden;box-sizing:border-box}.classes-layout>.classes-detail,.classes-page>.page-panel{width:100%;min-width:0;box-sizing:border-box;justify-self:stretch;align-self:start;position:static;transform:none}.classes-list{align-self:start}.classes-page .panel{position:static;left:auto;top:auto;transform:none;max-height:none;width:100%;box-shadow:none;background:#0b161bcc;border-color:#2ee6c833}.classes-page .page-panel{align-self:stretch}.loadout-panel{display:flex;flex-direction:column;gap:18px}.loadout-group h3{margin:0 0 10px}.loadout-option{text-align:left;cursor:pointer;font:inherit;color:inherit}.loadout-option:disabled{cursor:not-allowed}.loadout-option.is-selected{box-shadow:0 0 18px color-mix(in srgb,var(--accent) 55%,transparent),inset 0 0 0 1px var(--accent)}.loadout-actions{display:flex;justify-content:flex-end}.loading-screen{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at center,#08201f,#04080c 70%)}.loading-screen>*{position:relative}.loading-screen .title-grid{position:absolute}.loading-screen p{margin:0;letter-spacing:.32em;text-transform:uppercase;font-size:13px;color:#9ff7ea;text-shadow:0 0 10px #2ee6c877}.loading-bar{width:220px;height:2px;background:#2ee6c822;overflow:hidden;border-radius:2px}.loading-bar i{display:block;width:40%;height:100%;background:#2ee6c8;box-shadow:0 0 10px #2ee6c8;animation:loading-slide 1.1s ease-in-out infinite}@keyframes loading-slide{0%{transform:translate(-120%)}to{transform:translate(260%)}}.title-actions{display:flex;flex-direction:column;gap:14px;width:min(320px,86vw);margin:34px 0 8px}.title-actions button{width:100%;padding:14px 18px;font-size:14px}.title-actions .danger{margin-top:10px}.title-screen .title-menu{margin-top:28px;gap:14px}.title-screen .class-strip{margin-top:28px}.confirm-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#02080cd9;backdrop-filter:blur(6px);animation:confirm-in .18s ease-out}.confirm-dialog{width:min(420px,88vw);padding:28px 30px 24px;text-align:center;background:linear-gradient(180deg,#0a1a22f2,#050e14f2);border:1px solid #ff4d6a88;border-radius:6px;box-shadow:0 0 34px #ff4d6a33,inset 0 0 24px #ff4d6a0d;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.confirm-kicker{font-size:11px;letter-spacing:.3em;color:#ff4d6a}.confirm-dialog h3{margin:8px 0 10px;font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:#e8fffb}.confirm-dialog p{margin:0 0 22px;color:#9fc4c0;line-height:1.5;font-size:14px}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-actions button{min-width:130px;padding:11px 16px}@keyframes confirm-in{0%{opacity:0}to{opacity:1}}.title-actions{gap:14px;margin:36px 0 12px}.title-actions .danger{margin-top:0}.title-screen .title-actions+.class-strip{margin-top:30px}.hero-glyph{display:block;flex:none}.hero-icon{display:grid;place-items:center}.title-screen .hero-card .hero-icon{margin-bottom:4px;text-shadow:none}.title-screen .hero-card .hero-glyph{width:34px;height:41px}.class-chip .hero-glyph{width:20px;height:24px}.hud-identity{display:flex;align-items:center;gap:6px}.classes-head h2{display:flex;align-items:center;gap:10px}:root{--game-ink: #04090e;--game-panel: #09141eeF;--game-line: #41637166;--game-gold: #e6c68a}body{color:#e8f2f5}button{border-radius:2px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f6dfac!important;outline-offset:3px;box-shadow:0 0 18px #f6dfac33}button.primary{background:linear-gradient(120deg,#d7f9ef,#72d8c7);color:#05151a;border:1px solid #b8ffec;padding:13px 24px;text-transform:uppercase;letter-spacing:.12em}button.primary:hover:not(:disabled){background:#e0fff6;box-shadow:0 0 24px #2ee6c844}.panel{width:min(1180px,calc(100vw - 48px));max-height:89dvh;padding:28px 32px 18px;border-radius:2px;border:1px solid var(--game-line);border-top:2px solid #6cc9c1;background:radial-gradient(ellipse at 0 0,#17374566,transparent 55%),linear-gradient(125deg,#0b1b25fa,#050c14fa);box-shadow:0 0 0 5px #03091088,0 30px 120px #000c}.panel:before{content:"";position:absolute;right:24px;top:0;width:140px;height:2px;background:var(--game-gold);box-shadow:0 0 15px #e6c68a66}.panel-heading{padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #56758444}.panel-heading h2{font-size:clamp(27px,3vw,40px);font-weight:400;letter-spacing:.06em;text-transform:uppercase}.eyebrow{font-size:14px;color:var(--game-gold);letter-spacing:.24em;margin:0 0 8px}.panel-heading>button{background:transparent;border:1px solid #5c788644;text-transform:uppercase;letter-spacing:.12em;font-size:14px}.small-note{line-height:1.6;color:#a3b9c4}.menu-footer{display:flex;align-items:center;gap:22px;border-top:1px solid #54717f44;padding-top:14px;margin-top:24px;color:#9eb6c1;font-size:14px;letter-spacing:.06em}.menu-footer>span{display:inline-flex;align-items:center;gap:7px}.footer-brand{margin-left:auto;color:#64838f;letter-spacing:.2em}.game-shell>.menu-footer{position:fixed;bottom:0;left:0;right:0;margin:0;padding:8px 20px;z-index:2;background:#03090caa;pointer-events:none}.hero-portrait{--accent: #3db8ff;position:relative;isolation:isolate;display:grid;place-items:center;width:100%;aspect-ratio:1}.hero-portrait svg{position:relative;z-index:2;width:92%;height:92%;overflow:visible;filter:drop-shadow(0 8px 8px #000a) drop-shadow(0 0 15px color-mix(in srgb,var(--accent) 25%,transparent))}.hero-portrait svg [stroke="#12161c"]{stroke:color-mix(in srgb,var(--accent) 65%,#142c39);stroke-width:1.5}.hero-portrait svg [fill]:not([fill=none]){fill-opacity:.9}.portrait-orbit{position:absolute;width:79%;height:79%;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%);box-shadow:0 0 0 14px #ffffff02,0 0 0 15px color-mix(in srgb,var(--accent) 8%,transparent)}.portrait-orbit:before{content:"";position:absolute;inset:14px;border:1px dashed color-mix(in srgb,var(--accent) 25%,transparent);border-radius:50%}.portrait-plinth{position:absolute;bottom:3%;width:65%;height:12%;border-radius:50%;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);filter:blur(.2px);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 25%,transparent)}.monster-portrait{width:100%;aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 15%,transparent),transparent 65%)}.monster-portrait svg{width:95%;height:95%;filter:drop-shadow(0 5px 5px #0008) drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 20%,transparent))}.monster-portrait svg [stroke="#12161c"]{stroke:color-mix(in srgb,var(--accent) 40%,#09111b)}.hero-identity-banner{display:flex;align-items:center;gap:28px;margin:0 0 22px;padding:8px 24px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent);border-bottom:1px solid #5c788633}.hero-identity-banner .hero-portrait{width:160px;flex:none}.hero-identity-banner h2{font-size:34px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}.hero-role{font-size:14px;letter-spacing:.14em;color:#a9bfc9}.level-seal{margin-left:auto;width:80px;height:80px;border:1px solid #e6c68a55;display:grid;place-content:center;text-align:center;background:#e6c68a08}.level-seal small{font-size:14px;letter-spacing:.18em;color:var(--game-gold)}.level-seal strong{font-size:38px;font-weight:400}.stat-glyph{display:inline-grid;place-items:center;width:26px;height:26px;flex:none;color:#e6c68a;font-size:21px;line-height:1}.stat-maxHp{color:#f08b91}.stat-speed{color:#79cfed}.stat-luck{color:#efcc77}.stat-defense{color:#85b8ee}.title-screen:not(.classes-page){display:grid;grid-template-columns:minmax(270px,.8fr) minmax(440px,1.2fr);column-gap:6vw;align-content:center;justify-items:start;padding:48px 7vw}.title-screen:not(.classes-page)>.neon-logo{grid-column:1;grid-row:1;width:68px;height:68px}.title-screen:not(.classes-page) .wordmark-title{grid-column:1;grid-row:2;justify-items:start;margin:20px 0 26px}.wordmark-title span{font-weight:700;text-shadow:0 0 25px #2ee6c844;font-size:clamp(50px,6.8vw,98px);letter-spacing:.05em}.wordmark-title small{letter-spacing:.9em;color:var(--game-gold)}.title-screen:not(.classes-page) .hero-picks{grid-column:2;grid-row:1 / 5;width:100%;display:grid;grid-template-columns:1fr 1fr;align-self:center;gap:18px;margin:0}.title-screen .hero-card{padding:18px 16px 24px;display:flex;flex-direction:column;align-items:center;min-height:330px;text-align:center;background:linear-gradient(180deg,#13273899,#071018dd)!important}.hero-card .hero-portrait{max-width:260px;margin:-2px 0 12px}.hero-card:hover .hero-portrait{transform:translateY(-5px);transition:transform .2s}.hero-card strong{font-size:22px;letter-spacing:.1em}.hero-card>span{margin-top:12px;color:#a7c0ca;font-size:14px;line-height:1.5}.hero-card>small{color:var(--game-gold);margin-top:12px;font-size:14px}.title-screen:not(.classes-page) .title-actions{grid-column:1;grid-row:3;width:100%;max-width:360px;margin:0 0 22px}.title-run-portrait{grid-column:2;grid-row:1 / 5;width:100%;text-align:center;align-self:center}.title-run-portrait .hero-portrait{width:min(350px,100%);margin:0 auto 22px}.title-run-portrait h2{font-weight:400;font-size:24px;letter-spacing:.08em;text-transform:uppercase}.title-run-portrait>p:last-child{font-size:14px;color:#9cb9c7}.title-actions button{text-align:left;border:0;border-left:2px solid #2ee6c866;background:#10273488}.title-screen:not(.classes-page) .dev-toggle{grid-column:1;grid-row:4;margin-top:10px;font-size:14px}.title-screen:not(.classes-page) .class-strip{grid-column:2;grid-row:5;width:100%;display:grid;grid-template-columns:1fr 1fr;margin-top:20px}.class-chip{min-width:0;background:#091723!important;border-color:#55728044!important}.title-screen:not(.classes-page) .title-menu{grid-column:1;grid-row:5;flex-direction:column;align-self:start;gap:6px;margin-top:20px}.title-screen .title-menu button{display:flex;align-items:center;gap:12px;background:transparent;border:0;border-radius:0;padding:10px 0;text-align:left;color:#b7ccd5;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;text-decoration-thickness:1px;transition:color .16s,text-decoration-color .16s}.title-screen .title-menu button:after{content:none;display:none}.title-screen .title-menu button:hover:not(:disabled),.title-screen .title-menu button:focus-visible{background:transparent;border:0;box-shadow:none;color:#b6fff1;text-decoration-color:#2ee6c8;transform:none}.title-screen .title-menu button:focus-visible{outline:2px solid #f6dfac!important;outline-offset:4px}.title-screen .confirm-backdrop{position:fixed;z-index:50}.classes-page{padding:24px 4vw}.classes-head{width:min(1180px,100%);margin:0 auto 20px}.classes-layout{width:min(1180px,100%);gap:20px}.page-panel{width:min(1180px,100%);max-height:none}.classes-detail .hero-identity-banner .hero-portrait{width:180px}.loadout-panel{display:grid;grid-template-columns:minmax(200px,.75fr) minmax(350px,1.6fr);gap:36px}.loadout-character{align-self:start;position:sticky;top:0;text-align:center}.loadout-character .hero-portrait{max-width:320px;margin:0 auto 20px}.loadout-character h2{font-size:34px;text-transform:uppercase;font-weight:400}.loadout-character>p:last-child{font-size:14px;color:#94b1bd;line-height:1.6}.loadout-selection .passive-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.loadout-panel>.menu-footer{grid-column:1 / -1}.loadout-option{flex-direction:column;align-items:center;padding:18px 12px;text-align:center;min-height:175px}.loadout-option .item-icon{width:64px!important;height:64px!important}.loadout-option .item-icon svg{width:55px;height:55px}.loadout-option>div{gap:7px;justify-items:center}.loadout-option strong,.loadout-option em{font-size:14px}.topbar{background:linear-gradient(180deg,#040b11f2,#040b1177,transparent);border:0;padding:16px 24px;min-height:90px}.hud-player{padding:9px 14px;background:#081722dd;border:1px solid #47707c66;border-left:2px solid #2ee6c8;position:relative}.topbar .hud-details{padding-left:52px}.hud-identity .hud-portrait{position:absolute;left:54px;top:0;width:58px;height:72px}.hud-portrait .portrait-orbit,.hud-portrait .portrait-plinth{display:none}.hud-identity{letter-spacing:.1em;text-transform:uppercase}.topbar nav{padding:6px;border-bottom:1px solid #56878c66;background:#07131dbb;gap:8px}.topbar nav button{border-radius:2px;width:42px;height:42px;background:transparent;border:1px solid #45616f44;box-shadow:none}.topbar nav button:hover:not(:disabled){background:#2ee6c815;border-color:#2ee6c8;color:#b6fff1}.world-location{font-size:14px;padding:10px 18px;border:0;border-left:2px solid var(--game-gold);background:linear-gradient(90deg,#06121de6,#06121d88);bottom:68px}.encounter-bar{bottom:35px}.map-legend{bottom:64px}.arsenal-layout{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(260px,1.15fr) minmax(240px,1fr);gap:24px}.paperdoll{border-right:1px solid #45667544;padding-right:24px}.paperdoll-title{display:grid;gap:6px;text-align:center}.paperdoll-title span{font-size:14px;color:var(--game-gold);letter-spacing:.18em}.paperdoll-title strong{font-size:23px;font-weight:400;text-transform:uppercase;letter-spacing:.1em}.paperdoll .hero-portrait{margin:15px 0}.paperdoll-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.gear-slot{display:grid;justify-items:center;gap:8px;padding:4px 0;border:0;background:transparent}.gear-slot small{color:#99b5c3;font-size:14px;white-space:nowrap}.empty-slot{width:52px;height:52px;display:grid;place-items:center;border:1px dashed #4a6a79;font-size:28px;color:#607987;background:#0b1c26}.paperdoll-stats{margin-top:20px}.paperdoll-stats>div,.inspect-stats>div{display:flex;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid #3f5e6e33;font-size:14px}.paperdoll-stats span:not(.stat-glyph),.inspect-stats span:not(.stat-glyph){flex:1;color:#a8c0cc}.bag-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #4e6f7d44}.bag-heading h3{margin:0;text-transform:uppercase;font-size:14px;letter-spacing:.12em;font-weight:400}.bag-heading>span{font-size:14px;color:var(--game-gold)}.item-filters{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.item-filters button{padding:6px 8px;font-size:14px;background:transparent;border:1px solid #4e6f7d44}button[aria-pressed=true]{border-color:#74d9c9;background:#2ee6c815;color:#d8fff8}.bag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;max-height:390px;overflow-y:auto;padding:4px}.bag-item{position:relative;display:grid;justify-items:center;align-content:start;gap:8px;min-height:98px;padding:8px 4px;border:1px solid #44616f44;background:#030c13}.bag-item small{font-size:14px;line-height:1.3;color:#b0c2cd;text-align:center}.bag-item .item-icon{border:0;background:transparent;box-shadow:none}.bag-item.is-selected{border-color:var(--rarity);background:color-mix(in srgb,var(--rarity) 10%,#030c13);box-shadow:inset 0 -2px var(--rarity)}.equipped-marker{position:absolute;right:5px;top:3px;color:#8cffe0;font-size:14px}.empty-bag{color:#91adbc;text-align:center;padding:40px 10px;font-size:14px}.item-inspector{align-self:start;border:1px solid color-mix(in srgb,var(--rarity) 40%,transparent);border-top:2px solid var(--rarity);padding:22px 18px;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--rarity) 9%,transparent),transparent 65%),#050e16}.inspect-art{display:grid;place-items:center;height:145px;margin-bottom:16px}.inspect-art .item-icon{border:none;background:transparent;box-shadow:none}.item-inspector>.eyebrow{color:var(--rarity);font-size:14px}.item-inspector h3{font-size:24px;font-weight:400;margin:12px 0}.item-flavor{font-size:14px;color:#afc6d0;line-height:1.65;padding-bottom:14px;border-bottom:1px solid #5c788633}.comparison-title{font-size:14px;color:var(--game-gold);line-height:1.5;margin:18px 0 8px}.inspect-stats .stat-glyph{width:20px;font-size:18px}.inspect-stats b,.inspect-stats strong{font-size:14px;white-space:nowrap}.positive{color:#8ee8b9}.negative{color:#f4929b}.effect-callout{font-size:14px;line-height:1.5;color:#d9d0ac;background:#e6c68a09;padding:12px;border-left:1px solid #e6c68a66}.inspect-actions{margin-top:22px}.inspect-actions button{width:100%;font-size:14px;padding:12px 8px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.stat-grid>div{background:#06121b;border:1px solid #4a697844;border-radius:0;display:grid;grid-template-columns:30px 1fr;padding:14px;gap:6px}.stat-grid span:not(.stat-glyph){font-size:14px;align-self:center}.stat-grid strong{grid-column:2;color:#e0f0f7;font-size:22px;font-weight:400}.points-panel{border-radius:0;background:#05121c;padding:18px;border:1px solid #4a697844}.point-row{padding:10px 0;border-bottom:1px solid #4a697822}.point-row button{background:#13313d;border-color:#4a697855;min-width:44px}.passive-offers{padding:20px 0 30px;gap:24px}.passive-card{position:relative;min-height:290px;padding:28px 22px;align-items:center;text-align:center;border-radius:0;border-color:var(--rarity-line);border-top:3px solid var(--rarity-line);background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--rarity-line) 12%,transparent),transparent 70%),#07111b}.passive-card .item-icon{width:96px!important;height:96px!important;margin:12px 0 18px}.passive-card .item-icon svg{width:80px;height:80px}.passive-card strong{color:#e5eff4;font-size:22px;font-weight:400}.passive-card span{line-height:1.6}.passive-card:hover{transform:translateY(-6px);box-shadow:0 12px 35px #0007}.mastery-panel{border-radius:0;background:#06141e;border:1px solid #4a697844;padding:18px;margin-top:20px}.mastery-rewards{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none;margin:16px 0 0}.mastery-rewards li{flex:1;min-width:120px;border:1px solid #536d7a44;padding:12px;font-size:14px;color:#8ea7b7}.mastery-rewards li b{display:block;font-size:14px;margin-bottom:5px}.mastery-rewards li.reached{border-color:#2ee6c877;background:#2ee6c808}.reward-tile{border-radius:0;padding:14px;background:#07141e}.reward-tile .item-icon{border-radius:2px}.passive-list span{padding:10px 12px;border-radius:0;background:#0b1d29}.achievement-list{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.achievement-list>h3{grid-column:1 / -1;margin:0;color:var(--game-gold);font-size:14px;text-transform:uppercase;letter-spacing:.14em}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px;margin:0;align-content:start}.achievement-tile{border-radius:0;min-height:126px;padding:16px 8px;gap:8px;background:#07131e}.achievement-tile .tile-icon{width:54px;height:54px}.achievement-tile .tile-name,.achievement-tile .tile-state{font-size:14px}.achievement-tile .tile-icon>b{font-size:38px;color:var(--game-gold)}.achievement-tile.done{border-color:#ddc07e99}.achievement-tile.active{outline:1px solid #e6c68a;box-shadow:inset 0 -3px #e6c68a}.achievement-detail{border-radius:0;padding:28px;align-content:start;gap:16px;background:radial-gradient(ellipse at top,#e6c68a0c,transparent 70%),#05101a;border:1px solid #e6c68a55}.achievement-detail>strong{font-size:25px;font-weight:400;color:#f6e3b9}.achievement-detail>span{line-height:1.7}.achievement-detail .reward-tiles{grid-template-columns:1fr;margin-top:18px}.achievement-detail .reward-tile{align-items:center}.achievement-showpiece{display:grid;place-items:center;height:180px;color:var(--game-gold)}.achievement-showpiece .hero-portrait,.achievement-showpiece .monster-portrait{width:180px}.achievement-showpiece .item-icon{border:0;background:transparent;box-shadow:none}.achievement-list>.menu-footer{grid-column:1 / -1}.zone-loot-panel{max-height:89dvh}.atlas-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:28px}.atlas-zones{display:grid;gap:8px;align-content:start;border-right:1px solid #4a697844;padding-right:20px}.atlas-zones button{display:flex;align-items:center;gap:12px;padding:16px 10px;text-align:left;background:#07131e;border:1px solid #4a697833;border-left:2px solid var(--biome)}.atlas-zones button[aria-pressed=true]{background:color-mix(in srgb,var(--biome) 10%,#07131e);border-color:var(--biome)}.zone-sigil{font-size:29px;color:var(--biome);width:30px;flex:none;text-align:center}.atlas-zones button>span:last-child{display:grid;gap:7px}.atlas-zones small{font-size:14px;color:#9cbbc9;letter-spacing:.12em}.atlas-zones strong{font-size:14px;font-weight:500}.atlas-zones em{font-size:14px;color:var(--biome);font-style:normal}.biome-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4a697844;padding-bottom:14px}.biome-heading h3{font-size:28px;font-weight:400;margin:0;letter-spacing:.05em}.biome-level{font-size:38px;width:60px;height:60px;display:grid;place-items:center;border:1px solid #e6c68a55;color:var(--game-gold)}.bestiary-content .farm-facts{grid-template-columns:repeat(3,1fr);gap:10px}.farm-facts>div{border-radius:0;padding:12px;background:#071722}.farm-facts strong{display:flex;align-items:center;gap:5px;font-size:14px}.farm-facts span{font-size:14px}.monster-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:9px;margin:16px 0}.monster-roster button{background:#08131e;border:1px solid #4a697844;padding:8px;display:grid;justify-items:center;align-content:start;gap:6px}.monster-roster .monster-portrait{width:90px}.monster-roster strong{font-size:14px;font-weight:500}.monster-roster small{font-size:14px;color:var(--game-gold)}.bestiary-inspector{display:grid;grid-template-columns:.75fr 1.25fr;background:#040d16;border:1px solid #4a697844}.bestiary-art{text-align:center;padding:20px;border-right:1px solid #4a697844}.bestiary-art .monster-portrait{max-width:210px;margin:0 auto}.bestiary-art h3{font-size:23px;font-weight:400;margin:10px 0 16px}.monster-vitals{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;color:#a9c2ce;font-size:14px}.monster-vitals span{padding:7px;border:1px solid #4a697833}.bestiary-drops{padding:22px}.bestiary-drops .farm-drops li{padding:12px 0;gap:10px}.bestiary-drops .farm-drops strong,.bestiary-drops .farm-drops span,.bestiary-drops .farm-drops b,.atlas-rules{font-size:14px}.settings-body{grid-template-columns:1fr 1fr;gap:24px}.settings-group{border:1px solid #4a697844;padding:20px;background:#06141e}.settings-group h3{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:400;color:var(--game-gold);margin-bottom:12px}.settings-group button{background:#0b2230;border-color:#4a697855;border-radius:0}.settings-body .menu-footer{grid-column:1 / -1}.setting-row{font-size:14px;gap:10px}.setting-row .button-group{flex-wrap:wrap}.binding-grid{grid-template-columns:1fr 1fr}.binding{font-size:14px;padding:10px}.setting-row input[type=range]{min-width:70px;width:100%}.battle-speed{left:24px;transform:none;border-left:2px solid var(--glow);padding:10px 14px;background:#06121ecc;opacity:1}.fighter-sprite svg [fill]:not([fill=none]):not([fill="#000"]){fill-opacity:.7}.fighter-sprite svg [stroke="#12161c"]{stroke:color-mix(in srgb,var(--neon) 65%,#06101a);stroke-width:2}.battle .battle-log{left:auto;right:24px;bottom:24px;transform:none;width:min(450px,47vw);border-radius:0;border:0;border-left:1px solid var(--glow);padding:10px 16px;background:linear-gradient(90deg,#071522dd,#07152277)}.battle .battle-log p{font-size:14px}.fighter-name{letter-spacing:.12em;margin-top:12px}.fighter-hp{border-radius:0;height:7px}.recap-overlay{background:#03090dbb;backdrop-filter:blur(8px)}.recap-card{width:min(720px,calc(100vw - 36px));max-height:88dvh;overflow-y:auto;border-radius:0;border:1px solid #e6c68a66;border-top:2px solid var(--game-gold);background:radial-gradient(ellipse at 50% 0,#23463777,transparent 70%),#07121ef5;padding:28px 40px}.recap-card h2{font-size:32px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.victory-emblem{font-size:54px;color:var(--game-gold);text-shadow:0 0 30px #e6c68a66;text-align:center}.recap-card>.eyebrow{text-align:center}.recap-loot-items{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding:14px 0}.recap-loot-items>div{display:grid;justify-items:center;gap:8px;font-size:14px}.recap-card>.primary{width:100%;margin-top:18px}.recap-note{font-size:14px;line-height:1.6}.summary-panel{max-width:780px}.summary-portrait{width:200px;margin:0 auto 20px}.summary-panel h2{font-size:40px;font-weight:400;text-transform:uppercase;color:var(--game-gold)}.summary-panel h3{font-size:14px;text-transform:uppercase;letter-spacing:.16em;margin-top:26px}.summary-panel p{font-size:14px}.summary-loot{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.summary-loot>span{display:grid;justify-items:center;gap:7px;width:85px}.summary-loot small{font-size:14px;color:#b7cbd5}.item-icon{border-radius:2px}@media(max-width:1000px){.panel{width:calc(100vw - 30px);padding:22px}.arsenal-layout{grid-template-columns:190px minmax(230px,1fr);gap:18px}.item-inspector{grid-column:1 / -1;display:grid;grid-template-columns:120px 1fr;gap:8px 22px}.inspect-art{grid-row:1 / 5;height:150px}.item-inspector>:not(.inspect-art){grid-column:2}.item-inspector h3{margin:4px 0}.item-inspector .item-flavor{margin:0}.inspect-actions{margin-top:8px}.title-screen:not(.classes-page){padding:35px 4vw;column-gap:4vw;grid-template-columns:.8fr 1.2fr}.title-screen .hero-card{min-height:270px;padding:15px 10px}.hero-card strong{font-size:18px}.hero-card>span{font-size:14px}.class-chip{padding:10px;gap:8px}.class-chip .chip-more{display:none}.atlas-layout{grid-template-columns:170px minmax(0,1fr);gap:16px}.bestiary-inspector{grid-template-columns:1fr}.bestiary-art{display:grid;grid-template-columns:120px 1fr;align-items:center;text-align:left;border-right:0;border-bottom:1px solid #4a697844;gap:6px 18px;padding:14px}.bestiary-art .monster-portrait{grid-row:1 / 4}.bestiary-art h3{margin:0}.monster-vitals{justify-content:flex-start}.bestiary-drops{padding:18px}}@media(max-width:700px){.title-screen:not(.classes-page){display:flex;align-items:center;padding:30px 18px;gap:12px;overflow:auto}.title-screen:not(.classes-page) .wordmark-title{justify-items:center;margin:0 0 15px}.title-screen:not(.classes-page) .hero-picks{gap:12px}.hero-card .hero-portrait{max-width:190px}.title-screen .hero-card{min-height:260px}.title-screen:not(.classes-page) .class-strip{display:grid;margin-top:0}.title-screen:not(.classes-page) .title-menu{flex-direction:row;flex-wrap:wrap;justify-content:center;margin:10px 0;gap:18px}.title-actions{align-self:center}.panel{padding:18px;width:calc(100vw - 20px);max-height:92dvh}.panel-heading{gap:10px}.panel-heading h2{font-size:24px}.panel-heading>button{padding:8px}.menu-footer{gap:10px;flex-wrap:wrap;font-size:14px}.footer-brand{display:none!important}.hero-identity-banner{padding:8px;gap:14px}.hero-identity-banner .hero-portrait{width:95px}.hero-identity-banner h2{font-size:24px}.hero-role{font-size:14px}.level-seal{width:55px;height:55px;flex:none}.level-seal strong{font-size:26px}.arsenal-layout{grid-template-columns:1fr}.paperdoll{border:0;padding:0;display:grid;grid-template-columns:130px 1fr;gap:12px}.paperdoll-title{grid-column:1 / -1}.paperdoll .hero-portrait{margin:0;grid-row:2 / 4}.paperdoll-slots{align-content:start}.paperdoll-stats{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.gear-slot small{white-space:normal}.gear-slot .item-icon,.empty-slot{width:40px!important;height:40px!important}.item-inspector{grid-template-columns:90px 1fr;padding:14px}.inspect-art .item-icon{width:80px!important;height:80px!important}.inspect-art{height:100px}.bag-grid{max-height:240px}.item-inspector h3{font-size:20px}.atlas-layout{grid-template-columns:1fr}.atlas-zones{grid-template-columns:repeat(2,1fr);border:0;padding:0}.atlas-zones button{padding:10px}.bestiary-content .farm-facts{grid-template-columns:1fr}.farm-facts>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.farm-facts span{max-width:55%}.monster-roster{grid-template-columns:repeat(3,1fr)}.monster-roster .monster-portrait{width:80px}.biome-heading h3{font-size:24px}.settings-body,.achievement-list,.loadout-panel{grid-template-columns:1fr}.loadout-panel{gap:20px}.loadout-character{position:static}.loadout-character .hero-portrait{max-width:180px}.loadout-character h2{font-size:26px}.achievement-detail{padding:20px}.settings-group{padding:14px}.setting-row{flex-wrap:wrap}.setting-row input[type=range]{max-width:65%}.classes-detail .hero-identity-banner .hero-portrait{width:100px}.passive-offers{gap:10px}.passive-card{padding:14px 8px;min-height:230px}.passive-card .item-icon{width:64px!important;height:64px!important}.passive-card strong{font-size:15px}.passive-card span,.passive-card small{font-size:14px}.topbar{padding:8px;flex-wrap:wrap;gap:8px}.topbar nav{padding:4px;gap:5px}.topbar nav button{width:34px;height:34px}.hud-player{padding:6px}.topbar .hud-details{padding-left:42px}.hud-identity .hud-portrait{left:40px;width:45px;height:58px}.world-location{max-width:65vw;bottom:66px;font-size:14px}.map-legend{display:none}.battle-speed{left:12px;top:12px;font-size:14px}.battle .battle-log{width:calc(100% - 24px);right:12px;bottom:12px;max-height:75px}.recap-card{padding:22px}.recap-card h2{font-size:24px}}@media(max-height:700px)and (min-width:701px){.title-screen:not(.classes-page){padding-top:24px;padding-bottom:24px}.title-screen .hero-card{min-height:245px}.hero-card .hero-portrait{max-width:185px}.wordmark-title span{font-size:62px}.panel{max-height:91dvh}.hero-identity-banner .hero-portrait{width:110px}}:root[data-motion=reduced] .hero-card:hover .hero-portrait,:root[data-motion=reduced] .passive-card:hover{transform:none}:root[data-contrast=high] .panel,:root[data-contrast=high] .item-inspector,:root[data-contrast=high] .bestiary-inspector{background:#000;border-color:#fff}:root[data-contrast=high] .small-note,:root[data-contrast=high] .hero-role,:root[data-contrast=high] .menu-footer{color:#fff}.title-screen.main-menu-screen:not(.classes-page){display:block;position:relative;min-height:100dvh;padding:clamp(35px,7vh,90px) 8vw 90px;text-align:left;overflow:hidden}.main-menu-content{position:relative;z-index:2;width:min(440px,45vw)}.main-menu-brand{display:flex;align-items:center;gap:16px;margin-bottom:24px}.main-menu-brand>span{color:#729aab;font-size:14px;letter-spacing:.18em}.main-menu-screen .wordmark-title{display:grid;justify-items:start;margin:0 0 22px}.main-menu-screen .wordmark-title span{font-size:clamp(64px,8vw,112px)}.main-menu-screen .wordmark-title small{font-size:22px;margin:10px 0 0 4px}.main-menu-tagline{font-size:14px;color:#95b6c3;letter-spacing:.08em;margin:0 0 30px}.main-menu-actions{display:flex;flex-direction:column;gap:8px}.title-screen .main-menu-button{display:flex;align-items:center;gap:18px;width:100%;min-height:65px;padding:14px 20px;text-align:left;color:#d0e3eb;background:linear-gradient(90deg,#122b39bb,#0c1d2a66);border:1px solid #3c647555;border-left:2px solid #648697;border-radius:1px}.main-menu-button>span:nth-child(2){flex:1;font-size:19px;letter-spacing:.04em}.main-menu-button small{display:block;font-size:14px;color:#80a0b0;letter-spacing:.05em;margin-top:6px}.menu-action-index{font-size:14px;color:var(--game-gold);letter-spacing:.08em;min-width:24px}.menu-action-arrow{color:#5a8395;font-size:20px;transition:transform .16s,color .16s}.title-screen .main-menu-button:hover:not(:disabled),.title-screen .main-menu-button:focus-visible{border-color:#2ee6c8;border-left-color:#c9fff2;background:linear-gradient(90deg,#194c49bb,#10353066);color:#eefff9;box-shadow:inset 3px 0 #2ee6c8,0 0 25px #2ee6c80b}.main-menu-button:hover .menu-action-arrow,.main-menu-button:focus-visible .menu-action-arrow{color:#b6fff1;transform:translate(4px)}.title-screen .main-menu-actions button:after{content:none;display:none}.title-screen .main-menu-secondary{align-self:flex-start;margin:7px 0 0 44px;padding:5px 0;border:0;background:transparent;color:#8ca8b7;font-size:14px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px}.title-screen .main-menu-secondary:hover:not(:disabled){background:transparent;box-shadow:none;color:#c1fff0;text-decoration-color:#2ee6c8}.title-screen .main-menu-secondary.danger{color:#c28790}.main-menu-screen .main-menu-scenery{position:absolute;z-index:1;top:6vh;bottom:12vh;right:2vw;width:48vw;display:grid;place-items:center;pointer-events:none}.main-menu-scenery>.hero-portrait{width:min(440px,75%);transform:translateY(20px)}.main-menu-scenery .portrait-orbit{background:radial-gradient(circle,#2ee6c810,transparent 70%)}.threshold-ring{position:absolute;width:min(530px,90%);aspect-ratio:1;border:1px solid #2ee6c833;border-radius:50%;box-shadow:0 0 0 30px #2ee6c803,0 0 0 31px #2ee6c811}.threshold-ring:before{content:"";position:absolute;inset:-60px;border:1px dashed #2ee6c81b;border-radius:50%}.threshold-line{position:absolute;top:12%;bottom:5%;left:50%;width:1px;background:linear-gradient(transparent,#2ee6c866,transparent)}.scenery-caption{position:absolute;bottom:0;color:#799ca9;font-size:14px;letter-spacing:.35em}.main-menu-screen .main-menu-bottom{position:absolute;z-index:2;left:8vw;right:8vw;bottom:25px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #4d718044;padding-top:17px;font-size:14px;letter-spacing:.15em;color:#658794}.main-menu-bottom b{padding:0 12px;color:#2ee6c8}.title-screen.class-selection-page{min-height:100dvh;justify-content:safe center;align-items:center;overflow:auto;padding:32px 4vw}.class-selection-page>.classes-head{width:min(1000px,100%)}.selection-step{color:var(--game-gold);font-size:14px;letter-spacing:.12em}.selection-step>span{color:#507180;margin-left:24px}.class-selection-heading{text-align:center;margin:15px 0 30px}.class-selection-heading h1{font-size:clamp(28px,4vw,44px);font-weight:400;letter-spacing:.07em;text-transform:uppercase;margin:12px 0}.class-selection-heading>p:last-child{color:#8eacbb;font-size:14px}.class-selection-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;width:min(1000px,100%)}.class-choice-option{display:grid;grid-template-rows:1fr auto;justify-items:center;gap:14px;min-width:0}.title-screen button.class-choice{width:100%;border-radius:0;color:#e0eff4;font:inherit;letter-spacing:normal;text-transform:none;transition:border-color .15s,box-shadow .15s}.title-screen button.class-choice:after{display:none;content:none}.title-screen button.class-choice:hover:not(:disabled){border-color:var(--accent);background:radial-gradient(ellipse at 0 40%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%),#08131ed9;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 12%,transparent)}.class-choice-option>.class-details-link{justify-self:center}.class-choice{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-top:2px solid var(--accent);background:radial-gradient(ellipse at 0 40%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 70%),#08131ed9;padding:24px 18px;text-align:left}.class-choice .hero-portrait{min-width:0}.class-choice-body{min-width:0;padding-left:12px}.class-choice h2{font-weight:400;font-size:27px;letter-spacing:.08em;text-transform:uppercase;margin:8px 0 14px}.class-choice-body>p:not(.eyebrow){color:#9ebac8;font-size:14px;line-height:1.7}.class-choice .eyebrow{color:var(--accent)}.class-choice-stats{display:grid;gap:8px;margin:16px 0 22px;font-size:14px;color:#a9c2cf}.class-choice-stats>span{display:flex;align-items:center;gap:6px}.class-choice-stats .stat-glyph{font-size:18px;width:20px;height:20px}.class-choice-actions{display:grid;gap:14px}.class-choice-actions .primary{padding:12px 8px;font-size:14px;letter-spacing:.05em}.title-screen .class-details-link{padding:0;background:transparent;border:0;color:#9ebac8;font-size:14px;text-align:left;line-height:1.6;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}.title-screen .class-details-link:hover:not(:disabled){background:transparent;box-shadow:none;color:#e3fff6;text-decoration-color:var(--accent)}.title-screen .class-details-link:after{content:none;display:none}.class-selection-bottom{width:min(1000px,100%);margin-top:26px}.class-selection-bottom .dev-toggle{justify-content:flex-start;opacity:.65;font-size:14px;margin:14px 0}@media(max-width:1000px){.class-choice{grid-template-columns:1fr;justify-items:center}.class-choice .hero-portrait{width:180px}.class-choice-body{width:100%;padding-left:0}.class-choice-actions{grid-template-columns:1fr}.class-choice-stats{display:flex;flex-wrap:wrap;gap:10px}}@media(max-width:700px){.title-screen.main-menu-screen:not(.classes-page){padding:34px 24px 90px;min-height:100dvh;overflow-y:auto}.main-menu-content{width:min(420px,100%)}.main-menu-screen .main-menu-scenery{right:-100px;top:0;bottom:auto;height:360px;width:360px;opacity:.15}.main-menu-content{z-index:2}.main-menu-brand>span{font-size:14px}.main-menu-screen .wordmark-title span{font-size:72px}.main-menu-tagline{margin-bottom:24px}.main-menu-screen .main-menu-bottom{left:24px;right:24px}.main-menu-bottom>span:last-child{display:none}.class-selection-cards{gap:12px}.class-choice{padding:15px 12px}.class-choice .hero-portrait{width:100%;max-width:160px}.class-choice h2{font-size:21px}.class-choice-stats{display:grid;font-size:14px}.selection-step{font-size:14px}.selection-step>span{margin-left:10px}.class-selection-heading{margin:10px 0 20px}}@media(max-height:700px)and (min-width:701px){.title-screen.main-menu-screen:not(.classes-page){padding-top:25px;padding-bottom:65px}.main-menu-brand{margin-bottom:12px}.main-menu-screen .wordmark-title span{font-size:72px}.main-menu-tagline{margin-bottom:20px}.title-screen .main-menu-button{min-height:52px;padding:10px 16px}.main-menu-scenery>.hero-portrait{width:min(340px,65%)}}.title-screen.main-menu-screen:not(.classes-page){display:grid;grid-template-columns:1fr;place-items:center;align-content:center;padding:36px 20px;overflow-y:auto}.main-menu-screen .main-menu-content{width:min(410px,100%);text-align:center}.main-menu-screen .main-menu-brand{justify-content:center;margin-bottom:16px}.main-menu-screen .wordmark-title{justify-items:center;margin-bottom:30px}.main-menu-screen .wordmark-title span{font-size:clamp(58px,8vw,88px)}.main-menu-screen .wordmark-title small{margin-left:0}.main-menu-screen .main-menu-ambience{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.main-menu-ambience i{position:absolute;width:65vmax;height:65vmax;border-radius:50%;background:radial-gradient(circle,#2ee6c80d,transparent 68%);left:-25%;top:-35%;animation:menu-aurora 24s ease-in-out infinite alternate}.main-menu-ambience i:nth-child(2){background:radial-gradient(circle,#3db8ff0b,transparent 65%);left:55%;top:20%;animation-duration:32s;animation-delay:-10s}.main-menu-ambience i:nth-child(3){width:100%;height:1px;left:0;top:75%;border-radius:0;background:linear-gradient(90deg,transparent,#2ee6c825,transparent);animation:menu-horizon 18s ease-in-out infinite alternate}.main-menu-screen .title-grid:before{opacity:.3;animation-duration:18s}@keyframes menu-aurora{to{transform:translate(12vw,10vh) scale(1.2);opacity:.6}}@keyframes menu-horizon{to{transform:translateY(-12vh);opacity:.3}}:root[data-motion=reduced] .main-menu-ambience i{animation:none}@media(prefers-reduced-motion:reduce){.main-menu-ambience i{animation:none}}@media(max-height:700px){.main-menu-screen .main-menu-brand{margin-bottom:8px}.main-menu-screen .wordmark-title{margin-bottom:20px}.title-screen .main-menu-button{min-height:48px;padding:9px 16px}.main-menu-button>span:nth-child(2){font-size:16px}}.main-menu-screen .main-menu-brand .neon-logo{width:clamp(100px,17vh,140px);height:clamp(100px,17vh,140px)}.main-menu-screen .wordmark-title{display:flex;align-items:baseline;justify-content:center;gap:.2em;white-space:nowrap}.main-menu-screen .wordmark-title span,.main-menu-screen .wordmark-title small{font-size:clamp(42px,7vw,68px);line-height:1;margin:0;letter-spacing:.06em;font-weight:700}.main-menu-screen .main-menu-button{display:grid;grid-template-columns:28px auto 28px;justify-content:center;align-items:center;text-align:center;gap:14px}.main-menu-screen .main-menu-button>svg{width:24px;height:24px;color:#8edfd0}.main-menu-screen .main-menu-button>span{grid-column:2;width:270px;max-width:100%}@media(max-width:450px){.main-menu-screen .main-menu-button{grid-template-columns:24px minmax(0,1fr) 24px;gap:8px}.main-menu-screen .main-menu-button>span{width:auto}}.class-selection-heading>.eyebrow{font-size:18px;color:var(--game-gold);line-height:1.5}.class-choice-body .eyebrow,.panel-heading .eyebrow{font-size:16px}.hero-role,.small-note,.rarity-tag,.passive-card small,.reward-tile small,.class-chip small,.mastery-head span,.hud-meter small,.hud-meter>span,.map-legend,.floating-notice{font-size:14px;line-height:1.5}.main-menu-button small{line-height:1.5}.gear-slot small{white-space:normal;text-align:center}.bag-item{min-height:112px}.item-inspector .inspect-stats>div{flex-wrap:wrap}.class-choice-actions .primary{line-height:1.5}.class-selection-bottom .dev-toggle{opacity:.85}.atlas-zones button>span:last-child,.farm-drops li>div{overflow-wrap:anywhere}.topbar nav kbd{font-size:11px}@media(max-width:600px){.class-selection-cards{grid-template-columns:1fr}.class-choice{grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:12px}.class-choice h2{font-size:24px}.class-selection-heading>.eyebrow{font-size:18px}.main-menu-screen .main-menu-button>span{width:auto}}.page-bottom-actions{display:flex;justify-content:center;width:100%;margin-top:28px;padding-bottom:8px}.page-bottom-actions button{min-width:180px;padding:13px 24px;font-size:14px}.main-menu-screen .main-menu-button{grid-template-columns:minmax(0,1fr)}.main-menu-screen .main-menu-button>span{grid-column:1;width:auto;font-size:19px;font-weight:700;letter-spacing:.04em}.title-screen .main-menu-button{border-left-width:1px;border-left-color:#3c647555}.title-screen .main-menu-button:hover:not(:disabled),.title-screen .main-menu-button:focus-visible{border-left-color:#2ee6c8;box-shadow:0 0 25px #2ee6c80b}.class-mastery{margin:24px 0}.class-mastery-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;color:#a9c2cf}.class-mastery-label strong{color:var(--accent);font-weight:600}.mastery-segments{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.mastery-segments>span{height:12px;overflow:hidden;border:1px solid #58748266;background:#030c16}.mastery-segments>span.is-complete{border-color:var(--accent)}.mastery-segments i{display:block;height:100%;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 40%,transparent)}.title-screen>.space-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 70% 25%,#0c132e,#030810 70%)}.main-menu-screen .title-grid{display:none}.space-nebula{position:absolute;width:90vmax;height:70vmax;border-radius:50%;mix-blend-mode:screen}.nebula-cyan{left:-40%;top:-65%;background:radial-gradient(ellipse,#127f7840,#16536818 35%,transparent 65%);animation:nebula-drift 22s ease-in-out infinite alternate}.nebula-violet{right:-45%;bottom:-55%;background:radial-gradient(ellipse,#58429b38,#27337718 35%,transparent 65%);animation:nebula-drift 28s ease-in-out infinite alternate-reverse}.space-dust{position:absolute;inset:-30%;background:radial-gradient(ellipse at 15% 65%,#327a9520,transparent 38%),radial-gradient(ellipse at 85% 20%,#724a8a18,transparent 32%);transform:rotate(-25deg);animation:dust-drift 35s ease-in-out infinite alternate}.space-starfield{position:absolute;inset:-8%;animation:starfield-drift 32s ease-in-out infinite alternate}.space-star{position:absolute;width:var(--star-size);height:var(--star-size);border-radius:50%;background:#c4e9ff;opacity:var(--star-opacity);box-shadow:0 0 5px #9fdef966;animation:star-twinkle var(--twinkle-time) ease-in-out infinite alternate}.space-star:nth-child(4n){background:#70ddcd}.space-star:nth-child(7n){background:#b8a2ed}.space-orbit{position:absolute;border:1px solid #70cedb12;border-radius:50%;width:95vmax;height:38vmax;left:-60vmax;top:15%;transform:rotate(-35deg)}.space-orbit:after{content:"";position:absolute;top:25%;right:8%;width:4px;height:4px;background:#84e8da;border-radius:50%;box-shadow:0 0 16px #2ee6c899}.orbit-one{animation:orbit-drift 30s ease-in-out infinite alternate}.orbit-two{left:auto;right:-68vmax;top:-20%;border-color:#9884dd14;animation:orbit-drift 40s ease-in-out infinite alternate-reverse}.space-meteors{position:absolute;inset:0}.space-meteors i{position:absolute;left:12%;top:12%;width:130px;height:1px;opacity:0;background:linear-gradient(90deg,transparent,#8adfc988);transform:rotate(28deg);animation:meteor-pass 11s linear infinite}.space-meteors i:nth-child(2){left:68%;top:8%;width:95px;animation-duration:15s;animation-delay:-5s;background:linear-gradient(90deg,transparent,#b3b1ec77)}.space-meteors i:nth-child(3){left:5%;top:65%;width:75px;animation-duration:19s;animation-delay:-12s}.space-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,#03081077 0,#03081044 28%,transparent 55%,#02050c88 100%)}@keyframes nebula-drift{to{transform:translate(9vw,7vh) rotate(12deg) scale(1.16)}}@keyframes dust-drift{to{transform:translate(-5vw,4vh) rotate(-18deg);opacity:.55}}@keyframes starfield-drift{to{transform:translate(2.5%,1.5%) scale(1.03)}}@keyframes star-twinkle{0%{opacity:calc(var(--star-opacity) * .45)}to{opacity:var(--star-opacity)}}@keyframes orbit-drift{to{transform:rotate(-25deg) translate(3vw,2vh)}}@keyframes meteor-pass{0%,82%{opacity:0;transform:translate(0) rotate(28deg)}84%{opacity:.55}94%{opacity:0;transform:translate(260px,138px) rotate(28deg)}to{opacity:0;transform:translate(260px,138px) rotate(28deg)}}:root[data-motion=reduced] .space-backdrop *{animation:none!important}@media(prefers-reduced-motion:reduce){.space-backdrop *{animation:none!important}}:root{--neon-cursor: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='34'%20height='34'%20viewBox='0%200%2032%2032'%3e%3cpath%20d='M5%204C3%203%202.5%204.5%203%207L6.5%2022C7%2025%209%2026%2011%2024L14%2020C15%2018%2017%2017%2019%2017L25%2016C28%2015.5%2028.5%2013%2026%2011.5L8%204.5C7%204%206%203.5%205%204Z'%20fill='none'%20stroke='%232ee6c8'%20stroke-width='5'%20opacity='.14'/%3e%3cpath%20d='M5%204C3%203%202.5%204.5%203%207L6.5%2022C7%2025%209%2026%2011%2024L14%2020C15%2018%2017%2017%2019%2017L25%2016C28%2015.5%2028.5%2013%2026%2011.5L8%204.5C7%204%206%203.5%205%204Z'%20fill='%23081820'%20stroke='%2357e7d0'%20stroke-width='1.7'/%3e%3cpath%20d='M6%208C5.3%207.7%205%208.3%205.3%209.3L7.5%2018C7.8%2019.5%208.7%2019.5%209.5%2018.4L11.7%2015.4C12.3%2014.5%2013.4%2013.8%2014.8%2013.5L19%2012.8C20.2%2012.6%2020.2%2012%2019%2011.5Z'%20fill='%23c4fff4'%20opacity='.85'/%3e%3c/svg%3e") 4 4, default;--neon-pointer: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='34'%20height='34'%20viewBox='0%200%2032%2032'%3e%3cpath%20d='M5%204C3%203%202.5%204.5%203%207L6.5%2022C7%2025%209%2026%2011%2024L14%2020C15%2018%2017%2017%2019%2017L25%2016C28%2015.5%2028.5%2013%2026%2011.5L8%204.5C7%204%206%203.5%205%204Z'%20fill='none'%20stroke='%23ffa733'%20stroke-width='5'%20opacity='.16'/%3e%3cpath%20d='M5%204C3%203%202.5%204.5%203%207L6.5%2022C7%2025%209%2026%2011%2024L14%2020C15%2018%2017%2017%2019%2017L25%2016C28%2015.5%2028.5%2013%2026%2011.5L8%204.5C7%204%206%203.5%205%204Z'%20fill='%2319151c'%20stroke='%23ffc16b'%20stroke-width='1.7'/%3e%3cpath%20d='M6%208C5.3%207.7%205%208.3%205.3%209.3L7.5%2018C7.8%2019.5%208.7%2019.5%209.5%2018.4L11.7%2015.4C12.3%2014.5%2013.4%2013.8%2014.8%2013.5L19%2012.8C20.2%2012.6%2020.2%2012%2019%2011.5Z'%20fill='%23fff2d5'%20opacity='.9'/%3e%3c/svg%3e") 4 4, pointer}html,body,#root,.shell,body canvas{cursor:var(--neon-cursor)}body button:not(:disabled),body a[href],body [role=button],body .enemy-fighter,body input[type=checkbox]:not(:disabled),body input[type=range]:not(:disabled),body select:not(:disabled),body summary,body label:has(input[type=checkbox]:not(:disabled)){cursor:var(--neon-pointer)}body button:disabled,body input:disabled,body select:disabled{cursor:not-allowed}body input[type=text],body input[type=number],body textarea{cursor:text}