:root{color-scheme:dark;--bg:#100b0d;--glass:rgba(15,13,16,.83);--line:rgba(255,255,255,.12);--ink:#f5efe7;--muted:#9f9694;--crimson:#b7394e;--gold:#d6a953;--green:#5d9b72;--blue:#5790ba}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090708;color:var(--ink)}button,input{font:inherit}.game-shell{position:fixed;inset:0;overflow:hidden;background:#27211a}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.world-atmosphere{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,8,10,.18),transparent 28%,transparent 72%,rgba(8,6,7,.48)),radial-gradient(circle at 50% 45%,transparent 35%,rgba(5,4,5,.34));mix-blend-mode:multiply}.glass{border:1px solid var(--line);background:var(--glass);box-shadow:0 14px 45px rgba(0,0,0,.26);backdrop-filter:blur(13px)}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;height:70px;display:flex;align-items:center;gap:14px;padding:0 18px;border-width:0 0 1px}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.brand img{width:31px;height:31px}.brand span{display:grid}.brand b{font-size:12px;letter-spacing:.05em}.brand em{color:#dd6678;font-family:Georgia,serif;font-size:11px;font-style:italic}.zone-title{position:absolute;left:50%;display:grid;transform:translateX(-50%);text-align:center}.zone-title small{color:var(--gold);font-size:7px;font-weight:900;letter-spacing:.16em}.zone-title strong{margin-top:3px;font-family:Georgia,serif;font-size:16px;font-weight:500}.server-state{display:flex;align-items:center;gap:7px;margin-left:auto;padding:7px 9px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:8px}.server-state i{width:6px;height:6px;border-radius:50%;background:#65ca8f;box-shadow:0 0 10px #65ca8f}.server-state b{color:var(--ink)}.icon-button,.exit-button{display:grid;height:34px;min-width:34px;place-items:center;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.04);color:var(--ink);text-decoration:none;font-size:10px}.exit-button{padding:0 11px}.left-panel{position:absolute;z-index:8;top:84px;bottom:104px;left:14px;width:285px;overflow:auto;border-radius:16px}.character-card{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;padding:13px;border-bottom:1px solid var(--line)}.portrait{position:relative;display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(214,169,83,.35);border-radius:15px;background:linear-gradient(145deg,#3c4044,#1b1b1d);font-family:Georgia,serif;font-size:21px}.portrait>i{position:absolute;right:-3px;bottom:-3px;display:grid;width:21px;height:21px;place-items:center;border:2px solid #171316;border-radius:7px;background:var(--crimson);font-size:10px}.character-card>div:last-child{display:grid}.character-card small{color:var(--gold);font-size:7px;font-weight:900;letter-spacing:.09em}.character-card strong{margin:3px 0;font-size:13px}.character-card span{color:var(--muted);font-size:8px}.character-card span b{color:var(--ink)}.resource,.xp-row{display:grid;grid-template-columns:25px 1fr 67px;gap:7px;align-items:center;padding:8px 13px 0;font-size:7px}.resource>span,.xp-row>span{color:#e57982;font-weight:900}.resource>div,.xp-row>div{height:6px;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.08)}.resource i,.xp-row i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#8e2437,#dd5265);transition:width .25s}.resource>b,.xp-row>b{color:var(--muted);font-weight:600;text-align:right}.resource.mana>span{color:#75a8d7}.resource.mana i{background:linear-gradient(90deg,#31628e,#67a3da)}.xp-row{padding-bottom:11px;border-bottom:1px solid var(--line)}.xp-row>span{color:var(--gold)}.xp-row i{width:0;background:linear-gradient(90deg,#9e7225,#efc569)}.panel-nav{display:grid;padding:8px}.panel-nav button{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;min-height:36px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:var(--muted);text-align:left}.panel-nav button:hover,.panel-nav button.active{background:rgba(183,57,78,.13);color:var(--ink)}.panel-nav button>span{color:#d27887;font-size:13px}.panel-nav b{font-size:9px}.panel-nav em{font-size:7px;font-style:normal}.panel-content{padding:0 12px 13px}.panel-content h3{margin:5px 0 9px;font-size:10px}.quest,.party-member,.inventory-item,.skill-row,.zone-option{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.07)}.quest>span,.party-member>span,.inventory-item>span,.skill-row>span,.zone-option>span{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;background:rgba(255,255,255,.07);color:var(--gold);font-size:11px}.quest div,.party-member div,.inventory-item div,.skill-row div,.zone-option div{display:grid;min-width:0}.quest b,.party-member b,.inventory-item b,.skill-row b,.zone-option b{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.quest small,.party-member small,.inventory-item small,.skill-row small,.zone-option small{margin-top:3px;color:var(--muted);font-size:7px}.quest em,.party-member em,.inventory-item em,.skill-row em,.zone-option em{color:var(--gold);font-size:7px;font-style:normal}.panel-action{width:100%;min-height:32px;margin-top:8px;border:1px solid rgba(183,57,78,.38);border-radius:8px;background:rgba(183,57,78,.16);color:#f2c9cf;font-size:8px;font-weight:800}.right-hud{position:absolute;z-index:7;top:84px;right:14px;display:grid;width:220px;gap:9px}.minimap,.event-card,.target-card{overflow:hidden;border-radius:13px}.minimap canvas{display:block;width:100%;height:150px}.minimap>div{display:flex;justify-content:space-between;padding:8px 10px;border-top:1px solid var(--line);font-size:7px}.minimap span{color:var(--muted)}.event-card,.target-card{padding:12px}.event-card small,.target-card small{color:#e46d7f;font-size:7px;font-weight:900;letter-spacing:.1em}.event-card strong,.target-card strong{display:block;margin:5px 0;font-family:Georgia,serif;font-size:14px}.event-card>span{position:absolute;right:12px;margin-top:-22px;color:var(--gold);font-size:9px}.event-card p{margin:0;color:var(--muted);font-size:8px;line-height:1.45}.target-card>div{height:6px;margin:8px 0;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.08)}.target-card i{display:block;width:100%;height:100%;background:#b7394e}.target-card>span{color:var(--muted);font-size:7px}.chat{position:absolute;z-index:9;bottom:14px;left:14px;width:360px;height:82px;overflow:hidden;border-radius:13px}.chat-tabs{display:flex;height:25px;border-bottom:1px solid var(--line)}.chat-tabs button{padding:0 10px;border:0;background:transparent;color:var(--muted);font-size:7px}.chat-tabs button.active{color:var(--ink);box-shadow:inset 0 -2px var(--crimson)}.chat-log{height:29px;padding:5px 10px;overflow:auto;color:#bdb1ae;font-size:7px}.chat-log p{margin:0 0 3px}.chat-log b{color:#e8bd6a}.chat form{display:flex;height:27px;border-top:1px solid var(--line)}.chat form span{padding:5px 0 0 9px;color:var(--crimson)}.chat input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:8px}.chat form button{border:0;background:transparent;color:var(--muted);font-size:7px}.hotbar{position:absolute;z-index:10;bottom:14px;left:50%;display:flex;gap:5px;padding:6px;border-radius:13px;transform:translateX(-50%)}.skill-slot{position:relative;width:46px;height:46px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));color:#fff}.skill-slot>span{font-size:18px}.skill-slot>b{position:absolute;top:3px;left:5px;color:var(--muted);font-size:7px}.skill-slot>small{position:absolute;right:4px;bottom:3px;color:#e6c278;font-size:6px}.skill-slot.cooldown::after{position:absolute;inset:0;border-radius:9px;background:rgba(5,5,7,.72);content:"";animation:cooldown var(--cooldown) linear}.combat-feed{position:absolute;z-index:6;top:26%;left:50%;display:grid;gap:5px;transform:translateX(-50%);pointer-events:none}.combat-feed span{animation:feed 1.2s forwards;color:#ffe0a4;font-size:14px;font-weight:900;text-shadow:0 2px 8px #000}@keyframes feed{to{opacity:0;transform:translateY(-35px)}}.mobile-joystick,.mobile-attack{display:none}.creator{position:fixed;z-index:100;inset:0;overflow:auto;background:#0b080a}.creator-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,5,6,.3),rgba(7,5,6,.62)),url('assets/vanofi-crimson-world-v1.png') center/cover}.creator-shell{position:relative;min-height:100%;display:grid;grid-template-columns:minmax(320px,560px) minmax(400px,600px);grid-template-rows:auto 1fr auto auto;gap:18px 70px;align-items:center;width:min(1240px,calc(100% - 50px));margin:auto;padding:30px 0}.creator header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.creator-brand{display:flex;align-items:center;gap:8px}.creator-brand img{width:34px}.creator-brand span{font-size:12px;font-weight:900}.creator-brand b{padding-left:9px;border-left:1px solid var(--line);color:#d64f64;font-family:Georgia,serif;font-size:13px;font-style:italic}.creator header>small{color:#baaaa8;font-size:7px;letter-spacing:.16em}.creator-copy{align-self:end}.creator-copy>p{color:#e26377;font-size:8px;font-weight:900;letter-spacing:.18em}.creator h1{margin:10px 0 17px;font-family:Georgia,serif;font-size:clamp(43px,6vw,78px);font-weight:500;line-height:.9;letter-spacing:-.055em}.creator h1 em{color:#bdaca9;font-weight:400}.creator-copy>span{display:block;max-width:480px;color:#b7aaa8;font-size:11px;line-height:1.7}.race-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-self:end}.race-card{display:grid;grid-template-columns:54px 1fr;gap:10px;min-height:120px;padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(13,11,13,.72);color:var(--ink);text-align:left;backdrop-filter:blur(15px)}.race-card.active{border-color:rgba(201,76,94,.72);box-shadow:0 0 0 3px rgba(183,57,78,.13)}.race-crest{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;font-size:24px}.race-crest.human{background:#dfe9dd;color:#3c7254}.race-crest.orc{background:#4b2826;color:#e37b60}.race-card small{color:#bd9d60;font-size:6px;font-weight:900;letter-spacing:.1em}.race-card strong{display:block;margin:4px 0;font-family:Georgia,serif;font-size:20px}.race-card p{margin:0;color:#9d9291;font-size:8px;line-height:1.45}.class-picker{grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;align-self:start}.class-card{display:grid;gap:5px;min-height:87px;place-items:center;padding:9px;border:1px solid var(--line);border-radius:12px;background:rgba(13,11,13,.75);color:var(--muted)}.class-card.active{border-color:#d3a650;background:rgba(82,57,28,.6);color:#fff}.class-card span{font-size:22px}.class-card b{font-size:8px}.class-card small{font-size:6px}.name-row{grid-column:2;display:grid;grid-template-columns:1fr 145px;gap:8px}.name-row label{display:grid;gap:5px}.name-row label span{color:#c4b7b5;font-size:7px;font-weight:900}.name-row input{height:46px;padding:0 13px;border:1px solid var(--line);border-radius:11px;outline:0;background:rgba(12,10,12,.8);color:#fff}.name-row button{display:flex;align-items:center;justify-content:space-between;padding:0 15px;border:0;border-radius:11px;background:linear-gradient(135deg,#a92f44,#d25769);color:#fff;font-size:9px;font-weight:900}.name-row button b{font-size:18px}.creator footer{grid-column:1/-1;display:flex;gap:22px;padding-top:17px;border-top:1px solid var(--line);color:#998e8c;font-size:7px}.creator footer span:before{content:"•";margin-right:7px;color:#c65062}.modal{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-scrim{position:absolute;inset:0;border:0;background:rgba(4,3,4,.72);backdrop-filter:blur(10px)}.modal>article{position:relative;width:min(530px,100%);padding:25px;border:1px solid var(--line);border-radius:18px;background:#171316;box-shadow:0 30px 90px #000}.modal-close{position:absolute;top:14px;right:14px;width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:#211a1e;color:#fff}.social-form{display:grid;gap:9px}.social-form h2{margin:0 0 5px;font-family:Georgia,serif;font-weight:500}.social-form p{margin:0 0 12px;color:var(--muted);font-size:9px}.social-form input{height:42px;padding:0 11px;border:1px solid var(--line);border-radius:9px;outline:0;background:#211a1e;color:#fff}.social-form button{height:40px;border:0;border-radius:9px;background:var(--crimson);color:#fff;font-weight:800}.social-list{display:grid;gap:7px}.social-list div{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid var(--line);border-radius:10px;background:#211a1e}.social-list b{font-size:9px}.social-list span{color:var(--muted);font-size:7px}
@media(max-width:900px){.left-panel{top:74px;bottom:116px;width:250px}.right-hud{top:74px;width:190px}.event-card{display:none}.chat{display:none}.creator-shell{grid-template-columns:1fr;width:min(650px,calc(100% - 30px));padding:20px 0}.creator header,.creator-copy,.race-picker,.class-picker,.name-row,.creator footer{grid-column:1}.creator-copy{margin-top:70px}.creator h1{font-size:55px}}
@media(max-width:650px){.topbar{height:58px;padding:0 9px}.brand span,.server-state span,.exit-button,.zone-title small{display:none}.zone-title strong{font-size:13px}.left-panel{top:68px;bottom:auto;left:8px;width:215px;max-height:260px}.left-panel:not(.open){width:64px;overflow:hidden}.left-panel:not(.open) .character-card>div:last-child,.left-panel:not(.open) .resource,.left-panel:not(.open) .xp-row,.left-panel:not(.open) .panel-nav b,.left-panel:not(.open) .panel-nav em,.left-panel:not(.open) .panel-content{display:none}.left-panel:not(.open) .panel-nav button{grid-template-columns:1fr;place-items:center}.right-hud{top:68px;right:8px;width:135px}.minimap canvas{height:95px}.minimap>div,.target-card{display:none}.hotbar{bottom:15px;gap:3px}.skill-slot{width:42px;height:42px}.mobile-joystick{position:absolute;z-index:11;bottom:78px;left:22px;display:grid;width:90px;height:90px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(10,9,11,.35);touch-action:none}.mobile-joystick i{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18)}.mobile-attack{position:absolute;z-index:11;right:25px;bottom:82px;display:grid;width:66px;height:66px;place-items:center;border:1px solid rgba(232,93,115,.5);border-radius:50%;background:rgba(151,38,57,.65);color:#fff;font-size:25px}.creator-shell{gap:14px}.creator-copy{margin-top:30px}.creator h1{font-size:45px}.race-picker{grid-template-columns:1fr}.race-card{min-height:96px}.class-picker{grid-template-columns:repeat(4,1fr)}.class-card{min-height:72px;padding:5px}.class-card span{font-size:18px}.name-row{grid-template-columns:1fr}.name-row button{height:46px}.creator footer{flex-wrap:wrap;gap:8px 14px}}

#world{cursor:crosshair}.game-shell.camera-dragging #world{cursor:grabbing}.world-loading{position:absolute;z-index:40;top:86px;left:50%;display:flex;align-items:center;gap:11px;min-width:270px;padding:10px 13px;border-radius:12px;transform:translateX(-50%);transition:.45s}.world-loading.done{visibility:hidden;opacity:0;transform:translate(-50%,-10px)}.world-loading img{width:27px}.world-loading div{display:grid;flex:1}.world-loading b{color:#e7677a;font-size:7px;letter-spacing:.13em}.world-loading span{margin-top:3px;color:#c9bfbc;font-size:8px}.world-loading>i{width:17px;height:17px;border:2px solid rgba(255,255,255,.13);border-top-color:#db5268;border-radius:50%;animation:world-spin .75s linear infinite}.mouse-guide{position:absolute;z-index:7;right:14px;bottom:14px;display:flex;gap:12px;padding:8px 10px;border-radius:10px;color:#b7acab;font-size:7px;transition:.35s}.mouse-guide.hidden{visibility:hidden;opacity:0;transform:translateY(8px)}.mouse-guide span:before{content:'•';margin-right:5px;color:#d45a6e}@keyframes world-spin{to{transform:rotate(360deg)}}
.world-loading.asset-error{cursor:pointer;border-color:rgba(231,103,122,.55);background:rgba(31,13,17,.94)}.world-loading.asset-error>i{display:none}.world-loading.asset-error span{color:#f0ccd2}
@media(max-width:900px){.mouse-guide{display:none}.world-loading{top:68px}}
[hidden]{display:none!important}
.wallet-row{display:flex;align-items:center;gap:6px;margin:9px 13px 2px;padding:7px 9px;border:1px solid rgba(214,169,83,.24);border-radius:8px;background:rgba(214,169,83,.08)}.wallet-row>span{color:#f0c96e}.wallet-row>b{font-size:9px}.wallet-row>small{margin-left:auto;color:#bba978;font-size:6px;letter-spacing:.12em}.server-state.offline i{background:#d8a14f;box-shadow:0 0 10px #d8a14f}.server-state.offline span{color:#d8b46f}.npc-label{pointer-events:none}.market-toolbar{display:grid;grid-template-columns:1fr auto;gap:7px;margin:12px 0}.market-toolbar input{height:38px;padding:0 11px;border:1px solid var(--line);border-radius:9px;outline:0;background:#211a1e;color:#fff}.market-toolbar button,.market-buy,.market-sell,.upgrade-button,.gate-button{min-height:36px;padding:0 12px;border:1px solid rgba(183,57,78,.4);border-radius:8px;background:rgba(183,57,78,.18);color:#f6dce0;font-size:8px;font-weight:800}.market-grid{display:grid;max-height:360px;gap:7px;overflow:auto}.market-row,.npc-shop-row,.upgrade-row,.gate-row{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:10px;background:#211a1e}.market-row>span,.npc-shop-row>span,.upgrade-row>span,.gate-row>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:rgba(214,169,83,.12);color:#e8c276}.market-row div,.npc-shop-row div,.upgrade-row div,.gate-row div{display:grid;min-width:0}.market-row b,.npc-shop-row b,.upgrade-row b,.gate-row b{font-size:9px}.market-row small,.npc-shop-row small,.upgrade-row small,.gate-row small{margin-top:3px;color:var(--muted);font-size:7px}.npc-heading{display:flex;align-items:center;gap:11px;margin-bottom:12px}.npc-heading>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:rgba(183,57,78,.18);color:#ef9dac;font-size:19px}.npc-heading h2{margin:0;font:500 23px Georgia,serif}.npc-heading p{margin:3px 0 0;color:var(--muted);font-size:8px}.npc-note{padding:10px;border:1px solid rgba(214,169,83,.22);border-radius:9px;background:rgba(214,169,83,.07);color:#cfc0a1;font-size:8px;line-height:1.55}.npc-badge{position:absolute;z-index:6;left:50%;bottom:112px;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(12,10,12,.84);color:#eee4dc;font-size:8px;transform:translateX(-50%);backdrop-filter:blur(10px)}
.market-toolbar select{min-width:0;height:38px;padding:0 9px;border:1px solid var(--line);border-radius:9px;outline:0;background:#211a1e;color:#fff}

/* Reference-aligned classic desktop MMORPG HUD. */
@media(min-width:901px){
.world-atmosphere{background:linear-gradient(180deg,rgba(7,12,16,.05),transparent 36%,transparent 72%,rgba(11,8,5,.28)),radial-gradient(circle at 50% 50%,transparent 58%,rgba(6,5,4,.18));mix-blend-mode:multiply}
.topbar{height:46px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;pointer-events:none}.topbar .brand{display:none}.topbar .zone-title{top:7px;right:14px;left:auto;width:220px;padding:6px 12px;border:1px solid rgba(191,151,83,.45);border-radius:8px;background:linear-gradient(180deg,rgba(49,37,25,.94),rgba(24,18,14,.92));box-shadow:inset 0 0 0 2px rgba(7,5,4,.52),0 5px 18px rgba(0,0,0,.35);transform:none}.topbar .zone-title small{color:#c9a766}.topbar .zone-title strong{margin-top:1px;font:500 13px Georgia,serif}.topbar .server-state{position:fixed;top:10px;left:50%;margin:0;transform:translateX(-50%);pointer-events:auto;background:rgba(20,16,12,.72);border-color:rgba(191,151,83,.3)}.topbar .icon-button,.topbar .exit-button{display:none}
.left-panel{position:absolute;top:12px;bottom:auto;left:12px;width:322px;max-height:none;overflow:visible;border:0;background:transparent;box-shadow:none;backdrop-filter:none;pointer-events:none}.character-card{position:relative;grid-template-columns:64px 1fr;min-height:94px;align-items:start;padding:9px 12px;border:1px solid rgba(199,162,91,.52);border-radius:8px;background:linear-gradient(180deg,rgba(48,38,27,.96),rgba(20,16,14,.94));box-shadow:inset 0 0 0 2px rgba(5,4,3,.6),0 7px 25px rgba(0,0,0,.35);pointer-events:auto}.character-card:before{position:absolute;top:7px;bottom:7px;left:5px;width:3px;border-radius:3px;background:linear-gradient(#e0b763,#78501f);content:""}.portrait{width:57px;height:57px;border-color:rgba(221,184,105,.65);border-radius:7px;background:radial-gradient(circle at 50% 28%,#745f45,#211a15 70%);font-size:24px}.character-card small{font-size:8px}.character-card strong{margin:4px 0 0;font:600 15px Georgia,serif}.character-card span{font-size:9px}
.resource,.xp-row{position:absolute;left:72px;width:242px;grid-template-columns:28px 1fr 76px;gap:5px;padding:0 8px;font-size:8px;pointer-events:auto}.resource{top:46px}.resource.mana{top:65px}.xp-row{top:84px;padding-bottom:0;border:0}.resource>div,.xp-row>div{height:13px;border:1px solid rgba(0,0,0,.75);border-radius:3px;box-shadow:inset 0 1px 2px rgba(255,255,255,.12)}.resource i{background:linear-gradient(#ee3f3f,#a30000 58%,#510000)}.resource.mana i{background:linear-gradient(#397ee9,#063b9c 58%,#021e59)}.xp-row i{background:linear-gradient(#e7bd49,#826018)}.resource>b,.xp-row>b{color:#f6eee2;text-shadow:0 1px 2px #000}.wallet-row{position:absolute;top:106px;left:0;width:156px;margin:0;padding:6px 10px;border-color:rgba(199,162,91,.42);background:rgba(31,24,17,.88);pointer-events:auto}
.panel-nav{position:fixed;z-index:15;bottom:10px;left:50%;display:flex;width:auto;padding:5px;border:1px solid rgba(199,162,91,.5);border-radius:8px;background:linear-gradient(180deg,rgba(51,40,28,.97),rgba(22,17,13,.97));box-shadow:inset 0 0 0 2px rgba(5,4,3,.58),0 8px 28px rgba(0,0,0,.45);transform:translateX(-50%);pointer-events:auto}.panel-nav button{display:grid;grid-template-columns:1fr;grid-template-rows:24px 13px;width:72px;height:53px;place-items:center;gap:0;padding:3px;border-right:1px solid rgba(199,162,91,.18);border-radius:3px;text-align:center}.panel-nav button:last-child{border-right:0}.panel-nav button:hover,.panel-nav button.active{background:linear-gradient(180deg,rgba(176,125,50,.25),rgba(95,58,24,.28));box-shadow:inset 0 0 0 1px rgba(224,182,99,.38)}.panel-nav button>span{color:#d8b16b;font-size:19px}.panel-nav b{color:#f0ddba;font:500 9px Georgia,serif}.panel-nav em{display:none}
.panel-content{position:fixed;z-index:12;top:274px;right:14px;left:auto;width:262px;max-height:330px;padding:11px 13px;overflow:auto;border:1px solid rgba(199,162,91,.42);border-radius:7px;background:linear-gradient(180deg,rgba(35,29,22,.94),rgba(18,15,13,.92));box-shadow:inset 0 0 0 2px rgba(5,4,3,.46),0 10px 28px rgba(0,0,0,.35);pointer-events:auto}.panel-content h3{margin:0 0 7px;color:#efd5a0;font:500 13px Georgia,serif}.quest b,.party-member b,.inventory-item b,.skill-row b,.zone-option b{font-size:9px}.quest small,.party-member small,.inventory-item small,.skill-row small,.zone-option small{font-size:8px}
.right-hud{top:51px;right:14px;width:220px}.minimap,.event-card,.target-card{border-color:rgba(199,162,91,.48);border-radius:8px;background:linear-gradient(180deg,rgba(41,32,23,.94),rgba(18,15,13,.92));box-shadow:inset 0 0 0 2px rgba(5,4,3,.55),0 10px 28px rgba(0,0,0,.36)}.minimap canvas{height:174px}.minimap>div{font-size:8px}.event-card{display:none}.target-card{position:fixed;top:88px;left:50%;width:260px;transform:translateX(-50%)}
.chat{bottom:11px;left:12px;width:440px;height:158px;border-color:rgba(199,162,91,.48);border-radius:7px;background:linear-gradient(180deg,rgba(32,26,20,.9),rgba(15,13,11,.92));box-shadow:inset 0 0 0 2px rgba(5,4,3,.48),0 10px 28px rgba(0,0,0,.38)}.chat-tabs{height:29px}.chat-tabs button{padding:0 18px;color:#ddc99e;font:500 10px Georgia,serif}.chat-tabs button.active{color:#fff2d0;box-shadow:inset 0 -2px #c89a4d}.chat-log{height:92px;padding:8px 12px;color:#d8ccb6;font-size:10px;line-height:1.45}.chat-log b{color:#62d7cf}.chat form{height:34px}.chat input{font-size:10px}.chat form button{padding:0 12px;color:#d9b870;font-size:9px}
.hotbar{bottom:76px;gap:3px;padding:5px;border-color:rgba(199,162,91,.52);border-radius:7px;background:linear-gradient(180deg,rgba(48,38,27,.96),rgba(19,15,12,.96));box-shadow:inset 0 0 0 2px rgba(5,4,3,.56),0 8px 30px rgba(0,0,0,.44)}.skill-slot{width:52px;height:52px;border-color:rgba(194,151,79,.32);border-radius:4px;background:radial-gradient(circle at 50% 35%,rgba(119,77,40,.35),rgba(20,16,13,.92));box-shadow:inset 0 0 8px rgba(0,0,0,.7)}.skill-slot>span{font-size:22px}.skill-slot>b{font-size:8px}.skill-slot>small{font-size:7px}.mouse-guide{bottom:143px!important}
}
@media(min-width:901px) and (max-width:1180px){.chat{width:330px}.panel-nav button{width:62px}.panel-nav button:nth-child(4),.panel-nav button:nth-child(5){display:none}.hotbar{bottom:72px}.skill-slot{width:47px;height:47px}}

.item-art{display:block!important;width:44px!important;height:44px!important;min-width:44px;border:1px solid rgba(190,147,76,.35)!important;border-radius:5px!important;background-color:#080808!important;background-image:url('assets/item-atlas-v1.png')!important;background-repeat:no-repeat!important;background-position:calc(var(--ix) * 33.333333%) calc(var(--iy) * 33.333333%)!important;background-size:400% 400%!important;box-shadow:inset 0 0 7px #000,0 2px 6px rgba(0,0,0,.35)}
.item-art.large{width:132px!important;height:132px!important;min-width:132px}.item-art.rarity-fine{border-color:#65a6c4!important;box-shadow:inset 0 0 8px #000,0 0 8px rgba(78,155,196,.26)}.item-art.rarity-rare{border-color:#b775e2!important;box-shadow:inset 0 0 8px #000,0 0 9px rgba(167,91,218,.3)}.item-art.rarity-epic{border-color:#e0a646!important;box-shadow:inset 0 0 8px #000,0 0 11px rgba(224,147,48,.35)}
.equipment-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:7px 0 13px}.equipment-strip button,.inventory-slot{position:relative;display:grid;min-width:0;place-items:center;padding:0;border:0;border-radius:6px;background:#14110f}.equipment-strip button .item-art{width:48px!important;height:48px!important;min-width:48px}.equipment-strip small{grid-column:1/-1;color:var(--muted);font-size:8px}
.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.inventory-slot{aspect-ratio:1}.inventory-slot .item-art{width:100%!important;height:100%!important;min-width:0}.inventory-slot>b,.inventory-slot>em{position:absolute;right:3px;bottom:2px;padding:1px 3px;border-radius:3px;background:rgba(0,0,0,.76);color:#fff;font-size:7px;font-style:normal}.inventory-slot>em{top:2px;right:auto;bottom:auto;left:2px;color:#ffd675}.equipment-stats{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}.equipment-stats span{padding:4px 6px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:7px}.equipment-stats b{color:#7fd5a2}.equipment-stats small{color:var(--muted);font-size:8px}
.item-inspector{display:grid;grid-template-columns:142px 1fr;gap:16px;align-items:start}.item-inspector section{display:grid;gap:9px}.item-inspector section>b{color:#d9b867;font-size:10px;text-transform:uppercase}.item-inspector p{margin:0;color:#eee3d8;font-size:10px;line-height:1.65}.item-inspector small{color:var(--muted);font-size:8px;line-height:1.5}.item-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.item-actions button,.quest-claim{min-height:34px;padding:0 12px;border:1px solid rgba(194,151,79,.45);border-radius:7px;background:linear-gradient(180deg,#684c27,#3f2c18);color:#ffe6af;font-size:8px;font-weight:800}.quest-claim{min-height:25px;padding:0 8px}.market-row,.npc-shop-row,.upgrade-row{grid-template-columns:48px 1fr auto}.market-row>.item-art,.npc-shop-row>.item-art,.upgrade-row>.item-art{width:46px!important;height:46px!important;min-width:46px}
@media(max-width:650px){.item-inspector{grid-template-columns:92px 1fr}.item-art.large{width:84px!important;height:84px!important;min-width:84px}.inventory-grid{grid-template-columns:repeat(4,1fr)}}

/* Data-driven world map, discovery and travel states. */
.race-crest.karus{background:#4b2826;color:#e37b60}.zone-title small.danger{color:#ff687d}.travel-tabs{display:grid;max-height:430px;gap:7px;overflow:auto}.travel-tabs h3{margin:8px 0 1px;color:#e8c276;font:500 13px Georgia,serif}.gate-button:disabled{cursor:not-allowed;opacity:.42;filter:grayscale(1)}
.modal>article:has(.world-map:not(.compact)){width:min(920px,100%)}.world-map{position:relative;width:100%;height:min(60vh,520px);overflow:hidden;border:1px solid rgba(202,160,86,.34);border-radius:13px;background:radial-gradient(circle at 50% 55%,rgba(87,88,60,.28),transparent 30%),linear-gradient(155deg,#182528,#202019 50%,#291b1a);box-shadow:inset 0 0 80px rgba(0,0,0,.48)}.world-map:before{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 72%,rgba(73,126,85,.3),transparent 18%),radial-gradient(circle at 82% 72%,rgba(169,72,45,.3),transparent 18%),repeating-linear-gradient(18deg,transparent 0 36px,rgba(255,255,255,.015) 37px 38px);content:""}.world-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.world-map line{stroke:rgba(224,185,111,.35);stroke-width:.65;stroke-dasharray:2 1.2;vector-effect:non-scaling-stroke}.world-map-legend{position:absolute;z-index:3;top:12px;left:14px;display:flex;align-items:center;gap:13px;color:#c8bda8;font-size:8px}.world-map-legend b{color:#efd49b;font:600 13px Georgia,serif;letter-spacing:.08em}.world-map-legend i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%}.human-dot{background:#65a8d6}.karus-dot{background:#d16048}.world-node{position:absolute;z-index:2;left:var(--map-x);top:var(--map-y);display:grid;width:110px;min-height:48px;place-items:center;padding:5px 7px;border:1px solid rgba(220,178,98,.34);border-radius:8px;background:rgba(18,16,13,.9);color:#e8ddca;box-shadow:0 5px 16px rgba(0,0,0,.38);transform:translate(-50%,-50%)}.world-node>span{position:absolute;top:-11px;display:grid;width:22px;height:22px;place-items:center;border:1px solid rgba(218,178,101,.45);border-radius:50%;background:#30251a;color:#e7bd6b;font-size:10px}.world-node b{max-width:100%;margin-top:8px;overflow:hidden;font:600 9px Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.world-node small{margin-top:2px;color:#a79c8c;font-size:6px}.world-node.current{border-color:#ffe096;box-shadow:0 0 0 2px rgba(255,211,116,.25),0 0 22px rgba(230,177,70,.25)}.world-node.human{border-color:#559acb}.world-node.karus{border-color:#b95743}.world-node.pvp,.world-node.contested,.world-node.war{background:rgba(67,25,27,.92)}.world-node.unknown{filter:saturate(.3);opacity:.68}.world-node.locked{filter:grayscale(.9);opacity:.44}.world-map.compact{height:190px}.world-map.compact .world-map-legend{top:5px;left:6px;gap:5px}.world-map.compact .world-map-legend span{display:none}.world-map.compact .world-map-legend b{font-size:8px}.world-map.compact .world-node{width:15px;min-height:15px;padding:0;border-radius:50%}.world-map.compact .world-node>span{position:static;width:13px;height:13px;border:0;background:transparent;font-size:6px}.world-map.compact .world-node b,.world-map.compact .world-node small{display:none}
@media(max-width:650px){.world-map{height:410px}.world-node{width:76px;min-height:40px}.world-node b{font-size:7px}.world-map-legend span{display:none}.travel-tabs{max-height:330px}}

/* Account, character vault and Human Potential systems */
.auth-gate,.character-hub{position:fixed;z-index:160;inset:0;overflow:auto;background:#09080a;color:#f3eeeb}.auth-gate[hidden],.character-hub[hidden],.creator[hidden]{display:none}.auth-scene{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,9,.2),rgba(7,6,8,.52) 48%,rgba(7,6,8,.88) 72%),linear-gradient(0deg,rgba(8,6,7,.74),transparent 55%),url('assets/vanofi-crimson-world-v1.png') center/cover}.auth-card{position:relative;display:grid;grid-template-columns:minmax(350px,1fr) 390px;grid-template-rows:auto 1fr auto;gap:34px 70px;width:min(1180px,calc(100% - 48px));min-height:100%;align-items:center;margin:auto;padding:34px 0}.auth-card>header{grid-column:1/-1;display:flex;align-items:center;gap:10px}.auth-card>header img{width:38px}.auth-card>header div{display:grid}.auth-card>header b{font-size:13px;letter-spacing:.08em}.auth-card>header span{color:#d76275;font:italic 13px Georgia,serif}.auth-message small,.hub-copy small{color:#db6375;font-size:8px;font-weight:900;letter-spacing:.2em}.auth-message h1,.hub-copy h1{margin:13px 0 20px;font:500 clamp(48px,7vw,86px)/.88 Georgia,serif;letter-spacing:-.055em}.auth-message h1 em,.hub-copy h1 em{color:#c5b8b5;font-weight:400}.auth-message p,.hub-copy p{max-width:520px;color:#b6aaa8;font-size:11px;line-height:1.7}.auth-form{display:grid;gap:12px;padding:30px;border:1px solid rgba(222,188,141,.2);border-radius:20px;background:rgba(17,14,17,.82);box-shadow:0 30px 80px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.auth-form h2{margin:0 0 8px;font:500 25px Georgia,serif}.auth-form label{display:grid;gap:6px}.auth-form label>span{color:#b8aaa8;font-size:7px;font-weight:900;letter-spacing:.1em}.auth-form input{height:46px;padding:0 13px;border:1px solid rgba(255,255,255,.13);border-radius:10px;outline:0;background:#171316;color:#fff}.auth-form input:focus{border-color:#c44d61;box-shadow:0 0 0 3px rgba(196,77,97,.12)}.auth-options{display:flex;align-items:center;justify-content:space-between;color:#aea2a0;font-size:8px}.auth-options label{display:flex;align-items:center;gap:7px}.auth-options input{width:14px;height:14px}.auth-options button,.auth-card>footer button,.hub-shell header button{border:0;background:transparent;color:#dc7887;font-size:8px}.auth-primary{display:flex;height:48px;align-items:center;justify-content:space-between;padding:0 16px;border:0;border-radius:11px;background:linear-gradient(135deg,#a82d43,#d85d70);color:#fff;font-size:10px;font-weight:900}.auth-primary:disabled{filter:grayscale(.7);opacity:.65}.auth-primary b{font-size:18px}.auth-feedback{min-height:14px;margin:0;color:#ef8292;font-size:8px;line-height:1.5}.auth-feedback.success{color:#75d7a0}.auth-card>footer{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:17px;border-top:1px solid rgba(255,255,255,.12);color:#a99d9b;font-size:8px}.character-hub .creator-backdrop{position:absolute}.hub-shell{position:relative;display:grid;grid-template-columns:minmax(300px,480px) minmax(420px,620px);grid-template-rows:auto 1fr;gap:40px 70px;width:min(1200px,calc(100% - 48px));min-height:100%;align-items:center;margin:auto;padding:32px 0}.hub-shell>header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.hub-copy{align-self:center}.character-list{display:grid;gap:10px}.character-select{display:grid;grid-template-columns:56px 1fr auto;gap:13px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(15,12,15,.8);color:#eee8e5;text-align:left;backdrop-filter:blur(14px)}.character-select:hover{border-color:#ca596c;transform:translateX(-3px)}.character-select>span{display:grid;width:54px;height:54px;place-items:center;border-radius:14px;background:linear-gradient(145deg,#293c45,#15171a);color:#e4b864;font:500 23px Georgia,serif}.character-select.karus>span{background:linear-gradient(145deg,#562820,#211515)}.character-select div{display:grid}.character-select small{color:#c7a660;font-size:7px;font-weight:900;letter-spacing:.08em}.character-select b{margin:4px 0;font:500 18px Georgia,serif}.character-select em{color:#a99e9b;font-size:8px;font-style:normal}.character-select>i{color:#d55b6e;font-size:20px;font-style:normal}.new-character{display:grid;grid-template-columns:42px 1fr;gap:3px 10px;align-items:center;margin-top:10px;padding:12px;border:1px dashed rgba(219,103,121,.45);border-radius:13px;background:rgba(82,29,40,.16);color:#eadfe0;text-align:left}.new-character span{grid-row:1/3;display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:rgba(211,84,104,.15);font-size:20px}.new-character b{font-size:9px}.new-character small{color:#9d9291;font-size:7px}.account-button{height:34px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.04);color:var(--ink);font-size:8px}.name-row{grid-template-columns:repeat(2,minmax(0,1fr))}.name-row label select{height:46px;padding:0 12px;border:1px solid var(--line);border-radius:11px;outline:0;background:rgba(12,10,12,.88);color:#fff}.name-row>button{grid-column:1/-1;height:48px}.potential-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.potential-node{display:grid;grid-template-columns:30px 1fr auto;gap:7px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025)}.potential-node>span{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:rgba(183,57,78,.17);color:#e9bb68}.potential-node div{display:grid}.potential-node b{font-size:8px}.potential-node small{color:var(--muted);font-size:6px}.potential-node button,.skill-unlock{width:25px;height:25px;border:1px solid rgba(211,94,112,.4);border-radius:7px;background:rgba(183,57,78,.16);color:#fff}.potential-node button:disabled,.skill-unlock:disabled{opacity:.3}.skill-tree{display:grid;gap:6px}.skill-node{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025)}.skill-node.unlocked{border-color:rgba(201,160,84,.38);background:rgba(142,98,34,.12)}.skill-node>span{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:radial-gradient(circle,#8e3344,#35171e);font-size:14px}.skill-node.ultimate>span{box-shadow:0 0 15px rgba(231,163,73,.42);color:#ffd681}.skill-node div{display:grid}.skill-node b{font-size:8px}.skill-node small{color:var(--muted);font-size:6px;line-height:1.4}.profile-summary{display:grid;gap:8px}.profile-hero{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid rgba(205,166,90,.28);border-radius:10px;background:rgba(137,92,30,.1)}.profile-hero>span{display:grid;width:46px;height:46px;place-items:center;border-radius:12px;background:#2b2425;color:#e0b86e;font:500 19px Georgia,serif}.profile-hero div{display:grid}.profile-hero b{font:500 14px Georgia,serif}.profile-hero small{color:var(--muted);font-size:7px}.premium-badge{padding:5px 7px;border-radius:6px;background:#563341;color:#ffc5d0;font-size:6px}.stat-pairs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stat-pairs span{display:grid;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:var(--muted);font-size:6px}.stat-pairs b{margin-top:3px;color:#fff;font-size:9px}.store-grid{display:grid;gap:7px}.store-card{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025)}.store-card>span{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#30232a;color:#e8bd6a}.store-card div{display:grid}.store-card b{font-size:8px}.store-card small{color:var(--muted);font-size:6px}.store-card button{padding:6px 8px;border:1px solid rgba(211,94,112,.4);border-radius:7px;background:rgba(183,57,78,.16);color:#fff;font-size:7px}
@media(min-width:901px){.panel-nav button{width:62px}.panel-nav button:nth-child(4),.panel-nav button:nth-child(5){display:none}}
@media(max-width:900px){.auth-card,.hub-shell{grid-template-columns:1fr;width:min(650px,calc(100% - 30px));padding:22px 0}.auth-card>header,.auth-message,.auth-form,.auth-card>footer,.hub-shell>header,.hub-copy,.character-list,.new-character{grid-column:1}.auth-message{margin-top:40px}.auth-message h1,.hub-copy h1{font-size:55px}.hub-copy{margin-top:35px}}
@media(max-width:650px){.auth-card,.hub-shell{gap:18px}.auth-message h1,.hub-copy h1{font-size:43px}.auth-message p,.hub-copy p{font-size:9px}.auth-form{padding:20px}.account-button{display:none}.name-row{grid-template-columns:1fr}.potential-grid{grid-template-columns:1fr}.creator-shell{padding-bottom:40px}}

/* Equipment identity, rarity and set progression */
.item-art.rarity-common{border-color:#8f9693!important}.item-art.rarity-fine,.item-art.rarity-uncommon{border-color:#63bb7c!important;box-shadow:inset 0 0 8px #000,0 0 8px rgba(99,187,124,.28)}.item-art.rarity-rare{border-color:#639fe4!important;box-shadow:inset 0 0 8px #000,0 0 9px rgba(99,159,228,.3)}.item-art.rarity-epic{border-color:#b975e5!important;box-shadow:inset 0 0 8px #000,0 0 11px rgba(185,117,229,.34)}.item-art.rarity-legendary{border-color:#e9a849!important;box-shadow:inset 0 0 8px #000,0 0 14px rgba(233,168,73,.45)}.item-art.rarity-mythic{border-color:#ee6477!important;box-shadow:inset 0 0 8px #000,0 0 17px rgba(238,100,119,.58)}
.equipment-layout{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:7px 0 12px}.equipment-layout>button,.equipment-empty{position:relative;display:grid;min-width:0;aspect-ratio:1;place-items:center;padding:0;border:1px solid rgba(202,164,93,.18);border-radius:6px;background:linear-gradient(145deg,#171310,#0d0b0a);overflow:hidden}.equipment-layout .item-art{width:100%!important;height:100%!important;min-width:0}.equipment-layout small{position:absolute;right:1px;bottom:1px;left:1px;padding:2px;background:rgba(5,4,3,.78);color:#b9a98f;font-size:5px;text-align:center;white-space:nowrap}.equipment-empty{color:#5f5447}.equipment-empty i{font-size:15px;font-style:normal;opacity:.55}.set-progress-list{display:grid;gap:5px;margin:0 0 12px}.set-progress{display:grid;gap:3px;padding:7px;border:1px solid rgba(200,157,81,.18);border-radius:7px;background:rgba(160,105,34,.06)}.set-progress>b{color:#e2c17f;font-size:8px}.set-progress>small{color:var(--muted);font-size:6px}.set-progress>div{display:flex;gap:4px}.set-progress span{padding:2px 4px;border-radius:4px;background:#24201c;color:#766f66;font-size:5px}.set-progress span.active{background:#355947;color:#9de0b7}.set-summary{padding:8px;border-left:2px solid #d1a65b;background:rgba(190,139,56,.08)}
@media(max-width:650px){.equipment-layout{grid-template-columns:repeat(5,minmax(0,1fr))}.equipment-layout small{font-size:4px}}

/* Olivia realm select and connection flow */
.server-hub{position:fixed;z-index:155;inset:0;overflow:auto;color:#f3eeeb}.server-hub[hidden],.connection-error[hidden]{display:none}.realm-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,9,.2),rgba(7,6,8,.46) 52%,rgba(7,6,8,.88) 76%),linear-gradient(0deg,rgba(8,6,7,.76),transparent 60%);backdrop-filter:saturate(.8)}.server-shell{position:relative;display:grid;grid-template-columns:minmax(340px,1fr) 390px;grid-template-rows:auto 1fr auto auto;gap:22px 70px;width:min(1180px,calc(100% - 48px));min-height:100%;align-items:center;margin:auto;padding:34px 0}.server-shell>header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.server-shell>header button{border:0;background:transparent;color:#d9c3b8;font-size:8px}.realm-copy small{color:#d9a85f;font-size:8px;font-weight:900;letter-spacing:.2em}.realm-copy h1{margin:15px 0 18px;font:500 clamp(48px,7vw,84px)/.9 Georgia,serif;letter-spacing:-.055em}.realm-copy h1 em{color:#c7bbb3;font-weight:400}.realm-copy p{color:#b5a9a2;font-size:10px}.server-list{display:grid;gap:10px}.server-card{display:grid;grid-template-columns:1fr auto;gap:16px;padding:22px;border:1px solid rgba(221,183,111,.24);border-radius:16px;background:linear-gradient(145deg,rgba(29,23,21,.93),rgba(12,11,13,.94));color:#f4eee8;text-align:left;box-shadow:0 25px 70px rgba(0,0,0,.34)}.server-card.selected{border-color:#d2a450;box-shadow:0 0 0 3px rgba(206,156,69,.1),0 25px 70px rgba(0,0,0,.4)}.server-card small{color:#d4aa60;font-size:7px;font-weight:900;letter-spacing:.17em}.server-card h2{margin:5px 0 2px;font:500 32px Georgia,serif}.server-card p{margin:0;color:#a89b91;font-size:8px}.realm-status{display:flex;align-items:center;gap:6px;color:#77dba0;font-size:7px;font-weight:900}.realm-status i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.server-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.server-stats span{display:grid;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#968b83;font-size:6px}.server-stats b{margin-top:4px;color:#eee4db;font-size:9px}.population-bar{display:flex;gap:2px;margin-top:6px}.population-bar i{width:18px;height:3px;background:#39322d}.population-bar i.on{background:#d2a04b}.realm-enter{display:flex;height:52px;align-items:center;justify-content:space-between;padding:0 17px;border:1px solid rgba(232,190,108,.45);border-radius:11px;background:linear-gradient(135deg,#74411e,#b7792d);color:#fff0cd;font-size:10px;font-weight:900}.realm-enter:disabled{opacity:.38;filter:grayscale(1)}.realm-enter b{font-size:20px}.server-shell>.realm-enter{grid-column:2}.server-shell>footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);color:#948983;font-size:7px}.character-enter{margin-top:10px}.connection-error{position:fixed;z-index:220;inset:0;display:grid;place-items:center;background:rgba(5,5,7,.82);backdrop-filter:blur(12px)}.connection-error article{display:grid;width:min(420px,calc(100% - 30px));gap:12px;padding:28px;border:1px solid rgba(220,176,96,.3);border-radius:18px;background:#151214;color:#eee7e2}.connection-error small{color:#d0a254;font-size:7px;letter-spacing:.18em}.connection-error h2{margin:0;font:500 25px Georgia,serif}.connection-error p{margin:0;color:#a99d98;font-size:9px;line-height:1.6}.connection-error button{height:42px;border:1px solid rgba(218,172,89,.3);border-radius:9px;background:#2d2016;color:#f4d9a3}.connection-error button:last-child{background:transparent;color:#b8ada7}
@media(max-width:900px){.server-shell{grid-template-columns:1fr;width:min(650px,calc(100% - 30px));padding:24px 0}.server-shell>header,.realm-copy,.server-list,.server-shell>.realm-enter,.server-shell>footer{grid-column:1}.realm-copy{margin-top:50px}.realm-copy h1{font-size:54px}}

/* Eltherion realm artwork: generated specifically for Vanofi's shared base. */
.server-hub{background:#090d12}.server-hub .realm-backdrop{background-image:linear-gradient(90deg,rgba(7,10,14,.08),rgba(7,9,12,.34) 50%,rgba(7,7,10,.93) 78%),linear-gradient(0deg,rgba(5,8,11,.84),transparent 62%),url('assets/eltherion-realm-hero-v1.png');background-size:cover;background-position:center center;filter:saturate(.86) contrast(1.04);backdrop-filter:none}

/* Crownfall faction-war command panel */
.war-head{padding:10px;border:1px solid rgba(220,174,84,.25);border-radius:9px;background:linear-gradient(110deg,rgba(48,86,112,.17),rgba(135,42,37,.18))}.war-head small{color:#e0b965;font-size:6px;letter-spacing:.14em}.war-head h3{margin:5px 0!important;font:500 15px Georgia,serif}.war-head p{margin:0;color:var(--muted);font-size:6px}.war-objective{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;margin:8px 0;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:8px}.war-objective>span{font-size:5px;font-weight:900}.war-objective>div{height:7px;overflow:hidden;border-radius:5px;background:linear-gradient(90deg,#8d372e,#292226 50%,#315f7a)}.war-objective>div i{display:block;width:var(--capture);height:100%;background:linear-gradient(90deg,#cd5546,#e6c168 50%,#5598c1);transition:width .3s}.war-objective>b{grid-column:1/-1;color:#e6c47d;font-size:7px;text-align:center}.war-objective>button{grid-column:1/-1;height:29px;border:1px solid rgba(224,178,90,.35);border-radius:6px;background:#35281d;color:#efd39a;font-size:6px}.war-contribution{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:8px}.war-contribution span{display:grid;padding:7px;border-radius:7px;background:rgba(255,255,255,.035);color:var(--muted);font-size:5px}.war-contribution b{margin-top:3px;color:#fff;font-size:8px}.war-structures{display:grid;gap:4px}.war-structure{display:grid;grid-template-columns:1fr 42px;gap:4px 7px;align-items:center;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:rgba(255,255,255,.025)}.war-structure>div{display:grid}.war-structure b{font-size:7px;text-transform:capitalize}.war-structure small{color:var(--muted);font-size:5px}.war-structure>i{grid-column:1;display:block;height:3px;border-radius:4px;background:linear-gradient(90deg,#c95148 var(--war-hp),#33292a var(--war-hp));transition:.25s}.war-structure>button{grid-column:2;grid-row:1/3;height:28px;border:1px solid rgba(208,87,76,.34);border-radius:5px;background:rgba(135,39,35,.2);color:#ef9b8f;font-size:5px}.war-structure.destroyed{opacity:.42}.war-structure.destroyed b{text-decoration:line-through}

/* The selected server character remains a real 3D world model, not a flat card. */
.character-hub{background:linear-gradient(90deg,rgba(7,8,10,.9),rgba(7,8,10,.22) 45%,rgba(7,8,10,.88) 72%)}.character-hub .creator-backdrop{background:radial-gradient(circle at 50% 53%,rgba(216,171,86,.08),transparent 24%),linear-gradient(90deg,rgba(7,8,10,.88),transparent 38%,rgba(7,8,10,.86) 70%);pointer-events:none}.character-select u{max-width:100%;overflow:hidden;color:#cbb998;font-size:6px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}

/* Server-authoritative GM console */
.admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.admin-head small{color:#d59d56;font-size:6px;letter-spacing:.14em}.admin-head h3{margin:4px 0!important}.admin-head p{margin:0;color:var(--muted);font-size:7px}.admin-head>div:last-child{display:flex;gap:4px}.admin-head button,.admin-command button,.admin-row button{padding:6px 8px;border:1px solid rgba(215,163,78,.3);border-radius:6px;background:#302319;color:#e8ce9b;font-size:6px}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:10px 0}.admin-metrics span{display:grid;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:rgba(255,255,255,.025)}.admin-metrics small{color:var(--muted);font-size:5px}.admin-metrics b{margin-top:3px;color:#fff;font-size:8px}.admin-command{display:grid;gap:5px;margin:8px 0}.admin-command input,.admin-command select{height:30px;padding:0 7px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#161311;color:#eee;font-size:7px}.admin-result{min-height:24px;padding:7px;border-radius:6px;background:rgba(60,116,84,.12);color:#93d6ae;font-size:7px;line-height:1.5}.admin-log{display:grid;gap:4px}.admin-log span,.admin-row{display:flex;align-items:center;justify-content:space-between;padding:6px;border-bottom:1px solid rgba(255,255,255,.06)}.admin-log span>*,.admin-row div{display:grid}.admin-log b,.admin-row b{font-size:7px}.admin-log small,.admin-row small{color:var(--muted);font-size:5px}.admin-management{margin-top:10px;color:#d9bd85;font-size:7px}.admin-management summary{cursor:pointer;padding:7px;border:1px solid rgba(215,163,78,.18);border-radius:6px}