@import url('fonts-local/fonts.css');

:root {
    --c-void: #030708;
    --c-night: #071113;
    --c-panel: #0c181a;
    --c-panel-2: #102124;
    --c-ice: #65dce3;
    --c-ice-deep: #247b83;
    --c-gold: #d8b05c;
    --c-gold-soft: #f2d78e;
    --c-paper: #f1e5c9;
    --c-paper-2: #dac49e;
    --c-ink: #24170f;
    --c-muted: #899c9c;
    --c-red: #b4483d;
}

* { box-sizing: border-box; }

html { background: var(--c-void); }

body.citadel-body {
    min-width: 0;
    margin: 0;
    background:
        radial-gradient(circle at 50% 15%, rgba(31, 115, 121, .12), transparent 32rem),
        linear-gradient(180deg, #020506 0, #071012 38rem, #030708 100%);
    color: #d5dfdd;
    font: 13px/1.55 Inter, Arial, sans-serif;
    text-align: left;
    overflow-x: hidden;
}

a { transition: color .18s ease, border-color .18s ease, background-color .18s ease, transform .18s ease; }

.world-hero {
    position: relative;
    height: 220px;
    overflow: hidden;
    background: #000 url('../images/layout/hero-proposal-1-citadel.jpg') center 44% / cover no-repeat;
}

#client-download {
    scroll-margin-top: 24px;
}

#main-content {
    scroll-margin-top: 24px;
}

.world-hero:before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,.28), transparent 35%, transparent 70%, rgba(0,0,0,.4));
}

.hero-vignette {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 52%, rgba(3,7,8,.72) 82%, var(--c-void) 100%);
}

.hero-inner {
    position: relative;
    width: min(1016px, calc(100% - 40px));
    height: 100%;
    margin: 0 auto;
}

.brand-mark {
    position: absolute;
    left: 0;
    bottom: 16px;
    display: flex;
    flex-direction: column;
    padding:8px 12px 7px;
    border-left: 2px solid var(--c-gold);
    background:linear-gradient(90deg,rgba(3,10,11,.68),rgba(3,10,11,.18) 78%,transparent);
    color: #fff;
    text-decoration: none;
    text-shadow: 0 3px 12px #000;
}

