.ember-game { color-scheme: dark; margin: 0; color: #e9e8d9; background: radial-gradient(ellipse at 30% 8%, #233c2d 0, transparent 48%), #101a17; font: 15px/1.6 "Pretendard Variable", Pretendard, sans-serif; word-break: keep-all; }
.ember-game *, .ember-game *::before, .ember-game *::after { box-sizing: border-box; }
.ember-game [hidden] { display: none !important; }
.ember-game a { color: inherit; text-underline-offset: 4px; }
.ember-game h1, .ember-game h2, .ember-game p, .ember-game ol { margin: 0; }
.ember-game button, .ember-game input { font: inherit; }
.ember-game button { cursor: pointer; touch-action: manipulation; }
.ember-game button:disabled { cursor: default; opacity: .4; }
.ember-game :focus-visible { outline: 3px solid #edc578; outline-offset: 4px; }
.eg-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px max(22px, calc((100% - 1112px)/2)); border-bottom: 1px solid #42514666; background: #111d1780; }
.eg-brand { font-size: 16px; font-weight: 850; text-decoration: none; letter-spacing: -.5px; }
.eg-brand span { margin-left: 12px; font-size: 9px; letter-spacing: 2px; color: #9daa95; }
.eg-header nav { display: flex; align-items: center; gap: 20px; font-size: 12px; color: #b9c4ae; }
.eg-version { border: 1px solid #627359; color: #c5d4ae; font-size: 9px; letter-spacing: 1.4px; padding: 5px 9px; border-radius: 3px; }
.eg-shell { max-width: 1156px; margin: 0 auto; padding: 30px 22px 22px; }
.eg-titlebar { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 24px; }
.eg-overline { color: #c4a46c; font-size: 10px; letter-spacing: 2px; font-weight: 650; }
.eg-titlebar h1 { margin: 3px 0 3px; font-size: 39px; letter-spacing: -1.8px; line-height: 1.35; }
.eg-titlebar h1 + p { color: #9eae98; font-size: 13px; }
.eg-chapter { display: flex; align-items: center; gap: 17px; }
.eg-chapter > span { color: #afc39c; font-size: 44px; font-weight: 250; line-height: 1; }
.eg-chapter > div { font-size: 14px; }
.eg-chapter small { display: block; color: #8d9c83; font-size: 11px; margin-top: 4px; }
.eg-hud { display: grid; grid-template-columns: 1.8fr .55fr 1.1fr .55fr 1.3fr; gap: 20px; padding: 18px 24px; border: 1px solid #435444; border-radius: 7px; background: linear-gradient(120deg, #263a2d, #1d2d23); margin-bottom: 18px; }
.eg-hud > div { position: relative; }
.eg-hud span { display: block; color: #abbaa0; font-size: 10px; }
.eg-hud strong { display: block; font-size: 21px; font-weight: 650; line-height: 1.5; }
.eg-hp { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 3px 12px; }
.eg-hp strong { font-size: 16px; }
.eg-hp-track { grid-column: 1/-1; height: 6px; background: #121e17; border-radius: 10px; overflow: hidden; }
.eg-hp-track i { display: block; height: 100%; width: 100%; background: linear-gradient(90deg, #94af70, #d0d897); }
.eg-fuel-track { height: 6px; margin-top: 4px; overflow: hidden; border-radius: 10px; background: #111c1a; }
.eg-fuel-track i { display: block; width: 100%; height: 100%; background: linear-gradient(90deg, #b67649, #efc579); }
.eg-fuel small { display: block; margin-top: 2px; color: #d5ad78; font-size: 10px; }
.eg-fuel.eg-low strong, .eg-fuel.eg-low small { color: #f2a287; }
.eg-weapon { border-left: 1px solid #4a5b45; padding-left: 20px; }
.eg-weapon strong { font-size: 14px; margin-top: 5px; }.eg-weapon b { color: #8d9c83; padding: 0 5px; }
.eg-progress { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 17px; margin: -5px 0 18px; padding: 9px 15px; border: 1px solid #394d3d; border-radius: 5px; background: #1d2d23; color: #d8ddc9; font-size: 11px; }
.eg-progress span:first-child { color: #edc587; font-weight: 750; }.eg-progress small { margin-left: auto; color: #8ea184; font-size: 10px; }
.eg-profile { margin: -6px 0 18px; padding: 0 15px; border: 1px solid #394d3d; border-radius: 5px; background: #1b2a21; color: #afc0a2; font-size: 11px; }
.eg-profile summary { display: list-item; min-height: 44px; padding: 12px 0; cursor: pointer; color: #e0d8b7; font-weight: 650; }
.eg-profile-grid { display: flex; flex-wrap: wrap; gap: 7px 16px; padding: 0 0 9px; color: #eee0b8; }
.eg-profile p { padding: 7px 0 10px; border-top: 1px solid #3a5039; }
.eg-history-filters { display: flex; flex-wrap: wrap; gap: 10px 16px; padding: 8px 0; }
.eg-history-filters label { display: flex; align-items: center; gap: 8px; }
.eg-history-filters select { min-height: 44px; max-width: 100%; padding: 6px 10px; border: 1px solid #60744e; border-radius: 4px; background: #18281e; color: #eee0b8; font: inherit; }
.eg-history-table { max-width: 100%; overflow-x: auto; margin-bottom: 10px; }
.eg-history-table table { width: 100%; min-width: 580px; border-collapse: collapse; font-size: 11px; }
.eg-history-table caption { padding: 6px 0 10px; text-align: left; color: #afc0a2; }
.eg-history-table th, .eg-history-table td { padding: 9px 8px; border-bottom: 1px solid #3a5039; text-align: left; white-space: nowrap; }
.eg-history-table th { color: #eee0b8; }
.eg-codex summary span { display: inline-block; margin-left: 8px; color: #afc0a2; font-weight: 400; }
.eg-codex h3 { margin: 14px 0 10px; color: #eee0b8; font-size: 13px; }
.eg-codex-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: 8px; margin-bottom: 15px; }
.eg-codex-card { min-width: 0; padding: 12px; border: 1px solid #47583f; border-radius: 4px; background: #14211d; }
.ember-game .eg-codex-card h4, .ember-game .eg-choice > strong { display: flex; align-items: center; gap: 9px; min-height: 32px; }
.ember-game .eg-relic-icon { display: inline-block; width: 32px; height: 32px; flex: 0 0 32px; order: -1; image-rendering: pixelated; background-image: url('/static/ai/ember-route/assets/0x72/0x72_DungeonTilesetII_v1.7.png'); background-size: 1024px 1024px; background-repeat: no-repeat; }
.ember-game .eg-relic-ash { background-position: -576px -704px; }
.ember-game .eg-relic-wind { background-position: -608px -704px; }
.ember-game .eg-relic-glass { background-position: -672px -704px; }
.ember-game .eg-relic-camp { background-position: -608px -800px; }
.ember-game .eg-relic-flask { background-position: -672px -672px; }
.ember-game .eg-relic-shield { background-position: -576px -736px; }
.ember-game .eg-relic-sight { background-position: -608px -672px; }
.ember-game .eg-relic-moss { background-position: -640px -672px; }
.ember-game .eg-relic-coal { background-position: -576px -640px; }
.eg-codex-card h4 { margin: 0 0 6px; color: #ead0a0; font-size: 12px; }
.eg-codex .eg-codex-card p { padding: 0; margin: 0; border: 0; line-height: 1.7; word-break: keep-all; overflow-wrap: anywhere; }
.eg-codex-locked { opacity: .6; border-style: dashed; }
.eg-build summary span { margin-left: 8px; color: #afc0a2; font-weight: 400; }
.eg-build .eg-codex-card p { padding: 0; margin: 0; border: 0; line-height: 1.7; word-break: keep-all; overflow-wrap: anywhere; }
.eg-build-status { display: inline-block; margin: 0 0 8px; padding: 3px 7px; border: 1px solid #617249; border-radius: 3px; color: #c7d2ab; }
.eg-build-inactive { border-color: #987049; }
.eg-build-inactive .eg-build-status { border-color: #987049; color: #edbc82; }
.eg-backup .eg-motion { flex-wrap: wrap; margin: 10px 0; }
.eg-backup input[type="file"] { width: 100%; max-width: 360px; height: auto; min-height: 44px; padding: 8px; border: 1px solid #47583f; border-radius: 4px; background: #14211d; color: #e0d8b7; }
.eg-backup .eg-primary { margin-bottom: 10px; }
.eg-backup input[type="checkbox"] { flex-shrink: 0; }
.eg-backup-comparison { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 12px; margin: 12px 0; }
.eg-backup-comparison p { margin: 0; padding: 14px; border: 1px solid #47583f; border-radius: 4px; background: #14211d; line-height: 1.8; word-break: keep-all; overflow-wrap: anywhere; }
.eg-backup .eg-backup-warning { padding: 12px; border-left: 3px solid #dfae67; color: #f2d3a3; line-height: 1.7; }
.eg-conflict { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; padding: 13px 16px; border: 1px solid #c68e65; border-radius: 5px; background: #453325; color: #fff0d8; font-size: 12px; }
.eg-conflict button { flex: 0 0 auto; min-height: 44px; padding: 8px 14px; border: 1px solid #edc88a; border-radius: 4px; background: #e5bf80; color: #282319; font-weight: 700; font-size: 12px; }
.eg-journey { margin-bottom: 18px; padding: 23px; border: 1px solid #a98753; border-radius: 8px; background: linear-gradient(125deg, #2b3928, #1c2e24 70%); }
.eg-journey h2 { margin: 4px 0 8px; font-size: 25px; letter-spacing: -.7px; }.eg-journey > p:not(.eg-overline) { color: #bdcbb0; font-size: 13px; }
.eg-fire-loadout { display: grid; gap: 5px; max-width: 380px; margin-top: 16px; color: #eddbad; font-size: 12px; font-weight: 650; }
.eg-fire-loadout select { min-height: 44px; padding: 8px; border: 1px solid #80936a; border-radius: 4px; color: #f4efdc; background: #17251d; font: inherit; }
.eg-fire-loadout small { color: #bacbaa; font-size: 10px; font-weight: 400; }
.eg-journey-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)); gap: 10px; margin-top: 18px; }
.eg-choice { display: flex; flex-direction: column; min-height: 155px; padding: 16px; border: 1px solid #607157; border-radius: 6px; background: #213126; }
.eg-choice strong { color: #f1e2ba; font-size: 15px; }.eg-choice p { flex: 1; margin: 5px 0 13px; color: #b3c0aa; font-size: 11px; }
.eg-choice label { display: grid; gap: 5px; margin-bottom: 10px; color: #bfcaa9; font-size: 11px; }
.eg-choice p.eg-relic-comparison { flex: none; padding: 10px; border-left: 2px solid #c5a367; background: #18271e; color: #dfd7ba; white-space: pre-line; line-height: 1.7; overflow-wrap: anywhere; }
.eg-choice select { width: 100%; min-height: 42px; border: 1px solid #70835f; border-radius: 4px; padding: 0 8px; color: #ecedda; background: #17251d; font: inherit; font-size: 12px; }
.eg-choice button, .eg-outside-items button { min-height: 44px; border: 1px solid #d6b373; border-radius: 4px; color: #2a291d; background: #e7c27c; font-weight: 700; font-size: 12px; }
.eg-choice button:not(:disabled):hover, .eg-outside-items button:not(:disabled):hover { background: #f0d397; }.eg-choice button:disabled, .eg-outside-items button:disabled { opacity: .45; }
.eg-outside-items { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 18px; }.eg-outside-items:empty { display: none; }.eg-outside-items strong { color: #bcc8a8; font-size: 11px; margin-right: 6px; }.eg-outside-items button { padding: 8px 15px; }
.eg-layout { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 20px; align-items: start; }
.eg-battle { min-width: 0; padding: 18px; border: 1px solid #44523e; border-radius: 8px; background: #18271e; }
.eg-board-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.eg-board-heading > span { color: #9aa88e; font-size: 9px; letter-spacing: 2px; }
.eg-board-heading strong { color: #e4c98f; font-size: 11px; font-weight: 500; }
.eg-board-wrap { position: relative; width: min(100%, 580px); aspect-ratio: 1; margin: 0 auto; overflow: hidden; border-radius: 5px; background: #111e18; }
#eg-canvas { position: absolute; inset: 0; }
#eg-canvas canvas { display: block; width: 100% !important; height: 100% !important; image-rendering: pixelated; }
.eg-grid { position: absolute; left: 12.5%; top: 12.5%; width: 75%; height: 75%; display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(6, 1fr); }
.eg-grid button { border: 0; background: transparent; color: transparent; padding: 0; width: 100%; height: 100%; outline-offset: -5px; border-radius: 3px; }
.eg-grid button:hover:not(:disabled) { background: #f2e0b610; box-shadow: inset 0 0 0 2px #fff6bf66; }
.eg-grid button:focus-visible { outline: 3px solid #e4ca85; }
.eg-loading { position: absolute; inset: 0; display: grid; place-items: center; background: #17291ff0; color: #d4c9a5; font-size: 13px; }
.eg-legend { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 22px; color: #aab69b; font-size: 10px; padding: 12px 0 16px; }
.eg-legend span { display: inline-flex; align-items: center; gap: 5px; }
.eg-legend i { width: 8px; height: 8px; border-radius: 2px; }.eg-dot-move { background: #93b885; }.eg-dot-attack { background: #dfb467; }.eg-dot-danger { background: #db7c67; }
.eg-command { border-top: 1px solid #41503b; padding-top: 16px; }
.eg-preview { min-height: 82px; padding: 0 2px 13px; }
.eg-preview > span { color: #a4b091; font-size: 10px; display: block; }
.eg-preview strong { display: block; font-size: 16px; margin: 4px 0; }
.eg-preview p { color: #aab99f; font-size: 12px; }
.eg-preview.eg-risk p { color: #f3ac94; }
.eg-preview .eg-preview-consequences { margin: 12px 0 0; padding-left: 20px; color: #dddbbf; font-size: 13px; line-height: 1.7; }
.eg-preview .eg-preview-consequences li + li { margin-top: 3px; }
.ember-game .eg-seed-form { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; padding: 16px; margin-bottom: 18px; border: 1px solid #41503b; border-radius: 6px; background: #1b2b22; }
.ember-game .eg-seed-form[hidden] { display: none; }
.ember-game .eg-seed-form label { display: grid; gap: 6px; color: #d6dfc9; font-size: 12px; min-width: 0; }
.ember-game .eg-seed-form input { width: 180px; max-width: 100%; box-sizing: border-box; padding: 10px; color: #edf2df; background: #15211b; border: 1px solid #6b795b; border-radius: 4px; font: inherit; }
.ember-game .eg-seed-form button { min-height: 40px; padding: 9px 16px; color: #edf2df; background: #31452d; border: 1px solid #6b795b; border-radius: 4px; }
.ember-game .eg-seed-form small { flex-basis: 100%; color: #afbea2; font-size: 11px; line-height: 1.5; }
.eg-action-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.eg-action-row button, .ember-game .eg-primary { min-height: 46px; border: 1px solid #5d6b4c; border-radius: 5px; padding: 10px 8px; color: #e0e5d4; background: #2b3e2a; font-size: 12px; font-weight: 600; }
.eg-action-row button small { display: block; font-size: 9px; line-height: 1.35; color: #c6c39c; font-weight: 450; }
.eg-action-row button.eg-active { border-color: #e4bc75; box-shadow: inset 0 0 0 1px #e4bc75; }
.eg-action-row button:not(:disabled):hover { background: #384e31; }
.eg-action-row button > span { color: #c4cb9b; padding-right: 4px; }
.ember-game .eg-primary { background: #e3b96f; border-color: #f0d099; color: #332b1d; }
.ember-game .eg-primary:not(:disabled):hover { background: #edca87; }
.eg-primary small { font-size: 9px; opacity: .75; margin-left: 5px; }
.eg-input-hint { color: #97a68b; font-size: 10px; margin-top: 12px !important; text-align: center; }
.eg-input-hint span { padding-left: 9px; color: #7f9474; }
.eg-sidebar { display: grid; gap: 15px; }
.eg-panel { border: 1px solid #3b4f3c; background: #1b2b20; border-radius: 7px; padding: 20px; }
.eg-panel-heading > span { font-size: 9px; letter-spacing: 1.6px; color: #9caf88; }
.eg-panel h2 { font-size: 18px; margin-top: 4px; font-weight: 600; letter-spacing: -.5px; }
.eg-panel-note { color: #95a88c; font-size: 11px; margin-top: 10px !important; }
.eg-ranking ol { margin-top: 13px; padding-left: 22px; font-size: 11px; color: #d6debf; }
.eg-ranking li { padding: 6px 0; border-top: 1px solid #354a38; }
.eg-ranking li:first-child { border-top: 0; }
.eg-ranking li strong { color: #ecca88; font-weight: 650; }
.eg-ranking li span { display: block; color: #9fb396; font-size: 10px; }
.eg-enemy-card { padding: 14px 0; margin-top: 10px; border-top: 1px solid #394c36; }
.eg-enemy-card:last-child { padding-bottom: 0; }
.eg-enemy-card strong { display: block; font-size: 13px; font-weight: 550; }
.eg-enemy-card small { color: #a3b88f; font-size: 10px; }
.eg-enemy-card p { color: #d2d6bd; font-size: 12px; margin-top: 6px; }
.eg-enemy-card.eg-danger p { color: #efa18c; }.eg-enemy-card.eg-dead { opacity: .45; }
.eg-enemy-card em { display: block; margin-top: 4px; color: #e6a46e; font-size: 10px; font-style: normal; }
.eg-journal ol { margin-top: 15px; padding: 0; list-style: none; color: #a1b395; font-size: 11px; }
.eg-journal li { padding: 7px 0; border-bottom: 1px solid #3b4f343b; }.eg-journal li:first-child { color: #dddcc2; }.eg-journal li:last-child { border: 0; }
.eg-guide { color: #a2b298; padding: 0 5px; font-size: 11px; }
.eg-guide summary { cursor: pointer; min-height: 40px; display: list-item; padding-top: 10px; color: #d5d7bd; font-size: 12px; }
.eg-guide ol { padding-left: 18px; }.eg-guide li { margin-bottom: 8px; }
.eg-settings { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.eg-motion { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 11px; color: #9eae92; padding-left: 4px; cursor: pointer; }.eg-motion input { accent-color: #dabc7d; width: 17px; height: 17px; }.eg-motion small { font-size: 9px; color: #819879; }
.eg-result { margin-top: 18px; border: 1px solid #c2a269; padding: 26px; border-radius: 6px; background: linear-gradient(135deg, #324328, #233523); }
.eg-result h2 { font-size: 27px; letter-spacing: -1px; margin: 8px 0; }.eg-result > p:not(.eg-overline) { color: #c4d1b6; font-size: 13px; }
.eg-result button { display: block; margin-top: 20px; width: 100%; }.eg-result a { display: inline-flex; align-items: center; min-height: 44px; font-size: 11px; color: #c4bd95; }
.eg-rank-form { margin-top: 20px; padding: 15px; border: 1px solid #789267; border-radius: 5px; background: #1e3225; }
.eg-rank-form label { display: block; margin-bottom: 8px; color: #efd7a5; font-size: 12px; font-weight: 700; }
.eg-rank-form > div { display: flex; gap: 8px; }
.eg-rank-form input { min-width: 0; flex: 1; border: 1px solid #738766; border-radius: 4px; padding: 9px; color: #f1ecda; background: #13231b; }
.eg-rank-form button { width: auto; min-width: 88px; min-height: 44px; margin: 0; padding: 8px 12px; border: 1px solid #e6bd77; border-radius: 4px; color: #282416; background: #e7c27c; font-weight: 700; }
.eg-rank-form small { display: block; margin-top: 8px; color: #adbea5; font-size: 10px; }
.eg-rank-form p { min-height: 1.5em; margin-top: 6px; color: #f1cb92; font-size: 11px; }
.eg-result.eg-lost { border-color: #9a6550; background: #352b23; }.eg-result.eg-lost .eg-overline { color: #e3a485; }
.eg-recap { padding: 0; margin: 15px 0 0 !important; list-style: none; color: #d0d4bc; font-size: 11px; }.eg-recap li { padding: 7px 0; border-top: 1px solid #70816855; }
.eg-error { margin: 18px 0 !important; padding: 18px; background: #42291f; border: 1px solid #ba8161; color: #ffe5c8; }
.eg-footer { margin-top: 24px; border-top: 1px solid #3a4b36; padding-top: 18px; color: #889b7e; font-size: 11px; }.eg-footer p + p { margin-top: 9px; font-size: 10px; }
@media (max-width: 850px) {
    .eg-layout { grid-template-columns: 1fr; }.eg-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }.eg-guide { grid-column: 1/-1; }.eg-panel { padding: 16px; }
    .eg-hud { grid-template-columns: 1.6fr .55fr 1fr .55fr; }.eg-weapon { grid-column: 1/-1; border-left: 0; border-top: 1px solid #48573b; padding: 8px 0 0; display: flex; align-items: center; justify-content: space-between; }
    .eg-progress small { margin-left: 0; width: 100%; }
}
@media (max-width: 520px) {
    .eg-header { padding: 14px 16px; }.eg-brand span, .eg-version { display: none; }.eg-header nav { font-size: 11px; }
    .eg-shell { padding: 20px 12px; }.eg-titlebar { margin-bottom: 18px; }.eg-titlebar h1 { font-size: 31px; }.eg-overline { font-size: 8px; letter-spacing: 1.3px; }
    .eg-titlebar h1 + p { font-size: 11px; }.eg-chapter { gap: 8px; }.eg-chapter > span { font-size: 33px; }.eg-chapter > div { font-size: 11px; }.eg-chapter small { font-size: 9px; }
    .eg-hud { padding: 12px; gap: 10px 16px; grid-template-columns: 1.5fr .6fr .9fr; }.eg-hud strong { font-size: 17px; }.eg-hp strong { font-size: 14px; }
    .eg-fuel { grid-column: 1/3; grid-row: 2; }.eg-hud > div:nth-child(4) { grid-column: 3; grid-row: 2; }.eg-fuel small { font-size: 9px; }
    .eg-weapon { border: 0; border-top: 1px solid #48573b; padding: 8px 0 0; grid-column: 1/-1; display: flex; align-items: center; justify-content: space-between; }.eg-weapon strong { font-size: 11px; margin: 0; }
    .eg-battle { padding: 10px; }.eg-board-heading > span { font-size: 7px; letter-spacing: 1px; }.eg-board-heading strong { font-size: 10px; }.eg-legend { gap: 8px 12px; font-size: 9px; }
    .eg-journey { padding: 16px; }.eg-journey h2 { font-size: 21px; }.eg-journey-cards { grid-template-columns: 1fr; }.eg-choice { min-height: 0; }
    .eg-progress { gap: 4px 10px; font-size: 10px; }.eg-progress span:nth-child(3), .eg-progress span:nth-child(4) { width: 100%; }
    .eg-conflict { align-items: stretch; flex-direction: column; }
    .eg-command { padding-top: 13px; }.eg-preview strong { font-size: 14px; }.eg-preview p { font-size: 11px; }.eg-action-row { grid-template-columns: 1fr 1fr; }
    .eg-action-row .eg-primary { grid-column: auto; }.eg-action-row button { min-height: 55px; font-size: 11px; }.eg-input-hint span { display: none; }.eg-sidebar { gap: 10px; }.eg-panel { padding: 13px; }.eg-panel h2 { font-size: 15px; }.eg-panel-heading > span { font-size: 7px; letter-spacing: .5px; }.eg-enemy-card p { font-size: 11px; }.eg-result { padding: 20px; }
}

/* Game console: the field and action pad are the primary screen. */
.ember-game { height: 100dvh; overflow: hidden; background: radial-gradient(ellipse at 50% 50%, #334633, #0b1311 80%); }
.ember-game .eg-header { height: 46px; padding: 0 18px; background: #0c1512; }
.ember-game .eg-header nav { gap: 6px; }
.ember-game .eg-header button, .eg-console-menu button { min-height: 34px; padding: 5px 12px; border: 1px solid #726746; border-radius: 3px; background: #243126; color: #ead8ae; font: inherit; font-size: 12px; }
.ember-game .eg-shell { height: calc(100dvh - 46px); max-width: none; width: 100%; padding: 10px 18px; display: flex; flex-direction: column; gap: 8px; }
.ember-game .eg-titlebar { margin: 0; min-height: 32px; }
.ember-game .eg-titlebar h1 { font-size: 20px; margin: 0; letter-spacing: -.5px; }
.ember-game .eg-titlebar .eg-overline, .ember-game .eg-titlebar h1 + p { display: none; }
.ember-game .eg-chapter > span { font-size: 26px; }
.ember-game .eg-chapter small { display: inline; margin-left: 10px; }
.ember-game .eg-hud { margin: 0; padding: 8px 14px; gap: 10px; grid-template-columns: 1.4fr .4fr 1.5fr .4fr 1fr; border-radius: 2px; box-shadow: inset 0 1px #ffffff12; }
.ember-game .eg-hud strong { font-size: 17px; }
.ember-game .eg-hud .eg-weapon { grid-column: auto; border: 0; padding: 0; display: block; }
.ember-game .eg-hud .eg-weapon strong { font-size: 12px; }
.ember-game .eg-fuel span { color: #ffd393; font-size: 12px; font-weight: 750; }
.ember-game .eg-fuel span::before { content: '🔥 '; }
.ember-game .eg-fuel { grid-column: auto; grid-row: auto; padding-left: 10px; border-left: 1px solid #9b784966; }
.ember-game .eg-hud > div:nth-child(4) { grid-column: auto; grid-row: auto; }
.ember-game .eg-progress { margin: 0; padding: 4px 10px; border: 0; background: #101c17; flex-wrap: nowrap; overflow: hidden; min-height: 24px; }
.ember-game .eg-progress span { white-space: nowrap; width: auto; }
.ember-game .eg-progress small, .ember-game #eg-progress-seed { display: none; }
.ember-game .eg-layout { flex: 1; min-height: 0; grid-template-columns: minmax(0, 1fr) clamp(280px, 24vw, 390px); gap: 12px; align-items: stretch; }
.ember-game .eg-battle { display: flex; flex-direction: column; align-items: center; min-height: 0; container-type: size; padding: 8px; background: radial-gradient(ellipse, #31422a, #142018); border: 2px solid #756a49; border-radius: 3px; box-shadow: inset 0 0 30px #0008, 0 6px 24px #0005; }
.ember-game .eg-board-heading { align-self: stretch; margin-bottom: 2px; }
.ember-game .eg-board-wrap { width: min(100cqw, calc(100cqh - 45px)); height: auto; max-width: 100%; flex: 0 0 auto; aspect-ratio: 1; margin: auto; border-radius: 0; }
.ember-game .eg-legend { padding: 4px; gap: 12px; }
.ember-game .eg-sidebar { display: flex; flex-direction: column; gap: 8px; min-height: 0; }
.ember-game .eg-command { padding: 12px; border: 2px solid #756a49; background: linear-gradient(#29372a, #152119); border-radius: 3px; flex: 0 0 auto; }
.ember-game .eg-preview { min-height: 68px; padding-bottom: 8px; }
.ember-game .eg-preview strong { font-size: 14px; }
.ember-game .eg-preview p { font-size: 11px; }
.ember-game .eg-preview-consequences { max-height: 80px; overflow: auto; font-size: 11px; margin-top: 6px; }
.ember-game .eg-action-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.ember-game .eg-action-row button { min-height: 58px; padding: 6px 4px; border-bottom-width: 3px; font-size: 12px; border-radius: 2px; }
.ember-game .eg-action-row button small { color: #e3cb9a; }
.ember-game .eg-action-row button:disabled { opacity: .7; background: #18231c; border-color: #48503c; color: #a9ad9b; }
.ember-game .eg-action-row button:disabled small { color: #ccae82; }
.ember-game .eg-action-row #eg-confirm { grid-column: 2 / 4; background: linear-gradient(#f7d69a, #c28b44); color: #251a0c; font-size: 16px; border-color: #f6d394; }
.ember-game .eg-action-row #eg-confirm:disabled { opacity: .35; }
.ember-game .eg-action-row .eg-active { background: #625431; border-color: #ffd58b; box-shadow: 0 0 12px #e8b86644; }
.ember-game .eg-input-hint { margin-top: 6px !important; font-size: 10px; }
.ember-game .eg-input-hint span { display: none; }
.ember-game .eg-sidebar > .eg-panel { flex: 1; min-height: 0; overflow: auto; padding: 10px; }
.ember-game .eg-panel h2 { font-size: 14px; }
.ember-game .eg-enemy-card { margin-top: 6px; padding: 8px 0; }
.ember-game .eg-panel-heading > span, .ember-game .eg-sidebar .eg-panel-note { display: none; }
.ember-game .eg-journey { flex: 1; min-height: 0; overflow: auto; margin: 0 auto; width: min(100%, 940px); padding: 26px; border-radius: 3px; box-shadow: 0 10px 40px #0007; }
.ember-game .eg-journey > .eg-overline, .ember-game .eg-journey > h2, .ember-game #eg-journey-description { text-align: center; }
.ember-game .eg-journey-cards { margin: 24px auto 0; align-items: stretch; }
.ember-game .eg-choice { border: 2px solid #8b7951; background: linear-gradient(145deg, #344631, #17241c); box-shadow: inset 0 1px #d9be7922; }
.ember-game .eg-choice button { margin-top: auto; }
.ember-game .eg-fire-loadout { display: inline-grid; width: calc(50% - 12px); margin-right: 12px; vertical-align: top; }
.ember-game .eg-action-row #eg-fire::before, .ember-game .eg-action-row #eg-potion::before, .ember-game .eg-action-row #eg-oil::before { content: ''; display: block; width: 24px; height: 24px; margin: 0 auto 3px; image-rendering: pixelated; background: url('/static/ai/ember-route/assets/0x72/0x72_DungeonTilesetII_v1.7.png') no-repeat; background-size: 768px 768px; }
.ember-game .eg-action-row #eg-fire::before { background-position: -432px -480px; }
.ember-game .eg-action-row #eg-potion::before { background-position: -504px -504px; }
.ember-game .eg-action-row #eg-oil::before { background-position: -456px -504px; }
.ember-game[data-screen="journey"] .eg-layout { display: none; }
.ember-game[data-screen="result"] .eg-board-wrap, .ember-game[data-screen="result"] .eg-legend, .ember-game[data-screen="result"] .eg-sidebar { display: none; }
.ember-game[data-screen="result"] .eg-layout { grid-template-columns: 1fr; }
.ember-game[data-screen="result"] .eg-battle { overflow: auto; align-items: stretch; container-type: normal; }
.ember-game .eg-result { margin: 0 auto; width: min(100%, 700px); }
.ember-game .eg-conflict, .ember-game .eg-error { margin: 0 !important; padding: 8px; font-size: 11px; flex-shrink: 0; max-height: 100px; overflow: auto; }
.eg-console-menu { width: min(900px, calc(100% - 24px)); max-height: calc(100dvh - 30px); padding: 16px; color: #ece1c4; background: #17261f; border: 2px solid #c3a36a; border-radius: 5px; box-shadow: 0 20px 80px #000a; font: 13px/1.6 "Pretendard Variable", sans-serif; word-break: keep-all; }
.eg-console-menu::backdrop { background: #050b08bc; backdrop-filter: blur(4px); }
.eg-console-menu header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.eg-console-menu h2 { font-size: 19px; margin: 0; }
.eg-console-menu nav { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 0; position: sticky; top: -16px; background: #17261f; z-index: 2; }
.eg-console-menu nav button[aria-pressed="true"] { background: #c7a363; color: #201c13; }
.eg-console-menu .eg-profile { margin: 0 0 10px; }
.eg-console-menu .eg-footer { margin-top: 12px; }
@media (max-width: 760px) {
    .ember-game .eg-header { padding: 0 8px; height: 42px; }.ember-game .eg-brand { font-size: 12px; }.ember-game .eg-brand span { display: none; }
    .ember-game .eg-header button { min-height: 32px; padding: 4px 8px; font-size: 11px; }
    .ember-game .eg-shell { height: calc(100dvh - 42px); padding: 6px 8px; gap: 5px; }
    .ember-game .eg-titlebar { min-height: 22px; }.ember-game .eg-titlebar h1 { font-size: 15px; }.ember-game .eg-chapter > span { font-size: 20px; }.ember-game .eg-chapter small { display: none; }
    .ember-game .eg-hud { padding: 6px 8px; grid-template-columns: 1fr .35fr 1.2fr .35fr; gap: 8px; }
    .ember-game .eg-hud strong { font-size: 14px; }.ember-game .eg-hud span { font-size: 9px; }.ember-game .eg-hud .eg-weapon { display: none; }
    .ember-game .eg-fuel small { font-size: 8px; }.ember-game .eg-progress { font-size: 9px; gap: 8px; min-height: 20px; }
    .ember-game .eg-progress span:nth-child(3), .ember-game .eg-progress span:nth-child(4) { display: none; }
    .ember-game .eg-layout { display: flex; flex-direction: column; gap: 5px; }
    .ember-game .eg-battle { flex: 1; padding: 3px; min-height: 130px; }
    .ember-game .eg-board-wrap { width: min(100cqw, calc(100cqh - 18px)); height: auto; max-width: 100%; }
    .ember-game .eg-board-heading { margin: 0; font-size: 9px; }.ember-game .eg-board-heading > span { display: none; }
    .ember-game .eg-legend { display: none; }
    .ember-game .eg-sidebar { flex: 0 0 auto; }.ember-game .eg-command { padding: 6px; }
    .ember-game .eg-preview { min-height: 44px; padding: 0 2px 4px; }.ember-game .eg-preview > span { display: none; }.ember-game .eg-preview strong { margin: 0; font-size: 12px; }.ember-game .eg-preview p { font-size: 10px; }
    .ember-game .eg-preview-consequences { max-height: 45px; margin-top: 2px; font-size: 10px; }
    .ember-game .eg-action-row button { min-height: 42px; padding: 4px; font-size: 11px; }.ember-game .eg-action-row button small { font-size: 8px; }
    .ember-game .eg-action-row #eg-fire::before, .ember-game .eg-action-row #eg-potion::before, .ember-game .eg-action-row #eg-oil::before { display: none; }
    .ember-game .eg-journey { padding: 16px; }.ember-game .eg-fire-loadout { width: 100%; margin-right: 0; }
    .ember-game .eg-action-row #eg-confirm { font-size: 14px; }.ember-game .eg-input-hint { margin-top: 3px !important; font-size: 9px; }
    .ember-game[data-screen="result"] .eg-battle { min-height: 0; }
}
@media (max-height: 600px) {
    .ember-game .eg-shell { overflow: auto; }
    .ember-game .eg-layout { flex: 0 0 auto; min-height: 380px; }
    .ember-game .eg-board-wrap { width: min(100%, 280px); }
    .ember-game .eg-sidebar > .eg-panel { max-height: 230px; flex: 0 0 auto; }
}