:root{color-scheme:dark;--ink:#080d10;--panel:#10191e;--panel-light:#182329;--line:#b59b6333;--gold:#cfaf73;--gold-light:#f3d9a6;--text:#e5e6df;--muted:#8e9d9d;--teal:#80c0b4;--red:#be6758;--serif:Georgia,'Times New Roman',serif;--sans:Inter,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;background:#05090c;color:var(--text);font:13px var(--sans);overflow:hidden}button,input{font:inherit}button{color:var(--text);background:#132027;border:1px solid var(--line);cursor:pointer;transition:background .18s,border-color .18s,transform .18s}button:hover{background:#243330;border-color:#d7b77b99}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}input{color:var(--text)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}small,.eyebrow{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}p{line-height:1.75}kbd{font:9px var(--sans);color:#a4b1ae;letter-spacing:.3px}svg.ui-icon{width:20px;height:20px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}canvas{display:block;width:100vw;height:100vh;touch-action:none}#world3d{position:fixed;inset:0;z-index:0;pointer-events:none}#world{position:fixed;inset:0;z-index:1}.muted{color:var(--muted)}
/* In-world chrome */
.game-header{position:fixed;inset:0 0 auto;z-index:5;display:flex;align-items:center;gap:22px;padding:19px 26px;background:linear-gradient(#050a0edb,transparent);pointer-events:none}.brand{display:flex;align-items:center;gap:12px}.sigil{display:grid;place-items:center;border:1px solid #c6a66d68;width:37px;height:43px;font:31px var(--serif);color:var(--gold-light);clip-path:polygon(0 0,100% 0,100% 83%,50% 100%,0 83%);background:#0a1217}.brand h1{font:18px var(--serif);letter-spacing:5px;color:#ece3d0}.brand small{display:block;margin-top:5px;letter-spacing:2.3px;font-size:6px;color:#b8a785}.build{font-size:8px;letter-spacing:1.3px;color:#99a8a4;margin-left:auto;max-width:260px;text-align:right}.game-nav{display:flex;align-items:center;gap:7px;pointer-events:auto}.nav-button{height:41px;padding:0 12px;display:flex;align-items:center;gap:8px;border-color:#c9aa6e22;border-radius:4px;background:#0c161ce6;font-size:10px}.nav-button kbd{color:#c8b78f;padding-left:4px}.nav-button .ui-icon{width:17px;height:17px;color:#c1b393}.game-nav .audio-settings summary{height:41px;border-radius:4px;padding:12px;border-color:#c9aa6e22;background:#0c161ce6;font-size:10px;white-space:nowrap}.audio-panel{border-radius:7px!important;background:#0e181ff5!important;border-color:var(--line)!important}.location{position:fixed;z-index:3;top:91px;left:29px;pointer-events:none;max-width:500px}.location>span{font-size:7px;letter-spacing:3px;color:#bca16d}.location h2{font:25px var(--serif);letter-spacing:.3px;color:#e7dfca;margin:8px 0 5px;text-shadow:0 2px 12px #000}.location p{font-size:10px;line-height:1.5;color:#9facaa;text-shadow:0 2px 4px #000}.quests{position:fixed;z-index:3;left:28px;top:194px;width:242px;padding:18px 19px 15px;background:linear-gradient(100deg,#0a1219ec,#0c151bcc);border:1px solid #9e87542e;border-left:2px solid #b79b637a;box-shadow:0 16px 50px #0002;border-radius:0 8px 8px 0;pointer-events:none}.quest-heading{display:flex;align-items:center;gap:9px}.quest-heading .ui-icon{width:15px;height:15px;color:#b6a17c}.quest-heading small{font-size:7px;letter-spacing:1.7px;color:#a9a995}.quest-heading kbd{margin-left:auto;border:1px solid #a08c5736;padding:2px 5px}.quests h3{font:17px/1.35 var(--serif);color:#ead2a6;margin:15px 0 9px}.quests>p{font-size:11px;color:#b7c0b9;line-height:1.65;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}#progress{font-size:10px;color:#d7ba82;margin-top:13px;line-height:1.65;padding-left:13px;position:relative}#progress:before{content:'';position:absolute;left:0;top:6px;width:5px;height:5px;background:#bda56f;transform:rotate(45deg)}.journey{border-top:1px solid #b59b6326;margin-top:17px;padding-top:12px}.journey small{font-size:7px;color:#74857f;letter-spacing:1.4px}.journey p{font-size:9px;color:#93a49b;line-height:1.6;margin-top:6px}
.mini-map-open{position:fixed;z-index:4;top:85px;right:24px;width:184px;height:192px;background:transparent;border:0;box-shadow:none;pointer-events:auto;border-radius:50% 50% 8px 8px}.mini-map-open:hover{background:#bdb16e06;border:0}.mini-north{position:absolute;top:6px;left:50%;transform:translateX(-50%);font-size:8px;color:#ddc994;text-shadow:0 1px 4px #000}.mini-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;background:#09131be8;border:1px solid #a58c5436;border-radius:4px}.mini-caption .ui-icon{width:12px;height:12px;color:#bea67a}.mini-caption b{font-size:8px;letter-spacing:1px;font-weight:500;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-caption kbd{font-size:8px;color:#ccb78b}.waypoint-hud{position:fixed;z-index:4;right:25px;top:291px;max-width:245px;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0b171ee8;border:1px solid #b59b6335;border-radius:5px;font-size:10px;color:#d4c398}.waypoint-hud .ui-icon{width:14px;height:14px}.waypoint-hud button{background:none;border:0;font-size:19px;color:#a3b1a7;padding:0 3px}
/* Compact skill dock and vitals */
.action-dock{position:fixed;z-index:5;left:50%;bottom:21px;transform:translateX(-50%);display:flex;align-items:flex-end;gap:12px;max-width:calc(100vw - 32px);pointer-events:none}.action-dock button{pointer-events:auto}.bar{width:458px;flex-shrink:0;padding:12px 13px 9px;background:linear-gradient(#142026f5,#091219f5);border:1px solid #a88d595e;border-radius:7px;box-shadow:0 10px 40px #0008,inset 0 1px #d3b47c13}.identity{display:flex;align-items:center;gap:12px;font-size:9px;line-height:1.3;margin-bottom:10px;color:#93a69e}.identity strong{font-weight:500;color:#d5d8c8;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.identity #level{color:#a6b69f;border-left:1px solid #a08e5d3d;padding-left:10px}.gold-stat{margin-left:auto;display:flex;align-items:center;gap:6px;color:#ccb17e;font-size:9px}.gold-stat .ui-icon{width:12px;height:12px}.skills{display:grid;grid-template-columns:repeat(4,1fr) repeat(2,.78fr);gap:7px}.skills button{position:relative;height:65px;border:1px solid #a48e5b48;border-radius:4px;background:linear-gradient(155deg,#223236,#111c22);overflow:hidden;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:6px 3px 2px;box-shadow:inset 0 0 12px #050b1033}.skills button:before{content:'';position:absolute;inset:0;pointer-events:none;background:conic-gradient(from 0deg,#03070cce calc(var(--cooldown,0)*1turn),transparent 0);z-index:1}.skills button:hover{border-color:#d8bd85;background:#2d3e3d}.skill-icon .ui-icon{width:27px;height:27px;filter:drop-shadow(0 2px 4px #0005);color:#d6c192}.skills button[data-skill=nova] .ui-icon{color:#93c9ca}.skills button[data-skill=heal] .ui-icon{color:#96c29a}.skill-name{display:block;font-size:7px;margin-top:3px;color:#a8b4aa;white-space:nowrap}.skills kbd{position:absolute;bottom:4px;left:5px;z-index:2;font-size:7px;color:#d1c3a0;line-height:1;letter-spacing:.5px}.skills .count{position:absolute;bottom:3px;right:5px;font-size:11px;font-weight:500;color:#e5e2d0;z-index:2}.cooldown-number{position:absolute;z-index:2;top:12px;left:0;right:0;text-align:center;color:#f0e6d3;font-size:18px;text-shadow:0 2px 5px #000}.potion-slot.health .ui-icon{color:#cc8070}.potion-slot.essence .ui-icon{color:#80b8d0}.skills [data-empty=true] .skill-icon{opacity:.3}.xp{height:3px;background:#26312e;margin-top:9px;overflow:hidden;border-radius:2px}.xp div{height:100%;background:linear-gradient(90deg,#7a6948,#e1c286);box-shadow:0 0 10px #d9b77866;transition:width .4s}.vital{width:175px;flex-shrink:1;padding:12px 13px 10px;background:linear-gradient(135deg,#111b23f2,#0a1219e8);border:1px solid #a18d5e39;border-radius:6px;box-shadow:0 7px 30px #0006}.vital-title{display:flex;align-items:center;gap:6px}.vital-title .ui-icon{height:15px;width:15px;color:#d18b78}.vital-title small{font-size:7px;letter-spacing:1.5px;color:#b89889}.vital-title>span{margin-left:auto;font-size:8px;color:#827f79;white-space:nowrap}.vital-title b{font-size:12px;font-weight:500;color:#f0d5c4}.vital-track{height:9px;margin-top:9px;border-radius:2px;background:#23191c;box-shadow:inset 0 2px 5px #0009;overflow:hidden}.vital-track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#6a332d,#b96451 80%,#e3a385);transition:width .2s;box-shadow:0 0 10px #e48b6533}.vital-caption{font-size:6px;letter-spacing:1px;color:#6e807d;margin-top:9px;white-space:nowrap}.mana .vital-title .ui-icon{color:#7aafc1}.mana .vital-title small{color:#8ea7ad}.mana .vital-title b{color:#c5e2e8}.mana .vital-track{background:#14222b}.mana .vital-track i{background:linear-gradient(90deg,#28536b,#5b99b0 80%,#abd0d9)}
/* Notices and boss UI */
#graphics-status{position:fixed;z-index:2;left:28px;bottom:22px;font-size:7px;letter-spacing:1.5px;color:#748b80;max-width:160px;pointer-events:none}#toast{position:fixed;z-index:8;top:89px;left:50%;transform:translateX(-50%);max-width:min(80vw,580px);padding:12px 23px;background:#111e24f0;border:1px solid #bfa16b59;border-radius:5px;color:#e2c994;font-size:12px;line-height:1.5;opacity:0;transition:opacity .3s;pointer-events:none;box-shadow:0 6px 30px #0005}#prompt{position:fixed;z-index:4;bottom:150px;left:50%;transform:translateX(-50%);font-size:10px;color:#edd7a7;text-shadow:0 2px 4px #000,0 0 10px #000;pointer-events:none;white-space:nowrap}#boss-panel{position:fixed;z-index:4;top:88px;left:50%;transform:translateX(-50%);width:min(440px,44vw);padding:12px 17px 7px;background:linear-gradient(120deg,#101820ed,#192427ed);border:1px solid #a1865363;border-radius:4px;box-shadow:0 10px 40px #0005;pointer-events:none}.boss-heading{display:flex;align-items:center;gap:9px;margin-bottom:8px}.boss-heading strong{font:16px var(--serif);color:#e6d0a5}.boss-ornament{font-size:9px;color:#d2a264}#boss-phases{margin-left:auto;font-size:7px;letter-spacing:1px;white-space:nowrap;color:#b5a587}#boss-health{position:relative;height:12px;background:#0a1015;border:1px solid #ad915840;overflow:hidden}#boss-health-fill,#boss-health-trail{position:absolute;inset:0 auto 0 0;width:100%}#boss-health-fill{background:linear-gradient(#af6656,#733c36)}#boss-health-trail{background:#cfac73;opacity:.6}#boss-health-number{position:absolute;inset:0;text-align:center;font-size:8px;line-height:10px;color:#f0d8b6;text-shadow:0 1px 3px #000}#boss-thresholds i{position:absolute;inset:0 auto 0;border-left:1px solid #e5c89166}#boss-cast{font-size:8px;text-align:center;height:12px;line-height:12px;color:#bfab81;margin-top:5px}#boss-panel[data-theme=swamp] #boss-health-fill{background:linear-gradient(#7fa263,#42614b)}#boss-warning{position:fixed;z-index:4;top:181px;left:50%;transform:translateX(-50%);padding:9px 16px;background:#2a1b18ed;border:1px solid #cb92666b;border-radius:4px;color:#ebc99a;font-size:11px;max-width:80vw;text-align:center;pointer-events:none}#boss-warning[data-theme=swamp]{background:#15251dec;border-color:#8da86988;color:#cfdfa6}[data-boss=true] #toast{top:219px}
/* Account entrance */
#connect{position:fixed;z-index:30;inset:0;overflow-y:auto;background:#080e13 url('assets/ui/last-lantern-entry-v1.jpg') 36% center/cover no-repeat}.entry-shell{position:relative;isolation:isolate;min-height:100dvh;display:grid;grid-template-columns:1fr 430px;gap:9vw;align-items:center;padding:110px 7vw 80px}.entry-shell:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03090d3d,#03090d15 38%,#03090dc9 73%,#03090df0),linear-gradient(0deg,#03090deb,transparent 60%,#03090d75)}.entry-brand{position:absolute;top:34px;left:7vw;display:flex;gap:12px;align-items:center}.entry-brand .sigil{width:40px;height:46px}.entry-brand h1{font:20px var(--serif);letter-spacing:7px}.entry-brand small{font-size:7px;letter-spacing:3px;display:block;margin-top:5px;color:#c5b58e}.entry-story{align-self:end;margin-bottom:7vh;max-width:620px}.entry-story .eyebrow{display:block;color:#d7b981;font-size:8px;letter-spacing:3px;margin-bottom:18px}.entry-story h2{font:clamp(39px,4.8vw,70px)/1.08 var(--serif);letter-spacing:-1px;text-wrap:balance;text-shadow:0 3px 25px #000;color:#eee9db}.entry-story h2 em{font-style:normal;color:#d9ba80}.entry-story>p{max-width:380px;font-size:12px;line-height:1.9;color:#b9c0b6;margin:22px 0 27px;text-shadow:0 1px 10px #000}.entry-traits{display:flex;gap:24px}.entry-traits span{border-left:1px solid #c4a46a5e;padding-left:12px;font-size:7px;letter-spacing:1.2px;color:#c9b387}.entry-traits b{display:block;font-weight:500;color:#d8e0d6;font-size:10px;letter-spacing:0;margin-bottom:5px}.entry-footer{position:absolute;left:7vw;bottom:25px;right:7vw;display:flex;justify-content:space-between;font-size:8px;color:#899287;letter-spacing:.5px}.join-card{padding:31px 33px 27px;background:linear-gradient(145deg,#152027e6,#0a1218f2);border:1px solid #a48c5b65;border-radius:9px;box-shadow:0 25px 100px #0007,inset 0 1px #d2b27b17;backdrop-filter:blur(16px)}.join-card>.eyebrow{font-size:7px;letter-spacing:2px;color:#a58f67}.join-card h2{font:29px var(--serif);color:#e7ddc7;margin-top:11px}.join-intro{font-size:11px;line-height:1.7;color:#91a29f;margin:9px 0 23px}.auth-tabs{display:flex;gap:0;border-bottom:1px solid #a78d542e;margin-bottom:23px}.auth-tabs button{flex:1;background:transparent;border:0;border-bottom:2px solid transparent;font-size:10px;color:#83958f;padding:11px 4px;margin-bottom:-1px}.auth-tabs button[aria-selected=true]{border-bottom-color:#c6a874;color:#e2cfaa}.join-card label{display:block;color:#a7b3ab;font-size:8px;letter-spacing:1.3px;margin:16px 0 8px}.join-card input{display:block;width:100%;height:46px;padding:0 13px;border:1px solid #a5915e38;border-radius:4px;background:#060e14b5;outline-offset:2px;font-size:12px;color:#e0e5dc;box-shadow:inset 0 2px 8px #0003}.join-card input::placeholder{color:#52665f}.join-card input:focus{border-color:#c6a36d99}.password-field{position:relative}.password-field input{padding-right:49px}.password-toggle{position:absolute;right:1px;top:1px;width:44px;height:44px;background:none;border:0;color:#748d85}.password-toggle:hover{background:transparent;color:#d5be92}.password-toggle .ui-icon{width:17px;height:17px}.field-help{font-size:8px;color:#6c8179;line-height:1.6;margin:7px 0}.auth-primary{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px;width:100%;height:47px;border:1px solid #e2bf8099;border-radius:4px;background:linear-gradient(110deg,#c0a16a,#ddbd85);color:#1b251f;font-size:11px;font-weight:600;letter-spacing:.6px;box-shadow:0 6px 25px #b9965220}.auth-primary:hover{background:linear-gradient(110deg,#d9b97e,#ead0a3);border-color:#e9d4ab}.auth-primary .ui-icon{width:15px;height:15px}.auth-divider{display:flex;align-items:center;gap:12px;font-size:7px;letter-spacing:1px;color:#58716b;margin:19px 0 12px}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:#a48c5b28}.auth-guest{width:100%;border:0;background:none;color:#a7b9ad;font-size:10px;padding:8px}.auth-guest:hover{background:#a68c5710;color:#e0cb9f}.join-card .session-note{font-size:8px;color:#789086;line-height:1.8;text-align:center;margin:17px 5px 0}.join-card #connect-error{font-size:10px;line-height:1.6;color:#e0a38b;min-height:0;margin:12px 0 0}.join-card #connect-error:empty{display:none}.join-card[data-mode=login] .name-field,.join-card[data-mode=login] #register-button,.join-card[data-mode=login] #join-button,.join-card[data-mode=register] #login-button,.join-card[data-mode=register] #join-button,.join-card[data-mode=guest] .account-field,.join-card[data-mode=guest] #login-button,.join-card[data-mode=guest] #register-button{display:none}.join-card[data-mode=guest] .auth-tabs{display:none}#connection-banner{position:fixed;z-index:35;top:90px;left:50%;transform:translateX(-50%);padding:13px 22px;border-radius:5px;border:1px solid #ba9d6266;background:#201e17f2;color:#dfcd9e;font-size:11px}
[data-screen=entry] .game-header,[data-screen=entry] .location,[data-screen=entry] .quests,[data-screen=entry] footer,[data-screen=entry] .mini-map-open,[data-screen=entry] #waypoint-hud,[data-screen=entry] #graphics-status,[data-screen=entry] #prompt,[data-screen=entry] #toast,[data-screen=entry] #boss-panel,[data-screen=entry] #boss-warning,[data-screen=entry] #world{visibility:hidden;pointer-events:none}
.join-card #connect-error[data-tone=success]{color:#9dbfa6}.join-card #connect-error[data-tone=notice]{color:#c4b68f}
/* Cinematic loading / recoverable graphics error */
#graphics-gate{position:fixed;z-index:50;inset:0;background:#070e13 url('assets/ui/last-lantern-entry-v1.jpg') 36% center/cover no-repeat;overflow:hidden}.loading-scrim{position:absolute;inset:0;background:linear-gradient(0deg,#040b10f5,transparent 80%),linear-gradient(90deg,#040b1075,transparent 65%)}.loading-brand{position:absolute;top:46px;left:56px;display:grid;grid-template-columns:50px 1fr;column-gap:15px;align-items:center}.loading-sigil{grid-row:span 2;border:1px solid #c2a66b6b;width:48px;height:58px;display:grid;place-items:center;font:39px var(--serif);color:#dec58f;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.loading-brand h1{font:24px var(--serif);letter-spacing:8px;color:#e9dfc9}.loading-brand small{font-size:7px;letter-spacing:3px}.loading-content{position:absolute;left:56px;bottom:83px;max-width:490px;right:35px}.loading-content>.eyebrow{font-size:8px;letter-spacing:3px}.loading-content h2{font:clamp(26px,3vw,39px)/1.22 var(--serif);margin:14px 0 12px;color:#efdfbe;text-wrap:balance}.loading-content>p{font-size:11px;color:#a8b5ad}.loading-progress{margin-top:30px}.loading-progress-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#b5bda7;letter-spacing:.3px;margin-bottom:10px}.loading-progress-top b{font-size:11px;color:#d3bc8a;font-weight:400}#loading-track{height:3px;border-radius:2px;background:#d4b97d22;overflow:hidden}#loading-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#806f48,#eed8a1);box-shadow:0 0 16px #e1bf70;transition:width .35s ease}.loading-content .loading-tip{font-size:9px;color:#738b7e;margin-top:21px;max-width:400px;line-height:1.7}.loading-chapter{position:absolute;right:50px;bottom:35px;color:#a8a889;font-size:8px;letter-spacing:2px;display:flex;align-items:center;gap:13px}.loading-chapter i{display:block;width:30px;height:1px;background:#9a8b61}#graphics-retry{padding:12px 25px;margin-top:21px;color:#1c281e;background:#cfb37b;border:1px solid #e6d1a0;border-radius:3px}#graphics-gate[data-error=true] .loading-progress{display:none}#graphics-gate[data-error=true] .loading-content h2{color:#e8c59d}
/* Shared modals */
dialog{position:relative;background:linear-gradient(135deg,#17242bf7,#0b141bf7);border:1px solid #9b855470;border-radius:9px;padding:35px;color:#c7d1c7;width:90%;max-width:700px;max-height:86dvh;overflow:auto;box-shadow:0 25px 120px #000a}dialog::backdrop{background:#02090dd6;backdrop-filter:blur(5px)}#close{position:absolute;top:12px;right:14px;margin:0;width:31px;height:31px;background:#101c22;border:1px solid #a68b542e;border-radius:4px;color:#a6b0a3;font-size:20px;line-height:1;z-index:6}dialog small{font-size:8px;letter-spacing:1.4px}dialog h2{font:27px var(--serif);color:#e0c99d;margin:12px 30px 15px 0}dialog h3{font:17px var(--serif);color:#cdb585;margin:23px 0 12px}dialog p{font-size:12px;color:#a8b9ad;margin:12px 0}dialog button{padding:10px 17px;border-radius:4px;font-size:11px;margin-top:12px}dialog ul.gear,dialog ul.forge{list-style:none;padding:0;margin:0;max-height:43vh;overflow:auto}dialog ul.gear li,dialog ul.forge li{padding:13px 0;border-bottom:1px solid #a68b5427;line-height:1.8;font-size:12px}dialog ul.gear button,dialog ul.forge button{margin:5px 0 0 7px;padding:6px 11px;font-size:10px}dialog ul.gear li small,dialog ul.forge li small{letter-spacing:.2px;font-size:10px;color:#7f9a8c}
/* Atlas */
dialog:has(.world-map){padding:0;max-width:1440px;width:95vw;height:min(860px,91dvh);max-height:91dvh;overflow:hidden;background:#0a141a}dialog:has(.world-map) #content{height:100%}dialog:has(.world-map) #close{top:19px;right:21px}.world-map{height:100%;display:flex;flex-direction:column}.atlas-heading{display:flex;align-items:center;gap:17px;padding:23px 30px 20px;border-bottom:1px solid #c1a26a2c;background:linear-gradient(90deg,#17252a,#0c171e)}.atlas-heading>.ui-icon{width:31px;height:31px;color:#bead83}.atlas-heading small{font-size:7px;letter-spacing:2px;color:#8c9f96}.atlas-heading h2{font:22px var(--serif);margin:6px 0 0;color:#e7d5b2}.atlas-coordinate{margin-left:auto;font-size:8px;letter-spacing:1px;color:#7b9c8e;padding-right:45px}.atlas-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 245px;flex:1;min-height:0}.atlas-sidebar{padding:23px 16px;background:#0d1920;border-right:1px solid #c1a26a25;overflow:auto}.atlas-sidebar>.eyebrow,.atlas-details>.eyebrow{display:block;font-size:7px;color:#6e8a7d;letter-spacing:1.5px;margin-bottom:14px}.region-tabs{display:flex;flex-direction:column;gap:8px}.region-tabs button{margin:0;text-align:left;padding:13px 12px;background:#102027;border:1px solid #b19a6325;border-radius:5px;position:relative;line-height:1.55}.region-tabs button>b{display:block;font:12px var(--serif);color:#b5c4b8}.region-tabs button small{font-size:8px;letter-spacing:.4px;display:block;color:#698d7b;margin-top:6px}.region-tabs [aria-pressed=true]{border-color:#c4a66c87;background:linear-gradient(110deg,#26382f,#17292a)}.region-tabs [aria-pressed=true]>b{color:#e5ce9f}.region-tabs [aria-pressed=true]:before{content:'';position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#d2b77f}.atlas-filters{display:flex;flex-direction:column;gap:7px;margin-top:27px}.atlas-filters button{display:flex;align-items:center;gap:10px;text-align:left;margin:0;padding:7px 0;border:0;background:none;color:#76988b;font-size:9px}.atlas-filters button[aria-pressed=true]{color:#c5d3c4}.atlas-filter-dot{width:6px;height:6px;display:block;border:1px solid currentColor;transform:rotate(45deg)}.atlas-filters [aria-pressed=true] .atlas-filter-dot{background:currentColor}.atlas-stats{border-top:1px solid #a28d5726;margin-top:22px;padding-top:17px;color:#668575;font-size:8px;line-height:2}.atlas-main{position:relative;min-width:0;overflow:hidden;background:#101e20}.atlas-toolbar{position:absolute;z-index:2;left:20px;right:20px;top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.atlas-toolbar span{padding:7px 10px;border:1px solid #a38e5928;background:#08141ac4;border-radius:3px;font-size:8px;letter-spacing:1px;color:#aeb9a2}.atlas-toolbar .atlas-level{color:#ceb785}.region-chart{height:100%;min-height:260px;display:grid;place-items:center}.region-chart svg{width:100%;height:100%;max-height:100%;display:block}.region-chart text{font:12px var(--sans);paint-order:stroke;stroke:#0e1c20;stroke-width:3.5px;stroke-linejoin:round}.region-chart .atlas-marker{cursor:pointer;outline:none}.region-chart .atlas-marker:hover .marker-halo,.region-chart .atlas-marker:focus .marker-halo{stroke:#f6d99b;stroke-width:2.5;fill:#e2bc631f}.map-north{position:absolute;bottom:22px;left:24px;width:35px;height:52px;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:8px;color:#b6ac83;pointer-events:none}.map-north:after{content:'';display:block;width:15px;height:29px;background:linear-gradient(90deg,#b6a26f 50%,#465d52 50%);clip-path:polygon(50% 0,100% 100%,50% 77%,0 100%)}.map-scale{position:absolute;right:23px;bottom:22px;font-size:7px;color:#7c9b87;border-bottom:1px solid #9da16c70;padding-bottom:7px;min-width:75px;text-align:center;letter-spacing:.4px}.atlas-details{border-left:1px solid #c1a26a25;background:#0d1920;padding:23px 20px;overflow-y:auto}.atlas-details h3{font:19px/1.25 var(--serif);color:#dec99e;margin:0 0 13px}.atlas-details>p{font-size:10px;color:#8caa98;line-height:1.8;margin:10px 0 16px}.atlas-region-art{height:99px;margin:-3px -3px 18px;border:1px solid #b69a5d36;border-radius:4px;background:linear-gradient(0deg,#0b1a1dd9,transparent),url('assets/ui/last-lantern-entry-v1.jpg') 10% 50%/cover}.atlas-details small{font-size:7px;letter-spacing:1px;color:#789782}.atlas-details .atlas-objective{padding:12px 0;border-block:1px solid #ae955e2c;margin:20px 0;font-size:10px;line-height:1.8;color:#b3bd9e}.atlas-objective b{font-weight:500;color:#dcc28e;display:block;margin-bottom:7px}.atlas-track{width:100%;margin-top:15px;display:flex;justify-content:center;align-items:center;gap:9px;padding:11px 9px;border:1px solid #b7a06b66;background:#25372e;color:#d9caa2;font-size:9px}.atlas-track .ui-icon{width:14px;height:14px}.portal-routes{list-style:none;padding:0;margin:12px 0}.portal-routes li{padding:11px 0;border-bottom:1px solid #9d8a5628;display:flex;gap:10px;line-height:1.65}.portal-routes b{font-size:9px;font-weight:500;color:#b8c8b7}.portal-routes small{display:block;font-size:8px;letter-spacing:0;color:#6d8b7b;margin-top:5px}.portal-dot{color:#87cbb4;font-size:9px}.portal-dot.locked{color:#bc8eae}.atlas-footer{display:flex;align-items:center;gap:24px;padding:12px 25px;border-top:1px solid #b9a26825;background:#0d1920;color:#718d7e;font-size:8px;letter-spacing:.3px}.atlas-footer span:last-child{margin-left:auto;color:#a79367}.atlas-footer kbd{color:#c5b587;font-size:8px}.atlas-footer i{display:inline-block;width:5px;height:5px;background:#8fbeaa;transform:rotate(45deg);margin-right:7px}.atlas-footer .locked{background:#bd8ca5}
.quest-heading button{pointer-events:auto;display:grid;place-items:center;margin-left:auto;background:transparent;border:0;padding:2px;color:#a7aa91}.quest-heading button .ui-icon{width:13px;height:13px;transform:rotate(90deg)}.quests[data-collapsed=true] .quest-heading button .ui-icon{transform:rotate(-90deg)}.quests[data-collapsed=true]>h3,.quests[data-collapsed=true]>p,.quests[data-collapsed=true]>#progress,.quests[data-collapsed=true] .journey{display:none}
/* Smaller screens and motion preferences */
@media(max-width:1200px){.build{display:none}.game-header{gap:14px}.game-nav{margin-left:auto}.nav-button{padding:0 10px}.nav-button>span{display:none}.quests{width:215px}.atlas-layout{grid-template-columns:175px minmax(0,1fr) 215px}.atlas-details{padding:20px 16px}.atlas-heading{padding:20px 23px}.entry-shell{gap:6vw;padding-inline:5vw;grid-template-columns:1fr 400px}.entry-brand{left:5vw}.entry-footer{left:5vw;right:5vw}.entry-story h2{font-size:51px}.vital{width:150px}.bar{width:430px}}
@media(max-width:900px){.entry-shell{display:block;padding:135px 25px 70px}.entry-story{margin:0 auto 25px;max-width:430px}.entry-story h2{font-size:34px;line-height:1.15}.entry-story .eyebrow{margin-bottom:12px}.entry-story>p,.entry-traits{display:none}.join-card{max-width:430px;margin:auto}.entry-brand{left:27px;top:28px}.entry-footer{left:27px;right:27px;font-size:7px}.entry-footer span:last-child{display:none}.entry-shell:before{background:linear-gradient(0deg,#03090df0,#03090d66 65%,#03090d66)}.atlas-layout{grid-template-columns:145px minmax(0,1fr)}.atlas-details{display:none}.atlas-sidebar{padding:20px 11px}.atlas-heading h2{font-size:19px}.region-tabs button>b{font-size:11px}.atlas-coordinate{font-size:7px}.atlas-footer{gap:13px;font-size:7px}.atlas-footer span:last-child{display:none}}
@media(max-width:850px){.game-header{padding:15px 17px;gap:10px}.sigil{width:29px;height:36px;font-size:26px}.brand{gap:8px}.brand h1{font-size:15px;letter-spacing:3px}.brand small{font-size:5px;letter-spacing:1.7px}.game-nav{gap:5px}.nav-button{height:34px;padding:0 9px}.nav-button .ui-icon{width:16px;height:16px}.nav-button kbd{display:none}.game-nav .audio-settings summary{height:34px;padding:10px;font-size:8px}.game-nav #help{display:none}.location{top:80px;left:19px;max-width:calc(100vw - 205px)}.location h2{font-size:20px}.location p{font-size:9px}.location>span{font-size:6px;letter-spacing:2px}.quests{top:174px;left:18px;width:190px;padding:14px}.quests h3{font-size:15px}.quests>p{font-size:10px;-webkit-line-clamp:3}.quest-heading small{font-size:6px;letter-spacing:1px}.mini-map-open{top:77px;right:12px;width:162px;height:173px}.mini-caption b{font-size:7px;max-width:115px}.waypoint-hud{top:260px;right:13px;max-width:175px;font-size:9px}.action-dock{display:grid;grid-template-areas:'health mana' 'bar bar';grid-template-columns:1fr 1fr;gap:7px;bottom:10px;width:min(530px,calc(100vw - 26px));align-items:end}.vital{grid-area:health;justify-self:start;width:155px;padding:9px 11px 7px;background:#0b151de8}.vital.mana{grid-area:mana;justify-self:end}.vital-caption{display:none}.vital-track{height:6px;margin-top:6px}.bar{grid-area:bar;width:100%;padding:9px 11px 7px}.identity{font-size:8px;margin-bottom:8px}.skills{gap:6px}.skills button{height:56px}.skill-icon .ui-icon{width:23px;height:23px}.skill-name{font-size:6px}.skills kbd{font-size:6px}.xp{margin-top:7px}.gold-stat{font-size:8px}#prompt{bottom:170px;font-size:9px}#graphics-status{bottom:190px;left:18px;font-size:6px;max-width:135px}#boss-panel{top:77px;left:50%;width:44vw;padding:10px 12px 5px}.boss-heading strong{font-size:13px}#boss-phases{font-size:6px}#boss-warning{top:160px;font-size:9px}.loading-brand{left:30px;top:32px}.loading-content{left:30px;bottom:75px}.loading-chapter{right:28px;bottom:25px;font-size:7px}.loading-brand h1{font-size:20px}.loading-content h2{font-size:30px}}
@media(max-width:620px){header .sigil{display:grid}.brand small{display:none}.brand h1{font-size:12px;letter-spacing:2px}.brand{gap:6px}.sigil{width:25px;height:31px;font-size:23px}.game-header{padding:13px 12px}.nav-button{height:31px;padding:0 7px}.game-nav .audio-settings summary{height:31px;padding:10px 7px;font-size:7px}.game-nav #inventory{font-size:inherit}.game-nav #inventory:after{display:none}.location{top:70px;left:15px;max-width:calc(100vw - 165px)}.location h2{font-size:18px;line-height:1.2}.location p{display:none}.quests{top:139px;left:14px;width:160px;padding:12px 11px}.quest-heading .ui-icon{display:none}.quests h3{font-size:13px;margin:10px 0 7px}.quests>p{font-size:9px;-webkit-line-clamp:3}.quests .journey{display:none}#progress{font-size:8px;margin-top:10px}.mini-map-open{top:67px;right:8px;width:140px;height:152px}.mini-caption{gap:5px;padding:6px}.mini-caption b{font-size:6px;max-width:100px}.mini-caption .ui-icon{width:10px;height:10px}.mini-north{font-size:7px}.waypoint-hud{top:230px;right:10px;font-size:8px;max-width:145px;padding:8px}.action-dock{bottom:7px;gap:5px}.vital{width:130px;padding:7px 9px 6px}.vital-title small{font-size:6px;letter-spacing:1px}.vital-title>span{font-size:7px}.vital-title b{font-size:10px}.vital-title .ui-icon{width:12px;height:12px}.bar{padding:8px}.identity{font-size:7px}.identity strong{max-width:145px}.identity #level{padding-left:7px}.skills{gap:4px}.skills button{height:51px}.skill-name{font-size:5px}.skill-icon .ui-icon{width:21px;height:21px}.skills .count{font-size:9px}.gold-stat .ui-icon{width:10px;height:10px}.gold-stat{font-size:7px}#prompt{bottom:150px;font-size:8px;max-width:90vw;white-space:normal;text-align:center}#graphics-status{display:none}#toast{top:66px;font-size:10px;max-width:92vw;padding:10px 15px}#boss-panel{top:70px;left:15px;right:15px;width:auto;transform:none}[data-boss=true] .location{display:none}[data-boss=true] .quests{top:165px}.boss-heading strong{font-size:13px}#boss-warning{top:146px;font-size:9px;width:calc(100vw - 30px)}[data-boss=true] #toast{top:194px}.entry-shell{padding:115px 20px 60px}.entry-story h2{font-size:28px}.join-card{padding:25px}.join-card h2{font-size:26px}.entry-footer{left:22px}.entry-brand{left:22px;top:25px}.entry-story .eyebrow{font-size:6px;letter-spacing:2px}.loading-brand{left:23px;top:27px}.loading-content{left:24px;right:24px;bottom:70px}.loading-content h2{font-size:27px}.loading-content .loading-tip{font-size:8px}.loading-chapter{font-size:6px;right:24px}.loading-brand h1{font-size:18px}.loading-brand small{font-size:6px}.loading-sigil{width:36px;height:45px;font-size:30px}.loading-brand{grid-template-columns:36px 1fr;column-gap:13px}dialog{padding:28px 22px;width:94%}dialog h2{font-size:23px}dialog:has(.world-map){width:97vw;height:93dvh;max-height:93dvh}.atlas-heading{padding:19px 17px;gap:10px}.atlas-heading>.ui-icon{width:24px;height:24px}.atlas-heading h2{font-size:15px;margin-right:30px}.atlas-heading small{font-size:6px;letter-spacing:1.5px}.atlas-coordinate{display:none}.atlas-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.atlas-sidebar{border-right:0;border-bottom:1px solid #c1a26a25;padding:11px 13px;overflow:visible}.atlas-sidebar>.eyebrow,.atlas-filters,.atlas-stats{display:none}.region-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.region-tabs button{padding:9px 6px}.region-tabs button>b{font-size:9px;line-height:1.35}.region-tabs button small{font-size:6px;letter-spacing:0;line-height:1.4;margin-top:5px}.atlas-footer{padding:10px 14px;gap:12px;font-size:6px}.atlas-toolbar{left:13px;right:13px;top:12px}.atlas-toolbar span{font-size:6px;padding:6px 7px}.region-chart text{font-size:15px}.map-scale{font-size:6px;right:17px;bottom:18px}.map-north{left:15px;bottom:19px}dialog:has(.world-map) #close{right:13px;top:13px;width:27px;height:27px}.atlas-compact-info{position:absolute;bottom:14px;left:65px;right:105px;font-size:8px;line-height:1.5;color:#bbbd9f;background:#0a1820cc;padding:8px;border:1px solid #ba9d5c30;border-radius:3px}}
@media(min-width:901px){.atlas-compact-info{display:none}}
@media(max-height:650px){.entry-shell{padding-top:95px;padding-bottom:50px}.entry-story{margin-bottom:0}.join-card{padding:23px 27px}.join-intro{margin-bottom:14px}.auth-tabs{margin-bottom:14px}.join-card label{margin-top:12px}.join-card input{height:39px}.password-toggle{height:37px}.auth-primary{height:40px;margin-top:17px}.auth-divider{margin:12px 0 7px}.join-card .session-note{margin-top:10px}.entry-footer{bottom:16px}.quests{top:168px}.quests .journey{display:none}.location{top:80px}.location p{display:none}.action-dock{bottom:9px}.skills button{height:49px}.vital-caption{display:none}.mini-map-open{height:155px;top:75px}.mini-caption{padding:5px}.waypoint-hud{top:241px}.loading-content{bottom:60px}.loading-brand{top:26px}.loading-content h2{font-size:27px}.loading-progress{margin-top:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(min-width:621px) and (max-width:900px){.atlas-compact-info{position:absolute;bottom:15px;left:67px;right:99px;font-size:9px;line-height:1.6;color:#c4c4a3;background:#0a1820ed;padding:11px;border:1px solid #ba9d5c30;border-radius:4px}.atlas-compact-info .atlas-track{padding:8px;margin-top:9px}}

.graphics-quality-control{display:flex;align-items:center;gap:5px;color:#b6baa9;font-size:10px}.graphics-quality-control select{max-width:100px;background:#101d23;color:#dfd4b7;border:1px solid #6c6547;border-radius:4px;padding:5px;font:inherit;font-size:11px}@media(max-width:850px){.graphics-quality-control{font-size:0;gap:0}.graphics-quality-control select{max-width:80px;font-size:10px}}