.brand-kicker { color: var(--c-ice); font-size: 10px; font-weight: 700; letter-spacing: .28em; text-transform: uppercase; }
.brand-name { display:block; width:520px; height:118px; margin:-3px 0 -2px; overflow:hidden; background:url('../images/layout/kozienicki-ots-logo-v1.webp') left center/contain no-repeat; font-size:0; color:transparent; filter:drop-shadow(0 7px 10px rgba(0,0,0,.8)); }
.brand-motto { color: #c8d1cf; font: 500 11px Cinzel, Georgia, serif; letter-spacing: .06em; }

.world-state {
    position: absolute;
    right: 0;
    bottom: 17px;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 150px;
    padding: 10px 16px;
    border: 1px solid rgba(216,176,92,.32);
    background: rgba(4,12,13,.8);
    backdrop-filter: blur(8px);
}

.state-pulse { width: 10px; height: 10px; border-radius: 50%; background: var(--c-red); box-shadow: 0 0 12px rgba(180,72,61,.8); }
.skip-link { position:fixed; left:12px; top:10px; z-index:9999; padding:10px 14px; border:1px solid var(--c-gold); background:#061113; color:#fff; font:700 10px Cinzel,serif; text-decoration:none; transform:translateY(-160%); }
.skip-link:focus { transform:translateY(0); }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:2px solid var(--c-ice); outline-offset:2px; }
.is-online .state-pulse { background: #56cf86; box-shadow: 0 0 12px rgba(86,207,134,.8); }
.state-copy { display: flex; flex-direction: column; }
.state-copy small { color: var(--c-muted); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
.state-copy strong { color: #fff; font: 600 15px Cinzel, serif; }

.citadel-nav {
    position: sticky;
    top: 0;
    z-index: 1000;
    border-top: 1px solid rgba(101,220,227,.12);
    border-bottom: 1px solid rgba(216,176,92,.28);
    background: rgba(4,12,13,.94);
    box-shadow: 0 12px 28px rgba(0,0,0,.32);
    backdrop-filter: blur(10px);
}

.nav-inner {
    display: flex;
    align-items: stretch;
    width: min(1016px, calc(100% - 32px));
    min-height: 58px;
    margin: 0 auto;
}

.nav-inner a {
    display: flex;
    align-items: center;
    padding: 0 18px;
    border-left: 1px solid rgba(255,255,255,.04);
    color: #aebdbc;
    font: 600 10px Cinzel, serif;
    letter-spacing: .06em;
    text-decoration: none;
    text-transform: uppercase;
}

.nav-inner a:hover { color: #fff; background: rgba(101,220,227,.07); }
.nav-inner .nav-home { padding-left: 0; color: var(--c-gold-soft); border-left: 0; font-size: 13px; }
.nav-inner .nav-accent { margin-left: auto; color: #161008; background: linear-gradient(135deg, var(--c-gold-soft), var(--c-gold)); }
.nav-inner .nav-accent:hover { color: #000; background: #ffe7a8; }

.citadel-shell {
    display: grid;
    grid-template-columns: 660px 330px;
    gap: 26px;
    width: min(1016px, calc(100% - 40px));
    margin: 34px auto 0;
    align-items: start;
}

.section-label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 13px;
    color: var(--c-gold-soft);
    font: 600 11px Cinzel, serif;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.section-label:before { content: ''; width: 30px; height: 1px; background: var(--c-gold); }

.content-stage {
    min-height: 620px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.content-stage .content-bg { margin: 0 auto 18px; filter: drop-shadow(0 9px 13px rgba(0,0,0,.35)); }
.content-stage .content-txt { color: var(--c-ink); }
.content-stage > .content-bg:last-child { margin-bottom: 0; }

.montana-welcome {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 150px;
    gap: 24px;
    min-height: 255px;
    padding: 34px;
    overflow: hidden;
    border: 1px solid rgba(216,176,92,.26);
    background:
        linear-gradient(105deg, rgba(8,24,27,.97) 0%, rgba(10,31,34,.9) 58%, rgba(18,68,73,.45) 100%),
        url('../images/info_items.webp') right center / auto 100% no-repeat;
    box-shadow: 0 18px 42px rgba(0,0,0,.34);
}
.montana-welcome:after { content: ''; position: absolute; inset: auto -55px -95px auto; width: 260px; height: 260px; border: 1px solid rgba(216,176,92,.13); transform: rotate(45deg); }
.welcome-copy { position: relative; z-index: 2; }
.eyebrow { color: var(--c-ice); font-size: 9px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.welcome-copy h1 { max-width: 430px; margin: 8px 0 12px; color: #f4f0e6; font: 600 28px/1.2 Cinzel, serif; }
.welcome-copy h1 em { color: var(--c-gold-soft); font-style: normal; }
.welcome-copy p { max-width: 440px; margin: 0; color: #9db0ae; font-size: 12px; }
.welcome-actions { display: flex; gap: 10px; margin-top: 22px; }
.welcome-actions a { display: inline-flex; align-items: center; min-height: 38px; padding: 0 17px; font: 700 9px Cinzel, serif; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.action-primary { border: 1px solid #e6c873; background: linear-gradient(135deg,#e4c16e,#b48638); color: #160e07; }
.action-primary:hover { color: #000; filter: brightness(1.08); transform: translateY(-1px); }
.action-secondary { border: 1px solid #2b5960; color: #b8cecc; }
.action-secondary:hover { border-color: var(--c-ice-deep); color: #fff; background: rgba(101,220,227,.06); }
.welcome-sigil { position: relative; z-index: 2; display: grid; place-content: center; align-self: center; width: 112px; height: 112px; border: 1px solid rgba(216,176,92,.6); background: rgba(2,9,10,.7); transform: rotate(45deg); text-align: center; }
.welcome-sigil span, .welcome-sigil small { transform: rotate(-45deg); }
.welcome-sigil span { color: var(--c-gold-soft); font: 700 45px/1 Cinzel, serif; }
.welcome-sigil small { color: #6fa2a5; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }

.world-numbers { display: grid; grid-template-columns: repeat(4,1fr); margin: 14px 0 26px; border: 1px solid rgba(101,220,227,.12); background: #071113; }
.world-numbers div { padding: 15px 17px; border-right: 1px solid rgba(255,255,255,.05); }
.world-numbers div:last-child { border-right: 0; }
.world-numbers strong, .world-numbers span { display: block; }
.world-numbers strong { color: #e9ede8; font: 600 17px Cinzel, serif; }
.world-numbers span { margin-top: 2px; color: #637b7a; font-size: 8px; letter-spacing: .13em; text-transform: uppercase; }

.home-heading { display: flex; align-items: center; justify-content: space-between; margin: 0 0 12px; }
.home-heading span { color: var(--c-gold-soft); font: 600 11px Cinzel, serif; letter-spacing: .13em; text-transform: uppercase; }
.home-heading a { color: #638382; font-size: 9px; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }
.home-heading a:hover { color: var(--c-ice); }

.feature-deck { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.feature-card { position:relative; display:grid; grid-template-rows:112px minmax(118px,1fr); min-height:230px; padding:0; overflow:hidden; border:1px solid rgba(216,176,92,.18); background:#081315; color:#fff; text-decoration:none; }
.feature-card:before { content:''; display:block; min-width:0; background-image:linear-gradient(180deg,rgba(2,8,9,.04),rgba(2,8,9,.62)),var(--feature-image); background-position:center; background-size:cover; border-bottom:1px solid rgba(216,176,92,.16); transition:filter .2s ease,transform .25s ease; }
.feature-card:hover { transform: translateY(-3px); border-color: rgba(216,176,92,.55); color: #fff; }
.feature-card:hover:before { filter:brightness(1.12) saturate(1.08); transform:scale(1.025); }
.feature-card > * { position: relative; z-index: 1; }
.feature-card > div { padding:14px 15px 16px; background:linear-gradient(145deg,#0b1b1d,#071214); }
.feature-number { position:absolute; top:10px; right:11px; padding:3px 6px; border:1px solid rgba(216,176,92,.28); background:rgba(3,10,11,.75); color:var(--c-gold); font:500 9px Cinzel,serif; }
.feature-card small { color: var(--c-ice); font-size: 8px; letter-spacing: .15em; text-transform: uppercase; }
.feature-card h2 { margin: 4px 0 6px; color: #fff7df; font: 600 15px Cinzel,serif; }
.feature-card p { margin: 0; color: #809594; font-size: 10px; line-height: 1.45; }
.feature-tasks { --feature-image:url('../images/montana-feature-hunt.jpg'); }
.feature-items { --feature-image:url('../images/montana-feature-loot.jpg'); }
.feature-achievements { --feature-image:url('../images/montana-feature-achievements.jpg'); }

.realm-invite { display: grid; grid-template-columns: 1fr 180px; gap: 24px; margin: 28px 0; padding: 25px; border-left: 3px solid var(--c-gold); background: linear-gradient(90deg,#102326,#0a1719); }
.realm-invite h2 { margin: 5px 0 6px; color: #f1ead9; font: 600 19px Cinzel,serif; }
.realm-invite p { margin: 0; color: #849998; font-size: 11px; }
.realm-invite dl { margin: 0; }
.realm-invite dl div { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.realm-invite dt { color: #66807f; font-size: 9px; text-transform: uppercase; }
.realm-invite dd { margin: 0; color: var(--c-gold-soft); font-weight: 700; }

.chronicle-heading { margin-top: 4px; }
.chronicle-card { display: grid; grid-template-columns: 74px 1fr; border: 1px solid rgba(101,220,227,.12); background: #091416; }
.chronicle-date { display: grid; place-content: center; border-right: 1px solid rgba(216,176,92,.2); text-align: center; }
.chronicle-date strong { color: var(--c-gold-soft); font: 600 25px/1 Cinzel,serif; }
.chronicle-date span { color: #597574; font-size: 8px; letter-spacing: .12em; }
.chronicle-copy { padding: 18px 20px; }
.chronicle-copy small { color: var(--c-ice-deep); font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.chronicle-copy h2 { margin: 4px 0 7px; color: #e8ece7; font: 600 16px Cinzel,serif; }
.chronicle-copy p { margin: 0; color: #7b9190; font-size: 11px; }

.hall-hero { display:grid; grid-template-columns:1fr 110px; gap:24px; align-items:center; min-height:190px; padding:30px 34px; border:1px solid rgba(216,176,92,.25); background:radial-gradient(circle at 85% 30%,rgba(52,135,142,.2),transparent 15rem),linear-gradient(135deg,#0d2528,#071315); }
.hall-hero h1 { margin:6px 0 9px; color:#f2ead8; font:600 27px Cinzel,serif; }
.hall-hero p { max-width:450px; margin:0; color:#839997; font-size:11px; }
.hall-crown { display:grid; place-content:center; width:88px; height:88px; border:1px solid rgba(216,176,92,.55); transform:rotate(45deg); text-align:center; }
.hall-crown span,.hall-crown small { transform:rotate(-45deg); }
.hall-crown span { color:var(--c-gold-soft); font-size:27px; }
.hall-crown small { color:#648180; font-size:7px; letter-spacing:.15em; text-transform:uppercase; }

.rank-switcher { display:grid; grid-template-columns:1.15fr repeat(5,1fr); gap:1px; margin:14px 0 22px; background:rgba(101,220,227,.1); border:1px solid rgba(101,220,227,.1); }
.rank-switcher a { display:flex; align-items:center; gap:8px; min-height:50px; padding:7px 9px; background:#081315; color:#738886; text-decoration:none; }
.rank-switcher > a:first-child { grid-row:span 2; align-items:center; justify-content:center; flex-direction:column; }
.rank-switcher a:hover,.rank-switcher a.active { background:#102528; color:#fff; }
.rank-switcher a.active { box-shadow:inset 0 -2px var(--c-gold); }
.rank-switcher img,.rank-overview-icon { width:30px; height:30px; object-fit:cover; border-radius:4px; }
.rank-overview-icon { display:grid; place-items:center; border:1px solid rgba(216,176,92,.45); color:var(--c-gold-soft); font:600 13px Cinzel,serif; }
.rank-switcher small { font-size:8px; line-height:1.2; }

.rank-overview { display:grid; grid-template-columns:240px 1fr; gap:14px; }
.rank-panel { border:1px solid rgba(101,220,227,.12); background:linear-gradient(145deg,#0d1c1f,#071214); }
.rank-panel header { display:flex; align-items:center; justify-content:space-between; padding:15px 17px; border-bottom:1px solid rgba(216,176,92,.14); }
.rank-panel header span { color:var(--c-gold-soft); font:600 10px Cinzel,serif; letter-spacing:.1em; text-transform:uppercase; }
.rank-panel header strong { color:#617c7b; font:500 20px Cinzel,serif; }
.gender-bars { display:grid; gap:19px; padding:22px 17px; }
.gender-bars span { display:flex; justify-content:space-between; margin-bottom:7px; }
.gender-bars b { color:#c8d4d2; font-size:10px; }
.gender-bars em { color:#607b79; font-size:9px; font-style:normal; }
.gender-bars i,.vocation-row i { display:block; height:4px; overflow:hidden; background:#17292b; }
.gender-bars u,.vocation-row u { display:block; height:100%; background:linear-gradient(90deg,var(--c-ice-deep),var(--c-ice)); text-decoration:none; }
.gender-bars div:nth-child(2) u { background:linear-gradient(90deg,#9c5c79,#d08aaa); }
.vocation-list { display:grid; gap:11px; padding:17px; }
.vocation-row { display:grid; grid-template-columns:7px 112px 1fr 22px; gap:9px; align-items:center; }
.voc-color { width:7px; height:7px; transform:rotate(45deg); }
.vocation-row b { color:#b9c8c6; font-size:9px; font-weight:500; }
.vocation-row em { color:#718886; font-size:9px; font-style:normal; text-align:right; }

.leaderboard { border:1px solid rgba(101,220,227,.12); background:#071214; }
.leaderboard-head { display:flex; align-items:center; justify-content:space-between; padding:20px 22px; border-bottom:1px solid rgba(216,176,92,.16); }
.leaderboard-head h2 { margin:3px 0 0; color:#edf0e9; font:600 20px Cinzel,serif; }
.leaderboard-head > strong { color:#5e7775; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.leader-table-labels,.leader-row { display:grid; grid-template-columns:75px 1fr 90px; align-items:center; }
.leader-table-labels { padding:9px 16px; color:#526a68; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.leader-table-labels span:last-child { text-align:right; }
.leader-row { min-height:58px; padding:7px 16px; border-top:1px solid rgba(255,255,255,.04); color:#b9c8c6; text-decoration:none; }
.leader-row:hover { background:#0e2022; color:#fff; transform:translateX(3px); }
.leader-position { color:#536c6a; font:500 14px Cinzel,serif; }
.leader-name b,.leader-name small { display:block; }
.leader-name b { font:600 11px Cinzel,serif; }
.leader-name small { color:#4e6664; font-size:8px; }
.leader-row > strong { color:var(--c-gold-soft); text-align:right; }
.podium { background:linear-gradient(90deg,rgba(216,176,92,.08),transparent 45%); }
.podium .leader-position { color:var(--c-gold); font-size:18px; }
.rank-empty { padding:50px 20px; color:#617876; text-align:center; }
.rank-refresh { margin:12px 0 0; color:#455d5b; font-size:8px; letter-spacing:.09em; text-align:right; text-transform:uppercase; }

/* Shared page system for legacy and rebuilt subpages */
.content-stage > .content-bg { width:100%; min-height:0; margin:0 0 18px; padding:0; border:1px solid rgba(101,220,227,.14); background:linear-gradient(145deg,#0d1c1f,#071214); filter:none; box-shadow:0 16px 36px rgba(0,0,0,.25); }
.content-stage .content-top,.content-stage .content-bot { display:none; }
.content-stage .content-txt { width:auto; min-height:0; padding:24px; color:#b9c8c6; background:none; }
.content-stage .pageheader { margin:-24px -24px 22px; padding:19px 24px; border-bottom:1px solid rgba(216,176,92,.18); color:#f2ead8; font:600 20px Cinzel,serif; text-align:left; }
.content-stage center { max-width:100%; }
.content-stage a { color:var(--c-ice); }
.content-stage table { width:100%; border-collapse:collapse; color:#b9c8c6 !important; }
.content-stage th { padding:11px 12px; border-bottom:1px solid rgba(216,176,92,.24); color:var(--c-gold-soft); font:600 9px Cinzel,serif; letter-spacing:.08em; text-align:left; text-transform:uppercase; }
.content-stage td { padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.05); color:#b9c8c6; background:transparent !important; }
.content-stage input[type=text],.content-stage input[type=password],.content-stage input[type=email],.content-stage select,.content-stage textarea { max-width:100%; min-height:41px; padding:9px 12px; border:1px solid #20383b; background:#071113; color:#fff; outline:0; }
.content-stage input:focus,.content-stage select:focus,.content-stage textarea:focus { border-color:var(--c-ice-deep); box-shadow:0 0 0 3px rgba(101,220,227,.08); }
.content-stage input[type=submit],.content-stage input[type=button],.content-stage input[type=reset],.citadel-button { min-height:41px; padding:0 18px; border:1px solid #e3c36f; background:linear-gradient(135deg,#e4c16e,#b48638); color:#160e07; font:700 9px Cinzel,serif; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.content-stage fieldset { border:1px solid rgba(101,220,227,.15); background:#081315; }
.content-stage legend { padding:0 8px; color:var(--c-gold-soft); font-family:Cinzel,serif; }

.page-intro { position:relative; overflow:hidden; padding:28px 30px; border:1px solid rgba(216,176,92,.22); background:radial-gradient(circle at 90% 0,rgba(48,132,140,.2),transparent 18rem),linear-gradient(135deg,#102629,#071315); }
.page-intro h1 { margin:5px 0 8px; color:#f2ead8; font:600 26px Cinzel,serif; }
.page-intro p { max-width:500px; margin:0; color:#819593; font-size:11px; }
.page-section { margin-top:14px; padding:24px; border:1px solid rgba(101,220,227,.13); background:#081315; }
.page-section h2 { margin:0 0 15px; color:var(--c-gold-soft); font:600 15px Cinzel,serif; }
.choice-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.choice-card { position:relative; display:block; padding:15px; border:1px solid #20383b; background:#091719; color:#aebfbd; cursor:pointer; }
.choice-card:hover { border-color:var(--c-ice-deep); background:#102326; }
.choice-card input { margin-right:8px; accent-color:var(--c-gold); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.form-field { display:grid; gap:6px; }
.form-field.full { grid-column:1/-1; }
.form-field label { color:#819694; font-size:9px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.form-actions { display:flex; gap:9px; margin-top:18px; }
.notice-box { padding:15px 17px; border-left:3px solid var(--c-gold); background:#102124; color:#9fb0ae; }
.empty-state { padding:52px 24px; border:1px dashed rgba(101,220,227,.2); color:#78908e; text-align:center; }
.empty-state strong { display:block; margin-bottom:5px; color:#e5e9e3; font:600 17px Cinzel,serif; }
.data-list { display:grid; gap:1px; background:rgba(101,220,227,.1); border:1px solid rgba(101,220,227,.1); }
.data-row { display:grid; grid-template-columns:1fr auto; align-items:center; min-height:52px; padding:10px 15px; background:#091719; color:#afbfbd; text-decoration:none; }
.data-row:hover { background:#102326; color:#fff; }
.data-row small { color:#5f7775; }
.guild-grid { display:grid; gap:10px; }
.guild-card { border:1px solid rgba(101,220,227,.14); background:#091719; }
.guild-card summary { display:flex; justify-content:space-between; padding:16px 18px; color:var(--c-gold-soft); font:600 12px Cinzel,serif; cursor:pointer; }
.guild-card summary span { color:#67817f; font:500 9px Inter,sans-serif; text-transform:uppercase; }
.guild-members { padding:0 18px 16px; }
.map-frame { position:relative; width:100%; aspect-ratio:5/4; overflow:hidden; border:1px solid rgba(216,176,92,.22); background:#071113 url('../images/main_city.webp') center/contain no-repeat; }
.map-pin { position:absolute; width:18px; height:18px; border:2px solid #f0ce77; border-radius:50% 50% 50% 0; background:#b4483d; transform:rotate(-45deg); box-shadow:0 0 0 5px rgba(216,176,92,.13); }
.map-pin span { position:absolute; left:20px; top:-14px; min-width:120px; padding:7px 9px; background:rgba(3,9,10,.9); color:#fff; font-size:9px; transform:rotate(45deg); opacity:0; pointer-events:none; }
.map-pin:hover span { opacity:1; }
.tabs-row { display:flex; flex-wrap:wrap; gap:7px; margin:14px 0; }
.tabs-row a { padding:10px 13px; border:1px solid #20383b; background:#091719; color:#8fa3a1; font:600 9px Cinzel,serif; text-decoration:none; text-transform:uppercase; }
.tabs-row a:hover,.tabs-row a.active { border-color:var(--c-gold); color:var(--c-gold-soft); }
.responsive-table { max-width:100%; overflow-x:auto; }

/* Player commands handbook */
.commands-hero { display:grid; grid-template-columns:1fr 125px; gap:28px; align-items:center; min-height:190px; padding:30px 34px; border:1px solid rgba(216,176,92,.24); background:radial-gradient(circle at 86% 30%,rgba(60,153,162,.22),transparent 15rem),linear-gradient(135deg,#10282b,#071315); }
.commands-hero h1 { margin:6px 0 9px; color:#f2ead8; font:600 27px Cinzel,serif; }
.commands-hero p { max-width:500px; margin:0; color:#839997; font-size:12px; line-height:1.6; }
.commands-total { display:flex; flex-direction:column; justify-content:center; width:108px; height:108px; border:1px solid rgba(216,176,92,.5); background:rgba(3,11,12,.48); text-align:center; transform:rotate(45deg); }
.commands-total strong,.commands-total small { transform:rotate(-45deg); }
.commands-total strong { color:var(--c-gold-soft); font:600 28px/1 Cinzel,serif; }
.commands-total small { margin-top:7px; color:#6f8987; font-size:7px; letter-spacing:.08em; text-transform:uppercase; }
.command-hint { display:grid; grid-template-columns:105px 1fr; gap:15px; align-items:center; margin-top:14px; padding:14px 17px; border-left:3px solid var(--c-gold); background:#102326; }
.command-hint span { color:var(--c-gold-soft); font:600 9px Cinzel,serif; letter-spacing:.06em; text-transform:uppercase; }
.command-hint p { margin:0; color:#8ba09e; font-size:10px; line-height:1.55; }
.command-groups { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; }
.command-group { border:1px solid rgba(101,220,227,.13); background:#081315; }
.command-group header { display:flex; align-items:center; gap:12px; min-height:52px; padding:10px 15px; border-bottom:1px solid rgba(216,176,92,.18); background:linear-gradient(90deg,rgba(216,176,92,.06),transparent); }
.command-group header span { color:var(--c-gold); font:600 10px Cinzel,serif; }
.command-group h2 { margin:0; color:#eadfca; font:600 13px Cinzel,serif; }
.command-list { display:grid; }
.command-row { display:grid; grid-template-columns:minmax(125px,.75fr) 1.4fr; gap:14px; align-items:center; min-height:65px; padding:11px 15px; border-bottom:1px solid rgba(255,255,255,.045); }
.command-row:last-child { border-bottom:0; }
.command-row:hover { background:#0d2022; }
.command-row code { display:inline-block; justify-self:start; padding:7px 9px; border:1px solid rgba(101,220,227,.2); background:#061012; color:#6bdce3; font:600 10px Consolas,monospace; white-space:nowrap; }
.command-row p { margin:0; color:#849997; font-size:10px; line-height:1.5; }
@media(max-width:820px){.command-groups{grid-template-columns:1fr}}
@media(max-width:620px){.commands-hero{grid-template-columns:1fr;padding:25px}.commands-total{display:none}.command-hint{grid-template-columns:1fr}.command-row{grid-template-columns:1fr;gap:8px}}

.achievement-hero { display:grid; grid-template-columns:1fr 130px; gap:28px; align-items:center; min-height:205px; padding:31px 34px; border:1px solid rgba(216,176,92,.24); background:radial-gradient(circle at 85% 35%,rgba(62,145,152,.22),transparent 14rem),linear-gradient(135deg,#10282b,#071315); }
.achievement-hero h1 { margin:6px 0 9px; color:#f2ead8; font:600 27px Cinzel,serif; }
.achievement-hero p { max-width:455px; margin:0; color:#839997; font-size:11px; }
.achievement-total { display:flex; flex-direction:column; justify-content:center; width:112px; height:112px; border:1px solid rgba(216,176,92,.52); background:rgba(3,11,12,.45); text-align:center; transform:rotate(45deg); }
.achievement-total strong,.achievement-total small { transform:rotate(-45deg); }
.achievement-total strong { color:var(--c-gold-soft); font:600 29px/1 Cinzel,serif; }
.achievement-total small { margin-top:7px; color:#6f8987; font-size:7px; letter-spacing:.1em; text-transform:uppercase; }
.achievement-legend { display:flex; flex-wrap:wrap; gap:18px; margin:14px 0; padding:11px 15px; border:1px solid rgba(101,220,227,.1); background:#081315; color:#667f7d; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }
.achievement-legend span { display:flex; align-items:center; gap:6px; }
.achievement-legend i { width:7px; height:7px; transform:rotate(45deg); }
.achievement-legend .common { background:#669493; }.achievement-legend .rare { background:#5dbed1; }.achievement-legend .epic { background:#a578c2; }.achievement-legend .legendary { background:#e2b756; }
.achievement-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.achievement-card { position:relative; display:grid; grid-template-columns:76px 1fr; min-height:118px; overflow:hidden; border:1px solid rgba(101,220,227,.13); background:linear-gradient(135deg,#0c1b1d,#071214); }
.achievement-card:before { content:''; position:absolute; inset:0 auto 0 0; width:2px; background:#669493; }
.achievement-icon { display:grid; place-items:center; border-right:1px solid rgba(255,255,255,.05); background:radial-gradient(circle,rgba(101,220,227,.09),transparent 70%); }
.achievement-icon img { width:58px; height:58px; object-fit:contain; filter:drop-shadow(0 6px 8px rgba(0,0,0,.45)); transition:transform .2s ease; }
.achievement-card:hover .achievement-icon img { transform:scale(1.07); }
.achievement-copy { align-self:center; padding:14px 14px 14px 13px; }
.achievement-copy small { color:#5d7977; font-size:7px; letter-spacing:.1em; text-transform:uppercase; }
.achievement-copy h2 { margin:4px 0 5px; color:#e8ece6; font:600 12px Cinzel,serif; }
.achievement-copy p { margin:0; color:#748a88; font-size:9px; line-height:1.45; }
.rarity-rare:before { background:#5dbed1; }.rarity-epic:before { background:#a578c2; }.rarity-legendary:before { background:#e2b756; box-shadow:0 0 13px rgba(226,183,86,.6); }
.rarity-legendary { background:linear-gradient(135deg,rgba(69,52,20,.32),#071214 60%); }
.achievement-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:14px; padding:22px 25px; border-left:3px solid var(--c-gold); background:linear-gradient(90deg,#102326,#091719); }
.achievement-footer h2 { margin:3px 0 4px; color:#eee8da; font:600 16px Cinzel,serif; }
.achievement-footer p { margin:0; color:#758b89; font-size:9px; }
.achievement-footer a { flex:0 0 auto; padding:11px 15px; border:1px solid var(--c-gold); color:var(--c-gold-soft); font:600 8px Cinzel,serif; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.achievement-footer a:hover { background:var(--c-gold); color:#140e07; }

.staff-hero { display:grid; grid-template-columns:1fr 115px; gap:25px; align-items:center; min-height:205px; padding:31px 34px; border:1px solid rgba(216,176,92,.24); background:radial-gradient(circle at 88% 28%,rgba(51,139,146,.22),transparent 14rem),linear-gradient(135deg,#10272a,#071315); }
.staff-hero h1 { margin:6px 0 9px; color:#f2ead8; font:600 27px Cinzel,serif; }
.staff-hero p { max-width:465px; margin:0; color:#899d9b; font-size:13px; }
.staff-seal { display:grid; place-content:center; width:92px; height:92px; border:1px solid rgba(216,176,92,.55); text-align:center; transform:rotate(45deg); }
.staff-seal span,.staff-seal small { transform:rotate(-45deg); }.staff-seal span { color:var(--c-gold-soft); font:700 30px Cinzel,serif; }.staff-seal small { color:#67817f; font-size:8px; letter-spacing:.12em; text-transform:uppercase; }
.staff-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
.staff-card { position:relative; display:grid; grid-template-columns:38px 1fr; gap:10px 14px; min-height:190px; padding:20px; overflow:hidden; border:1px solid rgba(101,220,227,.13); background:linear-gradient(145deg,#0c1b1d,#071214); }
.staff-card:before { content:''; position:absolute; inset:0 auto 0 0; width:2px; background:#39595a; }.staff-card.is-active:before { background:var(--c-gold); box-shadow:0 0 15px rgba(216,176,92,.5); }
.staff-index { grid-row:1/3; color:#345052; font:500 22px Cinzel,serif; }
.staff-role small { color:var(--c-ice-deep); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }.staff-role h2 { margin:3px 0 0; color:#edf0e9; font:600 16px Cinzel,serif; }
.staff-member { display:flex; align-items:center; gap:8px; align-self:start; }.staff-member strong { color:#8fa2a0; font-size:12px; }.staff-card.is-active .staff-member strong { color:var(--c-gold-soft); }
.staff-status { width:7px; height:7px; border-radius:50%; background:#3f5555; }.staff-status.online { background:#5ac681; box-shadow:0 0 9px rgba(90,198,129,.65); }
.staff-card p { grid-column:2; margin:3px 0 0; color:#748987; font-size:12px; line-height:1.55; }
.staff-rules { display:grid; grid-template-columns:180px 1fr auto; gap:22px; align-items:center; margin-top:14px; padding:22px 24px; border-left:3px solid var(--c-gold); background:#0c1c1e; }
.staff-rules h2 { margin:3px 0 0; color:#ece8dc; font:600 14px Cinzel,serif; }.staff-rules ul { margin:0; padding-left:18px; color:#819593; font-size:11px; }.staff-rules a { padding:11px 14px; border:1px solid var(--c-gold); color:var(--c-gold-soft); font:600 8px Cinzel,serif; text-decoration:none; text-transform:uppercase; }
.contact-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px; }.contact-grid article { min-height:210px; padding:20px; border:1px solid rgba(101,220,227,.13); background:#091719; }.contact-grid article > span { color:#36595a; font:500 22px Cinzel,serif; }.contact-grid small { display:block; margin-top:22px; color:var(--c-ice-deep); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }.contact-grid h2 { margin:4px 0 8px; color:#eeeae0; font:600 15px Cinzel,serif; }.contact-grid p { margin:0; color:#788d8b; font-size:12px; }
.report-center { margin-top:14px; border:1px solid rgba(101,220,227,.2); background:linear-gradient(145deg,#123038,#0c2228); box-shadow:inset 0 1px rgba(224,252,255,.055); scroll-margin-top:20px; }
.report-center-head { display:flex; justify-content:space-between; gap:22px; align-items:center; padding:23px 25px; border-bottom:1px solid rgba(216,176,92,.16); }
.report-center-head h2 { margin:4px 0 6px; color:#f2ead8; font:600 20px Cinzel,serif; }.report-center-head p { margin:0; color:#aac0bf; font-size:11px; }.report-limit { flex:0 0 auto; padding:7px 9px; border:1px solid rgba(216,176,92,.35); color:var(--c-gold-soft); font:600 8px Cinzel,serif; text-transform:uppercase; }
.report-form { display:grid; gap:13px; padding:23px 25px; }.report-form textarea { width:100%; resize:vertical; }.report-form .form-field > small { display:block; margin-top:6px; color:#789493; font-size:9px; }.report-form label small { color:#6f8d8c; font-size:8px; font-weight:500; text-transform:uppercase; }
.report-submit-row { display:flex; justify-content:space-between; gap:20px; align-items:center; padding-top:4px; }.report-submit-row p { max-width:430px; margin:0; color:#809b99; font-size:10px; }.report-submit-row strong { color:#d9e5e2; }.report-honeypot { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
.report-feedback { display:flex; gap:10px; align-items:center; margin:16px 25px 0; padding:11px 13px; border-left:3px solid #5ac681; background:rgba(90,198,129,.08); color:#b9d5cd; font-size:10px; }.report-feedback strong { color:#7cdaa0; font:600 9px Cinzel,serif; text-transform:uppercase; }.report-feedback-error { border-left-color:#c45a50; background:rgba(180,72,61,.09); }.report-feedback-error strong { color:#e39087; }
.cyber-security-notice { display:grid; grid-template-columns:92px 1fr; gap:22px; align-items:center; margin-top:14px; padding:24px 27px; overflow:hidden; border:1px solid rgba(101,220,227,.2); border-left:3px solid var(--c-gold); background:radial-gradient(circle at 4% 50%,rgba(101,220,227,.11),transparent 12rem),linear-gradient(120deg,#102c33,#0b2026); box-shadow:inset 0 1px rgba(224,252,255,.055); }
.cyber-security-mark { display:grid; place-items:center; width:68px; height:68px; border:1px solid rgba(216,176,92,.55); background:rgba(4,16,20,.55); box-shadow:inset 0 0 22px rgba(101,220,227,.1); transform:rotate(45deg); }
.cyber-security-mark span { color:var(--c-gold-soft); font:600 27px Cinzel,serif; transform:rotate(-45deg); }
.cyber-security-copy h2 { margin:5px 0 8px; color:#f2ead8; font:600 19px Cinzel,serif; }
.cyber-security-copy p { max-width:640px; margin:3px 0; color:#aec4c3; font-size:11px; line-height:1.65; }
.cyber-security-meta { display:flex; flex-wrap:wrap; gap:7px 14px; align-items:center; margin-top:13px; padding-top:11px; border-top:1px solid rgba(101,220,227,.12); }
.cyber-security-meta span { color:#708e8c; font-size:8px; letter-spacing:.07em; text-transform:uppercase; }
.cyber-security-meta a { color:var(--c-gold-soft); font:600 8px Cinzel,serif; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; }
.cyber-security-meta a:hover { color:#fff; }

@media(max-width:680px){
    .hall-hero{grid-template-columns:1fr;padding:24px}.hall-crown{display:none}
    .rank-switcher{grid-template-columns:repeat(2,1fr)}
    .rank-switcher > a:first-child{grid-column:1/-1;grid-row:auto;min-height:58px;flex-direction:row}
    .rank-overview{grid-template-columns:1fr}
    .leader-table-labels,.leader-row{grid-template-columns:55px 1fr 70px}
}

@media (max-width: 680px) {
    .montana-welcome { grid-template-columns: 1fr; padding: 25px; }
    .welcome-sigil { display: none; }
    .world-numbers { grid-template-columns: 1fr 1fr; }
    .world-numbers div:nth-child(2) { border-right: 0; }
    .feature-deck { grid-template-columns: 1fr; }
    .feature-card { min-height: 170px; }
    .realm-invite { grid-template-columns: 1fr; }
    .form-grid,.choice-grid { grid-template-columns:1fr; }
    .achievement-hero { grid-template-columns:1fr; padding:24px; }.achievement-total { display:none; }
    .achievement-grid { grid-template-columns:1fr; }.achievement-footer { align-items:flex-start; flex-direction:column; }
    .staff-hero { grid-template-columns:1fr; padding:24px; }.staff-seal { display:none; }.staff-grid,.contact-grid { grid-template-columns:1fr; }.staff-rules { grid-template-columns:1fr; }.cyber-security-notice { grid-template-columns:1fr; padding:22px; }.cyber-security-mark { display:none; }.report-center-head,.report-submit-row { align-items:flex-start; flex-direction:column; }.report-form,.report-center-head { padding:19px; }.report-feedback { margin:14px 19px 0; }
    .content-stage .content-txt { padding:18px; }
    .content-stage .pageheader { margin:-18px -18px 18px; }
}

.player-console { display: grid; gap: 16px; padding-top: 28px; }

.console-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(101,220,227,.14);
    background: linear-gradient(145deg, rgba(16,33,36,.98), rgba(6,15,17,.98));
    box-shadow: 0 16px 38px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.03);
}

.console-card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: linear-gradient(var(--c-gold), transparent);
}

.console-title {
    padding: 14px 17px 12px;
    border-bottom: 1px solid rgba(216,176,92,.15);
    color: var(--c-gold-soft);
    font: 600 11px Cinzel, serif;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.citadel-login { display: grid; gap: 7px; padding: 16px; }
.login-notice { margin:12px 14px 0; padding:9px 10px; border-left:2px solid #b4483d; background:rgba(180,72,61,.1); color:#d99189; font-size:10px; line-height:1.4; }
.citadel-login label { color: var(--c-muted); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.citadel-login input { width: 100%; height: 41px; padding: 0 12px; border: 1px solid #20383b; background: #071113; color: #fff; outline: 0; }
.citadel-login input:focus { border-color: var(--c-ice-deep); box-shadow: 0 0 0 3px rgba(101,220,227,.08); }
.citadel-login button { height: 42px; margin-top: 6px; border: 1px solid #e3c36f; background: linear-gradient(135deg, #e4c16e, #b48638); color: #160e07; font: 700 10px Cinzel, serif; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.citadel-login button:hover { transform: translateY(-1px); filter: brightness(1.08); }
.account-actions { display: flex; justify-content: space-between; margin-top: 5px; }
.account-actions a { color: #819796; font-size: 10px; text-decoration: none; }
.account-actions a:hover { color: var(--c-ice); }

.logged-player { display: grid; gap: 5px; padding: 16px; }
.logged-player small { color: var(--c-muted); }
.logged-player strong { margin-bottom: 8px; color: var(--c-gold-soft); font: 600 18px Cinzel, serif; }
.logged-player a { padding: 7px 9px; border-left: 2px solid var(--c-ice-deep); background: rgba(101,220,227,.04); color: #c8d6d4; text-decoration: none; }

.realm-status { display: flex; align-items: center; gap: 12px; padding: 16px; }
.realm-emblem { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--c-red); color: #eaa39c; font: 700 23px Cinzel, serif; transform: rotate(45deg); }
.realm-emblem.online { border-color: #4dba79; color: #84e5aa; }
.realm-emblem::first-letter { transform: rotate(-45deg); }
.realm-status small, .realm-status strong { display: block; }
.realm-status small { color: var(--c-muted); font-size: 9px; text-transform: uppercase; }
.realm-status strong { color: #fff; font: 600 16px Cinzel, serif; }
.realm-data { margin: 0; padding: 0 16px 16px; }
.realm-data div { display: flex; justify-content: space-between; padding: 7px 0; border-top: 1px solid rgba(255,255,255,.05); }
.realm-data dt { color: #788b8a; font-weight: 500; }
.realm-data dd { margin: 0; color: #dce5e3; font-weight: 600; }

.legend-list { margin: 0; padding: 10px 14px 14px; list-style:none; }
.legend-list li { display:grid; grid-template-columns:22px 1fr auto; align-items:center; gap:8px; padding:8px 0; border-bottom:1px solid rgba(105,151,148,.12); color:#728887; }
.legend-list li:last-child { border-bottom:0; }
.legend-list li > span { color:var(--c-gold); font:600 10px Cinzel,serif; }
.legend-list li > b { color:#688382; font-size:10px; font-weight:500; }
.legend-list a { color: #b8cac7; text-decoration: none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.legend-list a:hover { color: var(--c-ice); }
.legend-empty { display:grid; justify-items:center; gap:5px; padding:16px 18px 18px; text-align:center; }
.legend-empty > span { display:grid; place-items:center; width:34px; height:34px; margin-bottom:3px; border:1px solid rgba(225,183,83,.48); color:var(--c-gold); font:600 17px Cinzel,serif; transform:rotate(45deg); }
.legend-empty > span::before { content:'M'; transform:rotate(-45deg); }
.legend-empty strong { color:#b8cac7; font:600 11px Cinzel,serif; }
.legend-empty small { max-width:220px; color:#66817f; font-size:10px; line-height:1.5; }

.citadel-footer {
    width: min(1016px, calc(100% - 40px));
    margin: 42px auto 0;
    padding: 28px 0 38px;
    border-top: 1px solid rgba(216,176,92,.2);
    text-align: center;
}
.footer-rune { display: grid; place-items: center; width: 34px; height: 34px; margin: 0 auto 12px; border: 1px solid rgba(216,176,92,.55); color: var(--c-gold); font: 600 15px Cinzel, serif; transform: rotate(45deg); }
.citadel-footer p { margin: 0 0 8px; color: #819392; }
.citadel-footer p strong { color: var(--c-gold-soft); font-family: Cinzel, serif; }
.citadel-footer nav { display: flex; justify-content: center; gap: 18px; margin-bottom: 10px; }
.citadel-footer a { color: #667c7b; font-size: 10px; text-decoration: none; text-transform: uppercase; }
.citadel-footer a:hover { color: var(--c-ice); }
.citadel-footer small { color: #405150; }
.site-visit-counter { display:flex; align-items:center; gap:10px; width:max-content; max-width:calc(100% - 24px); margin:3px auto 15px; padding:8px 13px; border:1px solid rgba(200,163,92,.2); background:rgba(7,18,17,.72); color:#78908c; text-align:left; box-sizing:border-box; }
.visit-counter-mark { display:grid; place-items:center; width:25px; height:25px; border:1px solid rgba(102,200,195,.3); color:#c8a35c; font-size:8px; transform:rotate(45deg); }
.visit-counter-mark i { display:block; font-style:normal; transform:rotate(-45deg); }
.site-visit-counter small,.site-visit-counter strong { display:block; }
.site-visit-counter small { color:#617974; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }
.site-visit-counter strong { color:#efd694; font:600 14px Cinzel,serif; }
.citadel-footer > small { display:block; }

@media (max-width: 1080px) {
    .world-hero { height:210px; background-image:url('../images/layout/hero-proposal-1-citadel.jpg'); background-position:center 44%; background-size:cover; }
    .citadel-shell { grid-template-columns: 1fr; }
    .citadel-shell { width: min(660px, calc(100% - 24px)); }
    .player-console { grid-template-columns: 1fr 1fr; padding-top: 0; }
    .nav-inner { overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; }
    .nav-inner::-webkit-scrollbar { display: none; }
    .nav-inner a { white-space: nowrap; }
    .nav-inner .nav-accent { margin-left: 0; }
}

@media (max-width: 680px) {
    body.citadel-body { min-width: 0; }
    .world-hero { height:190px; background-position:center; background-size:auto 190px; }
    .hero-inner, .citadel-shell, .citadel-footer { width: min(100% - 24px, 639px); }
    .world-state { bottom:14px; }
    .brand-mark { bottom:64px; }.brand-name{width:290px;height:92px}
    .citadel-shell { margin-top: 20px; }
    .content-stage { padding: 0; border: 0; background: transparent; box-shadow: none; overflow-x: auto; }
    .player-console { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    *, *:before, *:after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Readability pass — decorative type only for display elements */
body.citadel-body { font-size:15px; line-height:1.65; }
.nav-inner a { font-size:11px; letter-spacing:.045em; }
.section-label,.home-heading span,.console-title { font-size:12px; }
.welcome-copy p,.hall-hero p,.page-intro p,.achievement-hero p { font-size:13px; line-height:1.65; }
.feature-card p,.realm-invite p,.chronicle-copy p,.achievement-copy p { font-size:12px; line-height:1.55; }
.feature-card small,.chronicle-copy small,.achievement-copy small,.eyebrow { font-size:10px; }
.achievement-copy h2 { font-size:14px; }
.achievement-card { min-height:132px; }
.rank-switcher small,.vocation-row b,.vocation-row em { font-size:10px; }
.rank-panel header span,.leader-name b { font-size:12px; }
.leader-name small,.leader-table-labels,.rank-refresh { font-size:10px; }
.content-stage .content-txt { font-size:14px; line-height:1.65; }
.content-stage th { font-size:11px; }
.content-stage td { font-size:14px; }
.form-field label,.citadel-login label { font-size:11px; }
.form-field small,.notice-box,.empty-state,.data-row small { font-size:12px; }
.choice-card { font-size:14px; }
.account-actions a,.legend-list,.citadel-footer p { font-size:12px; }
.realm-status small,.realm-data dt,.realm-data dd { font-size:12px; }
.citadel-footer a { font-size:11px; }

.admin-entry { border-left-color:var(--c-gold) !important; color:var(--c-gold-soft) !important; }
.admin-lock { display:grid; justify-items:center; min-height:430px; padding:70px 25px; border:1px solid rgba(216,176,92,.22); background:radial-gradient(circle at 50% 25%,rgba(43,124,131,.16),transparent 18rem),#071214; text-align:center; }
.admin-lock-seal { display:grid; place-items:center; width:76px; height:76px; margin-bottom:28px; border:1px solid rgba(216,176,92,.6); color:var(--c-gold-soft); font:600 26px Cinzel,serif; transform:rotate(45deg); }
.admin-lock .eyebrow,.admin-lock h1,.admin-lock p,.admin-lock a { position:relative; }.admin-lock h1 { margin:7px 0 8px; color:#eeeade; font:600 24px Cinzel,serif; }.admin-lock p { max-width:420px; margin:0 0 22px; color:#829694; }.admin-lock a { padding:10px 14px; border:1px solid #36575a; color:#a6bcba; font-size:10px; text-decoration:none; text-transform:uppercase; }
.admin-hero { display:flex; justify-content:space-between; align-items:center; gap:24px; min-height:190px; padding:30px 33px; border:1px solid rgba(216,176,92,.24); background:radial-gradient(circle at 85% 25%,rgba(54,143,150,.22),transparent 15rem),linear-gradient(135deg,#10282b,#071315); }.admin-hero h1 { margin:5px 0 8px; color:#f1ecdf; font:600 27px Cinzel,serif; }.admin-hero p { max-width:450px; margin:0; color:#839795; font-size:13px; }.admin-live { display:flex; align-items:center; gap:10px; min-width:120px; padding:13px 15px; border:1px solid rgba(216,176,92,.3); background:rgba(3,10,11,.55); }.admin-live i { width:9px; height:9px; border-radius:50%; background:var(--c-red); box-shadow:0 0 10px rgba(180,72,61,.7); }.admin-live i.online { background:#5ac681; box-shadow:0 0 10px rgba(90,198,129,.7); }.admin-live small,.admin-live strong { display:block; }.admin-live small { color:#607876; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }.admin-live strong { color:#fff; font:600 14px Cinzel,serif; }
.admin-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:14px 0; border:1px solid rgba(101,220,227,.1); background:rgba(101,220,227,.1); }.admin-stats article { min-height:116px; padding:17px; background:#081315; }.admin-stats small,.admin-stats strong,.admin-stats span { display:block; }.admin-stats small { color:#597471; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }.admin-stats strong { margin:6px 0 4px; color:var(--c-gold-soft); font:600 23px Cinzel,serif; }.admin-stats span { color:#718684; font-size:9px; }
.admin-layout { display:grid; grid-template-columns:1.15fr .85fr; gap:10px; }.admin-panel { border:1px solid rgba(101,220,227,.13); background:#081315; }.admin-panel > header { display:flex; justify-content:space-between; align-items:center; padding:18px 19px; border-bottom:1px solid rgba(216,176,92,.15); }.admin-panel h2,.admin-actions h2 { margin:3px 0 0; color:#ece9df; font:600 15px Cinzel,serif; }.admin-panel header a { color:#678381; font-size:9px; text-decoration:none; text-transform:uppercase; }
.admin-player-list a { display:grid; grid-template-columns:35px 1fr auto; gap:10px; align-items:center; min-height:58px; padding:9px 14px; border-bottom:1px solid rgba(255,255,255,.04); color:#bbc9c7; text-decoration:none; }.admin-player-list a:hover { background:#102225; }.admin-avatar { display:grid; place-items:center; width:32px; height:32px; border:1px solid rgba(216,176,92,.35); color:var(--c-gold-soft); font:600 12px Cinzel,serif; transform:rotate(45deg); }.admin-player-list a > span:nth-child(2) strong,.admin-player-list a > span:nth-child(2) small { display:block; }.admin-player-list small,.admin-player-list time { color:#5f7775; font-size:9px; }.admin-empty { padding:48px 18px; color:#68807e; text-align:center; }
.security-list > div { display:grid; grid-template-columns:9px 1fr auto; gap:10px; align-items:center; min-height:61px; padding:10px 15px; border-bottom:1px solid rgba(255,255,255,.04); }.security-list i { width:7px; height:7px; border-radius:50%; }.security-list i.ok { background:#5ac681; box-shadow:0 0 8px rgba(90,198,129,.5); }.security-list i.warn { background:#d8a84f; }.security-list strong,.security-list small { display:block; }.security-list strong { color:#b9c7c5; font-size:11px; }.security-list small { color:#5b7371; font-size:9px; }.security-list b { color:#5ac681; font-size:8px; }
.admin-actions { margin-top:10px; padding:20px; border:1px solid rgba(101,220,227,.13); background:#091719; }.admin-actions header { margin-bottom:15px; }.admin-actions > div { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }.admin-actions a { display:flex; gap:10px; min-height:70px; padding:13px; border:1px solid #1d3638; color:#adbfbd; text-decoration:none; }.admin-actions a:hover { border-color:var(--c-gold); background:#102326; }.admin-actions a > b { color:var(--c-gold); font:500 10px Cinzel,serif; }.admin-actions strong,.admin-actions small { display:block; }.admin-actions strong { font-size:10px; }.admin-actions small { margin-top:3px; color:#5e7674; font-size:8px; }

@media(max-width:680px){.admin-hero{align-items:flex-start;flex-direction:column}.admin-stats{grid-template-columns:1fr 1fr}.admin-layout{grid-template-columns:1fr}.admin-actions>div{grid-template-columns:1fr 1fr}.admin-player-list a{grid-template-columns:35px 1fr}.admin-player-list time{display:none}}

.admin-tabs { display:flex; margin:14px 0; border:1px solid rgba(101,220,227,.12); background:#081315; }.admin-tabs a { flex:1; padding:13px 10px; border-right:1px solid rgba(255,255,255,.05); color:#748b89; font:600 9px Cinzel,serif; text-align:center; text-decoration:none; text-transform:uppercase; }.admin-tabs a:last-child { border-right:0; }.admin-tabs a:hover,.admin-tabs a.active { color:var(--c-gold-soft); background:#102326; box-shadow:inset 0 -2px var(--c-gold); }
.admin-message { margin:0 0 14px; padding:12px 15px; border-left:3px solid #5ac681; background:#102326; color:#b9cbc8; font-size:12px; }
.admin-editor-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:10px; }.admin-editor form { display:grid; gap:13px; padding:18px; }.admin-editor textarea { width:100%; resize:vertical; }.admin-editor .choice-card { align-self:end; min-height:41px; }
.admin-editor-layout > * { min-width:0; }
.admin-event-layout { grid-template-columns:minmax(0,1fr); }
.admin-event-layout .admin-panel > header { gap:16px; flex-wrap:wrap; }
.admin-event-layout .admin-panel > header a { margin-left:auto; white-space:nowrap; }
.admin-event-layout .form-field,.admin-event-layout input,.admin-event-layout textarea,.admin-event-layout select { min-width:0; max-width:100%; box-sizing:border-box; }
.admin-content-list article { display:grid; grid-template-columns:1fr auto; gap:15px; padding:15px 17px; border-bottom:1px solid rgba(255,255,255,.05); }.admin-content-list article small { color:var(--c-ice-deep); font-size:8px; text-transform:uppercase; }.admin-content-list h3 { margin:3px 0 4px; color:#e7ebe5; font:600 12px Cinzel,serif; }.admin-content-list p { margin:0; color:#718684; font-size:10px; }.admin-row-actions { display:flex; align-items:center; gap:5px; }.admin-row-actions form { margin:0; }.admin-row-actions a,.admin-row-actions button { padding:7px 8px; border:1px solid #294446; background:#0b1a1c; color:#8fa5a2; font-size:8px; text-decoration:none; cursor:pointer; }.admin-row-actions .danger { border-color:rgba(180,72,61,.45); color:#d98a81; }
.admin-search form { display:flex; gap:8px; padding:18px; border-bottom:1px solid rgba(255,255,255,.05); }.admin-search input[type=search] { flex:1; min-height:42px; padding:0 13px; border:1px solid #20383b; background:#071113; color:#fff; outline:0; }.admin-results a { display:flex; justify-content:space-between; gap:14px; padding:13px 17px; border-bottom:1px solid rgba(255,255,255,.04); color:#bbc9c7; text-decoration:none; }.admin-results a:hover { background:#102326; }.admin-results strong,.admin-results small { display:block; }.admin-results small,.admin-results time { color:#607876; font-size:9px; }
.audit-list > div { display:grid; grid-template-columns:125px 110px 1fr; gap:10px; padding:11px 15px; border-bottom:1px solid rgba(255,255,255,.04); }.audit-list time,.audit-list small { color:#607876; font-size:9px; }.audit-list strong { color:#b6c5c3; font-size:9px; }.backup-copy { padding:19px; }.backup-copy p { margin:0 0 16px; color:#7c918f; font-size:11px; }.backup-history { display:grid; gap:5px; margin-top:22px; }.backup-history strong { margin-bottom:4px; color:var(--c-gold-soft); font:600 10px Cinzel,serif; }.backup-history span { padding:7px 9px; border-left:2px solid #2d5558; background:#071113; color:#687f7d; font-size:9px; }
.security-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-bottom:10px; border:1px solid rgba(101,220,227,.13); background:rgba(101,220,227,.1); }.security-summary article { min-height:102px; padding:16px; background:#0d2930; }.security-summary small,.security-summary strong,.security-summary span { display:block; }.security-summary small { color:#7da09f; font-size:8px; letter-spacing:.07em; text-transform:uppercase; }.security-summary strong { margin:7px 0 3px; color:var(--c-gold-soft); font:600 22px Cinzel,serif; }.security-summary span { color:#8ca7a6; font-size:9px; }
.security-admin-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:10px; margin-bottom:10px; }.security-retention { color:#6d8b89; font-size:8px; letter-spacing:.06em; text-transform:uppercase; }
.report-admin-list { max-height:850px; overflow:auto; }.report-admin-card { border-bottom:1px solid rgba(255,255,255,.055); background:#0b2228; }.report-admin-card > header { display:flex; justify-content:space-between; gap:15px; padding:14px 16px 9px; }.report-admin-card > header small { color:#6b9190; font-size:8px; text-transform:uppercase; }.report-admin-card h3 { margin:3px 0 0; color:#e2ebe7; font:600 12px Cinzel,serif; }.report-admin-card > header > span { align-self:flex-start; padding:5px 7px; border:1px solid rgba(216,176,92,.32); color:var(--c-gold-soft); font-size:7px; text-transform:uppercase; }.report-admin-card.status-resolved > header > span { border-color:rgba(90,198,129,.4); color:#80d99f; }.report-admin-card.status-rejected > header > span { border-color:rgba(180,72,61,.48); color:#df8b82; }
.report-admin-meta { display:flex; flex-wrap:wrap; gap:5px 13px; padding:0 16px 9px; color:#789391; font-size:8px; }.report-admin-card > p { margin:0; padding:11px 16px; border-top:1px solid rgba(255,255,255,.035); color:#b2c7c5; font-size:10px; line-height:1.6; }.report-admin-card > form { display:grid; grid-template-columns:125px 1fr auto; gap:6px; padding:10px 16px 15px; }.report-admin-card select,.report-admin-card input { min-width:0; min-height:36px; padding:7px 9px; border:1px solid rgba(101,220,227,.2); background:#08181d; color:#dbe6e3; }.report-admin-card button { min-height:36px; padding:0 11px; border:1px solid rgba(216,176,92,.42); background:#18383e; color:var(--c-gold-soft); font:600 8px Cinzel,serif; cursor:pointer; }
.security-event-list { max-height:850px; overflow:auto; }.security-event-list article { display:grid; grid-template-columns:8px 1fr auto; gap:10px; align-items:center; padding:11px 14px; border-bottom:1px solid rgba(255,255,255,.045); }.security-event-list i { width:7px; height:7px; border-radius:50%; background:#d0a84f; }.security-event-list .event-success i,.security-event-list .event-created i,.security-event-list .event-updated i { background:#5ac681; box-shadow:0 0 8px rgba(90,198,129,.35); }.security-event-list .event-failed i,.security-event-list .event-blocked i,.security-event-list .event-error i { background:#c65c52; }.security-event-list strong,.security-event-list small,.security-event-list span { display:block; }.security-event-list strong { color:#c7d5d2; font-size:9px; text-transform:capitalize; }.security-event-list small { margin-top:2px; color:#78918f; font-size:8px; }.security-event-list span,.security-event-list time { color:#5f7b79; font-size:8px; }.security-disclosure { padding:13px 15px; border-top:1px solid rgba(216,176,92,.12); background:#0a1b20; color:#708c8a; font-size:9px; line-height:1.55; }.security-admin-layout + .admin-layout { margin-top:10px; }
.managed-chronicle { color:inherit; text-decoration:none; }.published-content { border:1px solid rgba(101,220,227,.13); background:#081315; }.published-content header { padding:30px; border-bottom:1px solid rgba(216,176,92,.18); background:radial-gradient(circle at 90% 0,rgba(51,139,146,.18),transparent 15rem); }.published-content h1 { margin:6px 0 9px; color:#f1ecdf; font:600 26px Cinzel,serif; }.published-content header p { max-width:500px; margin:0; color:#899c9a; font-size:13px; }.published-content header div { display:flex; gap:18px; margin-top:18px; color:#5f7775; font-size:9px; text-transform:uppercase; }.published-content > section { padding:30px; color:#b6c4c2; font-size:14px; line-height:1.8; white-space:normal; }.published-content footer { padding:15px 30px; border-top:1px solid rgba(255,255,255,.05); }.published-content footer a { color:var(--c-gold-soft); text-decoration:none; }
@media(max-width:760px){.security-summary{grid-template-columns:1fr 1fr}.security-admin-layout{grid-template-columns:1fr}.report-admin-card>form{grid-template-columns:1fr}.security-event-list,.report-admin-list{max-height:none}}
@media(max-width:680px){.admin-tabs{display:grid;grid-template-columns:1fr 1fr}.admin-editor-layout{grid-template-columns:1fr}.admin-content-list article{grid-template-columns:1fr}.admin-row-actions{flex-wrap:wrap}.audit-list>div{grid-template-columns:1fr}.admin-search form{flex-direction:column}}

.admin-player-detail { margin-top:10px; border:1px solid rgba(216,176,92,.18); background:#081315; }.admin-player-detail > header { display:flex; justify-content:space-between; align-items:center; padding:20px; border-bottom:1px solid rgba(216,176,92,.15); }.admin-player-detail h2 { margin:3px 0 0; color:#f0eadc; font:600 19px Cinzel,serif; }.player-ban-state { padding:6px 9px; border:1px solid rgba(90,198,129,.45); color:#72d899; font-size:8px; text-transform:uppercase; }.player-ban-state.banned { border-color:rgba(180,72,61,.55); color:#e18479; }
.player-detail-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:18px; padding:20px; }.player-detail-grid dl { margin:0; }.player-detail-grid dl div { display:flex; justify-content:space-between; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.05); }.player-detail-grid dt { color:#69817f; font-size:10px; }.player-detail-grid dd { margin:0; color:#d2ddda; font-weight:600; }.player-edit-form { padding:17px; border:1px solid #1d3638; background:#071113; }.player-edit-form .citadel-button { margin-top:14px; }
.admin-player-inspector { display:grid; grid-template-columns:1.2fr .8fr; gap:10px; padding:0 20px 20px; }
.admin-player-inspector>section { min-width:0; padding:15px; border:1px solid #1d3638; background:#071113; }
.admin-player-inspector header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:11px; }
.admin-player-inspector header strong { color:#91aaa8; font-size:9px; }
.admin-equipment-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
.admin-equipment-grid article { display:grid; grid-template-columns:36px 1fr; gap:8px; align-items:center; min-height:44px; padding:6px; border:1px solid #172d2f; background:#091719; }
.admin-equipment-grid img { width:32px; height:32px; object-fit:contain; image-rendering:pixelated; }
.admin-equipment-grid b,.admin-equipment-grid small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-equipment-grid b { color:#d5dedb; font-size:9px; }.admin-equipment-grid small { margin-top:3px; color:#5d7775; font-size:7px; }
.depot-count { margin-top:9px; color:#69817f; font-size:9px; }.depot-count b { color:var(--c-gold-soft); }
.admin-storage-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; max-height:245px; overflow:auto; }
.admin-storage-grid span { display:flex; justify-content:space-between; gap:8px; padding:7px 8px; background:#091719; color:#7f9694; font-size:8px; }.admin-storage-grid code { color:#65cbd2; }.admin-storage-grid b { color:#d0d9d6; }
.player-danger-zone { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0 20px 20px; }.player-danger-zone form { display:grid; grid-template-columns:1fr auto; gap:7px; padding:13px; border:1px solid #243b3d; background:#071113; }.player-danger-zone form:nth-child(2) { grid-template-columns:1fr 1fr auto; }.player-danger-zone input { min-height:38px; padding:8px 10px; border:1px solid #20383b; background:#0b1719; color:#fff; }.player-danger-zone button { padding:0 12px; border:1px solid #3a585a; background:#102326; color:#b6c7c4; cursor:pointer; }.player-danger-zone button.danger { border-color:rgba(180,72,61,.55); color:#e18479; }.player-danger-zone button:disabled,.citadel-button:disabled { cursor:not-allowed; opacity:.42; }
@media(max-width:680px){.player-detail-grid,.player-danger-zone,.admin-player-inspector{grid-template-columns:1fr}.player-danger-zone form,.player-danger-zone form:nth-child(2){grid-template-columns:1fr}.admin-equipment-grid{grid-template-columns:1fr}}

.server-control { border:1px solid rgba(216,176,92,.18); background:#081315; }.server-control > header { display:flex; justify-content:space-between; align-items:center; padding:20px; border-bottom:1px solid rgba(216,176,92,.15); }.server-control h2 { margin:3px 0 0; color:#eee9dd; font:600 18px Cinzel,serif; }.server-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; border-bottom:1px solid rgba(101,220,227,.1); background:rgba(101,220,227,.1); }.server-metrics article { padding:18px; background:#071113; }.server-metrics small,.server-metrics strong { display:block; }.server-metrics small { color:#5f7775; font-size:8px; text-transform:uppercase; }.server-metrics strong { margin-top:6px; color:var(--c-gold-soft); font:600 17px Cinzel,serif; }.server-control-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:20px; }.server-control-actions > form,.shutdown-locked { padding:17px; border:1px solid #20383b; background:#071113; }.server-control-actions > form { display:grid; gap:9px; align-content:start; }.server-control-actions input { min-height:41px; padding:8px 11px; border:1px solid #20383b; background:#0b1719; color:#fff; }.shutdown-locked strong { color:#d2ddda; font:600 11px Cinzel,serif; }.shutdown-locked p { color:#718684; font-size:10px; }.shutdown-locked button { min-height:39px; padding:0 13px; border:1px solid #3a4647; background:#151c1d; color:#586565; }
@media(max-width:680px){.server-metrics{grid-template-columns:1fr 1fr}.server-control-actions{grid-template-columns:1fr}}

.chronicle-archive { display:grid; gap:8px; margin-top:14px; }.chronicle-archive > a { display:grid; grid-template-columns:90px 1fr auto; gap:16px; align-items:center; padding:17px 19px; border:1px solid rgba(101,220,227,.13); background:#081315; color:#b9c7c5; text-decoration:none; }.chronicle-archive > a:hover { border-color:rgba(216,176,92,.4); background:#102326; }.chronicle-archive time { color:var(--c-gold-soft); font:600 11px Cinzel,serif; }.chronicle-archive small,.chronicle-archive strong { display:block; }.chronicle-archive small { color:var(--c-ice-deep); font-size:8px; text-transform:uppercase; }.chronicle-archive strong { margin:3px 0; color:#e6eae4; font:600 13px Cinzel,serif; }.chronicle-archive p { margin:0; color:#718684; font-size:10px; }.chronicle-archive b { padding:5px 7px; border:1px solid rgba(216,176,92,.4); color:var(--c-gold-soft); font-size:7px; text-transform:uppercase; }
@media(max-width:680px){.chronicle-archive>a{grid-template-columns:1fr}.chronicle-archive b{justify-self:start}}

.shop-hero { display:grid; grid-template-columns:1fr 120px; gap:25px; align-items:center; min-height:205px; padding:31px 34px; border:1px solid rgba(216,176,92,.24); background:radial-gradient(circle at 88% 28%,rgba(52,139,146,.22),transparent 14rem),linear-gradient(135deg,#10272a,#071315); }.shop-hero h1 { margin:6px 0 9px; color:#f2ead8; font:600 27px Cinzel,serif; }.shop-hero p { max-width:470px; margin:0; color:#899d9b; font-size:13px; }.shop-count { display:grid; place-content:center; width:94px; height:94px; border:1px solid rgba(216,176,92,.55); text-align:center; transform:rotate(45deg); }.shop-count strong,.shop-count small { transform:rotate(-45deg); }.shop-count strong { color:var(--c-gold-soft); font:600 26px Cinzel,serif; }.shop-count small { color:#69817f; font-size:7px; text-transform:uppercase; }
.shop-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:14px; }.shop-offer { display:grid; grid-template-columns:72px 1fr; column-gap:14px; min-height:190px; padding:18px; border:1px solid rgba(101,220,227,.13); background:#081315; }.shop-item-image { grid-row:1/5; display:grid; place-items:center; width:68px; height:68px; border:1px solid rgba(216,176,92,.24); background:#071113; }.shop-item-image img { max-width:48px; max-height:48px; image-rendering:pixelated; }.shop-offer > small { color:var(--c-ice-deep); font-size:8px; text-transform:uppercase; }.shop-offer h2 { margin:3px 0 6px; color:#ece9df; font:600 13px Cinzel,serif; }.shop-offer p { margin:0; color:#718684; font-size:10px; }.shop-offer footer { grid-column:1/-1; display:flex; justify-content:space-between; align-items:end; margin-top:16px; padding-top:12px; border-top:1px solid rgba(255,255,255,.05); }.shop-offer footer strong,.shop-offer footer small { display:block; }.shop-offer footer strong { color:var(--c-gold-soft); }.shop-offer footer small { color:#617876; font-size:8px; }.shop-offer footer button { padding:8px 11px; border:1px solid #344749; background:#111a1b; color:#536260; }
.admin-shop-list article { display:grid; grid-template-columns:44px 1fr auto; gap:10px; align-items:center; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.05); }.admin-shop-list img { max-width:36px; max-height:36px; image-rendering:pixelated; }.admin-shop-list small,.admin-shop-list strong,.admin-shop-list span { display:block; }.admin-shop-list small { color:#5d7775; font-size:8px; }.admin-shop-list strong { color:#dce4e1; font-size:10px; }.admin-shop-list span { color:#748b89; font-size:9px; }.admin-shop-list .admin-row-actions form { display:flex; gap:4px; }.admin-shop-list input[type=password] { width:70px; padding:5px; border:1px solid #20383b; background:#071113; color:#fff; font-size:8px; }.transaction-panel { margin-top:10px; }
.admin-editor-layout:has(.admin-shop-list) { grid-template-columns:minmax(0,1fr); }
.admin-editor-layout:has(.admin-shop-list) .admin-panel > header { gap:16px; flex-wrap:wrap; }
.admin-editor-layout:has(.admin-shop-list) .admin-panel > header a { margin-left:auto; white-space:nowrap; }
.admin-editor-layout:has(.admin-shop-list) .form-field,.admin-editor-layout:has(.admin-shop-list) input,.admin-editor-layout:has(.admin-shop-list) textarea,.admin-editor-layout:has(.admin-shop-list) select { min-width:0; max-width:100%; box-sizing:border-box; }
.admin-editor-layout:has(.admin-shop-list) .admin-shop-list article { grid-template-columns:44px minmax(0,1fr) auto; }
@media(max-width:680px){.shop-hero{grid-template-columns:1fr}.shop-count{display:none}.shop-grid{grid-template-columns:1fr}.admin-shop-list article{grid-template-columns:40px 1fr}.admin-shop-list .admin-row-actions{grid-column:1/-1}}

.event-hero { display:flex; justify-content:space-between; align-items:center; min-height:190px; padding:30px 34px; border:1px solid rgba(216,176,92,.24); background:radial-gradient(circle at 85% 25%,rgba(52,139,146,.22),transparent 14rem),linear-gradient(135deg,#10272a,#071315); }.event-hero h1 { margin:6px 0 9px; color:#f2ead8; font:600 27px Cinzel,serif; }.event-hero p { max-width:460px; margin:0; color:#899d9b; font-size:13px; }.event-hero > a { padding:10px 13px; border:1px solid var(--c-gold); color:var(--c-gold-soft); font-size:9px; text-decoration:none; text-transform:uppercase; }
.event-timeline { display:grid; gap:9px; margin-top:14px; }.event-timeline article { display:grid; grid-template-columns:90px 1fr; border:1px solid rgba(101,220,227,.13); background:#081315; }.event-timeline article.past { opacity:.55; }.event-timeline time { display:grid; place-content:center; padding:17px; border-right:1px solid rgba(216,176,92,.16); text-align:center; }.event-timeline time strong { color:var(--c-gold-soft); font:600 25px/1 Cinzel,serif; }.event-timeline time span,.event-timeline time small { color:#66807e; font-size:8px; }.event-timeline article > div { padding:18px 20px; }.event-timeline article > div > small { color:var(--c-ice-deep); font-size:8px; text-transform:uppercase; }.event-timeline h2 { margin:3px 0 6px; color:#ece9df; font:600 15px Cinzel,serif; }.event-timeline p { margin:0; color:#758a88; font-size:11px; }.event-timeline footer { display:flex; justify-content:space-between; margin-top:13px; padding-top:10px; border-top:1px solid rgba(255,255,255,.05); color:#68817f; font-size:9px; }.event-timeline footer strong { color:var(--c-gold-soft); }
.next-event-banner { display:grid; grid-template-columns:68px 1fr auto; gap:16px; align-items:center; margin:0 0 24px; padding:15px 18px; border:1px solid rgba(216,176,92,.28); background:linear-gradient(90deg,#10282b,#081315); color:#b7c6c4; text-decoration:none; }.next-event-banner time { text-align:center; }.next-event-banner time strong,.next-event-banner time span { display:block; }.next-event-banner time strong { color:var(--c-gold-soft); font:600 24px/1 Cinzel,serif; }.next-event-banner time span { color:#67817f; font-size:8px; }.next-event-banner small { color:var(--c-ice-deep); font-size:8px; text-transform:uppercase; }.next-event-banner h2 { margin:3px 0; color:#eeeadd; font:600 14px Cinzel,serif; }.next-event-banner p { margin:0; color:#738886; font-size:10px; }.next-event-banner > b { color:var(--c-gold-soft); font-size:8px; text-transform:uppercase; }
.admin-event-list article { display:grid; grid-template-columns:85px 1fr auto; gap:10px; align-items:center; padding:13px 14px; border-bottom:1px solid rgba(255,255,255,.05); }.admin-event-list time { color:var(--c-gold-soft); font:600 9px Cinzel,serif; }.admin-event-list small,.admin-event-list strong,.admin-event-list span { display:block; }.admin-event-list small { color:#5d7775; font-size:8px; }.admin-event-list strong { color:#dce4e1; font-size:10px; }.admin-event-list span { color:#748b89; font-size:9px; }.admin-event-list .admin-row-actions form { display:flex; gap:4px; }.admin-event-list input { width:70px; padding:5px; border:1px solid #20383b; background:#071113; color:#fff; font-size:8px; }
@media(max-width:680px){.event-hero{align-items:flex-start;flex-direction:column}.event-timeline article{grid-template-columns:70px 1fr}.next-event-banner{grid-template-columns:60px 1fr}.next-event-banner>b{display:none}.admin-event-list article{grid-template-columns:1fr}.admin-event-list .admin-row-actions{flex-wrap:wrap}}

.restore-row { display:grid; grid-template-columns:1fr 82px auto; gap:5px; align-items:center; }.restore-row input { min-width:0; padding:7px; border:1px solid #20383b; background:#071113; color:#fff; font-size:8px; }.restore-row button { height:32px; border:1px solid rgba(216,176,92,.35); background:#102326; color:var(--c-gold-soft); font-size:8px; cursor:pointer; }.restore-row button:disabled { opacity:.4; cursor:not-allowed; }
@media(max-width:680px){.restore-row{grid-template-columns:1fr}.restore-row span{display:block}}

/* Admin workspace is rendered inside the 660px content column. */
.content-stage .admin-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.content-stage .admin-tabs a { min-width:0; border-bottom:1px solid rgba(255,255,255,.05); }
.content-stage .admin-editor-layout,.content-stage .admin-layout { grid-template-columns:minmax(0,1fr); }
.content-stage .admin-panel,.content-stage .admin-panel > * { min-width:0; }
.content-stage .admin-panel > header { gap:14px; flex-wrap:wrap; }
.content-stage .admin-panel > header a { margin-left:auto; white-space:nowrap; }
.content-stage .admin-editor input,.content-stage .admin-editor textarea,.content-stage .admin-editor select { min-width:0; max-width:100%; box-sizing:border-box; }
.content-stage .admin-content-list article { grid-template-columns:minmax(0,1fr); }
.content-stage .admin-content-list .admin-row-actions { justify-content:flex-start; flex-wrap:wrap; }
.content-stage .player-detail-grid,.content-stage .player-danger-zone,.content-stage .server-control-actions { grid-template-columns:minmax(0,1fr); }
.content-stage .player-danger-zone form,.content-stage .player-danger-zone form:nth-child(2) { grid-template-columns:minmax(0,1fr); }
.content-stage .admin-shop-list article { grid-template-columns:44px minmax(0,1fr); }
.content-stage .admin-shop-list .admin-row-actions { grid-column:1/-1; justify-content:flex-end; flex-wrap:wrap; }
.content-stage .admin-event-list article { grid-template-columns:85px minmax(0,1fr); }
.content-stage .admin-event-list .admin-row-actions { grid-column:1/-1; justify-content:flex-end; flex-wrap:wrap; }
.content-stage .admin-event-list input,.content-stage .admin-shop-list input[type=password] { width:92px; box-sizing:border-box; }
.content-stage .restore-row { grid-template-columns:minmax(0,1fr) 110px auto; }

@media(max-width:680px){
    .content-stage .admin-tabs{grid-template-columns:1fr 1fr}
    .content-stage .admin-stats,.content-stage .server-metrics,.content-stage .admin-actions>div{grid-template-columns:1fr 1fr}
    .content-stage .form-grid,.content-stage .choice-grid{grid-template-columns:1fr}
    .content-stage .admin-shop-list article,.content-stage .admin-event-list article{grid-template-columns:1fr}
    .content-stage .restore-row{grid-template-columns:1fr}
}

/* Task System */
.task-hero { display:grid; grid-template-columns:1fr 105px; gap:25px; align-items:center; min-height:205px; padding:31px 34px; border:1px solid rgba(216,176,92,.24); background:linear-gradient(90deg,rgba(7,18,20,.9),rgba(7,18,20,.4)),url('../images/montana-feature-hunt.jpg') center/cover; }
.task-hero h1 { margin:6px 0 9px; color:#f2ead8; font:600 28px Cinzel,serif; }.task-hero p { max-width:430px; margin:0; color:#a8bab7; font-size:13px; line-height:1.65; }
.task-hero-mark { display:grid; place-content:center; width:86px; height:86px; border:1px solid rgba(216,176,92,.55); background:rgba(3,10,11,.72); text-align:center; transform:rotate(45deg); }.task-hero-mark span,.task-hero-mark small { display:block; transform:rotate(-45deg); }.task-hero-mark span { color:var(--c-gold-soft); font:600 27px Cinzel,serif; }.task-hero-mark small { color:#75908d; font-size:7px; text-transform:uppercase; }
.task-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:12px 0 22px; border:1px solid rgba(101,220,227,.12); background:rgba(101,220,227,.1); }.task-steps article { display:flex; gap:11px; align-items:center; min-height:76px; padding:13px; background:#081315; }.task-steps b { color:var(--c-gold); font:500 11px Cinzel,serif; }.task-steps small,.task-steps strong { display:block; }.task-steps small { color:#617b78; font-size:8px; text-transform:uppercase; }.task-steps strong { margin-top:3px; color:#c6d1ce; font-size:10px; line-height:1.35; }
.task-section-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:11px; }.task-section-heading h2,.task-guide h2 { margin:4px 0 0; color:#ece8dc; font:600 17px Cinzel,serif; }.task-section-heading p { margin:0; color:#627a78; font-size:9px; }
.task-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.task-card { position:relative; display:grid; grid-template-columns:48px 1fr; gap:12px; align-items:center; min-height:104px; padding:14px; overflow:hidden; border:1px solid rgba(101,220,227,.13); background:linear-gradient(145deg,#0b1c1e,#071214); }.task-card:after { content:''; position:absolute; right:-25px; bottom:-38px; width:90px; height:90px; border:1px solid rgba(216,176,92,.08); transform:rotate(45deg); }.task-card:hover { border-color:rgba(216,176,92,.42); background:#102326; }.task-index { position:absolute; top:7px; right:8px; color:#48615f; font:500 8px Cinzel,serif; }.task-sigil { display:grid; place-items:center; width:42px; height:42px; border:1px solid rgba(216,176,92,.38); background:#071113; color:var(--c-gold-soft); font:600 16px Cinzel,serif; transform:rotate(45deg); }.task-sigil::first-letter { transform:rotate(-45deg); }.task-copy { min-width:0; }.task-copy small { color:var(--c-ice-deep); font-size:7px; text-transform:uppercase; }.task-copy h3 { margin:2px 0 9px; color:#e5e9e3; font:600 11px Cinzel,serif; overflow-wrap:anywhere; }.task-difficulty { display:flex; gap:3px; }.task-difficulty i { width:9px; height:3px; background:#223638; }.task-difficulty i.active { background:var(--c-gold); box-shadow:0 0 5px rgba(216,176,92,.35); }.difficulty-4 .task-difficulty i.active { background:#c17b4e; }.difficulty-5 .task-difficulty i.active { background:#b74f45; }
.task-guide { display:grid; grid-template-columns:190px 1fr; gap:25px; margin-top:12px; padding:23px; border-left:3px solid var(--c-gold); background:linear-gradient(110deg,#102326,#081315); }.task-guide ul { display:grid; gap:8px; margin:0; padding:0; list-style:none; }.task-guide li { position:relative; padding-left:17px; color:#91a5a2; font-size:11px; }.task-guide li:before { content:'◆'; position:absolute; left:0; top:1px; color:var(--c-gold); font-size:7px; }
@media(max-width:680px){.task-hero{grid-template-columns:1fr;padding:24px}.task-hero-mark{display:none}.task-steps,.task-grid{grid-template-columns:1fr}.task-section-heading{align-items:flex-start;flex-direction:column}.task-guide{grid-template-columns:1fr}}
.task-live-strip { display:grid; grid-template-columns:12px repeat(3,1fr); gap:14px; align-items:center; margin:12px 0; padding:12px 15px; border:1px solid rgba(101,220,227,.13); background:#081315; }
.task-live-dot { width:8px; height:8px; border-radius:50%; background:#55c8b8; box-shadow:0 0 10px rgba(85,200,184,.65); }
.task-live-strip div { min-width:0; }
.task-live-strip small,.task-live-strip strong { display:block; }
.task-live-strip small { color:#56716f; font-size:7px; letter-spacing:.09em; text-transform:uppercase; }
.task-live-strip strong { margin-top:3px; overflow:hidden; color:#aebfbd; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.task-progress-panel { margin:12px 0; border:1px solid rgba(216,176,92,.2); background:#081315; }
.task-progress-panel > header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px 19px; border-bottom:1px solid rgba(216,176,92,.16); }
.task-progress-panel h2 { margin:4px 0 0; color:#eee7d8; font:600 16px Cinzel,serif; }
.task-progress-panel > header > small { color:#526c6a; font-size:8px; }
.task-character-list { display:grid; gap:1px; background:rgba(101,220,227,.08); }
.task-character-state { position:relative; display:grid; grid-template-columns:1.2fr 1fr 1fr .7fr; gap:14px; padding:14px 17px; background:#091719; }
.task-character-state > div small,.task-character-state > div strong { display:block; }
.task-character-state > div small { color:#56716f; font-size:7px; letter-spacing:.08em; text-transform:uppercase; }
.task-character-state > div strong { margin-top:4px; color:#c4cfcc; font-size:10px; }
.task-character-state.is-active { box-shadow:inset 3px 0 var(--c-gold); }
.task-character-state.is-completed { box-shadow:inset 3px 0 #55c8b8; }
.task-kill-progress { position:absolute; left:0; right:0; bottom:0; height:3px; background:#172a2c; }
.task-kill-progress span { display:block; height:100%; background:var(--c-gold); }
.task-kill-progress small { position:absolute; right:8px; bottom:6px; }
.task-progress-note { margin:0; padding:10px 17px; border-top:1px solid rgba(255,255,255,.04); color:#607a77; font-size:9px; line-height:1.5; }
.task-login-note { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:12px 0; padding:16px 18px; border-left:3px solid var(--c-gold); background:#102326; }
.task-login-note strong { display:block; margin-top:4px; color:#becbc8; font-size:11px; }
.task-contract-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.task-contract { position:relative; overflow:hidden; border:1px solid rgba(101,220,227,.13); background:linear-gradient(145deg,#0b1c1e,#071214); }
.task-contract:hover { border-color:rgba(216,176,92,.36); background:#102326; }
.task-contract > header { display:flex; align-items:center; justify-content:space-between; min-height:35px; padding:6px 12px; border-bottom:1px solid rgba(255,255,255,.045); }
.task-contract > header > span { color:#58716f; font:600 9px Cinzel,serif; }
.task-contract-title { display:grid; grid-template-columns:64px 1fr; gap:14px; align-items:center; min-height:88px; padding:12px 15px; }
.task-contract-title small { color:var(--c-ice-deep); font-size:7px; letter-spacing:.08em; text-transform:uppercase; }
.task-contract-title h3 { margin:3px 0 0; color:#eee8dc; font:600 14px Cinzel,serif; }
.task-contract .task-sigil i { font-style:normal; transform:rotate(-45deg); }
.task-monster-portrait { position:relative; display:grid; place-items:center; width:60px; height:60px; border:1px solid rgba(216,176,92,.34); background:radial-gradient(circle,rgba(49,116,119,.18),transparent 67%),#050e10; box-shadow:inset 0 0 20px rgba(0,0,0,.72),0 0 0 3px rgba(216,176,92,.035); }
.task-monster-portrait:before,.task-monster-portrait:after { content:''; position:absolute; width:7px; height:7px; border-color:var(--c-gold); opacity:.7; }
.task-monster-portrait:before { top:4px; left:4px; border-top:1px solid; border-left:1px solid; }
.task-monster-portrait:after { right:4px; bottom:4px; border-right:1px solid; border-bottom:1px solid; }
.task-monster-portrait img { display:block; max-width:58px; max-height:58px; image-rendering:pixelated; filter:drop-shadow(0 5px 5px rgba(0,0,0,.8)); }
.task-monster-portrait i { color:var(--c-gold-soft); font:600 18px Cinzel,serif; font-style:normal; }
.task-contract dl { display:grid; grid-template-columns:1fr 1fr; margin:0; border-top:1px solid rgba(101,220,227,.08); }
.task-contract dl div { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:38px; padding:7px 12px; border-right:1px solid rgba(255,255,255,.04); border-bottom:1px solid rgba(255,255,255,.04); }
.task-contract dt { color:#58716f; font-size:8px; text-transform:uppercase; }
.task-contract dd { margin:0; color:#b9c8c6; font-size:9px; font-weight:700; text-align:right; }
.task-contract dl div.task-reward-row { min-height:56px; }
.task-item-reward { display:flex; align-items:center; justify-content:flex-end; gap:7px; min-width:0; }
.task-item-reward > img { flex:0 0 auto; width:32px; height:32px; object-fit:contain; image-rendering:pixelated; filter:drop-shadow(0 3px 3px rgba(0,0,0,.75)); }
.task-item-reward > span { display:block; max-width:92px; overflow-wrap:anywhere; color:#d4ddd9; font-size:8px; line-height:1.25; text-transform:capitalize; }
.task-item-reward small { display:block; margin-top:2px; color:#58716f; font-size:7px; font-weight:500; }
.task-missing-monster { border-color:rgba(180,72,61,.42); }
.task-warning { margin:0; padding:9px 12px; background:rgba(180,72,61,.1); color:#d8867e; font-size:9px; line-height:1.45; }
@media(max-width:820px){.task-live-strip{grid-template-columns:12px 1fr}.task-live-strip div:nth-of-type(n+2){display:none}.task-character-state{grid-template-columns:1fr 1fr}.task-contract-grid{grid-template-columns:1fr}}
@media(max-width:620px){.task-character-state{grid-template-columns:1fr}.task-login-note{align-items:flex-start;flex-direction:column}.task-contract dl{grid-template-columns:1fr}.task-item-reward>span{max-width:145px}}

/* Montana Armory */
.armory-hero { display:grid; grid-template-columns:1fr 105px; gap:25px; align-items:center; min-height:215px; padding:31px 34px; border:1px solid rgba(216,176,92,.24); background:linear-gradient(90deg,rgba(7,18,20,.91),rgba(7,18,20,.35)),url('../images/montana-feature-loot.jpg') center/cover; }.armory-hero h1 { margin:6px 0 9px; color:#f2ead8; font:600 27px Cinzel,serif; }.armory-hero p { max-width:430px; margin:0; color:#a5b8b5; font-size:13px; }.armory-count { display:grid; place-content:center; width:86px; height:86px; border:1px solid rgba(216,176,92,.55); background:rgba(3,10,11,.7); text-align:center; transform:rotate(45deg); }.armory-count strong,.armory-count small { display:block; transform:rotate(-45deg); }.armory-count strong { color:var(--c-gold-soft); font:600 23px Cinzel,serif; }.armory-count small { color:#718986; font-size:7px; text-transform:uppercase; }
.armory-nav { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; margin:12px 0 20px; border:1px solid rgba(101,220,227,.12); background:rgba(101,220,227,.1); }.armory-nav a { display:flex; gap:8px; align-items:center; min-width:0; min-height:58px; padding:9px; background:#081315; color:#91a5a2; text-decoration:none; }.armory-nav a:hover { background:#102326; }.armory-nav b { color:var(--c-gold); font:500 8px Cinzel,serif; }.armory-nav span { font-size:8px; line-height:1.3; }
.armory-section { margin-top:12px; scroll-margin-top:20px; }.armory-section > header { display:flex; justify-content:space-between; align-items:end; margin-bottom:9px; padding:0 3px; }.armory-section h2 { margin:3px 0 0; color:#ece8dc; font:600 16px Cinzel,serif; }.armory-section > header > small { color:#617976; font-size:8px; text-transform:uppercase; }.armory-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px; }.armory-item { display:grid; grid-template-columns:56px 1fr; gap:12px; align-items:center; min-height:116px; padding:13px; border:1px solid rgba(101,220,227,.13); background:linear-gradient(145deg,#0b1c1e,#071214); }.armory-item:hover { border-color:rgba(216,176,92,.42); background:#102326; }.armory-icon { display:grid; place-items:center; width:52px; height:52px; border:1px solid rgba(216,176,92,.3); background:#050d0e; box-shadow:inset 0 0 18px rgba(68,159,166,.07); }.armory-icon img { max-width:42px; max-height:42px; image-rendering:pixelated; }.armory-item small { color:var(--c-ice-deep); font-size:7px; text-transform:uppercase; }.armory-item h3 { margin:2px 0 5px; color:#e8ece5; font:600 11px Cinzel,serif; }.armory-item p { margin:0; color:#718684; font-size:9px; line-height:1.5; }

/* Server rules */
.rules-hero { display:grid; grid-template-columns:1fr 90px; gap:25px; align-items:center; min-height:205px; padding:31px 34px; border:1px solid rgba(216,176,92,.24); background:radial-gradient(circle at 82% 25%,rgba(54,143,150,.2),transparent 14rem),linear-gradient(135deg,#10272a,#071315); }.rules-hero h1 { margin:6px 0 9px; color:#f2ead8; font:600 27px Cinzel,serif; }.rules-hero p { max-width:450px; margin:0; color:#91a5a2; font-size:13px; }.rules-seal { display:grid; place-items:center; width:72px; height:72px; border:1px solid rgba(216,176,92,.58); color:var(--c-gold-soft); font:600 28px Cinzel,serif; transform:rotate(45deg); }.rules-seal::first-letter { transform:rotate(-45deg); }
.rules-notice { display:grid; grid-template-columns:75px 1fr; gap:15px; align-items:center; margin:12px 0; padding:15px 17px; border-left:3px solid var(--c-gold); background:#102326; }.rules-notice b { color:var(--c-gold-soft); font:600 10px Cinzel,serif; text-transform:uppercase; }.rules-notice p { margin:0; color:#9aadaa; font-size:11px; }
.rules-index { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-bottom:12px; border:1px solid rgba(101,220,227,.12); background:rgba(101,220,227,.1); }.rules-index a { display:flex; gap:9px; align-items:center; min-height:48px; padding:10px 12px; background:#081315; color:#9badab; font-size:9px; text-decoration:none; }.rules-index a:hover { background:#102326; }.rules-index b { color:var(--c-gold); font:500 8px Cinzel,serif; }
.rules-list { display:grid; gap:9px; }.rules-list article { scroll-margin-top:20px; border:1px solid rgba(101,220,227,.13); background:#081315; }.rules-list article > header { display:flex; gap:13px; align-items:center; padding:15px 18px; border-bottom:1px solid rgba(216,176,92,.14); background:linear-gradient(90deg,#102326,#081315); }.rules-list article > header span { color:var(--c-gold); font:600 13px Cinzel,serif; }.rules-list h2 { margin:0; color:#eae7dc; font:600 14px Cinzel,serif; }.rules-list ol { display:grid; gap:0; margin:0; padding:0; list-style:none; }.rules-list li { display:grid; grid-template-columns:38px 1fr; gap:10px; padding:12px 17px; border-bottom:1px solid rgba(255,255,255,.04); }.rules-list li:last-child { border-bottom:0; }.rules-list li > b { color:#597471; font:500 8px Cinzel,serif; }.rules-list li p { margin:0; color:#93a5a2; font-size:11px; line-height:1.65; }
@media(max-width:680px){.armory-hero,.rules-hero{grid-template-columns:1fr;padding:24px}.armory-count,.rules-seal{display:none}.armory-nav{grid-template-columns:1fr 1fr}.armory-grid{grid-template-columns:1fr}.rules-index{grid-template-columns:1fr 1fr}.rules-notice{grid-template-columns:1fr}.rules-list li{grid-template-columns:1fr}}

/* Account center and secure character workflow */
.account-hero { display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center; min-height:175px; padding:30px 34px; border:1px solid rgba(216,176,92,.24); background:radial-gradient(circle at 88% 22%,rgba(57,151,160,.2),transparent 15rem),linear-gradient(135deg,#10282b,#071315); }
.account-hero h1 { margin:6px 0 9px; color:#f2ead8; font:600 27px Cinzel,serif; }
.account-hero p { max-width:475px; margin:0; color:#839997; font-size:12px; }
.account-seal { display:flex; flex-direction:column; justify-content:center; width:116px; height:116px; border:1px solid rgba(216,176,92,.55); background:rgba(3,11,12,.48); text-align:center; transform:rotate(45deg); }
.account-seal small,.account-seal strong { transform:rotate(-45deg); }
.account-seal small { color:#6f8987; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.account-seal strong { margin-top:5px; color:var(--c-gold-soft); font:600 25px Cinzel,serif; }
.account-summary-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:14px; border:1px solid rgba(101,220,227,.13); background:rgba(101,220,227,.1); }
.account-summary-grid > div { display:flex; align-items:center; justify-content:space-between; min-height:70px; padding:14px 18px; background:#091719; }
.account-summary-grid small { color:#64807e; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.account-summary-grid strong { color:#e8e9df; font:600 15px Cinzel,serif; }
.account-summary-grid .account-ok { color:#6fd3c5; }
.account-summary-grid .account-danger { color:#e87569; }
.account-security-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:1px; border:1px solid rgba(101,220,227,.1); background:rgba(101,220,227,.08); }
.account-security-strip>div { display:flex; min-height:54px; padding:11px 17px; flex-direction:column; justify-content:center; background:#071416; }
.account-security-strip small { color:#526f6d; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.account-security-strip strong,.account-security-strip a { margin-top:5px; color:#a8bfbd; font-size:10px; text-decoration:none; }
.account-security-strip a { color:var(--c-ice); }
.account-section-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; }
.account-section-head h2 { margin:4px 0 0; }
.citadel-button,.secondary-button { display:inline-flex; align-items:center; justify-content:center; min-height:42px; box-sizing:border-box; padding:0 18px; font:700 9px Cinzel,serif; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; cursor:pointer; }
.secondary-button { border:1px solid #294144; background:#091719; color:#9ab0ae !important; }
.secondary-button:hover { border-color:var(--c-ice-deep); background:#102326; color:#fff !important; }
.character-list { display:grid; gap:8px; }
.character-card { display:grid; grid-template-columns:44px minmax(150px,1fr) minmax(135px,auto) auto; gap:14px; align-items:center; min-height:72px; padding:11px 14px; border:1px solid rgba(101,220,227,.11); background:linear-gradient(90deg,#0d2022,#091517); }
.character-card-v2 { grid-template-columns:35px minmax(210px,1.3fr) minmax(175px,.9fr) minmax(105px,auto) auto; min-height:104px; }
.character-card-v2.is-online { border-color:rgba(83,207,182,.34); box-shadow:inset 3px 0 #53cfb6; }
.character-card:hover { border-color:rgba(216,176,92,.3); background:linear-gradient(90deg,#11282b,#091719); }
.character-index { color:#567371; font:500 17px Cinzel,serif; }
.character-copy h3 { margin:0 0 4px; color:#f1eadb; font:600 14px Cinzel,serif; }
.character-copy h3 a { color:inherit; text-decoration:none; }
.character-title { display:flex; align-items:center; gap:9px; }
.character-title span { padding:2px 5px; border:1px solid #274346; color:#64807e; font-size:7px; letter-spacing:.08em; }
.is-online .character-title span { border-color:rgba(83,207,182,.5); color:#70dbc7; }
.character-copy p { margin:0; color:#6e8986; font-size:10px; }
.character-equipment-mini { display:grid; grid-template-columns:repeat(5,29px); gap:4px; margin-top:9px; }
.character-equipment-mini span { display:grid; width:29px; height:29px; place-items:center; border:1px solid #1e3739; background:#071214; }
.character-equipment-mini img { max-width:26px; max-height:26px; image-rendering:pixelated; }
.character-equipment-mini span.empty { border-style:dashed; opacity:.62; }
.character-equipment-mini span.empty b { color:#54706f; font:600 7px Cinzel,serif; }
.server-admin-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.server-safe-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:16px}.server-safe-actions form{display:grid;gap:7px}.server-safe-actions input,.server-safe-actions button{width:100%}.server-command-history{display:grid;gap:1px;padding:0 16px 16px}.server-command-history span{display:flex;justify-content:space-between;padding:9px 10px;background:rgba(5,18,20,.55)}.server-command-history small{color:#71908f}.server-online-list{display:grid;padding:14px}.server-online-list>a{display:flex;justify-content:space-between;gap:12px;padding:10px;border-bottom:1px solid rgba(101,220,227,.1);text-decoration:none}.server-online-list span{color:#71908f;font-size:10px}.server-log-panel{margin-top:14px}.server-log-panel pre{max-height:360px;margin:0;padding:16px;overflow:auto;background:#03090a;color:#9fc3c1;font:11px/1.6 Consolas,monospace;white-space:pre-wrap}.server-safe-actions .danger{border-color:#803b37;color:#f08b82}
@media(max-width:850px){.server-admin-grid{grid-template-columns:1fr}.server-safe-actions{grid-template-columns:1fr}}
.shop-login-notice{display:flex;align-items:center;gap:16px;margin:14px 0;padding:14px 18px;border:1px solid rgba(216,176,92,.3);background:rgba(10,31,35,.75)}.shop-login-notice span{flex:1;color:#8badaa}.shop-login-notice a{color:var(--c-gold)}.shop-offer footer form{display:grid;grid-template-columns:minmax(115px,1fr) auto;gap:7px}.shop-offer footer select{min-width:0;border:1px solid #285054;background:#071719;color:#b8d1cf;padding:8px}.shop-history{margin-top:16px}.shop-history-list{display:grid;gap:1px;background:rgba(101,220,227,.08)}.shop-history-list>div{display:grid;grid-template-columns:120px 100px 1fr 60px;gap:12px;padding:11px 14px;background:#0a1b1e}.shop-history-list time,.shop-history-list span{color:#789795}.shop-history-list b{text-align:right}.shop-history-list b.positive{color:#5bd29a}.shop-history-list b.negative{color:#e58a80}.shop-credit-panel{margin-top:14px;padding-bottom:16px}.shop-credit-panel form{padding:16px}
@media(max-width:680px){.shop-login-notice{align-items:flex-start;flex-direction:column}.shop-history-list>div{grid-template-columns:1fr auto}.shop-history-list span{grid-column:1/-1}.shop-offer footer form{grid-template-columns:1fr}}
.character-task-mini small,.character-task-mini strong,.character-task-mini span { display:block; }
.character-task-mini small { color:#526e6c; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }
.character-task-mini strong { margin-top:5px; color:#d8cfbb; font-size:10px; }
.character-task-mini>div { height:4px; margin:7px 0; overflow:hidden; background:#15282a; }
.character-task-mini i { display:block; height:100%; background:linear-gradient(90deg,var(--c-ice-deep),var(--c-gold)); }
.character-task-mini span { color:#65817f; font-size:8px; }
.character-login { text-align:right; }
.character-login small,.character-login strong { display:block; }
.character-login small { color:#526e6c; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }
.character-login strong { margin-top:4px; color:#9db0ae; font-size:10px; }
.danger-link { padding:8px 10px; border:1px solid rgba(180,72,61,.35); color:#dc756a !important; font-size:9px; text-decoration:none; text-transform:uppercase; }
.danger-link:hover { border-color:#b4483d; background:rgba(180,72,61,.1); }
.character-card-actions { display:grid; gap:5px; }
.character-card-actions>a { padding:7px 9px; border:1px solid #294144; color:#91aaa8; font-size:8px; text-align:center; text-decoration:none; text-transform:uppercase; }
.account-actions-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:14px; }
.account-actions-grid a { position:relative; min-height:98px; padding:17px 18px 15px 47px; border:1px solid rgba(101,220,227,.12); background:#091719; text-decoration:none; }
.account-actions-grid a:hover { border-color:rgba(216,176,92,.38); background:#102326; transform:translateY(-2px); }
.account-actions-grid span { position:absolute; left:15px; top:17px; color:var(--c-gold); font:600 10px Cinzel,serif; }
.account-actions-grid strong,.account-actions-grid small { display:block; }
.account-actions-grid strong { color:#eadfca; font:600 12px Cinzel,serif; }
.account-actions-grid small { margin-top:8px; color:#6e8684; font-size:10px; line-height:1.5; }
.recovery-key-result { padding:24px; border:1px solid rgba(216,176,92,.3); background:#071214; text-align:center; }
.recovery-key-result small,.recovery-key-result strong { display:block; }
.recovery-key-result small { color:#688482; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.recovery-key-result strong { margin:10px 0; color:var(--c-gold-soft); font:600 18px Consolas,monospace; letter-spacing:.08em; }
.recovery-key-result p { margin:0; color:#819492; font-size:11px; }
.account-created-result { padding:25px; border:1px solid rgba(216,176,92,.3); background:#071214; text-align:center; }
.account-created-result small,.account-created-result strong { display:block; }
.account-created-result small { color:#688482; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.account-created-result strong { margin:8px 0 12px; color:var(--c-gold-soft); font:600 28px Cinzel,serif; letter-spacing:.08em; }
.account-created-result p { margin:0; color:#819492; font-size:11px; }

.character-create-hero { background:radial-gradient(circle at 90% 20%,rgba(70,155,164,.24),transparent 16rem),linear-gradient(135deg,#10282b,#071315); }
.character-create-form .page-section { margin-top:12px; }
.creation-progress { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:-24px -24px 22px; border-bottom:1px solid rgba(101,220,227,.1); background:rgba(101,220,227,.08); }
.creation-progress span { padding:12px 15px; background:#091719; color:#536e6c; font:600 8px Cinzel,serif; letter-spacing:.08em; text-align:center; text-transform:uppercase; }
.creation-progress .active { color:var(--c-gold-soft); box-shadow:inset 0 -2px var(--c-gold); }
.character-name-field input { width:100%; box-sizing:border-box; font-size:14px; }
.form-field small { color:#657e7c; line-height:1.5; }
.gender-grid .choice-card { display:flex; align-items:center; min-height:64px; }
.choice-card input { flex:0 0 auto; }
.choice-card span,.choice-card b,.choice-card small { display:block; }
.choice-card b { color:#e5e8e1; font:600 12px Cinzel,serif; }
.choice-card small { margin-top:4px; color:#67807e; font-size:10px; }
.vocation-choice-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.vocation-choice { position:relative; display:grid; grid-template-columns:48px 1fr; grid-template-rows:auto auto; column-gap:13px; min-height:82px; padding:15px; border:1px solid #20383b; background:#091719; cursor:pointer; }
.vocation-choice:hover { border-color:var(--c-ice-deep); background:#102326; }
.vocation-choice input { position:absolute; right:12px; top:12px; accent-color:var(--c-gold); }
.vocation-choice:has(input:checked) { border-color:var(--c-gold); box-shadow:inset 3px 0 var(--c-gold); }
.voc-rune { display:flex; grid-row:1/3; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid rgba(216,176,92,.45); color:var(--c-gold-soft); font:600 18px Cinzel,serif; transform:rotate(45deg); }
.voc-rune i { font-style:normal; transform:rotate(-45deg); }
.vocation-choice strong { color:#e7e8e1; font:600 12px Cinzel,serif; }
.vocation-choice small { padding-right:18px; color:#68817f; font-size:10px; line-height:1.45; }
.form-actions-between { justify-content:space-between; }

.security-layout { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr); gap:14px; align-items:start; }
.security-layout .page-section { margin-top:14px; }
.password-form { display:grid; gap:14px; }
.password-form h2 { margin-bottom:2px; }
.password-form input { width:100%; box-sizing:border-box; }
.security-tips { margin-top:14px; padding:24px; border:1px solid rgba(216,176,92,.2); background:linear-gradient(145deg,#102326,#081315); }
.security-tips h2 { margin:5px 0 18px; color:#f0e6d1; font:600 16px Cinzel,serif; }
.security-tips ol { display:grid; gap:1px; margin:0; padding:0; list-style:none; background:rgba(101,220,227,.1); }
.security-tips li { display:grid; grid-template-columns:30px 1fr; gap:9px; align-items:center; min-height:54px; padding:9px 11px; background:#091719; }
.security-tips li b { color:var(--c-gold); font:600 9px Cinzel,serif; }
.security-tips li span { color:#819795; font-size:10px; line-height:1.5; }
.result-box-success,.result-box-error { font-size:12px; }
.result-box-success strong,.result-box-error strong { display:block; margin-bottom:6px; color:#f0e6d1; font:600 16px Cinzel,serif; }
.result-box-success { border-left-color:#57b9ab; }
.result-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:17px; }
.danger-hero { border-color:rgba(180,72,61,.3); background:radial-gradient(circle at 90% 20%,rgba(180,72,61,.16),transparent 16rem),linear-gradient(135deg,#251819,#071315); }
.delete-character-name { display:flex; align-items:center; justify-content:space-between; min-height:57px; padding:10px 14px; border:1px solid rgba(180,72,61,.28); background:rgba(180,72,61,.07); }
.delete-character-name small { color:#826765; font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.delete-character-name strong { color:#f0d6d2; font:600 14px Cinzel,serif; }
.delete-confirm { display:grid; grid-template-columns:auto 1fr; gap:9px; align-items:start; color:#8e9f9d; font-size:10px; line-height:1.5; cursor:pointer; }
.delete-confirm input { margin-top:2px; accent-color:#b4483d; }
.danger-button { min-height:42px; padding:0 18px; border:1px solid #bb554b; background:linear-gradient(135deg,#b84e45,#71302b); color:#fff; font:700 9px Cinzel,serif; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.danger-button:hover { filter:brightness(1.12); }
.danger-tips { border-color:rgba(180,72,61,.22); }
.download-stage { display:grid; grid-template-columns:minmax(0,1fr) 230px; margin-top:14px; border:1px solid rgba(101,220,227,.2); background:linear-gradient(135deg,#10282b,#071315); }
.download-main { padding:31px; }.download-main h2 { margin:7px 0 10px; color:#f1e7d2; font:600 24px Cinzel,serif; }.download-main p { max-width:540px; color:#88a09d; font-size:11px; line-height:1.7; }.download-main .citadel-button { margin-top:12px; }
.download-stage aside { display:grid; gap:1px; padding:1px; background:rgba(101,220,227,.12); }.download-stage aside div { display:flex; padding:14px 16px; flex-direction:column; justify-content:center; background:#081517; }.download-stage aside small { color:#5c7774; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }.download-stage aside strong { margin-top:5px; color:#d9e2de; font:600 11px Cinzel,serif; }
.download-checksum { margin-top:10px; padding:20px; border:1px solid #1c3638; background:#081416; }.download-checksum h2 { margin:5px 0 9px; font-size:15px; }.download-checksum code { display:block; overflow-wrap:anywhere; padding:10px; border:1px solid #1c3032; background:#050d0e; color:#71d3da; font-size:10px; }.download-checksum p { margin:9px 0 0; color:#69817f; font-size:9px; }
.download-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:10px; }.download-steps article { display:grid; grid-template-columns:30px 1fr; gap:9px; min-height:62px; padding:13px; border:1px solid #1c3436; background:#091719; }.download-steps b { color:var(--c-gold); font:600 10px Cinzel,serif; }.download-steps strong,.download-steps small { display:block; }.download-steps strong { color:#e0d7c5; font:600 10px Cinzel,serif; }.download-steps small { margin-top:5px; color:#667e7c; font-size:8px; line-height:1.5; }

@media(max-width:820px){
    .account-summary-grid,.account-actions-grid,.account-security-strip{grid-template-columns:1fr}
    .character-card{grid-template-columns:36px 1fr auto}.character-login{display:none}
    .character-card-v2{grid-template-columns:30px 1fr}.character-card-v2 .character-task-mini,.character-card-v2 .character-card-actions{grid-column:2}
    .security-layout{grid-template-columns:1fr}
    .download-stage{grid-template-columns:1fr}.download-steps{grid-template-columns:1fr}
}
@media(max-width:620px){
    .account-hero{grid-template-columns:1fr;padding:25px}.account-seal{display:none}
    .account-section-head{align-items:flex-start;flex-direction:column}
    .character-card{grid-template-columns:30px 1fr}.character-card .danger-link{grid-column:2;justify-self:start}
    .vocation-choice-grid,.choice-grid{grid-template-columns:1fr}
    .creation-progress span{padding:10px 5px;font-size:7px}
}

/* World information hub */
.world-info-hero { display:grid; grid-template-columns:1fr 135px; gap:25px; align-items:center; min-height:215px; padding:31px 34px; border:1px solid rgba(216,176,92,.24); background:radial-gradient(circle at 82% 20%,rgba(47,141,149,.24),transparent 14rem),linear-gradient(135deg,#10282b,#071315); }.world-info-hero h1 { margin:6px 0 9px; color:#f2ead8; font:600 28px Cinzel,serif; }.world-info-hero p { max-width:440px; margin:0; color:#91a5a2; font-size:13px; }.world-type { padding:16px; border:1px solid rgba(216,176,92,.4); background:rgba(3,10,11,.6); text-align:center; }.world-type small,.world-type strong,.world-type span { display:block; }.world-type small { color:#617b78; font-size:7px; text-transform:uppercase; }.world-type strong { margin:4px 0; color:var(--c-gold-soft); font:600 21px Cinzel,serif; }.world-type span { color:var(--c-ice-deep); font-size:8px; }
.world-rate-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:12px 0; border:1px solid rgba(101,220,227,.12); background:rgba(101,220,227,.1); }.world-rate-grid article { position:relative; min-height:145px; padding:16px; background:#081315; }.world-rate-grid article > span { position:absolute; top:8px; right:9px; color:#38504e; font:500 8px Cinzel,serif; }.world-rate-grid small,.world-rate-grid strong { display:block; }.world-rate-grid small { color:#617b78; font-size:8px; text-transform:uppercase; }.world-rate-grid strong { margin:7px 0 6px; color:var(--c-gold-soft); font:600 22px Cinzel,serif; }.world-rate-grid p { margin:0; color:#718684; font-size:9px; line-height:1.45; }
.world-data-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:12px; }.world-data-strip article { padding:16px; border-left:2px solid var(--c-gold); background:linear-gradient(120deg,#102326,#081315); }.world-data-strip small,.world-data-strip strong,.world-data-strip span { display:block; }.world-data-strip small { color:#627a78; font-size:8px; text-transform:uppercase; }.world-data-strip strong { margin:4px 0; color:#dfe8e3; font:600 16px Cinzel,serif; overflow-wrap:anywhere; }.world-data-strip span { color:#758a88; font-size:8px; }
.world-info-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:9px; }.frag-panel,.system-directory { border:1px solid rgba(101,220,227,.13); background:#081315; }.frag-panel > header,.system-directory > header { padding:17px 18px; border-bottom:1px solid rgba(216,176,92,.14); }.frag-panel h2,.system-directory h2 { margin:3px 0 0; color:#ece8dc; font:600 15px Cinzel,serif; }.frag-panel dl { margin:0; padding:7px 17px; }.frag-panel dl div { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.04); }.frag-panel dt { color:#718684; font-size:10px; }.frag-panel dd { margin:0; color:#cbd7d3; font-size:10px; font-weight:700; }.frag-panel footer { padding:12px 17px; color:#657b79; font-size:8px; line-height:1.5; }.system-directory > div { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(101,220,227,.08); }.system-directory a { display:flex; gap:10px; min-height:76px; padding:13px; background:#081315; color:#9aadaa; text-decoration:none; }.system-directory a:hover { background:#102326; }.system-directory a > b { color:var(--c-gold); font:500 8px Cinzel,serif; }.system-directory strong,.system-directory small { display:block; }.system-directory strong { color:#d5dfdb; font-size:10px; }.system-directory small { margin-top:4px; color:#617976; font-size:8px; }
@media(max-width:680px){.world-info-hero{grid-template-columns:1fr;padding:24px}.world-type{display:none}.world-rate-grid{grid-template-columns:1fr 1fr}.world-data-strip,.world-info-layout{grid-template-columns:1fr}.system-directory>div{grid-template-columns:1fr}}
/* Shared engine item catalogue */
.item-stat-list { display:flex; flex-wrap:wrap; gap:4px; margin:8px 0 0; padding:0; list-style:none; }
.item-stat-list li { padding:3px 6px; border:1px solid rgba(104,220,227,.14); background:rgba(104,220,227,.04); color:#8ab3b4; font-size:8px; }
.item-effect-box { margin-top:9px; padding:8px 9px; border-left:2px solid rgba(216,176,92,.72); background:rgba(216,176,92,.055); }
.item-effect-box > strong { display:block; margin-bottom:5px; color:#d8b05c; font:600 8px Cinzel,serif; letter-spacing:.08em; text-transform:uppercase; }
.item-effect-box ul { display:grid; gap:3px; margin:0; padding:0; list-style:none; }
.item-effect-box li { position:relative; padding-left:10px; color:#c4d2d0; font-size:8px; line-height:1.45; }
.item-effect-box li::before { content:'+'; position:absolute; left:0; color:#66dce3; }
.armory-icon { text-decoration:none; }
.armory-details-link { display:inline-block; margin-top:7px; color:#d8b05c; font-size:8px; font-weight:700; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; }
.armory-details-link:hover { color:#66dce3; }
.bestiary-loot-link { display:flex; align-items:center; width:100%; min-width:0; color:inherit; text-decoration:none; }
.bestiary-loot-link:hover strong { color:#66dce3; }

.item-detail-return { margin:0 0 10px; }
.item-detail-return a { color:#86a6a4; font-size:9px; text-decoration:none; }
.item-detail-return a:hover { color:#d8b05c; }
.item-detail-hero { display:grid; grid-template-columns:112px minmax(0,1fr) 112px; gap:24px; align-items:center; min-height:230px; padding:30px 34px; border:1px solid rgba(216,176,92,.25); background:radial-gradient(circle at 12% 50%,rgba(101,220,227,.09),transparent 28%),linear-gradient(135deg,#0b1e20,#071214 62%,#170f12); }
.item-detail-icon { display:grid; place-items:center; width:104px; height:104px; border:1px solid rgba(216,176,92,.5); background:#040b0c; box-shadow:inset 0 0 35px rgba(101,220,227,.08),0 12px 30px rgba(0,0,0,.3); transform:rotate(45deg); }
.item-detail-icon img { max-width:72px; max-height:72px; image-rendering:pixelated; transform:rotate(-45deg); }
.item-detail-heading h1 { margin:6px 0 10px; color:#f0eadc; font:600 27px Cinzel,serif; }
.item-detail-heading p { max-width:600px; margin:0; color:#9eb3b0; font-size:11px; line-height:1.65; }
.item-detail-tier { display:grid; place-items:center; min-height:104px; border:1px solid rgba(216,176,92,.38); background:rgba(0,0,0,.22); text-align:center; }
.item-detail-tier strong { color:#e3bd68; font:600 25px Cinzel,serif; }.item-detail-tier span,.item-detail-tier small { display:block; color:#7b9996; font-size:8px; }
.item-detail-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:10px 0; border:1px solid rgba(101,220,227,.13); background:rgba(101,220,227,.13); }
.item-detail-summary article { min-width:0; padding:12px; background:#081315; }.item-detail-summary small,.item-detail-summary strong { display:block; }.item-detail-summary small { color:#607c7a; font-size:7px; letter-spacing:.07em; text-transform:uppercase; }.item-detail-summary strong { margin-top:5px; overflow:hidden; color:#d5dfdc; font:600 10px Cinzel,serif; text-overflow:ellipsis; }
.item-detail-columns { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.item-detail-panel,.item-sources,.item-progression { border:1px solid rgba(101,220,227,.13); background:#081315; }
.item-detail-panel { padding:16px; }.item-detail-panel header { display:flex; gap:9px; align-items:center; margin-bottom:12px; }.item-detail-panel header span { color:#d8b05c; font:600 8px Cinzel,serif; }.item-detail-panel h2,.item-sources h2,.item-progression h2 { margin:0; color:#e6e3d9; font:600 13px Cinzel,serif; }.item-detail-panel p { color:#8da4a1; font-size:9px; line-height:1.55; }
.item-detail-stats,.item-detail-effects { display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; list-style:none; }.item-detail-stats li { padding:5px 7px; border:1px solid rgba(101,220,227,.13); background:#061012; color:#a8bfbc; font-size:8px; }.item-detail-effects { display:grid; }.item-detail-effects li { padding:7px 9px; border-left:2px solid #d8b05c; background:rgba(216,176,92,.05); color:#c1d0cd; font-size:8px; line-height:1.45; }
.item-sources { margin-top:10px; padding:16px; }.item-sources > header { display:flex; justify-content:space-between; align-items:end; margin-bottom:12px; }.item-sources > header small { color:#617b79; font-size:7px; text-transform:uppercase; }.item-source-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.item-source-grid article { padding:12px; border:1px solid rgba(255,255,255,.05); background:#061012; }.item-source-grid h3 { margin:0 0 8px; color:#d8b05c; font:600 9px Cinzel,serif; }.item-source-grid ul { display:grid; gap:5px; margin:0; padding:0; list-style:none; }.item-source-grid li,.item-source-grid li a { color:#a9bfbc; font-size:8px; text-decoration:none; }.item-source-grid li { padding:7px; border:1px solid rgba(101,220,227,.1); }.item-source-grid li a { display:grid; grid-template-columns:1fr auto; gap:2px 8px; }.item-source-grid li strong { color:#66dce3; }.item-source-grid li small { display:block; grid-column:1/-1; color:#597977; }.item-source-grid p { margin:0; color:#587471; font-size:8px; line-height:1.5; }
.item-progression { margin-top:10px; padding:16px; }.item-progression > header { margin-bottom:11px; }.item-progression > div { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.item-progression a,.item-progression .is-empty { display:grid; padding:11px; border:1px solid rgba(101,220,227,.12); background:#061012; text-decoration:none; }.item-progression a small,.item-progression a span { color:#64817f; font-size:7px; }.item-progression a strong { margin:3px 0; color:#dce3df; font:600 10px Cinzel,serif; }.item-progression a:hover { border-color:rgba(216,176,92,.45); }.item-progression .is-empty { color:#5e7977; font-size:8px; place-items:center; }
@media(max-width:760px){.item-detail-hero{grid-template-columns:80px 1fr;padding:22px}.item-detail-icon{width:72px;height:72px}.item-detail-icon img{max-width:52px;max-height:52px}.item-detail-tier{grid-column:1/-1;min-height:65px}.item-detail-summary{grid-template-columns:1fr 1fr}.item-detail-columns,.item-source-grid{grid-template-columns:1fr}.item-sources>header{align-items:start;flex-direction:column;gap:5px}}
.character-equipment { max-width:620px; margin:24px auto; padding:20px; border:1px solid rgba(216,176,92,.25); background:linear-gradient(145deg,#0a1a1c,#061012); text-align:left; }
.character-equipment header { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; border-bottom:1px solid rgba(216,176,92,.18); }
.character-equipment h2 { margin:4px 0 14px; color:#f0e7d1; font:600 22px Cinzel,serif; }
.equipment-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; max-width:430px; margin:auto; }
.equipment-slot,.equipment-spacer { min-height:96px; }
.equipment-slot { position:relative; display:grid; grid-template-columns:42px 1fr; grid-template-rows:auto 1fr auto; align-items:center; gap:2px 9px; padding:10px; border:1px solid rgba(104,220,227,.16); background:#081416; }
.equipment-slot > small { grid-column:1/-1; color:#5fa3a7; font-size:8px; text-transform:uppercase; letter-spacing:.12em; }
.equipment-slot > img { grid-row:2/4; width:38px; height:38px; object-fit:contain; image-rendering:pixelated; }
.equipment-slot > strong { overflow:hidden; color:#d9e5e2; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.equipment-slot > span { color:#6c8d8e; font-size:8px; }
.equipment-slot.is-empty { opacity:.55; }
.equipment-empty-mark { grid-row:2/4; display:grid; place-items:center; width:38px; height:38px; border:1px dashed #315053; }
.equipment-tooltip { position:absolute; z-index:12; left:50%; bottom:calc(100% + 7px); display:none; width:210px; padding:10px; border:1px solid #b58d3d; background:#02090a; box-shadow:0 12px 28px #000; transform:translateX(-50%); }
.equipment-tooltip b,.equipment-tooltip em { display:block; }
.equipment-tooltip b { color:#e9c86f; font:600 11px Cinzel,serif; }
.equipment-tooltip em { margin-top:5px; color:#8da8a7; font:normal 9px/1.5 Arial,sans-serif; }
.equipment-slot:hover .equipment-tooltip,.equipment-slot:focus .equipment-tooltip { display:block; }
.equipment-hint { margin:12px 0 0; color:#607b7c; font-size:9px; text-align:center; }
.character-outfit { display:flex; align-items:center; gap:8px; padding:5px 8px; border-left:1px solid rgba(216,176,92,.2); }
.character-outfit img { width:48px; height:48px; object-fit:contain; image-rendering:pixelated; }
.character-outfit span { color:#84b7b8; font-size:9px; }
@media (max-width:620px) { .equipment-slot { grid-template-columns:34px 1fr; padding:7px; }.equipment-slot > img,.equipment-empty-mark { width:30px; height:30px; }.equipment-slot > strong { font-size:8px; } }
/* Admin item preview */
.admin-item-preview { display:flex; align-items:center; gap:14px; margin-bottom:14px; padding:13px 16px; border:1px solid rgba(104,220,227,.15); background:#081618; }
.admin-item-preview strong,.admin-item-preview small { display:block; }
.admin-item-preview strong { margin:3px 0; color:#e7dec9; font:600 13px Cinzel,serif; }
.admin-item-preview small { color:#6f8989; font-size:9px; }
/* Dynamic bestiary */
.bestiary-hero { position:relative; overflow:hidden; display:flex; justify-content:space-between; align-items:end; padding:28px; border:1px solid rgba(216,176,92,.28); background:radial-gradient(circle at 88% 22%,rgba(54,157,164,.2),transparent 30%),linear-gradient(120deg,#102b2d,#071214 70%); box-shadow:inset 0 1px rgba(255,255,255,.03),0 12px 32px rgba(0,0,0,.22); }
.bestiary-hero:after { content:""; position:absolute; right:-45px; bottom:-90px; width:230px; height:230px; border:1px solid rgba(216,176,92,.12); transform:rotate(45deg); }
.bestiary-hero h1 { margin:6px 0; color:#f1e6cf; font:600 28px Cinzel,serif; letter-spacing:.02em; }.bestiary-hero p { max-width:650px; margin:0; color:#91b5b5; line-height:1.6; }
.bestiary-count { position:relative; z-index:1; min-width:112px; padding:14px 16px; text-align:center; border:1px solid rgba(216,176,92,.2); background:rgba(4,15,16,.64); }.bestiary-count strong,.bestiary-count small { display:block; }.bestiary-count strong { color:#e9c86f; font:600 28px Cinzel,serif; }.bestiary-count small { color:#789b9c; font-size:8px; text-transform:uppercase; letter-spacing:.13em; }
.bestiary-filter { display:grid; grid-template-columns:minmax(180px,1.6fr) repeat(3,minmax(125px,1fr)) auto; gap:10px; align-items:end; margin:14px 0 8px; padding:15px; border:1px solid rgba(104,220,227,.14); background:linear-gradient(180deg,#0a191b,#071315); box-shadow:inset 0 1px rgba(255,255,255,.02); }.bestiary-filter label { display:grid; gap:6px; margin:0; color:#70a9ac; font-size:8px; text-transform:uppercase; letter-spacing:.12em; }.bestiary-filter input,.bestiary-filter select { width:100%; min-width:0; height:38px; padding:0 10px; border:1px solid #29484b; outline:0; background:#061113; color:#dce7e4; font:inherit; }.bestiary-filter input:focus,.bestiary-filter select:focus { border-color:#5eb8bc; box-shadow:0 0 0 2px rgba(94,184,188,.1); }.bestiary-filter button { height:38px; padding:0 18px; border:1px solid #c49943; background:linear-gradient(#e2c16d,#b98735); color:#17120a; font:600 10px Cinzel,serif; cursor:pointer; }.bestiary-filter button:hover { filter:brightness(1.08); }
.bestiary-results { display:flex; justify-content:space-between; gap:10px; padding:7px 4px; color:#678b8d; font-size:9px; }.bestiary-results b { color:#d7c58d; }
.bestiary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:8px; }.bestiary-card { overflow:hidden; border:1px solid rgba(104,220,227,.16); background:linear-gradient(145deg,#0a191b,#071214); box-shadow:0 10px 22px rgba(0,0,0,.16); transition:border-color .16s ease,transform .16s ease; }.bestiary-card:hover { border-color:rgba(216,176,92,.34); transform:translateY(-1px); }.bestiary-card header { display:flex; align-items:center; gap:13px; min-height:86px; padding:14px; border-bottom:1px solid rgba(255,255,255,.05); background:linear-gradient(90deg,rgba(32,83,86,.13),transparent); }.bestiary-portrait { flex:0 0 64px; display:grid; place-items:center; width:64px; height:64px; border:1px solid rgba(216,176,92,.28); background:radial-gradient(circle,#102629,#050e0f 70%); box-shadow:inset 0 0 14px rgba(0,0,0,.45); }.bestiary-portrait img { width:60px; height:60px; object-fit:contain; image-rendering:pixelated; }.bestiary-portrait b { color:#d8b05c; font:600 22px Cinzel,serif; }.bestiary-title { min-width:0; }.bestiary-category { display:inline-block; padding:3px 6px; border:1px solid rgba(90,165,170,.22); background:rgba(90,165,170,.08); color:#7ec0c4; font-size:7px; text-transform:uppercase; letter-spacing:.13em; }.bestiary-card h2 { overflow:hidden; margin:6px 0 3px; color:#f0e7d5; font:600 14px Cinzel,serif; text-overflow:ellipsis; white-space:nowrap; }.bestiary-card header small { color:#71999a; font-size:8px; }.bestiary-card header small strong { color:#e2c16d; }
.bestiary-exp { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid rgba(255,255,255,.05); }.bestiary-exp div { position:relative; min-width:0; padding:10px 11px; border-right:1px solid rgba(255,255,255,.05); }.bestiary-exp div:last-child { border-right:0; }.bestiary-exp small,.bestiary-exp strong { display:block; }.bestiary-exp small { margin-bottom:4px; color:#587d7f; font-size:7px; text-transform:uppercase; letter-spacing:.08em; }.bestiary-exp strong { overflow:hidden; color:#bfe0dd; font-size:11px; text-overflow:ellipsis; }.bestiary-exp div:nth-child(2) strong { color:#e9c86f; }.bestiary-exp em { position:absolute; top:8px; right:8px; color:#5d989b; font-size:7px; font-style:normal; }
.bestiary-card dl { display:grid; grid-template-columns:1fr 1fr; margin:0; }.bestiary-card dl div { display:flex; justify-content:space-between; gap:8px; padding:8px 12px; border-right:1px solid rgba(255,255,255,.035); border-bottom:1px solid rgba(255,255,255,.04); }.bestiary-card dt { color:#5d8586; font-size:8px; text-transform:uppercase; }.bestiary-card dd { margin:0; color:#c4dddd; font-size:9px; font-weight:bold; }
.bestiary-loot { padding:11px 12px 12px; }.bestiary-loot h3 { margin:0 0 8px; color:#bfa76b; font:600 9px Cinzel,serif; letter-spacing:.08em; text-transform:uppercase; }.bestiary-loot p { margin:0; color:#587475; font-size:8px; }.bestiary-loot ul { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:0; padding:0; list-style:none; }.bestiary-loot li { display:flex; align-items:center; min-width:0; padding:5px; border:1px solid rgba(255,255,255,.045); background:rgba(0,0,0,.13); }.bestiary-loot img { flex:0 0 32px; width:32px; height:32px; margin-right:7px; object-fit:contain; image-rendering:pixelated; }.bestiary-loot li span { min-width:0; }.bestiary-loot li strong,.bestiary-loot li small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.bestiary-loot li strong { color:#c7d8d5; font-size:8px; }.bestiary-loot li small { margin-top:2px; color:#557a7c; font-size:7px; }.bestiary-card footer { display:flex; flex-wrap:wrap; gap:5px; padding:0 12px 11px; }.bestiary-card footer span { padding:4px 6px; background:rgba(216,176,92,.06); color:#8a9f9d; font-size:8px; }
.bestiary-pages { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:14px; padding:10px; border:1px solid rgba(104,220,227,.12); background:#081416; }.bestiary-pages span { display:flex; gap:5px; }.bestiary-pages a { display:grid; min-width:30px; min-height:30px; padding:0 9px; place-items:center; border:1px solid #244043; color:#87afb0; font-size:9px; text-decoration:none; }.bestiary-pages a:hover,.bestiary-pages a.is-current { border-color:#bd974c; background:rgba(216,176,92,.12); color:#efd484; }
@media (max-width:980px){.bestiary-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.bestiary-filter button{grid-column:span 2}.bestiary-grid{grid-template-columns:1fr}}
@media (max-width:600px){.bestiary-hero{align-items:start;padding:20px}.bestiary-hero p{max-width:75%}.bestiary-filter{grid-template-columns:1fr}.bestiary-filter button{grid-column:auto}.bestiary-count{min-width:82px;padding:10px}.bestiary-exp{grid-template-columns:1fr}.bestiary-exp div{border-right:0}.bestiary-loot ul{grid-template-columns:1fr}.bestiary-pages{align-items:stretch;flex-direction:column}.bestiary-pages span{justify-content:center}}

/* Runtime NPC directory */
.npc-hero{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:28px;border:1px solid rgba(216,176,92,.28);background:radial-gradient(circle at 88% 20%,rgba(216,176,92,.13),transparent 28%),linear-gradient(120deg,#10282b,#071214 70%)}.npc-hero h1{margin:6px 0;color:#f1e6cf;font:600 28px Cinzel,serif}.npc-hero p{max-width:680px;margin:0;color:#91b5b5;line-height:1.6}.npc-count{min-width:112px;padding:14px 16px;text-align:center;border:1px solid rgba(216,176,92,.25);background:rgba(4,15,16,.68)}.npc-count strong,.npc-count small{display:block}.npc-count strong{color:#e9c86f;font:600 28px Cinzel,serif}.npc-count small{color:#789b9c;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
.npc-filter{display:grid;grid-template-columns:minmax(210px,1.5fr) minmax(160px,.8fr) auto;gap:10px;align-items:end;margin:14px 0 6px;padding:15px;border:1px solid rgba(104,220,227,.14);background:#081618}.npc-filter label{display:grid;gap:6px;color:#70a9ac;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.npc-filter input,.npc-filter select{box-sizing:border-box;width:100%;height:38px;padding:0 10px;border:1px solid #29484b;outline:0;background:#061113;color:#dce7e4}.npc-filter button{height:38px;padding:0 18px;border:1px solid #c49943;background:linear-gradient(#e2c16d,#b98735);color:#17120a;font:600 10px Cinzel,serif;cursor:pointer}.npc-results{padding:8px 4px;color:#678b8d;font-size:9px}.npc-results strong{color:#d7c58d}
.npc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.npc-card{overflow:hidden;border:1px solid rgba(104,220,227,.16);background:linear-gradient(145deg,#0a191b,#071214);box-shadow:0 10px 22px rgba(0,0,0,.16)}.npc-card>header{display:flex;align-items:center;gap:13px;min-height:86px;padding:14px;border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(90deg,rgba(32,83,86,.13),transparent)}.npc-portrait{flex:0 0 64px;display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(216,176,92,.28);background:radial-gradient(circle,#102629,#050e0f 70%)}.npc-portrait img{width:60px;height:60px;object-fit:contain;image-rendering:pixelated}.npc-portrait b{color:#d8b05c;font:600 22px Cinzel,serif}.npc-role{display:inline-block;padding:3px 6px;border:1px solid rgba(90,165,170,.22);background:rgba(90,165,170,.08);color:#7ec0c4;font-size:7px;text-transform:uppercase;letter-spacing:.13em}.npc-card h2{margin:6px 0 3px;color:#f0e7d5;font:600 14px Cinzel,serif}.npc-card header small{color:#71999a;font-size:8px}.npc-body{display:grid;grid-template-columns:1fr 1fr}.npc-body>section{padding:11px 12px;border-right:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.npc-body>section:nth-child(even){border-right:0}.npc-body h3{margin:0 0 8px;color:#bfa76b;font:600 8px Cinzel,serif;text-transform:uppercase;letter-spacing:.08em}.npc-body p{margin:0;color:#789493;font-size:8px;line-height:1.55}.npc-positions{display:grid;gap:5px;margin:0;padding:0;list-style:none}.npc-positions li{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.npc-positions span,.npc-keywords span{padding:5px;border:1px solid rgba(101,220,227,.1);background:rgba(0,0,0,.15);color:#a8c4c1;font-size:8px;text-align:center}.npc-keywords{display:flex;flex-wrap:wrap;gap:5px}.npc-greeting{grid-column:1/-1}.npc-offers{grid-column:1/-1}.npc-offers ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.npc-offers li{min-width:0;border:1px solid rgba(255,255,255,.045);background:rgba(0,0,0,.13)}.npc-offers a{display:flex;align-items:center;padding:5px;color:inherit;text-decoration:none}.npc-offers img{flex:0 0 32px;width:32px;height:32px;margin-right:7px;object-fit:contain;image-rendering:pixelated}.npc-offers strong,.npc-offers small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.npc-offers strong{color:#c7d8d5;font-size:8px}.npc-offers small{margin-top:2px;color:#557a7c;font-size:7px}
@media(max-width:850px){.npc-grid{grid-template-columns:1fr}}@media(max-width:600px){.npc-hero{align-items:flex-start;padding:20px}.npc-filter{grid-template-columns:1fr}.npc-body{grid-template-columns:1fr}.npc-body>section{border-right:0}.npc-offers ul{grid-template-columns:1fr}}
/* Task administration */
.admin-task-tab { display:inline-block; margin:0 0 14px; padding:8px 12px; border:1px solid rgba(104,220,227,.16); background:#071416; color:#73b8bb; font:600 9px Cinzel,serif; }.admin-task-tab.active { border-color:#d8b05c; color:#e9c86f; }
.task-admin-list { display:grid; gap:8px; margin-top:14px; }.task-admin-row { padding:12px; border:1px solid rgba(104,220,227,.13); background:#071315; }.task-admin-heading { display:grid; grid-template-columns:30px 1fr 34px auto; align-items:center; gap:8px; margin-bottom:10px; }.task-admin-heading > span { color:#d8b05c; font:600 12px Cinzel,serif; }.task-admin-heading > strong { color:#e0e8e4; }.task-admin-heading img { width:30px; height:30px; object-fit:contain; image-rendering:pixelated; }.task-admin-heading small { color:#698687; }.task-admin-fields { display:grid; grid-template-columns:1.4fr repeat(5,.75fr) 1fr auto; gap:6px; align-items:end; }.task-admin-fields label { color:#659193; font-size:7px; text-transform:uppercase; }.task-admin-fields input { box-sizing:border-box; width:100%; margin-top:4px; padding:7px; border:1px solid #254144; background:#061012; color:#d7e3df; font-size:9px; }.task-admin-fields button { height:31px; padding:0 11px; border:1px solid #bd9340; background:#d8b05c; color:#161109; font:600 8px Cinzel,serif; }.task-admin-fields button:disabled { opacity:.35; }
@media(max-width:950px){.task-admin-fields{grid-template-columns:repeat(3,1fr)}.task-admin-heading{grid-template-columns:30px 1fr 34px}.task-admin-heading small{display:none}}
/* 2026 interface reduction: fewer choices, clearer hierarchy */
@media (min-width:1081px) {
    .citadel-shell { grid-template-columns:minmax(0,710px) 280px; }
}
.nav-inner { justify-content:flex-start; }
.nav-inner a { padding-left:24px; padding-right:24px; }
.player-console { gap:12px; }
.realm-card-compact .realm-status { display:grid; grid-template-columns:10px 1fr; gap:2px 10px; padding:14px 16px; }
.realm-card-compact .state-pulse { grid-row:1/3; align-self:center; width:8px; height:8px; }
.realm-card-compact .realm-status span { grid-column:2; color:#607978; font-size:9px; }
.realm-card-compact .realm-status strong { font-size:13px; }
.realm-live-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; border-top:1px solid #1a3032; background:#1a3032; }
.realm-live-grid>div { display:flex; min-height:43px; padding:8px 11px; flex-direction:column; justify-content:center; background:#081517; }
.realm-live-grid small { color:#58716f; font-size:7px; letter-spacing:.06em; text-transform:uppercase; }
.realm-live-grid strong { margin-top:3px; color:#dce4df; font:600 11px Cinzel,serif; }
.montana-welcome-simple { display:block; min-height:190px; padding:29px 31px; background:linear-gradient(105deg,rgba(7,29,36,.95),rgba(9,42,49,.62) 54%,rgba(7,25,31,.18)),url('../images/layout/home-tibia-classic-no-creathor-v3.webp') center 46%/cover no-repeat; }
.montana-welcome-simple .welcome-copy h1 { max-width:520px; margin-bottom:9px; font-size:26px; }
.montana-welcome-simple .welcome-copy p { max-width:500px; }
.montana-welcome-simple:after { opacity:.5; }
.world-numbers-compact { margin-bottom:14px; }
.world-numbers-compact div { padding:11px 15px; }
.world-numbers-compact strong { font-size:15px; }
.home-core-links { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:18px; }
.home-core-links > a { position:relative; display:grid; grid-template-columns:58px 1fr; gap:13px; align-items:center; min-height:86px; padding:10px 38px 10px 11px; overflow:hidden; border:1px solid rgba(101,220,227,.13); background:linear-gradient(110deg,#0a1a1c,#071214); color:#bcd0cd; text-decoration:none; }
.home-core-links > a:after { content:''; position:absolute; right:-32px; bottom:-48px; width:92px; height:92px; border:1px solid rgba(216,176,92,.07); transform:rotate(45deg); transition:.25s ease; }
.home-core-links > a:hover { border-color:rgba(216,176,92,.5); background:#0d2022; transform:translateY(-1px); }
.home-core-links > a:hover:after { right:-24px; border-color:rgba(216,176,92,.2); }
.home-core-links > a > b { position:absolute; top:8px; right:10px; color:var(--c-gold); font:500 8px Cinzel,serif; }
.home-core-icon { position:relative; display:grid!important; place-items:center; width:54px; height:54px; border:0; background:none; box-shadow:none; }
.home-core-icon:before { content:''; position:absolute; inset:0; border:1px solid rgba(216,176,92,.3); background:radial-gradient(circle,rgba(34,76,79,.45),#050d0e 72%); box-shadow:inset 0 0 0 4px rgba(101,220,227,.055),inset 0 0 18px rgba(68,159,166,.1); transform:rotate(45deg); }
.home-core-icon img { position:relative; z-index:1; display:block; max-width:48px; max-height:48px; image-rendering:pixelated; transform:none; filter:drop-shadow(0 4px 2px rgba(0,0,0,.78)); }
.home-core-icon.is-contract img { position:absolute; }
.home-core-icon.is-contract img:first-child { width:40px; height:40px; }
.home-core-icon.is-contract img:last-child { right:1px; bottom:1px; width:25px; height:25px; z-index:2; }
.home-core-icon.is-armor img,.home-core-icon.is-classic-community img { width:54px; height:54px; max-width:none; max-height:none; object-fit:contain; image-rendering:auto; }
.core-bestiary .home-core-icon:before { border-color:rgba(181,76,58,.5); background:radial-gradient(circle,rgba(112,32,21,.42),#090d0e 72%); }
.core-equipment .home-core-icon:before { border-color:rgba(216,176,92,.5); background:radial-gradient(circle,rgba(115,91,41,.38),#080e0f 72%); }
.core-community .home-core-icon:before { border-color:rgba(84,180,188,.42); background:radial-gradient(circle,rgba(33,92,94,.46),#050d0e 72%); }
.home-core-links span strong,.home-core-links span small { display:block; }
.home-core-links span strong { color:#e5e4dc; font:600 12px Cinzel,serif; }
.home-core-links span small { margin-top:2px; color:#607a79; font-size:9px; }
.home-event-compact { display:grid; grid-template-columns:95px 1fr 20px; align-items:center; gap:12px; margin:0 0 18px; padding:11px 14px; border-left:2px solid var(--c-gold); background:#0b1b1d; color:#a9bcba; text-decoration:none; }
.home-event-compact time { color:var(--c-gold-soft); font:600 10px Cinzel,serif; }.home-event-compact span small,.home-event-compact span strong { display:block; }.home-event-compact span small { color:#5c7d7c; font-size:8px; text-transform:uppercase; }.home-event-compact span strong { color:#dfe7e3; }.home-event-compact > b { color:var(--c-gold); font-size:18px; }
.chronicle-heading { margin-top:18px; }
.home-briefing { margin-top:18px; }
.home-briefing .chronicle-heading { margin-top:0; }
.home-briefing-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(230px,.75fr); gap:10px; }
.home-briefing-grid .chronicle-card { min-height:192px; }
.home-briefing-side { display:grid; grid-template-rows:1fr 1fr; gap:10px; }
.home-briefing-card { position:relative; display:flex; min-height:91px; padding:15px 38px 14px 16px; flex-direction:column; justify-content:center; overflow:hidden; border:1px solid rgba(101,220,227,.14); background:linear-gradient(135deg,#0b1b1d,#071214); color:#91a6a3; text-decoration:none; }
.home-briefing-card:after { content:'→'; position:absolute; top:50%; right:15px; color:#c7a355; font:600 18px Cinzel,serif; transform:translateY(-50%); }
.home-briefing-card:hover { border-color:rgba(216,176,92,.5); background:#102326; transform:translateY(-1px); }
.home-briefing-card small,.home-briefing-card strong,.home-briefing-card span { display:block; }
.home-briefing-card small { margin-bottom:5px; color:#68b9b4; font-size:8px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.home-briefing-card strong { color:#e8e4d8; font:600 11px/1.3 Cinzel,serif; }
.home-briefing-card span { margin-top:5px; color:#6f8784; font-size:9px; line-height:1.45; }
.home-briefing-card.event-card { border-left:2px solid #b64d47; }
.home-briefing-card.progress-card { border-left:2px solid #3b9e97; }
.chronicle-copy { padding-top:14px; padding-bottom:14px; }

.hub-intro { padding:25px 27px; border:1px solid rgba(216,176,92,.22); background:linear-gradient(135deg,#0d2528,#071315); }
.hub-intro h1 { margin:5px 0 7px; color:#f1eadb; font:600 25px Cinzel,serif; }.hub-intro p { margin:0; color:#789291; }
.hub-grid { display:grid; gap:8px; margin-top:12px; }.hub-grid-primary { grid-template-columns:repeat(3,1fr); }
.hub-grid > a { display:grid; grid-template-columns:28px 1fr auto; align-items:center; min-height:86px; padding:14px; border:1px solid rgba(101,220,227,.13); background:#081416; color:#bccdca; text-decoration:none; }.hub-grid > a:hover { border-color:rgba(216,176,92,.5); background:#0d2022; transform:translateY(-2px); }.hub-grid > a > b { color:var(--c-gold); font:500 9px Cinzel,serif; }.hub-grid span,.hub-grid small { display:block; }.hub-grid span { color:#e7e4da; font:600 11px Cinzel,serif; }.hub-grid small { margin-top:4px; color:#617a79; font:400 8px Inter,sans-serif; }.hub-grid i { color:#b88d3c; font-style:normal; }
.connection-strip { display:grid; grid-template-columns:repeat(3,1fr); margin-top:12px; border:1px solid rgba(216,176,92,.14); background:#071214; }.connection-strip > span { padding:12px 16px; border-right:1px solid rgba(255,255,255,.05); }.connection-strip > span:last-child { border-right:0; }.connection-strip small,.connection-strip strong { display:block; }.connection-strip small { color:#5f7b7a; font-size:8px; text-transform:uppercase; }.connection-strip strong { margin-top:2px; color:#d9dfda; }
.hub-character-search { margin-top:12px; padding:17px; border:1px solid rgba(101,220,227,.13); background:#081416; }.hub-character-search label { display:block; margin-bottom:7px; color:#72a5a6; font-size:8px; font-weight:bold; letter-spacing:.12em; text-transform:uppercase; }.hub-character-search div { display:flex; gap:8px; }.hub-character-search input { flex:1; min-width:0; padding:10px; border:1px solid #254043; background:#061012; color:#fff; }.hub-character-search button { padding:0 17px; border:1px solid #d8b05c; background:#d8b05c; color:#171108; font:600 9px Cinzel,serif; }
.guide-groups { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:12px; }.guide-groups > div { border:1px solid rgba(101,220,227,.13); background:#081416; }.guide-groups h2 { margin:0; padding:13px 14px; border-bottom:1px solid rgba(216,176,92,.15); color:var(--c-gold-soft); font:600 11px Cinzel,serif; }.guide-groups nav { display:grid; }.guide-groups a { display:flex; gap:9px; align-items:center; min-height:43px; padding:8px 12px; border-bottom:1px solid rgba(255,255,255,.04); color:#b5c5c2; text-decoration:none; }.guide-groups a:hover { background:rgba(101,220,227,.06); color:#fff; }.guide-groups b { color:#9e7934; font:500 8px Cinzel,serif; }.guide-groups span { font-size:9px; }
@media(max-width:700px){.home-core-links,.guide-groups,.home-briefing-grid{grid-template-columns:1fr}.home-briefing-grid .chronicle-card{min-height:150px}.home-briefing-side{grid-template-columns:1fr;grid-template-rows:auto}.hub-grid-primary{grid-template-columns:1fr}.montana-welcome-simple{padding:24px}.nav-inner a{padding-left:16px;padding-right:16px}}

/* Contextual return navigation */
.page-return { display:flex; margin:0 0 10px; }
.page-return a { display:inline-grid; grid-template-columns:20px auto auto; align-items:center; gap:6px; min-height:34px; padding:0 12px; border:1px solid rgba(101,220,227,.13); background:#071214; color:#78908f; text-decoration:none; }
.page-return a:hover { border-color:rgba(216,176,92,.45); background:#0b1b1d; color:#dbe6e2; transform:translateX(-2px); }
.page-return i { color:var(--c-gold); font-size:15px; font-style:normal; }
.page-return span { font-size:8px; letter-spacing:.08em; text-transform:uppercase; }
.page-return strong { color:var(--c-gold-soft); font:600 9px Cinzel,serif; }

/* Spell book */
.spell-intro { background:radial-gradient(circle at 88% 30%,rgba(74,157,165,.22),transparent 14rem),linear-gradient(135deg,#10282b,#071315); }
.spell-vocation-tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:12px 0; }
.spell-vocation-tabs a { display:grid; grid-template-columns:36px 1fr; grid-template-rows:auto auto; column-gap:10px; min-height:62px; padding:11px 12px; border:1px solid #20383b; background:#081416; color:#a9bab7; text-decoration:none; }
.spell-vocation-tabs a:hover,.spell-vocation-tabs a.active { border-color:rgba(216,176,92,.65); background:#102326; }
.spell-vocation-tabs a.active { box-shadow:inset 0 -2px var(--c-gold); }
.spell-vocation-tabs a > span { display:grid; grid-row:1/3; place-items:center; width:32px; height:32px; align-self:center; border:1px solid rgba(216,176,92,.45); color:var(--c-gold-soft); font:600 12px Cinzel,serif; transform:rotate(45deg); }
.spell-vocation-tabs a > span i { font-style:normal; transform:rotate(-45deg); }
.spell-vocation-tabs strong { align-self:end; color:#dbe2dd; font:600 9px Cinzel,serif; }
.spell-vocation-tabs small { color:#607a78; font-size:8px; }
.spell-book { border:1px solid rgba(101,220,227,.14); background:#081315; }
.spell-book-head { display:grid; grid-template-columns:1fr minmax(270px,.85fr); gap:20px; align-items:end; padding:20px 22px; border-bottom:1px solid rgba(216,176,92,.18); }
.spell-book-head h2 { margin:4px 0 0; color:#f0eadc; font:600 19px Cinzel,serif; }
.spell-search label { display:block; margin-bottom:6px; color:#668482; font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.spell-search div { display:flex; }
.content-stage .spell-search input { flex:1; min-width:0; min-height:36px; padding:7px 10px; }
.spell-search button { min-width:74px; border:1px solid #c9a44e; background:#d8b05c; color:#171108; font:600 8px Cinzel,serif; cursor:pointer; }
.spell-summary { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid rgba(101,220,227,.1); background:#071214; }
.spell-summary > div { padding:11px 15px; border-right:1px solid rgba(255,255,255,.05); }
.spell-summary > div:last-child { border-right:0; }
.spell-summary small,.spell-summary strong { display:block; }
.spell-summary small { color:#5f7a78; font-size:8px; text-transform:uppercase; }
.spell-summary strong { margin-top:2px; color:#dce5e0; font:600 14px Cinzel,serif; }
.spell-result-line { display:flex; justify-content:space-between; padding:12px 15px; border-bottom:1px solid rgba(216,176,92,.13); color:var(--c-gold-soft); font:600 9px Cinzel,serif; text-transform:uppercase; }
.spell-result-line b { color:#718987; }
.spell-table table { margin:0; }
.content-stage .spell-table th { padding:9px 11px; font-size:9px; }
.content-stage .spell-table td { padding:9px 11px; font-size:11px; }
.spell-table .spell-tier-row td { padding:8px 11px; border-top:1px solid rgba(216,176,92,.18); border-bottom:1px solid rgba(216,176,92,.12); background:#0c1d1f !important; color:var(--c-gold-soft); font:600 9px Cinzel,serif; letter-spacing:.08em; text-transform:uppercase; }
.spell-number { width:24px; color:#52706e !important; font:500 8px Cinzel,serif; }
.spell-name { color:#d8e0db !important; font-weight:700; }
.spell-table code { display:inline-block; padding:4px 7px; border:1px solid rgba(101,220,227,.15); background:#061012; color:#7edce1; font:600 11px Consolas,monospace; white-space:nowrap; }
.spell-value { display:inline-grid; min-width:34px; place-items:center; padding:3px 5px; border:1px solid rgba(255,255,255,.07); background:#071113; color:#bbc9c5; }
.spell-value.magic { border-color:rgba(216,176,92,.23); color:var(--c-gold-soft); }
.spell-book > .empty-state { margin:18px; }
@media(max-width:700px){.spell-vocation-tabs{grid-template-columns:1fr 1fr}.spell-book-head{grid-template-columns:1fr}.spell-summary{grid-template-columns:1fr}.spell-summary>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.05)}}

/* Character and guild profiles */
.character-profile-hero { display:grid; grid-template-columns:96px 1fr auto; gap:20px; align-items:center; padding:24px 27px; border:1px solid rgba(216,176,92,.24); background:radial-gradient(circle at 88% 25%,rgba(62,143,151,.2),transparent 15rem),linear-gradient(135deg,#10282b,#071315); }
.character-profile-hero h1 { margin:4px 0 5px; color:#f0eadb; font:600 25px Cinzel,serif; }
.character-profile-hero p { margin:0; color:#809593; font-size:11px; }.character-profile-hero p a{color:var(--c-gold-soft);text-decoration:none}
.character-outfit { display:grid; place-items:center; width:78px; height:78px; border:1px solid rgba(216,176,92,.35); background:#071214; }
.character-outfit img { max-width:68px; max-height:68px; image-rendering:pixelated; }.character-outfit>span{color:var(--c-gold);font:600 27px Cinzel,serif}
.character-state { padding:6px 9px; border:1px solid rgba(101,220,227,.24); color:#72c2c5; font-size:8px; text-transform:uppercase; }.character-state.banned{border-color:rgba(190,75,64,.4);color:#d8756b}
.character-facts { display:grid; grid-template-columns:repeat(4,1fr); margin:12px 0; border:1px solid rgba(101,220,227,.12); background:#071214; }
.character-facts>div { padding:11px 13px; border-right:1px solid rgba(255,255,255,.05); }.character-facts>div:last-child{border-right:0}.character-facts small,.character-facts strong{display:block}.character-facts small{color:#5f7876;font-size:8px;text-transform:uppercase}.character-facts strong{margin-top:3px;color:#dce3de;font-size:10px}
.character-task { display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px; margin-bottom:12px; padding:14px 17px; border-left:2px solid var(--c-gold); background:#0a191b; }.character-task h2{margin:3px 0 0;color:#e7dfcd;font:600 13px Cinzel,serif}.character-task>strong{color:var(--c-gold-soft)}.character-task>i{grid-column:1/-1;height:4px;background:#17292b}.character-task>i>u{display:block;height:100%;background:var(--c-gold);text-decoration:none}
.character-profile-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:12px; }.profile-panel{border:1px solid rgba(101,220,227,.13);background:#081315}.profile-panel>header{padding:15px 17px;border-bottom:1px solid rgba(216,176,92,.15)}.profile-panel h2{margin:3px 0 0;color:#e8e5da;font:600 14px Cinzel,serif}
.profile-skill-list{padding:7px 16px}.profile-skill-list>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.profile-skill-list>div:last-child{border-bottom:0}.profile-skill-list span{color:#839593;font-size:10px}.profile-skill-list strong{color:var(--c-gold-soft)}
.profile-equipment{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(101,220,227,.07)}.profile-equipment>div{display:grid;grid-template-columns:34px 1fr;align-items:center;min-height:53px;padding:8px 10px;background:#081315}.profile-equipment img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.profile-equipment span{grid-column:2}.profile-equipment small,.profile-equipment strong{display:block}.profile-equipment small{color:#587270;font-size:7px;text-transform:uppercase}.profile-equipment strong{color:#718683;font-size:9px}.profile-equipment .filled strong{color:#c7d3cf}
.character-search-page .hub-character-search{margin:0}
.guild-member-list{border:1px solid rgba(101,220,227,.12)}.guild-member-list>header,.guild-member-list>a{display:grid;grid-template-columns:1fr 140px 55px;align-items:center;gap:12px;padding:10px 13px;border-bottom:1px solid rgba(255,255,255,.05)}.guild-member-list>header{color:#617b79;font-size:8px;text-transform:uppercase}.guild-member-list>a{color:#9fb1ae;text-decoration:none}.guild-member-list>a:hover{background:#102326}.guild-member-list>a:last-child{border-bottom:0}.guild-member-list strong{color:#d9e1dc}.guild-member-list b{color:var(--c-gold-soft);text-align:right}
@media(max-width:700px){.character-profile-hero{grid-template-columns:70px 1fr}.character-state{grid-column:2;justify-self:start}.character-facts{grid-template-columns:1fr 1fr}.character-profile-grid{grid-template-columns:1fr}.profile-equipment{grid-template-columns:1fr}.guild-member-list>header,.guild-member-list>a{grid-template-columns:1fr 90px 40px}}

/* Brighter Montana palette — more separation without losing the classic mood */
:root {
    --c-void:#091d24;
    --c-night:#102c34;
    --c-panel:#173943;
    --c-panel-2:#1d4651;
    --c-ice:#86e8ef;
    --c-ice-deep:#55b8c3;
    --c-muted:#aec5c6;
    --surface-main:#173840;
    --surface-raised:#1c454e;
    --surface-deep:#102a32;
    --surface-input:#0f2931;
    --border-ice:rgba(135,226,234,.31);
}

html { background:#091d24; }
body.citadel-body {
    background:
        radial-gradient(circle at 50% 7%,rgba(92,203,215,.28),transparent 35rem),
        radial-gradient(circle at 13% 55%,rgba(57,151,165,.18),transparent 31rem),
        radial-gradient(circle at 88% 70%,rgba(43,126,143,.13),transparent 28rem),
        linear-gradient(180deg,#0b2027 0,#163942 38rem,#0b242b 100%);
    color:#e8f1f0;
}
.hero-vignette { background:linear-gradient(180deg,rgba(39,128,147,.05) 20%,transparent 46%,rgba(7,25,31,.5) 79%,#091d24 100%); }
.world-hero:before { background:linear-gradient(180deg,rgba(77,181,202,.08),transparent 62%),linear-gradient(90deg,rgba(3,18,25,.16),transparent 34%,transparent 70%,rgba(3,18,25,.24)); }
.citadel-nav { background:rgba(12,36,43,.93); border-top-color:rgba(135,226,234,.28); border-bottom-color:rgba(216,176,92,.34); box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px rgba(210,250,255,.035); }
.nav-inner a { color:#cfdddc; }
.nav-inner a:hover { background:rgba(135,226,234,.13); }

.console-card {
    border-color:var(--border-ice);
    background:linear-gradient(145deg,rgba(29,70,81,.98),rgba(15,42,50,.98));
    box-shadow:0 16px 38px rgba(0,0,0,.21),inset 0 1px rgba(220,251,255,.075);
}
.citadel-login input,
.content-stage input[type=text],.content-stage input[type=password],.content-stage input[type=email],
.content-stage input[type=search],.content-stage select,.content-stage textarea,
.admin-search input[type=search],.task-admin-fields input {
    border-color:rgba(112,211,216,.25);
    background:var(--surface-input);
    color:#f2f6f4;
}
.citadel-login input:focus,.content-stage input:focus,.content-stage select:focus,.content-stage textarea:focus {
    border-color:#55aeb5;
    box-shadow:0 0 0 3px rgba(101,220,227,.09);
}
.citadel-login input:-webkit-autofill,
.citadel-login input:-webkit-autofill:hover,
.citadel-login input:-webkit-autofill:focus {
    -webkit-text-fill-color:#f2f6f4;
    -webkit-box-shadow:0 0 0 1000px var(--surface-input) inset;
    caret-color:#f2f6f4;
}
.content-stage .action-primary { color:#160e07; }
.montana-welcome {
    border-color:rgba(216,176,92,.36);
    background:
        linear-gradient(105deg,rgba(7,29,36,.95) 0%,rgba(9,42,49,.62) 54%,rgba(7,25,31,.18) 100%),
        url('../images/layout/home-tibia-classic-no-creathor-v3.webp') center 46% / cover no-repeat;
    box-shadow:0 18px 42px rgba(0,0,0,.19),inset 0 1px rgba(224,252,255,.065);
}

.world-numbers,.connection-strip,.character-facts,.spell-summary,
.page-return a,.recovery-key-result,.account-created-result {
    border-color:var(--border-ice);
    background:var(--surface-deep);
}
.world-numbers div,.connection-strip>span,.character-facts>div { border-color:rgba(255,255,255,.08); }

.home-core-links>a,.feature-card,.chronicle-card,
.page-section,.page-intro,.content-stage>.content-bg,
.rank-switcher a,.rank-panel,.leaderboard,.data-row,.guild-card,.command-group,
.achievement-card,.staff-card,.contact-grid article,.admin-panel,.admin-actions,
.published-content,.admin-player-detail,.server-control,.chronicle-archive>a,.shop-offer,
.event-timeline article,.task-live-strip,.task-progress-panel,.task-contract,
.armory-nav a,.armory-item,.rules-index a,.rules-list article,
.account-summary-grid>div,.character-card,.account-actions-grid a,.creation-progress span,
.vocation-choice,.security-tips,.security-tips li,.world-rate-grid article,
.world-data-strip article,.frag-panel,.system-directory,.system-directory a,
.character-equipment,.equipment-slot,.admin-item-preview,.bestiary-card,
.admin-task-row,.hub-intro,.hub-grid>a,.hub-character-search,.guide-groups>div,
.spell-vocation-tabs a,.spell-book,.profile-panel,.profile-equipment>div {
    border-color:var(--border-ice);
    background-color:var(--surface-main);
}
.home-core-links>a,.rank-panel,.achievement-card,.staff-card,.task-contract,
.armory-item,.character-card,.character-equipment,.page-intro,.hub-intro {
    background-image:linear-gradient(135deg,var(--surface-raised),var(--surface-deep));
}

/* Klasyczny układ slotów ekwipunku Tibii 7.6 */
.profile-equipment {
    grid-template-columns:repeat(3,minmax(92px,1fr));
    grid-template-rows:repeat(4,minmax(68px,auto));
    grid-template-areas:
        "amulet helmet backpack"
        "right armor left"
        "ring legs ammo"
        ". boots .";
    gap:5px;
    max-width:520px;
    margin:0 auto;
    padding:8px;
    background:linear-gradient(145deg,rgba(3,13,16,.72),rgba(9,29,32,.78));
    border:1px solid rgba(104,220,227,.12);
}
.profile-equipment .equipment-position {
    grid-template-columns:40px minmax(0,1fr);
    min-height:68px;
    padding:8px;
    border:1px solid rgba(104,220,227,.14);
    background:linear-gradient(145deg,#0a1b1e,#071416);
}
.profile-equipment .equipment-position.empty { opacity:.58; border-style:dashed; }
.profile-equipment .equipment-position.empty:before {
    content:"";
    width:32px;
    height:32px;
    border:1px solid rgba(104,220,227,.15);
    background:rgba(0,0,0,.16);
}
.profile-equipment .equipment-position.empty span { grid-column:2; }
.profile-equipment .slot-1 { grid-area:helmet; }
.profile-equipment .slot-2 { grid-area:amulet; }
.profile-equipment .slot-3 { grid-area:backpack; }
.profile-equipment .slot-4 { grid-area:armor; }
.profile-equipment .slot-5 { grid-area:right; }
.profile-equipment .slot-6 { grid-area:left; }
.profile-equipment .slot-7 { grid-area:legs; }
.profile-equipment .slot-8 { grid-area:boots; }
.profile-equipment .slot-9 { grid-area:ring; }
.profile-equipment .slot-10 { grid-area:ammo; }
@media(max-width:560px) {
    .profile-equipment { grid-template-columns:repeat(3,minmax(70px,1fr)); padding:5px; }
    .profile-equipment .equipment-position { grid-template-columns:32px minmax(0,1fr); padding:5px; }
    .profile-equipment .equipment-position img { width:30px; height:30px; }
    .profile-equipment .equipment-position strong { font-size:8px; }
}
.task-character-history { grid-column:1/-1; margin-top:5px; padding-top:10px; border-top:1px solid rgba(101,220,227,.11); }
.task-character-history > small { color:var(--c-gold-soft); font:600 9px Cinzel,serif; letter-spacing:.06em; }
.task-character-history > span { display:block; margin-top:6px; color:#708b89; font-size:9px; }
.task-character-history ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; margin:8px 0 0; padding:0; list-style:none; }
.task-character-history li { display:flex; justify-content:space-between; gap:8px; padding:7px 9px; border:1px solid rgba(101,220,227,.1); background:rgba(3,13,15,.34); }
.task-character-history li strong { color:#c8d8d5; font-size:9px; }.task-character-history li span { color:#6f918f; font-size:8px; text-align:right; }
@media(max-width:620px){.task-character-history ul{grid-template-columns:1fr}.task-character-history li{display:grid}}
.shop-category-tabs{display:flex;gap:5px;margin:14px 0;padding:6px;border:1px solid rgba(101,220,227,.14);background:#071315}.shop-category-tabs a{padding:10px 14px;border:1px solid transparent;color:#83a4a2;font:600 9px Cinzel,serif;text-decoration:none}.shop-category-tabs a:hover,.shop-category-tabs a.active{border-color:rgba(216,176,92,.38);background:#102326;color:var(--c-gold-soft)}
.shop-offer-v2{position:relative;overflow:hidden}.shop-offer-v2 .shop-badge{position:absolute;top:10px;right:-31px;width:105px;padding:5px 0;background:#c74d42;color:#fff;font:700 8px Arial,sans-serif;letter-spacing:.12em;text-align:center;transform:rotate(40deg)}.shop-offer-v2 .badge-promocja{background:#b68b36}.shop-offer-v2 del{display:block;color:#6b7d7b;font-size:9px}.shop-offer-v2 footer{align-items:start}.shop-purchase-form{display:grid!important;grid-template-columns:1fr 1fr!important;min-width:270px}.shop-purchase-form select,.shop-purchase-form input{min-width:0;padding:8px;border:1px solid #285054;background:#071719;color:#b8d1cf;font-size:9px}.shop-purchase-form select{grid-column:1/-1}.shop-purchase-form button{grid-column:1/-1;background:linear-gradient(135deg,#d3aa52,#a97b2f)!important;color:#071113!important;border-color:#e5c87d!important}.shop-purchase-form button:disabled{filter:grayscale(1);opacity:.55}.admin-transaction-list{max-height:430px;overflow:auto}
@media(max-width:760px){.shop-category-tabs{overflow-x:auto}.shop-category-tabs a{white-space:nowrap}.shop-purchase-form{grid-template-columns:1fr!important;min-width:0}.shop-purchase-form>*{grid-column:1!important}}
.page-intro,.hub-intro,.bestiary-hero,.character-profile-hero,.rules-hero,.armory-hero,.world-info-hero {
    box-shadow:inset 0 1px rgba(224,252,255,.07),0 14px 30px rgba(0,0,0,.14);
}
.content-stage p,.content-stage li,.content-stage dd,.content-stage small,
.console-card small,.realm-data dt,.legend-list li { color:#acc2c2; }
.page-intro p,.hub-intro p,.welcome-copy p,.published-content header p,
.shop-offer p,.event-timeline p,.rules-list li p,.armory-item p { color:#bed0cf; }
.data-row,.hub-grid>a,.guide-groups a,.system-directory a,.guild-member-list>a { color:#d3e0de; }
.data-row small,.hub-grid small,.guide-groups small,.system-directory small { color:#9bb5b5; }

.home-core-links>a:hover,.data-row:hover,.hub-grid>a:hover,.guide-groups a:hover,
.system-directory a:hover,.rank-switcher a:hover,.armory-nav a:hover,.rules-index a:hover,
.chronicle-archive>a:hover,.guild-member-list>a:hover {
    background-color:#24515b;
}
.home-core-icon:before,.armory-icon,.bestiary-portrait,.shop-item-image,.character-outfit {
    background-color:#102d35;
    box-shadow:inset 0 0 22px rgba(112,216,226,.17),0 0 12px rgba(77,173,186,.05);
}
.section-label:before { box-shadow:0 0 8px rgba(216,176,92,.3); }
.citadel-footer { color:#b9cbca; }

/* Czytelna typografia v2 — spójne minima dla całego ACC Makera */
body.citadel-body {
    font-size:16px;
    line-height:1.68;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
.citadel-body p,
.citadel-body li,
.citadel-body dd,
.citadel-body dt {
    line-height:1.62;
}
.nav-inner a,
.nav-inner .nav-home {
    font-size:13px;
}
.section-label,
.home-heading span,
.console-title {
    font-size:13px;
}
.citadel-body .eyebrow,
.citadel-body label,
.citadel-body small,
.citadel-body [class*="-label"] {
    font-size:11px;
    line-height:1.45;
}
.content-stage,
.content-stage .content-txt,
.content-stage p,
.content-stage li,
.content-stage dd,
.content-stage dt {
    font-size:15px;
}
.content-stage small,
.content-stage label,
.content-stage [class*="-label"] {
    font-size:12px !important;
}
.content-stage th {
    font-size:12px;
    line-height:1.45;
}
.content-stage td {
    font-size:14px;
    line-height:1.55;
}
.page-intro p,
.hub-intro p,
.welcome-copy p,
.hall-hero p,
.commands-hero p,
.achievement-hero p,
.character-profile-hero p,
.world-info-hero p {
    font-size:15px;
    line-height:1.7;
}
.feature-card p,
.realm-invite p,
.chronicle-copy p,
.achievement-copy p,
.command-row p,
.staff-card p,
.contact-grid p,
.download-main p,
.world-rate-grid p,
.bestiary-card dd,
.shop-offer p,
.rules-list li p {
    font-size:13px;
    line-height:1.6;
}
.form-field input,
.form-field select,
.form-field textarea,
.citadel-login input,
.citadel-body button,
.citadel-body .citadel-button,
.shop-purchase-form input,
.shop-purchase-form select,
.task-admin-fields input {
    font-size:14px;
    line-height:1.35;
}
.account-actions a,
.realm-data dt,
.realm-data dd,
.legend-list,
.guide-groups span,
.system-directory strong,
.profile-skill-list span,
.profile-equipment strong,
.equipment-slot > strong,
.guild-member-list > a,
.character-facts strong,
.spell-table td,
.task-character-history li strong,
.task-character-history li span {
    font-size:13px;
}
.data-row small,
.hub-grid small,
.guide-groups small,
.system-directory small,
.profile-equipment small,
.equipment-slot > small,
.equipment-slot > span,
.bestiary-card dt,
.bestiary-card header small,
.bestiary-card footer span,
.world-rate-grid small,
.world-data-strip small,
.world-data-strip span,
.spell-vocation-tabs small,
.spell-summary small,
.character-facts small,
.shop-offer-v2 del,
.task-character-history > span {
    font-size:11px;
    line-height:1.5;
}
.page-return span,
.rank-switcher small,
.leader-table-labels,
.leader-name small,
.rank-refresh,
.achievement-legend,
.achievement-total small,
.commands-total small,
.realm-status small,
.state-copy small,
.citadel-footer a {
    font-size:11px;
}
.welcome-actions a,
.secondary-button,
.home-heading a,
.page-return strong,
.spell-vocation-tabs strong,
.task-live-strip strong,
.task-progress-panel strong {
    font-size:12px;
}
.world-numbers span,
.home-core-links > a > b,
.chronicle-date span,
.task-contract > span,
.task-contract > header > span {
    font-size:11px;
}
.task-steps strong { font-size:12px; line-height:1.45; }

/* Starsze moduły — usuń lokalne teksty 7–10 px */
.download-checksum code { font-size:12px; line-height:1.55; }
.download-steps b,
.download-steps strong { font-size:12px; }
.download-steps small { font-size:11px; }
.gender-bars b,
.gender-bars em,
.vocation-row b,
.vocation-row em { font-size:12px; }
.guide-groups b,
.armory-nav b,
.rules-index b,
.rules-list li > b,
.system-directory a > b { font-size:11px; }
.guide-groups span,
.armory-nav span,
.rules-index span { font-size:12px; line-height:1.45; }
.rules-notice b { font-size:12px; }
.world-type span,
.world-rate-grid article > span,
.frag-panel footer { font-size:11px; line-height:1.5; }
.shop-category-tabs a { font-size:12px; }

/* Task System — czytelne karty przy powiększonej typografii */
.task-contract dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
.task-contract dl div { min-width:0; gap:6px; }
.task-contract dt { flex:1 1 auto; min-width:0; font-size:10px; line-height:1.35; }
.task-contract dd { flex:0 0 auto; font-size:12px; line-height:1.35; white-space:nowrap; }
.task-contract dl div.task-reward-row { grid-column:1/-1; min-height:58px; }
.task-contract .task-reward-row dd { flex:1 1 auto; min-width:0; }
.task-item-reward { width:100%; }
.task-item-reward > span { max-width:none; min-width:0; font-size:11px; line-height:1.35; overflow-wrap:normal; }
.task-item-reward small { font-size:10px; }
.shop-offer-v2 .shop-badge { font-size:11px; }

/* Pasek nawigacji przewija się wewnętrznie i nigdy nie poszerza strony */
.citadel-nav { max-width:100vw; overflow:hidden; }
.nav-inner { max-width:100%; }
.citadel-main,
.content-stage,
.shop-hero,
.shop-grid,
.shop-offer,
.shop-offer > * { min-width:0; }
.shop-offer { grid-template-columns:72px minmax(0,1fr); }
.shop-offer h2,
.shop-offer p { overflow-wrap:anywhere; }
@media(max-width:680px) {
    body.citadel-body { font-size:15px; }
    .nav-inner a,.nav-inner .nav-home { font-size:12px; }
    .content-stage,.content-stage .content-txt,.content-stage p,.content-stage li { font-size:14px; }
    .nav-inner { width:100%; padding:0 12px; }
    .shop-hero { padding:24px 20px; }
    .shop-offer { grid-template-columns:58px minmax(0,1fr); padding:14px; column-gap:10px; }
    .shop-item-image { width:54px; height:54px; }
}

/* ========================================================================== 
   KOZIENICKI CITADEL FUSION
   Własna warstwa łącząca klasyczny ACC Maker z nowoczesnym układem portalu.
   ========================================================================== */
:root {
    --fusion-void:#040807;
    --fusion-night:#07110f;
    --fusion-panel:#0b1714;
    --fusion-panel-raised:#10211d;
    --fusion-emerald:#43c9bb;
    --fusion-emerald-deep:#1c736c;
    --fusion-brass:#c8a65a;
    --fusion-brass-light:#f0d78f;
    --fusion-crimson:#873a38;
    --fusion-text:#ebece5;
    --fusion-muted:#8da29c;
    --fusion-line:rgba(200,166,90,.24);
    --fusion-ice-line:rgba(67,201,187,.2);
    --fusion-width:1360px;
}

html { background:var(--fusion-void); }
body.citadel-body {
    background:
        radial-gradient(circle at 8% 17%,rgba(28,125,151,.16),transparent 35rem),
        radial-gradient(circle at 92% 24%,rgba(145,48,45,.13),transparent 34rem),
        linear-gradient(180deg,#030706 0,#081511 34rem,#040907 100%);
    color:var(--fusion-text);
}

.world-hero {
    height:calc(100vh - 64px);
    height:calc(100svh - 64px);
    min-height:500px;
    max-height:820px;
    isolation:isolate;
    border-bottom:1px solid rgba(200,166,90,.55);
    background:#030706 url('../images/layout/hero-kozienicki-royal-forest-v3.webp') center 50%/cover no-repeat;
}
.world-hero:before {
    z-index:-2;
    background:
        radial-gradient(circle at 50% 28%,rgba(3,7,8,.42),transparent 25rem),
        linear-gradient(90deg,rgba(2,12,12,.18),rgba(3,9,10,.05) 36%,rgba(9,7,7,.08) 66%,rgba(29,11,12,.24)),
        linear-gradient(180deg,rgba(1,4,4,.08),transparent 43%,rgba(2,7,6,.91));
}
.hero-vignette {
    z-index:-1;
    background:
        radial-gradient(circle at 50% 31%,rgba(232,199,118,.055),transparent 21rem),
        linear-gradient(180deg,transparent 55%,rgba(4,8,7,.62) 84%,var(--fusion-void));
}
.hero-orbit {
    position:absolute;
    top:-420px;
    left:50%;
    z-index:-1;
    width:760px;
    height:760px;
    border:1px solid rgba(224,194,120,.13);
    border-radius:50%;
    box-shadow:0 0 90px rgba(67,201,187,.05),inset 0 0 90px rgba(67,201,187,.04);
    transform:translateX(-50%);
}
.hero-orbit:before,.hero-orbit:after { content:''; position:absolute; border:1px solid rgba(224,194,120,.08); border-radius:50%; }
.hero-orbit:before { inset:52px; }
.hero-orbit:after { inset:112px; }
.hero-inner { width:min(var(--fusion-width),calc(100% - 48px)); }
.brand-mark {
    top:24px;
    right:auto;
    bottom:auto;
    left:50%;
    align-items:center;
    width:min(760px,90vw);
    padding:0;
    border:0;
    background:none;
    text-align:center;
    transform:translateX(-50%);
}
.brand-kicker { color:var(--fusion-emerald); font-size:11px; letter-spacing:.27em; }
.brand-name { width:510px; max-width:90vw; height:128px; margin:-3px auto -3px; background-position:center; }
.brand-motto { color:#d5ded9; font-size:13px; letter-spacing:.09em; text-shadow:0 2px 12px #000; }
.hero-actions {
    position:absolute;
    bottom:68px;
    left:50%;
    display:flex;
    gap:12px;
    transform:translateX(-50%);
}
.hero-action {
    display:inline-flex;
    min-width:176px;
    min-height:46px;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 22px;
    font:700 12px Cinzel,Georgia,serif;
    letter-spacing:.065em;
    text-decoration:none;
    text-transform:uppercase;
    box-shadow:0 12px 26px rgba(0,0,0,.28);
}
.hero-action span { font:700 18px Inter,sans-serif; }
.hero-action-primary { border:1px solid #77c8c5; background:linear-gradient(135deg,#2c7777,#173f42); color:#f0ffff; }
.hero-action-primary:hover { border-color:#b4e8df; background:linear-gradient(135deg,#378f8b,#1c5051); color:#fff; filter:brightness(1.08); transform:translateY(-2px); }
.hero-action-secondary { border:1px solid rgba(202,118,98,.68); background:linear-gradient(135deg,rgba(112,43,48,.94),rgba(48,22,25,.94)); color:#fff2e8; backdrop-filter:blur(8px); }
.hero-action-secondary:hover { border-color:#df947b; background:linear-gradient(135deg,#8d4545,#53262b); color:#fff; transform:translateY(-2px); }
.world-state {
    right:auto;
    bottom:20px;
    left:50%;
    min-width:220px;
    justify-content:center;
    padding:8px 17px;
    border-color:rgba(67,201,187,.26);
    border-radius:24px;
    background:rgba(3,10,8,.82);
    transform:translateX(-50%);
}
.state-copy { flex-direction:row; align-items:center; gap:8px; }
.state-copy small { color:#79908a; }
.state-copy strong { font:600 12px Inter,sans-serif; white-space:nowrap; }

.citadel-nav {
    border-top-color:rgba(67,201,187,.12);
    border-bottom-color:var(--fusion-line);
    background:rgba(4,10,8,.93);
    box-shadow:0 13px 32px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025);
}
.nav-inner { width:min(var(--fusion-width),calc(100% - 40px)); min-height:64px; justify-content:center; }
.nav-inner a {
    position:relative;
    justify-content:center;
    min-width:118px;
    padding:0 20px;
    border-left:1px solid rgba(255,255,255,.035);
    color:#a6b7b1;
    font-size:11px;
}
.nav-inner a:after {
    content:'';
    position:absolute;
    right:18px;
    bottom:-1px;
    left:18px;
    height:2px;
    background:linear-gradient(90deg,transparent,var(--fusion-brass-light),transparent);
    opacity:0;
    transform:scaleX(.35);
    transition:.18s ease;
}
.nav-inner a:hover,.nav-inner a.is-current { color:var(--fusion-brass-light); background:linear-gradient(to top,rgba(200,166,90,.09),transparent 72%); }
.nav-inner a:hover:after,.nav-inner a.is-current:after { opacity:1; transform:scaleX(1); }
.nav-inner .nav-home { justify-content:flex-start; min-width:170px; padding-left:0; font-size:12px; }
.nav-glyph,.panel-glyph {
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    border:1px solid rgba(200,166,90,.48);
    color:var(--fusion-brass-light);
    font:600 12px Cinzel,serif;
    transform:rotate(45deg);
}
.nav-glyph { margin-right:12px; }
.nav-glyph::first-letter,.panel-glyph::first-letter { transform:rotate(-45deg); }
.nav-inner .nav-accent { min-width:100px; margin-left:auto; color:#171006; }
.nav-inner .nav-accent:after { display:none; }

.citadel-shell {
    grid-template-areas:'left main right';
    grid-template-columns:220px minmax(0,1fr) 280px;
    gap:18px;
    width:min(var(--fusion-width),calc(100% - 40px));
    margin-top:22px;
}
.codex-sidebar-left { grid-area:left; }
.citadel-main { grid-area:main; min-width:0; }
.player-console { grid-area:right; min-width:0; padding-top:0; gap:14px; }
.codex-sidebar { display:grid; align-content:start; gap:14px; min-width:0; }
.codex-panel,.console-card,.content-stage > section,.content-stage > article,.content-stage > div {
    box-shadow:0 15px 36px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.025);
}
.codex-panel {
    position:relative;
    overflow:hidden;
    border:1px solid var(--fusion-line);
    background:linear-gradient(155deg,rgba(16,33,29,.96),rgba(7,17,14,.98));
}
.codex-panel:before,.console-card:after {
    content:'';
    position:absolute;
    top:-1px;
    left:13%;
    width:74%;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(240,215,143,.7),transparent);
}
.codex-panel h2 {
    display:flex;
    min-height:52px;
    align-items:center;
    gap:12px;
    margin:0;
    padding:12px 15px;
    border-bottom:1px solid var(--fusion-line);
    background:linear-gradient(90deg,rgba(24,72,63,.72),rgba(9,20,17,.78));
    color:var(--fusion-brass-light);
    font:700 13px Cinzel,Georgia,serif;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.panel-glyph { width:24px; height:24px; flex:0 0 24px; font-size:10px; }
.codex-panel-library h2 { background:linear-gradient(90deg,rgba(91,62,26,.45),rgba(9,20,17,.78)); }
.codex-link-list { display:grid; padding:7px 0; }
.codex-link-list a {
    display:grid;
    grid-template-columns:30px 1fr;
    align-items:center;
    min-height:39px;
    padding:6px 14px;
    border-bottom:1px solid rgba(255,255,255,.035);
    color:#a9bbb5;
    text-decoration:none;
}
.codex-link-list a:last-child { border-bottom:0; }
.codex-link-list a:hover { padding-left:18px; background:linear-gradient(90deg,rgba(67,201,187,.09),transparent); color:#fff; }
.codex-link-list a.is-current { padding-left:18px; background:linear-gradient(90deg,rgba(200,166,90,.13),rgba(67,201,187,.045),transparent); color:var(--fusion-brass-light); }
.codex-link-list a.is-current:after { content:''; position:absolute; top:8px; bottom:8px; left:0; width:2px; background:var(--fusion-brass-light); box-shadow:0 0 9px rgba(240,215,143,.32); }
.codex-link-list a { position:relative; }
.codex-link-list i { color:#92743a; font:500 9px Cinzel,serif; font-style:normal; }
.codex-link-list span { font-size:12px; }

.console-card {
    border-color:var(--fusion-line);
    background:linear-gradient(155deg,rgba(16,33,29,.98),rgba(7,17,14,.98));
}
.console-card:before { background:linear-gradient(var(--fusion-brass),transparent); }
.console-title { min-height:50px; padding:14px 16px; background:linear-gradient(90deg,rgba(52,31,28,.48),rgba(9,20,17,.76)); }
.citadel-login input { border-color:rgba(67,201,187,.19); background:#06100d; }
.citadel-login input:focus { border-color:var(--fusion-emerald-deep); }
.realm-live-grid { border-top-color:#19302a; background:#19302a; }
.realm-live-grid>div { background:#091713; }

.section-label { color:var(--fusion-brass-light); }
.section-label:before { width:38px; background:linear-gradient(90deg,var(--fusion-emerald),var(--fusion-brass)); }
.content-stage { overflow:visible; }
.montana-welcome-simple {
    min-height:235px;
    padding:38px 40px;
    border-color:var(--fusion-line);
    background:
        linear-gradient(100deg,rgba(5,19,15,.97),rgba(9,39,32,.76) 52%,rgba(5,18,15,.28)),
        url('../images/layout/home-tibia-classic-no-creathor-v3.webp') center 46%/cover no-repeat;
}
.montana-welcome-simple .welcome-copy h1 { font-size:31px; }
.world-numbers,.home-core-links>a,.chronicle-card { border-color:var(--fusion-ice-line); background:#091713; }

.world-rate-grid { grid-template-columns:repeat(5,minmax(0,1fr)); border-color:var(--fusion-ice-line); background:rgba(67,201,187,.1); }
.world-rate-grid article { min-height:152px; background:linear-gradient(150deg,#0c1d19,#08130f); }
.world-rate-grid strong { color:var(--fusion-brass-light); font-size:20px; }
.experience-stage-panel {
    margin:0 0 12px;
    overflow:hidden;
    border:1px solid var(--fusion-line);
    background:linear-gradient(145deg,rgba(15,34,29,.98),rgba(6,15,12,.98));
}
.experience-stage-panel>header {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);
    gap:28px;
    align-items:end;
    padding:22px 24px;
    border-bottom:1px solid var(--fusion-line);
    background:radial-gradient(circle at 88% 20%,rgba(67,201,187,.13),transparent 15rem);
}
.experience-stage-panel h2 { margin:4px 0 0; color:#f0eadc; font:600 20px Cinzel,serif; }
.experience-stage-panel header p { margin:0; color:#82968f; font-size:12px; line-height:1.6; }
.experience-stage-table { display:grid; padding:10px 18px 16px; }
.experience-stage-head,.experience-stage-row { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; }
.experience-stage-head { min-height:38px; border-bottom:1px solid rgba(200,166,90,.2); color:#6f837d; font-size:10px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.experience-stage-row { min-height:48px; border-bottom:1px solid rgba(255,255,255,.04); }
.experience-stage-row:last-child { border-bottom:0; }
.experience-stage-row strong { color:#d9e2dd; font:600 14px Cinzel,serif; }
.experience-stage-row span { color:#9bada7; }
.experience-stage-row b { justify-self:start; min-width:70px; padding:5px 12px; border:1px solid rgba(67,201,187,.19); background:rgba(67,201,187,.055); color:var(--fusion-brass-light); font:600 13px Cinzel,serif; text-align:center; }
.experience-stage-empty { padding:24px; color:#8ca09a; }
.world-data-strip article { border-left-color:var(--fusion-brass); background:linear-gradient(120deg,#10241e,#08130f); }
.frag-panel,.system-directory { border-color:var(--fusion-ice-line); background:#091713; }
.system-directory a { background:#091713; }
.system-directory a:hover { background:#10251f; }

.citadel-footer { width:min(var(--fusion-width),calc(100% - 40px)); }

@media(max-width:1180px) {
    .citadel-shell {
        grid-template-areas:'left left' 'main right';
        grid-template-columns:minmax(0,1fr) 280px;
        width:min(980px,calc(100% - 32px));
    }
    .codex-sidebar-left { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .world-rate-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .nav-inner { justify-content:flex-start; overflow-x:auto; scrollbar-width:none; }
    .nav-inner::-webkit-scrollbar { display:none; }
    .nav-inner a { flex:0 0 auto; }
    .nav-inner .nav-accent { margin-left:0; }
}

@media(max-width:860px) {
    .world-hero { height:100vh; height:100svh; min-height:540px; max-height:800px; background-position:58% center; background-size:cover; }
    .brand-mark { top:27px; }
    .brand-name { width:470px; height:126px; }
    .citadel-shell {
        grid-template-areas:'main' 'left' 'right';
        grid-template-columns:minmax(0,1fr);
        width:min(700px,calc(100% - 24px));
    }
    .codex-sidebar-left { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .codex-panel-library { grid-column:1/-1; }
    .player-console { grid-template-columns:1fr 1fr; }
    .legends-card { grid-column:1/-1; }
    .world-rate-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:620px) {
    html,body.citadel-body { width:100%; min-width:0 !important; max-width:100%; overflow-x:hidden; }
    .world-hero { height:100vh; height:100svh; min-height:500px; max-height:760px; background-position:62% center; }
    .world-hero,.citadel-nav,.citadel-shell,.citadel-footer { max-width:100vw; }
    .hero-inner { width:100%; padding:0 12px; }
    .brand-mark { top:24px; width:calc(100% - 24px); max-width:none; }
    .brand-kicker { font-size:8px; letter-spacing:.13em; }
    .brand-name { width:min(310px,calc(100vw - 36px)); max-width:none; height:112px; }
    .brand-motto { max-width:340px; padding:0 10px; font-size:10px; line-height:1.45; }
    .hero-actions { right:12px; bottom:70px; left:12px; gap:8px; transform:none; }
    .hero-action { min-width:0; flex:1 1 0; min-height:43px; padding:0 7px; font-size:9px; white-space:nowrap; }
    .hero-action span { font-size:15px; }
    .world-state { bottom:17px; }
    .nav-inner { width:100%; padding:0 10px; }
    .nav-inner a { min-width:auto; padding:0 15px; }
    .nav-inner .nav-home { min-width:58px; width:58px; padding:0 14px; overflow:hidden; color:transparent; }
    .nav-glyph { flex:0 0 26px; margin:0; color:var(--fusion-brass-light); }
    .codex-sidebar-left,.player-console { grid-template-columns:1fr; }
    .codex-panel-library,.legends-card { grid-column:auto; }
    .montana-welcome-simple { min-height:220px; padding:25px 20px; }
    .montana-welcome-simple .welcome-copy h1,.world-info-hero h1,.page-intro h1 { font-size:21px; line-height:1.28; overflow-wrap:anywhere; }
    .world-info-hero { padding:21px 19px; }
    .experience-stage-panel>header { grid-template-columns:1fr; gap:10px; padding:20px; }
    .experience-stage-table { padding:8px 12px 13px; }
    .experience-stage-head,.experience-stage-row { grid-template-columns:.8fr 1fr .9fr; }
}

@media(max-width:390px) {
    .brand-name { width:min(286px,calc(100vw - 32px)); height:105px; }
    .brand-motto { font-size:9px; }
    .hero-action { font-size:8px; letter-spacing:.035em; }
    .world-state { min-width:210px; padding:7px 13px; }
    .citadel-shell { width:calc(100% - 16px); }
    .world-rate-grid { grid-template-columns:1fr; }
}

/* ========================================================================== 
   ROYAL FOREST — FINAL COLOR SYSTEM
   Nocna puszcza, królewski turkus, stare złoto i głębokie bordo.
   ========================================================================== */
:root {
    --c-void:#040806;
    --c-night:#08110f;
    --c-panel:#0d1918;
    --c-panel-2:#142625;
    --c-ice:#66c8c3;
    --c-ice-deep:#2e7f80;
    --c-gold:#c8a35c;
    --c-gold-soft:#efd694;
    --c-muted:#91a29d;
    --c-red:#913d42;
    --fusion-void:#040806;
    --fusion-night:#08110f;
    --fusion-panel:#0d1918;
    --fusion-panel-raised:#142625;
    --fusion-emerald:#5bbdb7;
    --fusion-emerald-deep:#2a7475;
    --fusion-brass:#c8a35c;
    --fusion-brass-light:#efd694;
    --fusion-crimson:#87363d;
    --fusion-ember:#cf745c;
    --fusion-text:#edf1f3;
    --fusion-muted:#91a29d;
    --fusion-line:rgba(200,163,92,.24);
    --fusion-ice-line:rgba(91,189,183,.21);
    --fusion-fire-line:rgba(145,61,66,.23);
    --surface-main:#0d191c;
    --surface-raised:#162a2b;
    --surface-deep:#081315;
    --surface-input:#071214;
    --border-ice:rgba(91,189,183,.22);
}

html { background:#040806; }
body.citadel-body {
    background:
        radial-gradient(circle at 0 24rem,rgba(34,117,113,.18),transparent 38rem),
        radial-gradient(circle at 100% 29rem,rgba(118,43,48,.14),transparent 40rem),
        linear-gradient(180deg,#040806 0,#08110f 37rem,#040706 100%);
}
body.citadel-body ::selection { background:#2e7f80; color:#fff; }

.citadel-nav {
    border-top-color:rgba(91,189,183,.15);
    background:linear-gradient(90deg,rgba(6,17,17,.97),rgba(7,11,11,.97) 48%,rgba(18,9,11,.97));
}
.nav-inner a { color:#9caab3; }
.nav-inner a:hover,.nav-inner a.is-current {
    color:#f2dba1;
    background:linear-gradient(to top,rgba(43,126,123,.13),transparent 74%);
}
.nav-inner .nav-home { color:#a9ded6; }
.nav-inner .nav-accent {
    border-color:rgba(238,133,107,.7);
    background:linear-gradient(135deg,#a84943,#65232b);
    color:#fff2e8;
}
.nav-inner .nav-accent:hover,.nav-inner .nav-accent.is-current {
    background:linear-gradient(135deg,#c25c4e,#7b2930);
    color:#fff;
}
.nav-glyph { border-color:rgba(91,189,183,.52); color:#8bd6ce; }

.codex-panel,.console-card {
    border-color:rgba(201,166,93,.22);
    background:linear-gradient(150deg,rgba(15,27,40,.98),rgba(7,12,20,.99));
}
.codex-panel:before,.console-card:after {
    background:linear-gradient(90deg,transparent,rgba(239,214,148,.65),transparent);
}
.codex-panel h2 {
    background:linear-gradient(90deg,rgba(25,82,80,.72),rgba(10,20,20,.88));
}
.codex-sidebar-left .codex-panel:nth-child(2) h2 {
    background:linear-gradient(90deg,rgba(52,55,67,.78),rgba(10,18,29,.88));
}
.codex-sidebar-left .codex-panel:nth-child(3) h2 {
    background:linear-gradient(90deg,rgba(104,38,42,.68),rgba(17,15,25,.9));
}
.codex-sidebar-left .codex-panel:nth-child(3) .panel-glyph {
    border-color:rgba(223,107,85,.55);
    color:#f09b83;
}
.codex-link-list a { color:#a8b5be; }
.codex-link-list a:hover {
    background:linear-gradient(90deg,rgba(91,189,183,.11),transparent);
}
.codex-link-list a.is-current {
    background:linear-gradient(90deg,rgba(91,189,183,.14),rgba(200,163,92,.065),transparent);
    color:#f3d99a;
}
.codex-sidebar-left .codex-panel:nth-child(3) .codex-link-list a:hover,
.codex-sidebar-left .codex-panel:nth-child(3) .codex-link-list a.is-current {
    background:linear-gradient(90deg,rgba(145,61,66,.14),rgba(200,163,92,.055),transparent);
}

.console-title {
    background:linear-gradient(90deg,rgba(101,35,41,.7),rgba(15,20,29,.9));
}
.citadel-login input,.content-stage input[type=text],.content-stage input[type=password],
.content-stage input[type=email],.content-stage input[type=search],.content-stage select,.content-stage textarea {
    border-color:rgba(91,189,183,.2);
    background:#080f18;
}
.citadel-login input:focus,.content-stage input:focus,.content-stage select:focus,.content-stage textarea:focus {
    border-color:#3f9eb3;
    box-shadow:0 0 0 3px rgba(91,189,183,.09);
}
.realm-live-grid { border-top-color:#202836; background:#202836; }
.realm-live-grid>div { background:#0b1420; }

.section-label:before {
    background:linear-gradient(90deg,#58c4d9,#c9a65d 54%,#b84c47);
}
.content-stage>.content-bg,.page-section,.page-intro,.published-content,
.world-info-hero,.experience-stage-panel,.frag-panel,.system-directory,
.shop-hero,.shop-offer,.task-card,.rank-panel,.leaderboard-shell {
    border-color:rgba(91,189,183,.18);
}
.page-section {
    background:
        radial-gradient(circle at 0 0,rgba(44,125,121,.08),transparent 18rem),
        radial-gradient(circle at 100% 100%,rgba(126,49,54,.065),transparent 18rem),
        #0d191c;
}
.notice-box { border-left-color:#c9a65d; background:#101c27; color:#aab8c1; }
.choice-card { border-color:rgba(91,189,183,.18); background:#0a1618; color:#afbfbb; }
.choice-grid .choice-card:nth-child(even) { border-color:rgba(145,61,66,.2); background:#161215; }
.choice-card:hover { border-color:#c9a65d; background:#172534; }
.page-intro,.world-info-hero,.shop-hero,.commands-hero,.bestiary-hero {
    background:
        radial-gradient(circle at 5% 15%,rgba(44,125,121,.2),transparent 16rem),
        radial-gradient(circle at 95% 20%,rgba(126,49,54,.16),transparent 16rem),
        linear-gradient(135deg,#112522,#091311 55%,#190f12);
}
.montana-welcome-simple {
    background:
        linear-gradient(100deg,rgba(8,21,33,.98),rgba(11,35,48,.78) 48%,rgba(67,20,28,.35)),
        url('../images/layout/home-tibia-classic-no-creathor-v3.webp') center 46%/cover no-repeat;
}
.world-numbers,.home-core-links>a,.chronicle-card {
    border-color:rgba(91,189,183,.18);
    background:linear-gradient(145deg,#0d1925,#09111b);
}
.home-core-links>a:nth-child(even),.chronicle-card:nth-child(even) {
    border-color:rgba(145,61,66,.2);
    background:linear-gradient(145deg,#19131c,#0b111a);
}
.home-core-links>a:hover { border-color:rgba(239,214,148,.5); }

.world-rate-grid { border-color:rgba(91,189,183,.2); background:#1b2928; }
.world-rate-grid article { background:linear-gradient(150deg,#101d29,#09121c); }
.world-rate-grid article:nth-child(n+4) { background:linear-gradient(150deg,#1c1720,#100f18); }
.world-rate-grid article:nth-child(n+4) strong { color:#eca083; }
.experience-stage-panel { background:linear-gradient(145deg,#0f1c28,#090f18); }
.experience-stage-panel>header {
    background:
        radial-gradient(circle at 10% 20%,rgba(91,189,183,.12),transparent 14rem),
        radial-gradient(circle at 90% 20%,rgba(145,61,66,.11),transparent 14rem);
}
.experience-stage-row b { border-color:rgba(91,189,183,.22); background:rgba(91,189,183,.07); }
.world-data-strip article { background:linear-gradient(120deg,#111f2b,#0a111a); }
.world-data-strip article:nth-child(3) { border-left-color:#b84c47; background:linear-gradient(120deg,#21141b,#0d1018); }
.frag-panel,.system-directory,.system-directory a { background:#0b1420; }
.system-directory a:nth-child(even) { background:#15121a; }
.system-directory a:hover { background:#142635; }

.shop-offer,.task-card { background:linear-gradient(145deg,#0d1925,#09111b); }
.shop-login-notice {
    border-color:rgba(201,166,93,.3);
    background:linear-gradient(105deg,rgba(13,37,48,.86),rgba(16,19,28,.9) 54%,rgba(58,20,26,.78));
}
.shop-login-notice span { color:#9dafba; }
.shop-offer:nth-child(even),.task-card:nth-child(even) {
    border-color:rgba(145,61,66,.2);
    background:linear-gradient(145deg,#1a141d,#0b111a);
}
.shop-offer:hover,.task-card:hover { border-color:rgba(239,214,148,.46); }
.shop-category-tabs,.spell-vocation-tabs { background:#09111a; }

.content-stage input[type=submit],.content-stage input[type=button],
.content-stage input[type=reset],.citadel-button,.action-primary {
    border-color:#e7c978;
    background:linear-gradient(135deg,#e3c571,#aa7d36);
}
.content-stage table tbody tr:nth-child(even) { background:rgba(91,189,183,.025); }
.content-stage table tbody tr:hover { background:rgba(201,166,93,.055); }

.citadel-footer {
    border-top-color:rgba(201,166,93,.25);
    background:linear-gradient(90deg,rgba(11,24,35,.45),transparent 48%,rgba(51,19,25,.38));
}

/* Task browser filters: clear labels, comfortable controls, and a compact mobile stack. */
.task-browser-tools {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    gap:12px;
    margin:14px 0;
    padding:14px;
    border:1px solid rgba(91,189,183,.18);
    background:linear-gradient(145deg,#0d1925,#09111b);
}
.task-browser-tools > label {
    display:grid;
    flex:1 1 175px;
    gap:6px;
    min-width:0;
    color:#acc2c2;
    font-size:11px;
}
.task-browser-tools > label:first-child { flex:2 1 270px; }
.task-browser-tools > label > span { color:#b8cecb; font-size:11px; }
.task-browser-tools input[type=search],
.task-browser-tools select {
    box-sizing:border-box;
    width:100%;
    min-width:0;
    min-height:44px;
    padding:9px 11px;
    border:1px solid rgba(91,189,183,.3);
    border-radius:3px;
    background:#080f18;
    color:#e1ece8;
    font:400 14px/1.35 Arial,sans-serif;
}
.task-browser-tools input::placeholder { color:#91a5a2; opacity:1; }
.task-browser-tools input:focus-visible,
.task-browser-tools select:focus-visible { border-color:#b8deda; }
.task-browser-tools > strong[data-public-task-count] {
    align-self:center;
    flex:0 0 auto;
    color:#f0d797;
    font-size:12px;
}
@media(max-width:760px) {
    .task-browser-tools > label:first-child { flex-basis:100%; }
}
@media(max-width:480px) {
    .task-browser-tools { align-items:stretch; flex-direction:column; }
    .task-browser-tools > label,
    .task-browser-tools > label:first-child { width:100%; flex:0 0 auto; }
    .task-browser-tools input[type=search],
    .task-browser-tools select { font-size:16px; }
    .task-browser-tools > strong[data-public-task-count] { align-self:flex-start; }
}

@media(max-width:620px) {
    .world-hero { background-position:25% center; }
    .page-intro,.world-info-hero,.shop-hero,.commands-hero,.bestiary-hero {
        background:
            radial-gradient(circle at 0 0,rgba(44,125,121,.18),transparent 13rem),
            radial-gradient(circle at 100% 100%,rgba(126,49,54,.14),transparent 13rem),
            linear-gradient(145deg,#112522,#091311 58%,#170f12);
    }
}

/* ========================================================================== 
   ROYAL TRAIL LAYOUT
   Własny układ Kozienickiego OTS: mapa szlaków + szeroka kronika + strażnica.
   ========================================================================== */
.citadel-nav {
    top:10px;
    width:min(1120px,calc(100% - 40px));
    margin:-18px auto 0;
    overflow:hidden;
    border:1px solid rgba(200,163,92,.34);
    box-shadow:0 18px 42px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04);
    clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);
}
.nav-inner { width:100%; min-height:60px; }
.nav-inner a { flex:1 1 0; min-width:110px; }
.nav-inner .nav-home { min-width:154px; padding-left:18px; }
.nav-inner .nav-accent { min-width:104px; }

.royal-route {
    display:flex;
    gap:12px;
    width:min(1320px,calc(100% - 40px));
    margin:26px auto 0;
    align-items:stretch;
}
.royal-route-heading {
    position:relative;
    display:flex;
    min-height:174px;
    padding:23px 20px;
    flex-direction:column;
    justify-content:center;
    flex:0 0 190px;
    overflow:hidden;
    border:1px solid rgba(200,163,92,.3);
    background:
        radial-gradient(circle at 10% 10%,rgba(91,189,183,.15),transparent 11rem),
        linear-gradient(145deg,#122624,#091311 68%,#1a1012);
}
.royal-route-heading:after {
    content:'◆';
    position:absolute;
    right:-18px;
    bottom:-40px;
    color:rgba(200,163,92,.09);
    font:700 112px Cinzel,serif;
}
.royal-route-heading span {
    color:#6fc8c0;
    font-size:9px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.royal-route-heading h2 {
    margin:7px 0 8px;
    color:#f1d792;
    font:600 21px/1.15 Cinzel,serif;
}
.royal-route-heading p { margin:0; color:#8fa29d; font-size:11px; line-height:1.55; }

.royal-route .codex-sidebar-left {
    display:grid;
    grid-template-columns:.88fr 1fr 1.5fr;
    gap:10px;
    flex:1 1 auto;
    min-width:0;
}
.royal-route .codex-panel {
    display:flex;
    min-width:0;
    height:100%;
    flex-direction:column;
    border-top:2px solid #4b9d99;
    box-shadow:0 13px 30px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025);
}
.royal-route .codex-panel:nth-child(2) { border-top-color:#b99551; }
.royal-route .codex-panel:nth-child(3) { border-top-color:#8e3c42; }
.royal-route .codex-panel h2 {
    min-height:43px;
    padding:9px 13px;
    font-size:11px;
}
.royal-route .panel-glyph { width:21px; height:21px; flex-basis:21px; font-size:8px; }
.royal-route .codex-link-list {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    padding:5px 7px 8px;
    flex:1;
    align-content:start;
}
.royal-route .codex-link-list a {
    grid-template-columns:21px minmax(0,1fr);
    min-height:31px;
    padding:4px 7px;
    border-right:1px solid rgba(255,255,255,.03);
    font-size:10px;
}
.royal-route .codex-link-list a:hover,
.royal-route .codex-link-list a.is-current { padding-left:10px; }
.royal-route .codex-link-list i { font-size:7px; }
.royal-route .codex-link-list span { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }

.citadel-shell {
    grid-template-areas:'main right';
    grid-template-columns:minmax(0,1fr) 292px;
    gap:20px;
    width:min(1240px,calc(100% - 40px));
    margin-top:28px;
}
.citadel-main { grid-area:main; }
.player-console { grid-area:right; }
.player-console { grid-template-columns:1fr; align-content:start; }
.citadel-main>.section-label { margin-bottom:15px; }
.citadel-main>.section-label:after {
    content:'';
    height:1px;
    flex:1;
    background:linear-gradient(90deg,rgba(200,163,92,.22),transparent);
}
.player-console .console-card { border-left:2px solid rgba(200,163,92,.62); }
.player-console .account-card { border-left-color:#4b9d99; }
.player-console .legends-card { border-left-color:#8e3c42; }
.citadel-footer { width:min(1240px,calc(100% - 40px)); }

@media(max-width:1180px) {
    .citadel-nav { width:min(980px,calc(100% - 32px)); }
    .nav-inner { width:100%; }
    .royal-route { width:min(1040px,calc(100% - 32px)); }
    .royal-route-heading { flex-basis:165px; }
    .royal-route .codex-sidebar-left { grid-template-columns:.9fr 1fr 1.35fr; }
    .royal-route .codex-panel:not(.codex-panel-library) .codex-link-list { grid-template-columns:1fr; }
    .citadel-shell {
        grid-template-areas:'main right';
        grid-template-columns:minmax(0,1fr) 280px;
        width:min(1040px,calc(100% - 32px));
    }
}

@media(max-width:920px) {
    .royal-route { flex-direction:column; }
    .royal-route-heading { min-height:0; padding:17px 20px; flex:0 0 auto; }
    .royal-route > .codex-sidebar-left { width:100%; }
    .royal-route .codex-sidebar-left { grid-template-columns:1fr 1fr; }
    .royal-route .codex-panel:not(.codex-panel-library) .codex-link-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .royal-route .codex-panel-library { grid-column:1/-1; }
    .royal-route-heading p { max-width:430px; }
    .citadel-shell {
        grid-template-areas:'main' 'right';
        grid-template-columns:minmax(0,1fr);
        width:min(760px,calc(100% - 24px));
    }
    .player-console { grid-template-columns:1fr 1fr; }
    .legends-card { grid-column:1/-1; }
}

@media(max-width:700px) {
    .citadel-nav { top:6px; width:calc(100% - 16px); margin-top:-12px; clip-path:none; }
    .nav-inner { width:100%; }
    .nav-inner a { flex:0 0 auto; }
    .royal-route { width:calc(100% - 16px); margin-top:17px; }
    .royal-route-heading { padding:15px 17px; }
    .royal-route-heading h2 { margin:4px 0; font-size:17px; }
    .royal-route-heading p { font-size:10px; }
    .royal-route .codex-sidebar-left {
        display:flex;
        grid-template-columns:none;
        gap:9px;
        padding:0 0 6px;
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        scrollbar-width:thin;
        scrollbar-color:#725c35 #081210;
    }
    .royal-route .codex-panel {
        min-width:min(286px,calc(100vw - 32px));
        height:auto;
        scroll-snap-align:start;
    }
    .royal-route .codex-panel-library { grid-column:auto; }
    .royal-route .codex-panel-library { min-width:min(350px,calc(100vw - 32px)); }
    .citadel-shell { width:calc(100% - 16px); margin-top:21px; }
}

/* ENGINE UI SYNC — live account equipment, shop receipts and XML catalogs. */
.character-equipment-mini { position:relative; width:112px; height:148px; margin-top:9px; background:#25292b; }
.character-equipment-mini span { position:absolute; display:grid; box-sizing:border-box; width:34px; height:34px; place-items:center; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:34px 34px; }
.character-equipment-mini img { position:relative; z-index:1; width:32px; height:32px; object-fit:contain; image-rendering:pixelated; }
.character-equipment-mini span.filled { background-image:none !important; background-color:#171d1f; border:1px solid #39494b; box-shadow:inset 0 0 0 1px #0b1012; }
.character-equipment-mini .equipment-slot-1 { left:39px; top:3px; background-image:url('../images/game-slots/head.png'); }
.character-equipment-mini .equipment-slot-2 { left:0; top:16px; background-image:url('../images/game-slots/neck.png'); }
.character-equipment-mini .equipment-slot-3 { left:78px; top:16px; background-image:url('../images/game-slots/back.png'); }
.character-equipment-mini .equipment-slot-4 { left:39px; top:40px; background-image:url('../images/game-slots/body.png'); }
.character-equipment-mini .equipment-slot-5 { left:78px; top:53px; background-image:url('../images/game-slots/right-hand.png'); }
.character-equipment-mini .equipment-slot-6 { left:0; top:53px; background-image:url('../images/game-slots/left-hand.png'); }
.character-equipment-mini .equipment-slot-7 { left:39px; top:77px; background-image:url('../images/game-slots/legs.png'); }
.character-equipment-mini .equipment-slot-8 { left:39px; top:114px; background-image:url('../images/game-slots/feet.png'); }
.character-equipment-mini .equipment-slot-9 { left:0; top:90px; background-image:url('../images/game-slots/finger.png'); }
.character-equipment-mini .equipment-slot-10 { left:78px; top:90px; background-image:url('../images/game-slots/ammo.png'); }

.shop-delivery-monitor { margin-top:16px; }
.shop-delivery-monitor>header>span { color:#77a3a5; font-size:10px; }
.delivery-monitor-note { margin:0; padding:14px 18px; border-bottom:1px solid rgba(105,205,211,.1); color:#86a9a8; font-size:11px; line-height:1.55; }
.shop-delivery-receipts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:rgba(105,205,211,.1); }
.shop-delivery-receipts article { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:12px; align-items:center; min-width:0; padding:13px 15px; background:#0a1b1e; }
.shop-delivery-receipts img { width:36px; height:36px; object-fit:contain; image-rendering:pixelated; }
.shop-delivery-receipts small,.shop-delivery-receipts strong,.shop-delivery-receipts span,.shop-delivery-receipts em { display:block; }
.shop-delivery-receipts small { color:#62898b; font-size:9px; }
.shop-delivery-receipts strong { margin:3px 0; color:#e9dfc8; font-size:12px; }
.shop-delivery-receipts span,.shop-delivery-receipts em { overflow-wrap:anywhere; color:#88aaa9; font-size:10px; font-style:normal; }
.shop-delivery-receipts article>b { padding:5px 7px; border:1px solid #386756; color:#67cf96; font-size:9px; text-align:center; text-transform:uppercase; }
.shop-delivery-receipts .delivery-state-collected>b { border-color:#4d6669; color:#91abad; }
.shop-delivery-receipts .delivery-state-conflict>b { border-color:#854943; color:#ec877d; }

.armory-search { display:grid; grid-template-columns:1fr minmax(280px,.7fr); gap:20px; align-items:end; margin:12px 0; padding:14px 16px; border:1px solid rgba(101,220,227,.14); background:#081315; }
.armory-search label { color:#668482; font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.armory-search div { display:flex; grid-column:2; grid-row:1; }
.content-stage .armory-search input { flex:1; min-width:0; min-height:36px; padding:7px 10px; }
.armory-search button { min-width:74px; border:1px solid #c9a44e; background:#d8b05c; color:#171108; font:600 8px Cinzel,serif; cursor:pointer; }
.armory-nav a.active { box-shadow:inset 0 -2px var(--c-gold); background:#102326; color:#dbe2dd; }
.item-stat-list { display:flex; flex-wrap:wrap; gap:4px; margin:7px 0 0; padding:0; list-style:none; }
.item-stat-list li { padding:3px 5px; border:1px solid rgba(101,220,227,.13); background:#061012; color:#9bb1ae; font-size:8px; }
.spell-type-tabs { display:flex; flex-wrap:wrap; gap:1px; padding:10px 12px; border-bottom:1px solid rgba(101,220,227,.1); background:#061012; }
.spell-type-tabs a { padding:7px 11px; border:1px solid #1b3437; background:#081416; color:#809996; font-size:8px; text-decoration:none; text-transform:uppercase; }
.spell-type-tabs a:hover,.spell-type-tabs a.active { border-color:rgba(216,176,92,.55); color:var(--c-gold-soft); }
.spell-kind { display:inline-block; min-width:76px; padding:4px 6px; border:1px solid #244246; color:#91b7b4; font-size:8px; text-align:center; text-transform:uppercase; }
.spell-kind.kind-rune { border-color:rgba(216,176,92,.35); color:var(--c-gold-soft); }
.spell-kind.kind-conjure { border-color:rgba(132,113,206,.4); color:#bdb1ea; }
.spell-details { color:#728b88 !important; font-size:9px !important; white-space:nowrap; }

@media(max-width:1000px) {
    .shop-delivery-receipts { grid-template-columns:1fr; }
}
@media(max-width:700px) {
    .armory-search { grid-template-columns:1fr; }
    .armory-search div { grid-column:1; grid-row:auto; }
    .shop-delivery-receipts article { grid-template-columns:42px minmax(0,1fr); }
    .shop-delivery-receipts article>b { grid-column:1/-1; justify-self:start; }
}

@media(max-width:620px) {
    .player-console { grid-template-columns:1fr; }
    .legends-card { grid-column:auto; }
    .royal-route .codex-link-list { grid-template-columns:1fr 1fr; }
}

/* ENGINE CONTENT SAFETY — legacy TFS data may be wider or longer than fixtures. */
.content-stage,
.content-stage > *,
.content-stage .content-bg,
.content-stage .content-txt { min-width:0; max-width:100%; box-sizing:border-box; }
.content-stage img { max-width:100%; height:auto; }
.content-stage p,
.content-stage li,
.content-stage td,
.content-stage dd { overflow-wrap:anywhere; }
.content-stage form,
.content-stage fieldset { max-width:100%; box-sizing:border-box; }
.content-stage input,
.content-stage select,
.content-stage textarea,
.content-stage button { box-sizing:border-box; }
#citadel-register { scroll-margin-top:90px; border-radius:2px; }
#citadel-register:target { animation:registration-arrival 1.25s ease-out; }
@keyframes registration-arrival {
    0% { box-shadow:0 0 0 2px rgba(216,176,92,.75),0 0 34px rgba(216,176,92,.3); }
    100% { box-shadow:0 0 0 0 rgba(216,176,92,0),0 0 0 rgba(216,176,92,0); }
}
.legend-list { max-height:430px; overflow:auto; scrollbar-width:thin; scrollbar-color:#725c35 #081210; }
.language-switch { display:inline-flex; align-items:center; gap:4px; }
.language-switch a { display:flex; min-width:34px; min-height:32px; align-items:center; justify-content:center; padding:6px 9px; border:1px solid #31565a; background:rgba(3,10,11,.78); color:#9ab7b7; text-align:center; font:700 10px Cinzel,serif; letter-spacing:.06em; text-decoration:none; backdrop-filter:blur(7px); }
.language-switch a:hover { border-color:#65dce3; color:#fff; background:rgba(17,54,57,.92); }
.language-switch a.active { border-color:#d8b05c; background:rgba(76,57,24,.9); color:#f0d798; box-shadow:0 0 0 1px rgba(216,176,92,.08),0 5px 18px rgba(0,0,0,.3); }
.page-language-switch { position:fixed; top:16px; right:18px; z-index:2200; margin:0; padding:0; }

@media(max-width:700px) {
    .page-language-switch { top:10px; right:2px; }
    .language-switch a { min-width:32px; min-height:30px; padding:5px 7px; }
    .content-stage .content-txt { overflow:hidden; }
    .content-stage table {
        display:block;
        width:100%;
        max-width:100%;
        overflow-x:auto;
        white-space:nowrap;
        scrollbar-width:thin;
        scrollbar-color:#725c35 #081210;
    }
    .content-stage table p,
    .content-stage table td { overflow-wrap:normal; }
}

/* Unified quick-access strip. It replaces the former Account / Community /
   Library dashboard with one lighter, game-facing navigation area. */
.realm-compass {
    position:relative;
    display:grid;
    grid-template-columns:238px minmax(0,1fr);
    width:min(1240px,calc(100% - 40px));
    margin:24px auto 0;
    overflow:hidden;
    border-top:1px solid rgba(201,164,88,.48);
    border-bottom:1px solid rgba(201,164,88,.26);
    background:
        linear-gradient(90deg,rgba(22,55,53,.93) 0,rgba(8,20,19,.97) 238px,rgba(6,14,17,.97) 238px),
        #071011;
    box-shadow:0 16px 36px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.025);
}
.realm-compass:before {
    content:'';
    position:absolute;
    left:237px;
    top:16px;
    bottom:16px;
    width:1px;
    background:linear-gradient(transparent,rgba(110,205,195,.52),transparent);
}
.realm-compass-heading {
    position:relative;
    display:flex;
    min-height:142px;
    padding:23px 26px;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
}
.realm-compass-heading:after {
    content:'K';
    position:absolute;
    right:-8px;
    bottom:-35px;
    color:rgba(222,184,99,.055);
    font:700 116px/1 Cinzel,serif;
}
.realm-compass-heading>span {
    color:#6fd0c9;
    font-size:9px;
    font-weight:800;
    letter-spacing:.2em;
    text-transform:uppercase;
}
.realm-compass-heading h2 {
    position:relative;
    z-index:1;
    margin:7px 0 7px;
    color:#f1d797;
    font:600 20px/1.12 Cinzel,serif;
}
.realm-compass-heading p {
    position:relative;
    z-index:1;
    max-width:180px;
    margin:0;
    color:#94aaa6;
    font-size:10px;
    line-height:1.5;
}
.realm-compass-links {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    padding:8px 8px 8px 9px;
}
.realm-compass-links>a {
    position:relative;
    display:grid;
    min-width:0;
    min-height:63px;
    padding:9px 25px 9px 9px;
    grid-template-columns:38px minmax(0,1fr);
    gap:9px;
    align-items:center;
    overflow:hidden;
    border-right:1px solid rgba(137,171,167,.1);
    border-bottom:1px solid rgba(137,171,167,.1);
    color:#d5dfdd;
    text-decoration:none;
    transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.realm-compass-links>a:nth-child(4n) { border-right:0; }
.realm-compass-links>a:nth-child(n+5) { border-bottom:0; }
.realm-compass-links>a:hover,
.realm-compass-links>a.is-current {
    background:linear-gradient(90deg,rgba(35,88,83,.42),rgba(139,76,45,.11));
    color:#fff2c8;
    box-shadow:inset 3px 0 #56b9b2;
}
.realm-compass-links>a.is-current { box-shadow:inset 3px 0 #d0a957; }
.realm-compass-links>a>span:not(.realm-compass-icon) { min-width:0; }
.realm-compass-links strong,
.realm-compass-links small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.realm-compass-links strong { color:inherit; font:700 10px/1.25 Cinzel,serif; letter-spacing:.015em; }
.realm-compass-links small { margin-top:4px; color:#708a88; font-size:9px; line-height:1.2; }
.realm-compass-links>a:hover small,
.realm-compass-links>a.is-current small { color:#9bb3af; }
.realm-compass-links i {
    position:absolute;
    right:7px;
    top:7px;
    color:rgba(209,172,91,.47);
    font:700 7px/1 Cinzel,serif;
    font-style:normal;
}
.realm-compass-icon {
    display:grid;
    width:36px;
    height:36px;
    place-items:center;
    border:1px solid rgba(91,167,161,.23);
    background:radial-gradient(circle,rgba(36,80,77,.36),rgba(3,10,12,.88));
    box-shadow:inset 0 0 10px rgba(0,0,0,.55);
}
.realm-compass-icon img {
    display:block;
    max-width:30px;
    max-height:30px;
    object-fit:contain;
    image-rendering:pixelated;
}

@media(max-width:1180px) {
    .realm-compass { width:min(1040px,calc(100% - 32px)); grid-template-columns:210px minmax(0,1fr); }
    .realm-compass:before { left:209px; }
    .realm-compass-heading { padding:20px; }
    .realm-compass-links>a { grid-template-columns:34px minmax(0,1fr); gap:7px; padding-left:7px; }
    .realm-compass-icon { width:32px; height:32px; }
    .realm-compass-icon img { max-width:27px; max-height:27px; }
}
@media(max-width:920px) {
    .realm-compass { width:min(760px,calc(100% - 24px)); grid-template-columns:1fr; }
    .realm-compass:before { display:none; }
    .realm-compass-heading { min-height:auto; padding:17px 20px 15px; border-bottom:1px solid rgba(110,205,195,.18); }
    .realm-compass-heading p { max-width:none; }
    .realm-compass-heading:after { right:12px; bottom:-50px; }
}
@media(max-width:700px) {
    .realm-compass { width:calc(100% - 16px); margin-top:17px; }
    .realm-compass-heading { padding:15px 17px; }
    .realm-compass-heading h2 { margin:4px 0; font-size:17px; }
    .realm-compass-heading p { font-size:10px; }
    .realm-compass-links { grid-template-columns:repeat(2,minmax(0,1fr)); padding:6px; }
    .realm-compass-links>a,
    .realm-compass-links>a:nth-child(4n),
    .realm-compass-links>a:nth-child(n+5) { border-right:1px solid rgba(137,171,167,.1); border-bottom:1px solid rgba(137,171,167,.1); }
    .realm-compass-links>a:nth-child(2n) { border-right:0; }
    .realm-compass-links>a:nth-child(n+7) { border-bottom:0; }
}
@media(max-width:430px) {
    .realm-compass-links { grid-template-columns:1fr; }
    .realm-compass-links>a,
    .realm-compass-links>a:nth-child(2n),
    .realm-compass-links>a:nth-child(n+7) { min-height:54px; border-right:0; border-bottom:1px solid rgba(137,171,167,.1); }
    .realm-compass-links>a:last-child { border-bottom:0; }
}