* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #111;
    color: #e8e8e8;
}

.container {
    width: min(920px, calc(100% - 32px));
    margin: 0 auto;
    padding: 48px 0;
}

.card {
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 20px;
}

h1, h2 {
    margin-top: 0;
}

label {
    display: block;
    margin-bottom: 14px;
}

input, select {
    width: 100%;
    padding: 12px;
    margin-top: 6px;
    border: 1px solid #444;
    border-radius: 8px;
    background: #0d0d0d;
    color: #fff;
}

button, .button {
    display: inline-block;
    padding: 12px 18px;
    border: 0;
    border-radius: 8px;
    background: #ddd;
    color: #111;
    text-decoration: none;
    cursor: pointer;
}

.button.secondary {
    background: #333;
    color: #fff;
}

.notice {
    padding: 12px 16px;
    border-radius: 8px;
    background: #2b2020;
    margin-bottom: 18px;
}

.stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.stat {
    background: #111;
    border: 1px solid #333;
    padding: 14px;
    border-radius: 8px;
}

nav {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.muted {
    color: #aaa;
}

@media (max-width: 700px) {
    .stats {
        grid-template-columns: repeat(2, 1fr);
    }
}


.location-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.location-card {
    margin-bottom: 0;
}

.location-card.locked {
    opacity: 0.68;
}

.location-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.mist-badge {
    white-space: nowrap;
    padding: 8px 10px;
    background: #262626;
    border: 1px solid #444;
    border-radius: 999px;
    font-size: 13px;
}

.blocked-reason {
    color: #d0a4a4;
}

.notice.success {
    background: #1f2b20;
}

button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

@media (max-width: 700px) {
    .location-grid {
        grid-template-columns: 1fr;
    }
}


.stat-note {
    margin-top: 6px;
    font-size: 12px;
    color: #999;
    line-height: 1.4;
}


.dialogue-card {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.dialogue-text {
    font-size: 18px;
    line-height: 1.7;
    padding: 18px 0 24px;
}

.dialogue-option-form {
    margin: 10px 0;
}

.dialogue-option {
    width: 100%;
    text-align: left;
    background: #242424;
    color: #fff;
    border: 1px solid #444;
}

.dialogue-option:hover {
    background: #303030;
}

.quest-block {
    padding: 16px 0;
    border-bottom: 1px solid #333;
}

.quest-block:last-child {
    border-bottom: 0;
}

.quest-block.completed {
    opacity: 0.7;
}


.inventory-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.item-card {
    margin-bottom: 0;
}

.item-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.equipped-badge {
    white-space: nowrap;
    padding: 7px 10px;
    border-radius: 999px;
    background: #252525;
    border: 1px solid #555;
    font-size: 12px;
}

@media (max-width: 700px) {
    .inventory-grid {
        grid-template-columns: 1fr;
    }
}


.combat-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.combat-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.combat-actions form {
    margin: 0;
}

.combat-log p {
    margin: 8px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #2b2b2b;
}

@media (max-width: 700px) {
    .combat-grid {
        grid-template-columns: 1fr;
    }
}

.story-card { border-left: 3px solid #777; }
.choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:24px; }
.choice-grid form { padding:18px; border:1px solid #333; border-radius:8px; }
@media(max-width:700px){ .choice-grid{grid-template-columns:1fr;} }

.boss-card { border-left-color:#aaa; box-shadow:0 0 28px rgba(255,255,255,.05); }
.chapter-complete { max-width:760px; margin:60px auto; text-align:center; padding:42px; }
.chapter-complete h1 { font-size:42px; margin-bottom:30px; }
.codex-entry { max-width:850px; }

.main-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.nav-link{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #363636;border-radius:8px;background:#171717;color:#bbb;text-decoration:none}.nav-link:hover{background:#222;color:#fff;border-color:#555}.nav-link.active{background:#e3e3e3;color:#111;border-color:#e3e3e3;font-weight:700}.nav-link.nav-logout{margin-left:auto}.eyebrow{margin:0 0 6px;font-size:11px;letter-spacing:.14em;font-weight:700;color:#8d8d8d}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.equipment-summary{padding:10px 12px;border:1px solid #3b3b3b;border-radius:8px;background:#101010;font-weight:700}.equipment-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.equipment-slot{display:flex;flex-direction:column;gap:7px;min-height:105px;padding:16px;border:1px dashed #444;border-radius:10px;background:#121212}.equipment-slot.filled{border-style:solid;border-color:#777;background:#202020}.equipment-slot.empty{opacity:.7}.slot-label{font-size:10px;letter-spacing:.12em;color:#888}.item-card.item-equipped{border:2px solid #bdbdbd;background:#202020}.equipped-badge{font-weight:800;background:#e5e5e5;color:#111;border:0}.available-badge{padding:7px 10px;border-radius:999px;background:#151515;border:1px solid #444;color:#aaa;font-size:11px}.quest-turnin{margin:20px 0;padding:16px;border:1px solid #777;border-radius:10px;background:#202020}.map-legend{display:flex;flex-wrap:wrap;gap:14px;color:#aaa;font-size:12px}.map-legend span{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#555}.legend-dot.current{background:#e5e5e5}.legend-dot.available{background:#aaa}.legend-dot.locked{background:#444}.current-location-card{border:2px solid #777;background:#1c1c1c}.current-location-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.energy-pill{white-space:nowrap;padding:10px 14px;border-radius:999px;background:#0f0f0f;border:1px solid #444;font-weight:700}.location-card.available-route{border-color:#666}.location-card.locked{border-color:#292929;background:#151515}.route-status{margin:-24px -24px 20px;padding:8px 24px;background:#292929;color:#aaa;font-size:10px;letter-spacing:.12em;font-weight:800}.available-route .route-status{background:#dedede;color:#111}.route-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.route-meta span{padding:7px 9px;background:#101010;border:1px solid #383838;border-radius:6px;font-size:12px}.blocked-reason{padding:10px 12px;border-left:3px solid #777;background:#1d1717}@media(max-width:760px){.nav-link.nav-logout{margin-left:0}.section-heading,.current-location-row{flex-direction:column}.equipment-slots{grid-template-columns:1fr}}


/* ===== Cinereus v0.10.2 – egységes alkalmazásfejléc ===== */
.shell-card{padding:0;overflow:hidden}
.game-header{padding:20px 22px 18px}
.brand-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid #303030}
.brand-name{font-size:25px;line-height:1;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.brand-subtitle{margin-top:6px;color:#777;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.header-location{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.header-label{color:#777;font-size:9px;letter-spacing:.15em;font-weight:800}
.player-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:13px 0 4px}
.player-identity,.player-resource{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid #343434;border-radius:7px;background:#121212;font-size:12px}
.player-identity strong{font-size:13px}.player-identity span{color:#888}
.main-nav{padding-top:10px;border-top:1px solid #292929}
.nav-link.disabled{opacity:.35;cursor:not-allowed;pointer-events:none;user-select:none}
.page-heading-block{margin:4px 0 18px;padding:0 4px}
.page-heading-block h1{margin:0 0 5px;font-size:26px}
@media(max-width:700px){.brand-row{align-items:flex-start;flex-direction:column}.header-location{align-items:flex-start}}

.immediate-turnin {
    margin-top: 18px;
    border-color: #bdbdbd;
}
.immediate-turnin .dialogue-option {
    margin-top: 8px;
    font-weight: 700;
}


/* ===== v0.10.5 Quest clarity ===== */
.current-objective{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(260px,2fr) auto;align-items:center;gap:18px;margin-top:16px;padding:14px 16px;border:1px solid #454545;border-radius:10px;background:#111}
.objective-main{display:flex;flex-direction:column;gap:3px}
.objective-main>span:last-child{color:#bbb;font-size:13px}
.objective-kicker{font-size:9px;letter-spacing:.14em;color:#8e8e8e;font-weight:800}
.objective-details{display:flex;flex-wrap:wrap;gap:8px 16px;color:#bbb;font-size:12px}
.objective-details b{color:#eee}
.objective-action{white-space:nowrap;padding:9px 12px;border:1px solid #454545;border-radius:8px;text-decoration:none;color:#ddd;background:#1d1d1d;font-size:12px;font-weight:700}
.objective-action.ready{background:#e2e2e2;color:#111;border-color:#e2e2e2}
.quest-detail-card{padding:22px}
.quest-title-row,.npc-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.quest-ready-badge,.npc-quest-badge{padding:7px 9px;border:1px solid #555;border-radius:999px;color:#bbb;font-size:10px;letter-spacing:.08em;font-weight:800;white-space:nowrap}
.quest-ready-badge,.npc-quest-badge.ready{background:#e0e0e0;color:#111;border-color:#e0e0e0}
.quest-objective-box{display:flex;flex-direction:column;gap:5px;margin:18px 0;padding:13px 15px;border-left:3px solid #999;background:#121212}
.quest-guidance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.quest-guidance-grid>div{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid #333;border-radius:8px;background:#171717}
.guide-label{font-size:9px;letter-spacing:.12em;color:#888;font-weight:800}
.quest-hint{padding:10px 12px;border-radius:8px;background:#202020;color:#ccc}
.quest-reward{margin-top:18px}
.quest-target-npc{border-color:#626262}
.npc-quest-name{color:#ddd;font-weight:700}
.finale-turnin{margin-bottom:24px;border:2px solid #c9c9c9}
@media(max-width:900px){.current-objective{grid-template-columns:1fr}.objective-action{width:fit-content}.quest-guidance-grid{grid-template-columns:1fr}}

.dynamic-event-card{border-left:3px solid #9a9a9a}
.event-meta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.event-meta span{padding:6px 8px;border:1px solid #3b3b3b;border-radius:6px;background:#111;color:#aaa;font-size:11px}

.reputation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.reputation-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #333;border-radius:8px;background:#141414}
.reputation-card p{margin:4px 0 0}
.reputation-score{min-width:48px;text-align:center;padding:9px 10px;border:1px solid #444;border-radius:999px;font-weight:800}
@media(max-width:700px){.reputation-grid{grid-template-columns:1fr}}

.shop-item-locked{opacity:.62;border-style:dashed}
.old-price{text-decoration:line-through;color:#777;margin-right:6px}
.discount-badge{display:inline-block;margin-left:6px;padding:3px 6px;border-radius:999px;background:#e4e4e4;color:#111;font-size:10px;font-weight:800}
.locked-message{padding:8px 10px;border:1px solid #444;border-radius:7px;background:#111;color:#aaa}