/* Scene-owned presentation, never changes campaign portrait/layout or battle statistics. */
.ob65-prelude{position:absolute;inset:0;background:#000;color:#d7cfbe;display:grid;place-items:center;font:25px ArcanaJua}
.ob65-scene{background:#101b2e}
.ob65-guild>.story-background{width:2842.4px;max-width:none;height:1599.7px;left:0;top:-330px;object-fit:fill}
.ob65-forest>.story-background{object-fit:cover;object-position:center center}
.ob65-controls{position:absolute;right:28px;top:24px;display:flex;gap:24px;z-index:12}
.ob65-controls button{width:248px;height:70px;min-height:calc(44 * var(--game-screen-px,1px));padding:0 15px;background:transparent url(https://arcana-pony-media.pages.dev/shared/objects/2173dd60f364371ab85fdac74057ecfae77bb10c302e5e66ae78a1c8c0f31ed9.webp) center/100% 100% no-repeat;border:0;color:#fff0c8;font:25px ArcanaJua;line-height:1.2;cursor:pointer;touch-action:manipulation}
.ob65-controls button[aria-pressed=true]{background-image:url(https://arcana-pony-media.pages.dev/shared/objects/7a46e31f4df0c5a62dbd64fde7bc3b071986c21ea6196661e21d4c02e576113d.webp)}
.ob65-controls kbd{font:17px ArcanaJua;opacity:.65;margin-left:9px}
.ob65-controls button:focus-visible,.ob65-prompt button:focus-visible,.ob65-goal button:focus-visible{outline:4px solid #fff1ae;outline-offset:4px}
.ob65-scene .narrative-copy{font-size:32px;line-height:1.65}
.ob65-scene .story-dialogue{z-index:5}
.ob65-location{position:absolute;left:60px;top:48px;color:#ffe4aa;font:30px ArcanaJua;padding:12px 24px;background:#14253dcc;border:1px solid #ad9062;border-radius:10px;pointer-events:none;z-index:8;animation:ob65-location 3s both}
@keyframes ob65-location{0%{opacity:0}15%,70%{opacity:1}100%{opacity:0}}
.ob65-spirit{position:absolute;left:1080px;top:380px;width:180px;height:210px;object-fit:contain;z-index:3;pointer-events:none}
.ob65-scene .comic-pop{animation:comic-pop .15s ease-out!important}
.ob65-reduced .comic-pop,.ob65-reduced .ob65-location{animation:none!important}
.ob65-reduced .ob65-location{opacity:1}
.ob65-prompt-shade{position:absolute;inset:0;z-index:90;background:#081321d9;display:flex;justify-content:center;align-items:center;pointer-events:auto}
.ob65-prompt{width:1000px;max-height:800px;padding:35px 50px;box-sizing:border-box;border:3px solid #bca16c;border-radius:24px;background:linear-gradient(150deg,#253b54,#132239);color:#f9edce;text-align:center;box-shadow:0 15px 60px #0008}
.ob65-prompt h2{font:36px ArcanaJua;margin:0 0 20px}.ob65-prompt p{font:25px/1.6 ArcanaJua;margin:0 0 24px}.ob65-prompt>div{display:flex;flex-direction:column;gap:18px;align-items:center}
.ob65-prompt button,.ob65-goal button,.ob65-save-warning button{min-height:max(68px,calc(44 * var(--game-screen-px,1px)));border:2px solid #bca16c;border-radius:12px;background:#273c58;color:#fff0c9;font:25px ArcanaJua;padding:10px 25px;touch-action:manipulation;cursor:pointer}
.ob65-prompt button{width:800px}
.ob65-save-warning{position:absolute;top:145px;left:270px;width:1132px;box-sizing:border-box;background:#332a26f5;border:2px solid #d4a25f;border-radius:12px;padding:12px 20px;display:flex;gap:20px;align-items:center;z-index:80;font:21px/1.4 ArcanaJua;color:#ffe2b6}.ob65-save-warning span{flex:1}.ob65-save-warning button{flex:none;font-size:22px}
.ob65-goal{position:absolute;left:285px;top:180px;width:1102px;box-sizing:border-box;padding:0 24px;z-index:30;color:#fff0ce;font:30px/1.4 ArcanaJua;text-align:center;text-shadow:0 2px 3px #081321,0 0 6px #081321;pointer-events:none;background:none;border:0;border-radius:0;box-shadow:none}
.ob65-tutorial-hint{position:absolute;left:400px;top:132px;width:872px;box-sizing:border-box;text-align:center;background:#172a42eb;border:2px solid #ddc28a;border-radius:14px;padding:15px 22px;color:#fff0ca;font:27px/1.35 ArcanaJua;pointer-events:none;z-index:9}
.ob65-tutorial-skip{position:absolute;left:120px;top:124px;min-width:190px;min-height:calc(44 * var(--game-screen-px,1px));background:#233851e8;color:#ffe7ae;border:1px solid #ad9062;border-radius:10px;font:22px ArcanaJua;padding:10px;pointer-events:auto;z-index:10}
#tutorial-hud{pointer-events:none}
.ob65-highlight{outline:4px solid #ffe59b!important;outline-offset:3px;filter:drop-shadow(0 0 5px #ffe59b88)}
@media(prefers-reduced-motion:reduce){.ob65-scene .comic-pop,.ob65-location{animation:none!important}}

#screen>.ob65-save-warning{top:465px}

.ob65-scene #ob65-text{display:block;max-width:1370px;overflow-wrap:anywhere}

.ob65-summary{font:23px/1.45 ArcanaJua;color:#d3d8dc;margin:0 0 16px}
#screen>.ob65-save-warning{top:575px}

/* Transparent tutorial-only touch extension; original button/art geometry stays fixed. */
.ob65-tutorial-active .combat-skill::before,.ob65-tutorial-active .manual-target::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,calc(44 * var(--game-screen-px,1px)));height:max(100%,calc(44 * var(--game-screen-px,1px)));border-radius:inherit;pointer-events:auto;background:transparent}

#screen.ob65-tutorial-active>.ob65-save-warning{top:235px}

/* Reserve the top-right control hit area even on a narrow landscape display. */
.ob65-scene .receptionist-actor{top:calc(36px + max(70px,44 * var(--game-screen-px,1px)));bottom:auto}
.ob65-scene>.ob65-save-warning{top:calc(44px + max(101px,44 * var(--game-screen-px,1px)))}
.ob65-prelude+.ob65-save-warning{top:calc(44px + max(101px,44 * var(--game-screen-px,1px)))}
.ob65-save-warning{top:calc(44px + max(101px,44 * var(--game-screen-px,1px)))}
#screen.ob65-tutorial-active>.ob65-save-warning{top:max(235px,calc(144px + 44 * var(--game-screen-px,1px)))}

/* A lesson hint replaces only the normal command caption while that hint exists. */
#screen.ob65-tutorial-active.ob65-tutorial-hint-active #manual-command{display:none}