/* Slate, ivory and aged brass connect the modern delegation and fantasy world. */
:root{--ink:#edf1ec;--muted:#bbc5c3;--panel:#152430;--edge:#768180;--accent:#d4bd8b;--pace:.5}
body{background:#101a24;color:var(--ink)}button{background:linear-gradient(180deg,#344754,#253744);border-color:#758384;color:#edf1ec;box-shadow:inset 0 1px 0 #ffffff0a;letter-spacing:.03em}button:hover{background:#405666}dialog{background:#132331;border-color:#87938d}.chapter,.map-top,.map-bottom{background:#182b37}.field{border-color:#7a8584}.title-art{filter:saturate(.84) contrast(1.06)}.title-shade{background:linear-gradient(90deg,#101e2bea,#101e2b70 55%,#101e2b18)}.title-copy h1{color:#f4ead2;text-shadow:0 4px 20px #000}.title-menu button{border-radius:0;border:0;border-left:2px solid #b4a16f;background:#152737da}.title-menu #title-new{background:#6b7153}.title-kicker,.title-subtitle{color:#d4bd8b}
#battle-hud{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px;background:#101e2b;border-top:1px solid #6b7977}#battle-hud[hidden]{display:none}.status-card{min-width:0;background:linear-gradient(135deg,#273d4c,#172a37);border:1px solid #758684;padding:8px 10px;color:#e9ede8}.status-card:has(.enemy){border-color:#a77c72;background:linear-gradient(135deg,#423336,#282832)}.status-label{display:block;font-size:11px;color:#e1c894;letter-spacing:.06em;margin-bottom:5px}.status-label.enemy{color:#f4b99f}.status-identity{display:flex;gap:8px;align-items:center;margin-bottom:5px;min-width:0}.status-identity .avatar{width:40px;height:40px;flex-shrink:0;border-radius:2px;border:1px solid #9d9982}.status-identity>div{min-width:0}.status-identity strong{display:block;font-size:15px;line-height:1.2;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-identity span{display:block;font-size:10px;color:#c4cfcd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.status-resource{position:relative;font-size:11px;display:flex;justify-content:space-between;align-items:center;margin:3px 0;padding-bottom:5px;gap:4px}.status-resource b{font-size:12px;font-weight:500}.status-resource i{position:absolute;bottom:0;left:0;right:0;height:3px;background:#09151d;overflow:hidden}.status-resource em{display:block;height:100%;background:linear-gradient(90deg,#7bac83,#aed5a7);transition:width calc(.25s * var(--pace))}.status-resource.mp em{background:linear-gradient(90deg,#739aae,#b8d9e2)}.status-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;font-size:11px;border-top:1px solid #60736e;margin-top:6px;padding-top:5px}.status-numbers b{font-size:13px}.status-equipment{font-size:10px;line-height:1.5;color:#c3ccbd;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-empty{font-size:12px;line-height:1.9;color:#bcc9c7;padding:25px 4px}.field{grid-template-rows:auto minmax(0,1fr) auto auto}body[data-game-mode=battle] #unit-card{display:none}
.scene-status-name{display:flex;gap:8px;align-items:center}.scene-status-name .avatar{width:42px;height:42px;flex-shrink:0;border:1px solid #bcb090;border-radius:2px}.scene-status-name>div{min-width:0}.scene-status-name strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-status-name small{font-size:11px!important;line-height:1.4}.scene-status-resource{font-size:11px;display:flex;justify-content:space-between;position:relative;padding-bottom:6px;margin-top:5px}.scene-status-resource b{position:static!important;font-size:12px!important;font-weight:500}.scene-status-stats{font-size:11px;line-height:1.5;margin-top:5px}.cinema-unit{height:auto;min-height:116px;background:#142b39ed;border-top:2px solid #b8a677}.cinema-hp{position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:3px!important;margin:0!important}
.story-panel{background:linear-gradient(135deg,#142937f5,#1d3038f5);border-color:#b2a278}.story-speaker h2{color:#f0dfb6}.story-top{background:linear-gradient(#0d1c29d9,transparent)}#story-text{color:#f0f0e5}.story-portrait{filter:drop-shadow(0 9px 26px #0006)}.story-choice{background:#2a424b;border-color:#b7a471}.story-panel,.story-portrait{animation-duration:calc(.5s * var(--pace))}
@media(max-width:1100px),(pointer:coarse){
 #game-main{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);grid-template-columns:1fr;grid-template-rows:46px minmax(0,1fr) 104px 52px;gap:0;background:#111f2a}#game-main header{grid-column:1;grid-row:1;margin:0;padding:0 12px;background:#101f2b;border-bottom:1px solid #596969}#game-main header h1{font-size:18px}#game-main header small{display:none}#mobile-menu{border:0;background:transparent;min-height:42px}#game-main .chapter{position:absolute;left:12px;top:calc(env(safe-area-inset-top) + 82px);max-width:70%;height:31px;min-height:0;padding:5px 9px;background:#102431db;border:1px solid #8d95844d;z-index:3;pointer-events:none}#mission-name{font-size:12px!important}#round{font-size:10px}#game-main .game{grid-column:1;grid-row:2;display:flex;flex-direction:column;min-height:0;gap:0}#game-main .field{border:0;border-radius:0;flex:1;min-height:0;grid-template-rows:28px minmax(0,1fr) auto 23px}#game-main .map-top{padding:5px 12px;background:#172c39}#gold-display{font-size:11px}.map-top #phase{font-size:12px;color:#d4e0da}.map-bottom{padding:3px 12px;background:#152837;color:#c5d0cc}#game-main aside{position:static;width:auto;display:block;max-height:120px;min-height:0;overflow-y:auto;padding:6px 9px;background:#122733;border-top:1px solid #6f8077}body[data-game-mode=hub] #game-main aside{display:none}#commands .actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}#commands .actions button{border-radius:3px;min-height:43px;min-width:0;font-size:12px;padding:7px 4px}.actions .label{grid-column:1/-1;display:none}#field-controls{grid-column:1;grid-row:3;height:auto;margin:0;padding:5px 13px;gap:12px;justify-content:space-between;background:linear-gradient(#132837,#162d38);border-top:1px solid #5c7373;border-radius:0}#touch-stick{width:94px;height:94px;background:radial-gradient(circle,#274354 25%,#172f3e 72%);border:1px solid #94a59499;box-shadow:inset 0 0 14px #0006;border-radius:50%}#stick-knob{left:25px;top:25px;width:42px;height:42px;background:linear-gradient(#92a698,#506b6d);border:1px solid #c2c5a5}.stick-cross{left:16px;top:45px}#touch-stick small{font-size:10px;bottom:7px}.touch-actions{flex:1;max-width:225px;display:grid;grid-template-columns:1fr 1fr;gap:6px}#field-interact{grid-column:1/-1;min-height:44px;letter-spacing:.06em;border-color:#aaad8d;background:#435a5b}#map-zoom{min-height:38px;font-size:11px;grid-column:1/-1}#touch-cancel{min-height:38px;font-size:11px}#mobile-dock{grid-column:1;grid-row:4;align-self:stretch;display:grid;grid-template-columns:repeat(4,1fr);padding:3px 9px 4px;gap:5px;background:#0f222e;border-top:1px solid #657976}#mobile-dock button{border:0;border-radius:3px;background:#28414b;font-size:12px;min-height:42px}#minimap{width:75px;height:56px;border:1px solid #d1c09f9c;right:10px;bottom:9px}.explore-marker{font-size:10px;background:#182e3ad9;border:1px solid #b7aa8560;color:#f4ebd6}
 body[data-game-mode=battle] #game-main{grid-template-rows:46px minmax(0,1fr) 80px 49px}body[data-game-mode=battle] #touch-stick{width:72px;height:72px}body[data-game-mode=battle] #stick-knob{left:15px;top:15px}body[data-game-mode=battle] .stick-cross{left:5px;top:34px}body[data-game-mode=battle] #touch-stick small{display:none}body[data-game-mode=battle] #field-interact{grid-column:2;grid-row:1/-1;min-height:53px}body[data-game-mode=battle] #map-zoom{grid-column:1}body[data-game-mode=battle] .touch-actions{max-width:270px}body[data-game-mode=battle] .chapter{display:none}#battle-hud{gap:6px;padding:6px 8px}.status-card{padding:6px 8px}.status-identity strong{font-size:13px}.status-identity .avatar{width:34px;height:34px}.status-resource b{font-size:11px}.status-resource{font-size:10px}.status-numbers b{font-size:12px}.status-equipment{font-size:9px}.status-label{font-size:10px}
 #scene{background:#112430;padding:env(safe-area-inset-top) 8px env(safe-area-inset-bottom);gap:6px}.cinema{border-radius:0;min-height:0}.cinema canvas{top:151px;height:calc(100% - 151px)}.cinema-heading{height:24px;background:#142c39;border-bottom:1px solid #78837b}.cinema-unit{top:29px;width:calc(50% - 12px);height:116px;min-height:0;padding:6px 8px;border-top:2px solid #baa56d;background:#203b49}.cinema-unit.right{background:#49373b;border-color:#c49b86}.cinema-unit .scene-status-name strong{font-size:13px}.cinema-unit .scene-status-name small{font-size:9px!important}.scene-status-name .avatar{width:31px;height:34px}.scene-status-resource{margin-top:4px;font-size:10px}.scene-status-stats{font-size:10px}#scene-text{background:#203846;border:1px solid #758477}.cinema-controls button,.cinema-controls select{border-radius:3px}#scene-next{background:#4d625b;border-color:#b3b093}#scene-presets button{font-size:11px}
 .mobile-sheet-head{background:#17303e}.mobile-options select,#rpg-dialog select,#rpg-dialog input{background:#253f4c}.goods,.job-option,.bestiary-list article,.register-form{background:#263c47}.rpg-tabs .chosen{background:#586859}.story-panel{border-radius:0}.story-top button{border-radius:3px}.story-panel,.narration .story-panel{padding:18px}#story-text{font-size:16px;line-height:1.9}.story-speaker h2{font-size:24px}
}
@media(max-width:1100px) and (orientation:landscape),(pointer:coarse) and (orientation:landscape){
 #game-main{grid-template-columns:minmax(0,1fr) 292px;grid-template-rows:44px minmax(0,1fr) 94px}#game-main header{grid-column:1/-1;grid-row:1}#game-main .game{grid-column:1;grid-row:2/-1;display:block;position:relative}#game-main .field{height:100%;grid-template-rows:27px minmax(0,1fr) auto 22px}#game-main .chapter{top:76px;max-width:50%}#game-main aside{position:fixed;right:8px;top:52px;width:276px;max-height:calc(100dvh - 228px);padding:5px;z-index:4}#commands .actions{grid-template-columns:1fr 1fr}#field-controls{grid-column:2;grid-row:3;padding:4px 8px;gap:8px}#mobile-dock{grid-column:2;grid-row:2;align-self:end;grid-template-columns:repeat(2,1fr);padding:5px}body[data-game-mode=battle] #game-main{grid-template-columns:minmax(0,1fr) 292px;grid-template-rows:44px minmax(0,1fr) 94px}#battle-hud{grid-template-columns:1fr 1fr}.status-card{padding:5px 7px}.status-label{margin-bottom:3px}.status-identity{margin-bottom:2px}.status-identity .avatar{width:27px;height:30px}.status-resource{display:inline-flex;width:48%;font-size:9px;margin-right:2%;padding-bottom:3px}.status-resource b{font-size:10px}.status-numbers{margin-top:3px;padding-top:3px}.status-equipment{margin-top:2px}.status-empty{padding:12px 4px}#scene[open]{grid-template-columns:minmax(0,1fr) 210px}.cinema canvas{top:146px;height:calc(100% - 146px)}#scene .cinema-controls{grid-template-columns:1fr 1fr}.cinema-controls button{font-size:11px}
}

/* Opening: stable captions and both civilizations visible on phones and tablets. */
#opening-perspective{display:block;font-size:12px;letter-spacing:.08em;color:#dfcb99;line-height:1.5}
.opening-words{left:6%;right:6%;bottom:max(7%,env(safe-area-inset-bottom));max-width:1100px;margin:auto}
#opening-caption{margin:.4em 0;font-weight:500;line-height:1.55}
#opening-sub{margin:.5em 0;line-height:1.7}
@media (orientation:portrait){#opening-art{top:13%;height:46%;object-fit:contain;transform:none!important}.opening-gradient{background:linear-gradient(0deg,#071119 0%,#071119 38%,transparent 64%,#071119bb 100%)}.opening-words{bottom:max(10%,env(safe-area-inset-bottom));left:7%;right:7%}#opening-caption{font-size:clamp(20px,4.8vw,30px)}#opening-sub{font-size:clamp(14px,2.4vw,19px)}#opening-signature{top:48%}#opening-signature h1{font-size:32px;margin:.2em 0}#opening-signature p{margin:.3em 0}.opening-letterbox{height:0}.opening-track{bottom:3%}}
@media (orientation:landscape) and (max-height:500px){.opening-words{bottom:5%;left:5%;right:5%}#opening-caption{font-size:20px;line-height:1.4;margin:.3em 0}#opening-sub{font-size:13px;line-height:1.5}#opening-perspective{font-size:11px}#opening-signature{top:25%}#opening-signature h1{font-size:32px;margin:.2em 0}#opening-signature p{margin:.2em 0}.opening-letterbox{height:0}.opening-track{bottom:1%}}

@media (orientation:landscape){#opening-signature{top:8%;}#opening-signature h1{font-size:clamp(32px,4vw,54px);margin:.25em 0}#opening-signature p{margin:.25em 0}}

#tactical-tools{position:absolute;top:6px;left:7px;right:7px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:6px;pointer-events:none}#tactical-tools[hidden]{display:none}.tactical-view{display:flex;gap:4px;pointer-events:auto}.tactical-view button{min-height:44px;min-width:44px;padding:5px 9px;font-size:12px;background:#112333e6;border-color:#879caf99}.tile-legend{display:flex;gap:10px;font-size:11px;background:#112333cf;padding:6px;border-radius:6px}.move-key{color:#8ccfff}.attack-key{color:#ffb191}.cursor-key{color:#ffeb91}@media(max-width:500px){#tactical-tools{align-items:flex-start}.tile-legend{gap:4px;padding:5px;font-size:9px}.tactical-view{gap:3px}.tactical-view button{padding:5px;min-width:40px;font-size:11px}.map-bottom #hint{white-space:normal;font-size:10px;line-height:1.3}}