/* GRAND CHASE IDLE — illustrated arcade interface, shared with the ADM. */
:root{color-scheme:dark;--arcade-ink:#061321;--arcade-panel:#102941;--arcade-gold:#ffd36a;--arcade-cyan:#62e2ef;--arcade-green:#62e2b1;--arcade-pink:#f77ba1;--arcade-purple:#cb8eff;--arcade-white:#f5fbff;--bg:#061321;--panel:#102941;--line:#547b9655;--text:#f5fbff;--muted:#a9c3d7;--gold:#ffd36a;--green:#62e2b1;--red:#ff8d9d}
body,body.account-ready,body.journey-layout,body.admin-presentation{color:var(--arcade-white);font-family:'Trebuchet MS','Segoe UI',sans-serif;background-color:#061321;background-image:radial-gradient(ellipse at 14% 0,#24779344,transparent 48%),radial-gradient(ellipse at 90% 70%,#c1902420,transparent 48%),linear-gradient(#102c4622 1px,transparent 1px),linear-gradient(90deg,#102c4622 1px,transparent 1px);background-size:auto,auto,72px 72px,72px 72px;background-attachment:fixed;line-height:1.5}
body :is(h1,h2,h3,h4){font-family:'Arial Rounded MT Bold','Arial Black','Trebuchet MS',sans-serif;font-weight:900;letter-spacing:.5px;color:#f6fcff;text-wrap:balance}
body :is(h1,#overlay-title){color:#f1fcff;text-shadow:0 3px 0 #164c68,0 6px 0 #03101c,0 0 23px #4fd5e74d;-webkit-text-stroke:.4px #77dfe9}
body :is(h2,h3){text-shadow:0 3px 0 #07121f}
body :is(button,input,select,textarea){font-family:inherit}
body button,body .header-actions a{border:1px solid #58829d;border-radius:10px;background:linear-gradient(180deg,#294e6b,#142e48);color:#effaff;font-weight:800;box-shadow:inset 0 1px #a8e4ff24,0 3px 0 #020b16;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}
body button:hover:not(:disabled),body .header-actions a:hover{border-color:#75e9f4;background:linear-gradient(180deg,#326786,#1a3e5c);box-shadow:inset 0 1px #c5f4ff33,0 3px 0 #020b16,0 0 14px #58dce52b;transform:translateY(-1px)}
body button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #a8e4ff24,0 1px 0 #020b16}
body button:disabled{opacity:.44;cursor:not-allowed;filter:saturate(.4)}
body :is(button,a,input,select,textarea):focus-visible{outline:3px solid #89f0f5;outline-offset:3px}
body :is(button.primary,.primary,.account-card form>button){color:#352311;border:2px solid #ffebaa;background:linear-gradient(180deg,#fff2b0,#ffd261 45%,#f5a42c);text-shadow:0 1px #fff5c3;box-shadow:inset 0 2px #fff7d4,0 4px 0 #815220,0 0 18px #ffc64926}
body :is(button.primary,.primary,.account-card form>button):hover:not(:disabled){color:#352311;background:linear-gradient(180deg,#fff8cc,#ffe18a 45%,#ffb839);border-color:#fff4c8;box-shadow:inset 0 2px #fff7d4,0 4px 0 #815220,0 0 22px #ffc6494d}
body :is(button.danger,.danger button){border-color:#f7768b;background:linear-gradient(#70354f,#3d243b);color:#ffbac9}
body :is(input:not([type=checkbox]):not([type=range]),select,textarea){color:#f4fbff;background:#081a2c;border:1px solid #4a7692;border-radius:8px;box-shadow:inset 0 2px 5px #0004;padding:10px 12px;min-height:38px}
body :is(input,textarea)::placeholder{color:#7899b1}body label{color:#c6dce9}body input[type=checkbox]{accent-color:#ffd36a;width:16px;height:16px}body input[type=range]{accent-color:#62e2ef}
body :is(.panel,.card,.metric,.library-card,.settings-columns>section,.character-management,.progression-panel){--section-accent:var(--arcade-gold);background:radial-gradient(ellipse at 0 0,#3a67832e,transparent 70%),linear-gradient(145deg,#15334f,#0a1d32);border:1px solid #bd995b;border-radius:17px;box-shadow:inset 0 1px #ffe4a424,0 5px 0 #020e1c,0 12px 26px #0004}
body :is(.panel,.card,.library-card){padding:20px}
body :is(.panel,.card,.library-card):hover{border-color:#e8c06f}
body :is(.panel>h2,.panel>h3){color:#ffdc80;letter-spacing:1px}
body :is(.notice,.notice-card){background:linear-gradient(110deg,#30566977,#0d273c);border:1px solid #57c9d4;border-left:4px solid #69e2ed;border-radius:10px;color:#c8f8ff;padding:13px 17px}
body :is(.good,.success){color:#75efc0}body :is(.warn,.warning){color:#ffdb7d}body .bad{color:#ff91a7}
body :is(.badge,.rarity-chip,.map-access-chip){border-radius:7px;border:1px solid #f2cb715c;background:#071b2bd9;color:#ffe19a;font-weight:800;letter-spacing:.3px}
body :is(dialog,#game-overlay){color:#f5fbff;background:linear-gradient(150deg,#183a59fa,#091c30fc);border:2px solid #e7bc62;border-radius:20px;box-shadow:inset 0 0 0 3px #152c46,0 0 34px #ffc74524,0 30px 100px #000c}
body dialog::backdrop{background:#020c1bc4;backdrop-filter:blur(5px)}
body :is(#toast,.toast){background:linear-gradient(120deg,#24445e,#0b2035);border:2px solid #ffd674;color:#ffebb4;border-radius:12px;box-shadow:0 4px 0 #051020,0 0 24px #e8b14633}
body :is(table,.rpg-table){color:#d6e6f1;font-variant-numeric:tabular-nums}body :is(th,.rpg-table th){color:#ffdf8d;background:#0b2035;border-bottom:2px solid #d6b36866;letter-spacing:.6px}body td{border-bottom-color:#8ebada1f}body tbody tr:nth-child(even){background:#4486a009}body tbody tr:hover{background:#5bd9e90c}
body :is(.toolbar,.stats-tabs,.difficulty-tabs,.continent-tabs,.inventory-tabs){gap:9px}
body :is(.inventory-tabs,.continent-tabs,.difficulty-tabs,.stats-tabs) button.active{color:#ffecaa;border-color:#ffd369;background:linear-gradient(#614e2b,#322e29);box-shadow:inset 0 1px #ffe8a84d,0 0 16px #ffcf4622}
body :is(.bar,.loading-track,.journey-xp-track){background:#051423;border:1px solid #bf9d5b;border-radius:20px;overflow:hidden}
body :is(.loading-track i,.journey-xp-track>span){background:linear-gradient(90deg,#ffa12e,#ffda63,#fff4b0);box-shadow:0 0 12px #ffd76199;border-radius:20px}
/* Account entry and loading screens. */
body #account-gate,body #game-loading,body #login{background:radial-gradient(ellipse at 50% 15%,#33718c66,transparent 55%),radial-gradient(ellipse at 15% 90%,#d9aa3026,transparent 48%),linear-gradient(150deg,#0d263e,#050f1c);font-family:inherit}
body .account-card,body #login-form{position:relative;background:linear-gradient(155deg,#1d4261f5,#0a1e33fa);border:2px solid #e8c46b;border-radius:24px;padding:28px 34px;box-shadow:inset 0 0 0 4px #15324a,0 0 45px #d9b33f22,0 22px 80px #0009;max-width:94vw}
body :is(.account-card,#login-form) h1{font-size:27px;line-height:1.2;color:#effcff}body :is(.account-card,#login-form) p{color:#bcd4e5}body :is(.account-card,#login-form)>img{filter:drop-shadow(0 0 20px #ffd76a33)}body .account-card .gate-links button{color:#a8eff8;border-color:#5695ab;background:#112b43}body .account-card .gate-note{color:#a6c3d8}
body #game-loading .loading-track{height:12px}body #loading-percent{color:#ffdd76;font-size:24px;text-shadow:0 3px #1b3854}body #loading-message{color:#d4f4ff}
/* Game frame and illustrated menu. */
.journey-layout .journey-topbar{background:linear-gradient(180deg,#183a55f5,#0c2137f5);border-bottom:2px solid #e5bb61;padding-inline:18px!important;box-shadow:0 4px 20px #0005}
.journey-topbar .wallet>span,.journey-topbar #other-resources>span{border:1px solid #527c99;border-radius:9px;background:linear-gradient(#173a54,#10283e);padding:5px 12px;color:#ffdf82}.journey-topbar .wallet b{font-size:14px}.journey-topbar .wallet small{color:#b3d3e4}
.journey-topbar .logo img{filter:drop-shadow(0 0 12px #ffd66b33)}.journey-topbar .journey-utilities>button{border-radius:9px;border-color:#608eab;background:#18374e}
.journey-layout .journey-command{gap:16px;padding:5px 8px;min-height:70px!important}.journey-hero .profile>.avatar{border:2px solid #ffdc7a;border-radius:13px;background:linear-gradient(#42647d,#122b43);box-shadow:0 3px 0 #07101b,0 0 15px #ffc94c22}.journey-hero .profile strong{font-size:19px;color:#fff3c0;text-shadow:0 3px #091827}.journey-hero .profile .cp-value{color:#ffdf75;background:#1b394d;border:1px solid #d2ac58;border-radius:8px;font-size:13px}.journey-xp-track{height:5px}
.journey-layout .journey-location{border:1px solid #75c9db66!important;border-radius:12px;background:linear-gradient(110deg,#27516866,#10283c66)!important;padding:8px 15px}.journey-location strong{color:#e9faff;font-size:17px;font-weight:900}.journey-location small{color:#72dfec}.journey-location .arcade-utility-icon{width:34px;height:34px}
.journey-layout .play-layout{border-radius:18px}.journey-layout .play-layout:before{inset:-2px;border-radius:20px;background:linear-gradient(135deg,#fff0a5,#b6842e 35%,#56cfde 70%,#f8ce72)}.journey-layout #battlefield{border-radius:18px;box-shadow:0 5px 0 #020c18,0 0 25px #51c8db17}
.journey-layout #battlefield :is(.map-hud,.player-hud){background:linear-gradient(130deg,#183a55ed,#0b2238eb);border:1px solid #e3bd66;border-radius:12px;box-shadow:0 4px 0 #020d1c66}.journey-layout #battlefield .map-hud h2{color:#fff4c4;font-weight:900}.journey-layout #battlefield .map-hud small{color:#b4dfef}.journey-layout #battlefield .battle-skills{border:1px solid #588da9;background:#0a2037e8;border-radius:11px}.journey-layout .battle-skills button{border-color:#c8a964;background:linear-gradient(#244563,#0b243c);box-shadow:inset 0 1px #fff3,0 3px #020d1b}.journey-layout .battle-skills button img{filter:drop-shadow(0 1px 2px #0008)}
.journey-layout #live-stats{background:linear-gradient(150deg,#1c405cf5,#091e33fa);border:2px solid #e3bb64;border-radius:15px;box-shadow:0 0 30px #42c1d32b,-10px 0 35px #0007}.journey-layout #live-stats dd{color:#ffdd7e}.journey-layout #live-stats dt{color:#bfd7e8}
.journey-layout #journey-dock{background:linear-gradient(180deg,#1b3b56,#0b2136);border:2px solid #d7b35e;border-radius:17px;box-shadow:inset 0 1px #ffe8ad33,0 5px 0 #030d19,0 0 22px #38c4dd17;padding:8px 12px;margin-top:12px}
.journey-layout #nav{gap:7px!important}.journey-layout #nav button{display:flex!important;flex-direction:column;justify-content:center;gap:3px;width:70px;height:70px;padding:5px!important;border:1px solid #5886a166;background:linear-gradient(#22455f,#102b43);border-radius:12px;box-shadow:inset 0 1px #a9ecff1a,0 3px 0 #040e1a;overflow:visible}.journey-layout #nav button .nav-icon{width:39px;height:39px}.journey-layout #nav button>span:first-child{display:grid;place-items:center;width:auto;height:auto;background:transparent;border:0}.journey-layout #nav button .arcade-nav-label{display:block;font-size:9px;line-height:1.1;max-width:70px;color:#d6effa;font-weight:900;white-space:normal;text-align:center;letter-spacing:.1px}
.journey-layout #nav button.active,.journey-layout #nav button:hover{background:linear-gradient(#52605a,#263b43);border:2px solid #ffdc78;box-shadow:inset 0 0 13px #ffdc7830,0 3px #7e622c,0 0 17px #ffd25e33}.journey-layout #nav button.active .arcade-nav-label{color:#fff0b7}.journey-nav-indicator{background:#ffe08b}.journey-dock-caption>span{color:#6eddea}.journey-dock-caption>b{color:#ffdf85}
.journey-layout #game-overlay{border:2px solid #e7bf65;border-radius:20px;background:linear-gradient(140deg,#193f5df9,#091e34fc);box-shadow:0 0 35px #ffd26422,0 25px 90px #000c}.journey-layout #game-overlay>header{background:linear-gradient(100deg,#265a77,#102e49);border-bottom:2px solid #c5a256;padding:15px 20px!important}.journey-layout #overlay-title{font-size:23px!important;letter-spacing:1px}.journey-layout #overlay-body{padding:20px}
.journey-layout .character-card{border:2px solid #e8bf65;padding:0 0 17px;overflow:hidden}.journey-layout .character-art{background:radial-gradient(ellipse,#d9b74636,transparent 70%),linear-gradient(#244d6d,#102d47)}.journey-layout .character-card h3{color:#fff3cc;font-size:22px}.journey-layout .character-card.selected{border-color:#72e7eb;box-shadow:0 0 25px #62e2ef33,0 5px #061222}
.journey-layout .map-card{padding:0 0 14px;overflow:hidden;border:2px solid #d8b15e;border-radius:18px}.journey-layout .expedition-card-caption{background:linear-gradient(transparent,#071a2cdd 36%,#06172af5);padding:18px}.journey-layout .map-card h3{font-size:24px;color:#fff2c0}.journey-layout .map-card.selected{border-color:#64e4f0;box-shadow:0 0 20px #55d7e72c}.journey-layout .map-card>button{margin:10px 14px 0;width:calc(100% - 28px)}
.journey-layout :is(.paperdoll,.equipment-layout,.inventory-character){background:radial-gradient(ellipse,#5a9db132,#102c45 70%);border:1px solid #d9b65f;border-radius:16px}.journey-layout :is(.equipment-slot,.equip-slot,.inventory-slot){background:linear-gradient(#284860,#0b2137);border-radius:11px;box-shadow:inset 0 0 15px #0003,0 3px #040e1c}.journey-layout :is(.item-card,.inventory-item){background:linear-gradient(145deg,#24455d,#0d263f);border-radius:12px;box-shadow:inset 0 1px #c2e7ff22,0 3px 0 #030f1d}.journey-layout #item-tooltip{background:linear-gradient(140deg,#1c3d56fa,#0b2137fc);border-width:2px;border-radius:13px;box-shadow:0 8px 35px #000a}
/* Administrative workspaces: bright section frames without losing table density. */
body.admin-presentation #app>aside{background:linear-gradient(180deg,#183b56,#0b2137 50%,#07172a);border-right:2px solid #b49149;box-shadow:6px 0 30px #0003}.admin-presentation aside .brand{filter:drop-shadow(0 0 14px #ffdb5a22)}.admin-presentation aside .account{background:linear-gradient(110deg,#274c63,#102c45);border:1px solid #a88b4b;border-radius:12px;padding:12px}
.admin-presentation #nav button{min-height:48px;background:linear-gradient(110deg,#224760,#12314a);border:1px solid #4c789666;border-radius:10px;margin-bottom:7px;color:#d8edf6;font-size:12px;font-weight:900;box-shadow:0 3px #03101c}.admin-presentation #nav button.active{border:2px solid #ffdc7c;background:linear-gradient(110deg,#605835,#29414b);color:#fff0af;box-shadow:inset 0 0 16px #ffe08512,0 3px #735a29,0 0 20px #ffdb5c22}.admin-presentation #nav .arcade-admin-icon{width:34px;height:34px;flex:0 0 34px;filter:drop-shadow(0 2px 1px #0007)}.admin-presentation .admin-nav-section{color:#70dfeb;letter-spacing:1.8px;font-weight:900}.admin-presentation .admin-nav-label{white-space:normal;line-height:1.2}
.admin-presentation #app main>header{background:linear-gradient(100deg,#1e425d,#0b2238);border:1px solid #7b9bac77;border-bottom:2px solid #d0aa55;border-radius:15px;padding:17px 20px;box-shadow:0 4px #030d1b}.admin-presentation #title{font-size:29px;letter-spacing:.7px}.admin-presentation .admin-view-intro{border-left:4px solid #63e0eb;background:linear-gradient(90deg,#20566a55,transparent);border-radius:0 10px 10px 0;padding:12px 16px}.admin-presentation .admin-section-kicker{color:#ffdf81;font-weight:900}.admin-presentation .admin-local-badge{color:#7eebc6;border-color:#54c5a377;background:#0b2e32}.admin-presentation .metric{position:relative;border:2px solid var(--section-accent);padding:22px;overflow:hidden}.admin-presentation .metric:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0,#ffffff15,transparent 65%);pointer-events:none}.admin-presentation .metric:nth-child(4n+2){--section-accent:#63dfea}.admin-presentation .metric:nth-child(4n+3){--section-accent:#72dfba}.admin-presentation .metric:nth-child(4n){--section-accent:#cb8ef2}.admin-presentation .metric b{color:#fff4c7;font-size:32px;text-shadow:0 3px #092039}.admin-presentation .metric small{color:#c0dfec;font-weight:800;letter-spacing:.4px}
.admin-presentation .admin-quick-links>button{border:2px solid #62dce6;background:linear-gradient(120deg,#204d65,#0d293f);border-radius:15px;padding:18px}.admin-presentation .admin-quick-links>button:nth-child(2){border-color:#e7bd65}.admin-presentation .admin-quick-links>button:nth-child(3){border-color:#bd83f0}.admin-presentation .admin-quick-links strong{color:#fff9e5;font-size:17px}.admin-presentation .panel{border-width:1px;border-top:3px solid #e6be68}.admin-presentation .panel>h2{font-size:21px}
.admin-presentation .library-card{padding:16px;border-color:var(--item-color,#dfbc68);border-width:2px}.admin-presentation .library-image{background:radial-gradient(ellipse,#46759166,#0b223a);border:1px solid #7693a555;border-radius:12px}.admin-presentation .library-card h3{color:#fff0c9;font-size:16px}.admin-presentation .set-list button{background:linear-gradient(125deg,#234b65,#112d45);border:1px solid #5e8ca7;border-radius:13px;padding:12px}.admin-presentation .set-list button.active{border:2px solid #ffdb75;background:linear-gradient(125deg,#5c553b,#17364b)}.admin-presentation .set-list button b{color:#fff1bd;font-size:14px}.admin-presentation .set-piece{background:linear-gradient(120deg,#20425c,#0d293e);border:1px solid #b3914e;border-radius:13px;padding:8px}.admin-presentation .set-item-art{background:radial-gradient(ellipse,#52627644,#10263b);border:2px solid #d9b569;border-radius:11px;box-shadow:inset 0 1px #fff3,0 3px #04111f}.admin-presentation .set-piece-preview{background:transparent!important;border:0!important;box-shadow:none!important}.admin-presentation .set-item-label b{color:#f6edcf}.admin-presentation .set-bonus-row{background:#0b243b;border-color:#6ecad46b;border-radius:13px}.admin-presentation .table-wrap{border:1px solid #537c96;border-radius:12px}
.admin-presentation :is(.log-row,.admin-account-row){background:#102d43;border-color:#4b7794}.admin-presentation .dialog-close{margin-top:18px}.admin-presentation .admin-sidebar-toggle{border-color:#f2d27d;color:#ffe29a}
.arcade-cartoon-icon{object-fit:contain;filter:drop-shadow(0 3px 1px #020b19a1)}
@media(min-width:1450px){.journey-layout #nav button{width:78px}.journey-layout #nav button .arcade-nav-label{font-size:10px}.journey-layout #nav button .nav-icon{width:42px;height:42px}}
@media(max-width:1100px){.journey-layout #journey-dock{gap:6px;padding:7px}.journey-dock-caption{display:none!important}.journey-layout #nav{flex:1;justify-content:space-between;gap:4px!important}.journey-layout #nav button{width:61px;height:65px}.journey-layout #nav button .nav-icon{width:34px;height:34px}.journey-layout .journey-location strong{font-size:14px}.admin-presentation #title{font-size:24px}}
@media(max-width:760px){body :is(.panel,.card){padding:15px}.journey-layout .journey-command{gap:8px;padding-inline:0}.journey-layout .journey-location{padding:7px}.journey-location .arcade-utility-icon{width:26px;height:26px}.journey-layout #journey-dock{max-width:100%;overflow:visible}.journey-layout #nav{flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;padding:4px 2px 7px!important}.journey-layout #nav button{flex:0 0 62px}.journey-layout #game-overlay>header{padding:12px 15px!important}.journey-layout #overlay-title{font-size:20px!important}.journey-layout #overlay-body{padding:13px}.journey-layout .journey-topbar{padding-inline:10px!important;gap:10px}.journey-topbar .wallet>span{padding:4px 7px}.admin-presentation .panel>h2{font-size:19px}.admin-presentation #app main>header{padding:12px}.admin-presentation #title{font-size:21px}.admin-presentation .metric b{font-size:27px}body :is(.account-card,#login-form){padding:24px}.journey-layout #battlefield .map-hud h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){body *,body *:before,body *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Section colors follow the illustrated cards in the visual references. */
body{--page-accent:#ffd36a}body[data-arcade-page=skills],body[data-arcade-page=diagnostics],body[data-arcade-page=content]{--page-accent:#62e2ef}body[data-arcade-page=talents],body[data-arcade-page=attributes],body[data-arcade-page=pets],body[data-arcade-page=economy]{--page-accent:#62e2b1}body[data-arcade-page=forge],body[data-arcade-page=sets],body[data-arcade-page=campaign]{--page-accent:#cb8eff}body[data-arcade-page=arena],body[data-arcade-page=maintenance]{--page-accent:#f77b94}
body .panel{--section-accent:var(--page-accent);border-top:3px solid var(--section-accent)}body .panel>h2{color:var(--section-accent)}
.journey-layout :is(.owned-item,.paper-slot,.owned-pet){background:radial-gradient(ellipse at top,#40739333,transparent 80%),linear-gradient(#1e4562,#0c263e);border:2px solid var(--rarity,#9fbdcc);border-radius:11px;box-shadow:inset 0 1px #d6f6ff22,0 3px 0 #030f1b}.journey-layout .owned-item:hover,.journey-layout .paper-slot:hover{box-shadow:inset 0 0 14px #acd9ef18,0 0 14px #84e5f32b;border-color:var(--rarity,#ffe18a)}.journey-layout .owned-items{background:#0b223a88;border:1px solid #7397ad66;border-radius:15px;padding:15px}.journey-layout .paper-totals{border-top:1px solid #dfbf6d66;background:#12344c;border-radius:10px;padding:10px}.journey-layout .paper-totals b{color:#ffdf8a}.journey-layout .talent-node{background:linear-gradient(145deg,#244760,#0d263e);border:1px solid #7099b5;border-radius:13px;box-shadow:0 4px #020d1a}.journey-layout .talent-node.learned{border-color:#67dfb3;box-shadow:0 0 15px #67dfb31c,0 4px #020d1a}.journey-layout .talent-node.equipped{border:2px solid #ffdd78;background:linear-gradient(145deg,#4d513e,#193844)}.journey-layout .talent-node h3{color:#fff1ba;font-size:14px}.journey-layout .talent-node-top img{border:2px solid #dcb66a;border-radius:10px;background:#0b2035}.journey-layout .talent-header,.journey-layout .talent-branch{background:linear-gradient(120deg,#214d60,#102a41);border-color:#67d8d1;border-radius:13px}.journey-layout .talent-points{color:#a1f4d2}.journey-layout #battlefield .gc-gauge{transform:none;border-radius:12px;border-color:#e6cc87;box-shadow:inset 0 1px 3px #0008}.journey-layout #battlefield .gc-gauge span{transform:none}.journey-layout #battlefield .gc-gauge i{border-radius:12px}.journey-layout #battlefield .hp-gauge i{background:linear-gradient(#ffb1aa,#f66d7d 52%,#c44763)}.journey-layout #battlefield .mp-gauge i{background:linear-gradient(#b3f6ff,#57c9ee 52%,#338bbd)}

.admin-presentation .admin-quick-links .arcade-admin-icon{width:52px;height:52px;flex:0 0 52px}.journey-layout .journey-actions .arcade-utility-icon{width:24px;height:24px}.journey-layout .journey-actions>button{padding:5px}

/* Resources beside the character; navigation and utilities below the arena. */
body.journey-no-header .journey-topbar{display:none!important}body.journey-no-header .journey-command{grid-template-columns:minmax(200px,250px) minmax(180px,1fr) auto;gap:14px;padding:4px 2px;min-height:68px!important}body.journey-no-header .journey-location{justify-self:center}body.journey-no-header .journey-command>.wallet{justify-content:flex-end;align-self:center;max-width:460px;gap:6px}body.journey-no-header .journey-command .wallet>span,body.journey-no-header .journey-command #other-resources>span{display:flex;align-items:center;gap:7px;border:1px solid #63839a;border-radius:9px;background:linear-gradient(#1f4159,#102a42);padding:5px 10px;color:#ffdf82;font-size:12px}body.journey-no-header .journey-command .wallet small{font-size:8px;color:#b3d3e4}body.journey-no-header .journey-command .wallet b{font-size:14px}body.journey-no-header #other-resources:empty{display:none}body.journey-no-header #journey-dock{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}body.journey-no-header .journey-dock-caption{display:none!important}.journey-dock-tools{display:flex;align-items:center;gap:12px;padding-left:12px;border-left:1px solid #d5b76b55}.journey-dock-brand{display:block;width:85px!important;flex:0 0 85px}.journey-dock-brand img{width:100%;max-height:49px;object-fit:contain}.journey-dock-tools .journey-actions{gap:6px}.journey-dock-tools .journey-live{margin-right:3px;font-size:8px}.journey-dock-tools .journey-utilities{display:flex;gap:5px}.journey-dock-tools .journey-utilities button{width:32px;height:32px;padding:6px;display:grid;place-items:center}.journey-dock-tools .journey-live>span{max-width:70px}body.journey-focus.journey-no-header .journey-command{grid-template-columns:220px 1fr auto}
@media(max-width:1350px){.journey-dock-brand{display:none}.journey-dock-tools{gap:7px;padding-left:8px}.journey-dock-tools .journey-live{display:none}}
@media(max-width:1000px){body.journey-no-header .journey-command{grid-template-columns:minmax(180px,1fr) auto;gap:8px}body.journey-no-header .journey-command>.journey-location{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:center;padding:4px 10px}body.journey-no-header .journey-command>.wallet{grid-column:2;grid-row:1;max-width:55vw}body.journey-no-header #journey-dock{grid-template-columns:minmax(0,1fr)}.journey-dock-tools{justify-content:flex-end;border-left:0;border-top:1px solid #d5b76b44;padding:7px 0 0}.journey-dock-brand{display:block;margin-right:auto}.journey-dock-tools .journey-live{display:flex}body.journey-focus.journey-no-header .journey-command{grid-template-columns:minmax(150px,1fr) auto}}
@media(max-width:540px){body.journey-no-header .journey-command{grid-template-columns:minmax(0,1fr)}body.journey-no-header .journey-command>.wallet{grid-column:1;grid-row:2;justify-content:flex-start;max-width:100%;gap:5px}body.journey-no-header .journey-command>.journey-location{grid-row:3}body.journey-no-header .journey-hero{max-width:none}body.journey-no-header .journey-command .wallet>span{padding:3px 8px}body.journey-no-header .journey-command .wallet b{font-size:12px}.journey-dock-tools .journey-live{display:none}.journey-dock-tools .journey-actions>button{width:32px;height:32px}body.journey-focus.journey-no-header .journey-command{grid-template-columns:minmax(0,1fr)}}

/* Legible character vitals and meaningful skill states. */
.journey-layout #battlefield .player-hud{width:312px!important;gap:10px;padding:10px 12px!important;border:2px solid #e7cb91;border-radius:16px;background:linear-gradient(135deg,#23445bea,#0a2137f5);box-shadow:inset 0 1px #fff4cb30,0 4px 0 #020d1b99,0 7px 22px #0005}.journey-layout #battlefield .hud-portrait{width:54px!important;height:64px!important;border:2px solid #f1d799;border-radius:12px;background:radial-gradient(ellipse at top,#88bdd066,#16324b);box-shadow:inset 0 0 0 2px #11263a}.journey-layout #battlefield .hud-portrait img{object-fit:cover;object-position:50% 15%}.journey-layout #battlefield .hud-vitals>b{font-size:14px;line-height:1.3;margin-bottom:6px;color:#fff3d4;text-shadow:0 2px #041322}.journey-layout #battlefield .hud-vitals>b small{font-size:10px;background:#0c2235;border:1px solid #aa91595c;border-radius:5px;padding:2px 5px;color:#f1d699}.journey-layout #battlefield .gc-gauge{height:18px;margin-top:5px;border:1px solid #c6b78f;border-radius:7px;background:#030e1d;box-shadow:inset 0 2px 4px #000b}.journey-layout #battlefield .gc-gauge i{border-radius:6px;box-shadow:inset 0 2px #fff4,0 0 9px #5acacb33}.journey-layout #battlefield .hp-gauge i{background:linear-gradient(#ffb6b1,#e66f80 48%,#a94058)}.journey-layout #battlefield .mp-gauge i{background:linear-gradient(#c3f0ff,#6ebee5 48%,#3d78b2)}.journey-layout #battlefield .gc-gauge span{font-size:10px;font-weight:900;line-height:16px;letter-spacing:.25px;text-shadow:0 1px 2px #000,1px 0 #04101c,-1px 0 #04101c}.journey-layout #battlefield .mp-gauge:after{opacity:.25}.journey-layout #battlefield .player-hud.hud-danger{border-color:#f78891;box-shadow:inset 0 0 18px #d9576233,0 0 17px #e96b7830}.journey-layout #battlefield .hud-danger .hp-gauge{border-color:#ffa1aa}
.journey-layout #battlefield .battle-skills{top:127px!important;right:17px;gap:7px;padding:7px;border:1px solid #bbab7d;border-radius:12px;background:linear-gradient(#18394eea,#0a2034ed);box-shadow:0 4px 0 #020d1b88}.journey-layout #battlefield .battle-skills button[data-action=cast]{position:relative;width:58px;min-width:58px;max-width:58px;height:82px;padding:5px 4px;border:1px solid #a8bdca;border-radius:10px;background:linear-gradient(#2d5068,#122b43);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;opacity:1;filter:none}.journey-layout #battlefield .battle-skills button[data-action=cast] img{width:46px!important;height:46px!important;border-radius:7px;object-fit:cover}.journey-layout #battlefield .battle-skills button[data-action=cast] small{position:relative;z-index:2;display:block;max-width:100%;font-size:8px;line-height:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ecf3fb;margin:0}.journey-layout #battlefield .battle-skills button[data-action=cast] b{font-size:9px;line-height:10px;color:#a5ddef;z-index:2}.journey-layout #battlefield .battle-skills button[data-action=cast] kbd{position:absolute;left:4px;top:3px;z-index:4;min-width:14px;height:15px;line-height:13px;text-align:center;font:900 9px 'Trebuchet MS',sans-serif;color:#fff0c6;background:#061627e6;border:1px solid #d4bd85;border-radius:4px}.journey-layout #battlefield .battle-skills button[data-action=cast] em{position:absolute;left:3px;right:3px;top:23px;z-index:4;font:900 11px 'Trebuchet MS',sans-serif;font-style:normal;text-align:center;color:#fff8df;text-shadow:0 2px 3px #000;pointer-events:none}.journey-layout #battlefield .battle-skills button[data-state=cooldown]:after{content:'';position:absolute;top:5px;left:5px;width:46px;height:46px;border-radius:7px;background:conic-gradient(#030d1bd9 var(--cooldown,360deg),transparent 0);z-index:2;pointer-events:none}.journey-layout #battlefield .battle-skills button[data-state=ready]{border-color:#ead095;box-shadow:inset 0 0 10px #e9c86e22,0 0 8px #f0d79922,0 3px #07111d}.journey-layout #battlefield .battle-skills button[data-state=mana]{border-color:#538bad}.journey-layout #battlefield .battle-skills button[data-state=mana] img{filter:brightness(.45) saturate(.6)}.journey-layout #battlefield .battle-skills button:is([data-state=locked],[data-state=paused]) img{filter:grayscale(.7) brightness(.45)}.journey-layout #battlefield .battle-skills button[data-state=busy] img{filter:brightness(.8)}.journey-layout #battlefield .battle-skills .battle-play{align-self:center;min-width:30px;width:30px;height:46px;color:#f5dfaa}.journey-layout #battlefield .battle-skills [data-action=autoskill]{align-self:center;width:45px;max-width:45px;height:46px;padding:4px;font-size:9px;color:#aec7d5}.journey-layout #battlefield .battle-skills [data-action=autoskill][aria-pressed=true]{color:#b6f1d5;border-color:#80bda7;background:linear-gradient(#28584f,#163e3c)}
@media(max-width:760px){.journey-layout #battlefield .player-hud{width:240px!important;max-width:56%!important;gap:6px;padding:7px!important}.journey-layout #battlefield .hud-portrait{width:35px!important;height:47px!important;border-radius:9px}.journey-layout #battlefield .hud-vitals>b{font-size:11px;margin-bottom:3px}.journey-layout #battlefield .hud-vitals>b small{font-size:8px;padding:0 3px}.journey-layout #battlefield .gc-gauge{height:15px;margin-top:4px}.journey-layout #battlefield .gc-gauge span{font-size:8px;line-height:13px}.journey-layout #battlefield .battle-skills{top:112px!important;right:10px;gap:4px;padding:5px}.journey-layout #battlefield .battle-skills button[data-action=cast]{width:46px;min-width:46px;max-width:46px;height:71px;padding:4px 3px}.journey-layout #battlefield .battle-skills button[data-action=cast] img{width:38px!important;height:38px!important}.journey-layout #battlefield .battle-skills button[data-state=cooldown]:after{width:38px;height:38px;top:4px;left:3px}.journey-layout #battlefield .battle-skills button[data-action=cast] em{top:19px;font-size:9px}.journey-layout #battlefield .battle-skills .battle-play{width:25px;min-width:25px}.journey-layout #battlefield .battle-skills [data-action=autoskill]{width:36px;max-width:36px;font-size:8px}}