/* Illustrated RPG dialogue stays inside the game's 1600 × 900 frame. */
#game-viewport #story-dialog{inset:auto 48px 40px!important;left:48px!important;top:auto!important;transform:none!important;margin:0!important;width:1504px!important;max-width:none!important;height:300px;padding:20px 28px;border:20px solid transparent;border-image:url('assets/anime-panel-frame.png') 180 fill stretch;box-shadow:0 16px 60px #03141bd9;overflow:hidden}
#story-dialog .story-layout{height:100%;grid-template-columns:232px minmax(0,1fr);gap:24px;align-items:center}
#story-dialog .story-portrait-frame{height:220px;width:232px;align-self:center;display:flex;align-items:center;justify-content:center;border:0;margin:0;overflow:hidden;background:radial-gradient(ellipse,#94bcbc25,transparent 70%)}
#story-dialog #story-portrait{position:static;width:220px;height:220px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 7px #0007);image-rendering:auto}
#story-dialog .story-copy{position:relative;padding-bottom:36px;min-width:0}
#story-dialog .story-copy>.eyebrow{display:block;font-size:10px;line-height:1.2;letter-spacing:2px;color:#a8c8bd;margin:0 0 3px}
#story-dialog .story-copy h2{display:inline-block;font-size:26px;margin:4px 16px 4px 0;color:#ffe2a5;line-height:1.25}
#story-dialog #story-role{display:inline-block;font-size:13px;margin:0;color:#b4c9bc}
#story-dialog #story-text{font-family:'DM Sans',sans-serif;font-size:22px;line-height:1.45;min-height:64px;margin:0 0 6px;color:#f3efdc;letter-spacing:.1px}
#story-dialog #story-lore{font-size:12px;line-height:1.5;margin:8px 190px 0 0;color:#d5c189;min-height:18px}
#story-dialog #story-continue{position:absolute;right:0;bottom:0;font-size:12px;padding:9px 18px;min-width:162px}
.story-speaking #game-modal-backdrop{background:#06152112!important;backdrop-filter:none!important}
.story-speaking #card-hand,.story-speaking #hand-fold,.story-speaking #initiative-panel,.story-speaking .turn-actions,.story-speaking #battle-targets{visibility:hidden}
.chapter-staging #game>.mission,.chapter-staging .guardian-hud,.chapter-staging .turn-actions,.chapter-staging #card-hand,.chapter-staging #hand-fold,.chapter-staging #initiative-panel,.chapter-staging .gamebar{opacity:0;pointer-events:none}
#initiative-panel{position:absolute;left:24px;right:auto;top:144px;width:180px;display:flex;flex-direction:column;max-height:550px;z-index:17;border:12px solid transparent;border-image:url('assets/anime-panel-frame.png') 180 fill stretch;filter:drop-shadow(0 5px 12px #07172266)}
#initiative-fold{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-bottom:1px solid #d2b77455;background:transparent;padding:4px 1px 7px;font-family:Cinzel,Georgia,serif;font-size:12px;color:#e4d4ad}
#initiative-fold b{font-size:15px;color:#aebead}#initiative-phase{display:block;font-size:8px;letter-spacing:.6px;margin:8px 0;color:#adbcad}
#initiative-list{display:flex;flex-direction:column;gap:4px}
.initiative-entry{position:relative;display:flex;gap:7px;align-items:center;min-height:47px;padding:4px 2px 4px 4px;border:1px solid #80989033;background:#09263399;border-radius:3px;animation:initiative-enter .28s ease-out}
.initiative-entry.current{border-color:#eed79a;background:linear-gradient(110deg,#b18e4144,#8cbdad25);box-shadow:inset 0 0 9px #e8c56b1c,0 0 8px #e4ca7a29}
.initiative-entry.current.enemy{border-color:#c497ee;background:linear-gradient(110deg,#714b9355,#34245033)}
.initiative-entry canvas{position:static!important;width:35px!important;height:36px!important;border-radius:3px;object-fit:cover;flex-shrink:0}
.initiative-entry b{display:block;font-size:11px;line-height:1.2;font-weight:600;color:#eadfbe}.initiative-entry.enemy b{color:#dfbee9}.initiative-entry small{font-size:8px;color:#a4b5ac;display:block;margin-top:4px}.initiative-pointer{position:absolute;left:-16px;top:16px;font-size:12px;color:#ffe0a0;text-shadow:0 0 6px #bb9c4f}
#initiative-body>p{font-size:8px;line-height:1.4;color:#a2b9ac;text-align:center;margin:9px 0 0}.hud-hidden #initiative-panel{display:none!important}
@keyframes initiative-enter{from{transform:translateY(8px);opacity:.3}to{transform:translateY(0);opacity:1}}
#game-viewport #chapter-end{width:920px!important;height:auto;max-height:840px;padding:28px 44px 32px;text-align:center;overflow:auto}
#chapter-end h2{font-family:Cinzel,Georgia,serif;font-size:44px;letter-spacing:2px;color:#f1d794;margin:13px 0 5px}#chapter-end h3{font-family:Georgia,serif;font-size:22px;font-weight:400;color:#b8d5c4;margin:0 0 2px}
.chapter-end-portraits{position:relative;display:flex;align-items:center;justify-content:center;height:320px;margin:4px auto;background:radial-gradient(ellipse,#75bbaa22,transparent 65%)}.chapter-end-portraits canvas{position:static!important;width:238px!important;height:310px!important;object-fit:contain}.chapter-end-portraits>span{font-size:45px;color:#d4bc79;text-shadow:0 0 26px #92e0cc99}
#chapter-end-copy{font-family:Georgia,serif;font-size:19px;line-height:1.65;max-width:680px;margin:5px auto 17px;color:#e3e5cf}
#chapter-end-rewards{display:flex;justify-content:center;gap:17px;flex-wrap:wrap;font-size:12px;color:#b5d9bc;border-top:1px solid #d0b77555;padding-top:15px}.chapter-end-buttons{display:flex;gap:15px;justify-content:center;margin-top:25px}.chapter-end-buttons button{border:1px solid #d1b97f;background:linear-gradient(#c9b17c,#a28b58);padding:12px 22px;color:#18343c;font-family:Cinzel,Georgia,serif;font-size:13px}.chapter-end-buttons button:last-child{background:#173945;color:#e4d1a5}
#chapter-end[data-mode=defeat] #chapter-end-nara,#chapter-end[data-mode=defeat] .chapter-end-portraits>span{display:none}
.rarity-name{font-weight:inherit}.detail-type{letter-spacing:.4px}.rarity-legend{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0;padding:10px;border:1px solid #b6a16b44;background:#0d2b3455;font-size:12px}
#story-dialog .story-copy>.eyebrow{display:block;margin-bottom:3px}
.initiative-entry{animation:none}
.idle-frame-previews{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:0 0 10px;font-size:10px;color:#cdbb8e}.idle-frame-previews>span{letter-spacing:1px;text-transform:uppercase;margin-right:4px}.idle-frame-previews button{padding:5px 9px;background:#183944;border:1px solid #b39a6255;color:#d6d6bb;font-size:10px;border-radius:2px}.idle-frame-previews button:hover{background:#345756;color:#f0dfad}

#initiative-fold{flex-shrink:0}#initiative-body{overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#a89161 #17313b}#initiative-panel[hidden],#initiative-body[hidden]{display:none!important}