.battle-navigation{position:absolute;top:76px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:12;white-space:nowrap}.battle-navigation button{font-size:14px;padding:8px 12px}.story-layer,.session-confirm{position:fixed;inset:0;z-index:150;background:#03080dec;color:#e5edf0;isolation:isolate}.story-layer.hidden,.session-confirm.hidden{display:none}.story-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 40% 60%,#16303d88,transparent 70%);z-index:-1}.story-top{position:absolute;left:5%;right:5%;top:5%;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #63868d66;padding-bottom:14px;font-size:18px}.story-top small{font-size:13px;color:#9aaeb7}.story-cast{position:absolute;inset:13% 8% 23%;display:flex;justify-content:space-between;align-items:flex-end;overflow:hidden}.story-cast canvas,.story-cast img{width:43%;height:100%;object-fit:contain;object-position:bottom;filter:brightness(.5);transition:filter .3s}.story-cast .speaking{filter:brightness(1)}.story-box{position:absolute;bottom:4%;left:5%;right:5%;padding:20px 26px;background:linear-gradient(120deg,#10232cf5,#081218fa);border:1px solid #648b9699;border-left:4px solid #5fd5d8;box-shadow:0 12px 50px #0008}.story-meta{display:flex;justify-content:space-between;color:#9fc3cf;font-size:14px}.story-meta strong{font-size:20px;color:#c7f6ed}.story-box p{font-size:18px;line-height:1.7;margin:12px 0;min-height:3.4em}.story-actions{display:flex;justify-content:flex-end;gap:12px}.story-actions button{min-height:42px;min-width:105px}.story-box>small{display:block;font-size:12px;color:#819ca9;margin-top:8px}.session-confirm{z-index:170;display:grid;place-items:center;padding:20px;background:#02060ddd}.session-card{width:min(480px,100%);padding:28px;background:linear-gradient(140deg,#142833,#09141c);border:1px solid #6b929c;box-shadow:0 18px 80px #0009}.session-card small{color:#89b9c2;font-size:12px;letter-spacing:.12em}.session-card h2{font-size:23px}.session-card p{font-size:16px;line-height:1.8}.session-card>div{display:flex;gap:12px;justify-content:flex-end}.session-card button{min-height:44px}#sessionError{color:#ffc098}.is-loading .battle-navigation{visibility:hidden}@media(max-height:520px){.story-top{top:3%;font-size:16px;padding-bottom:7px}.story-cast{inset:12% 10% 12%}.story-box{bottom:3%;padding:10px 18px}.story-box p{font-size:16px;line-height:1.5;min-height:0;margin:8px 0}.story-meta strong{font-size:17px}.story-actions button{min-height:36px}.story-box>small{position:absolute;bottom:17px;left:18px}.battle-navigation{top:67px}.battle-navigation button{padding:6px 9px}.story-actions{margin-left:220px}}@media(max-width:600px){.story-top{flex-direction:column;gap:5px}.story-box{padding:15px}.story-box p{font-size:16px}.story-meta strong{font-size:18px}.story-cast{inset:18% 2% 30%}.story-cast canvas,.story-cast img{width:49%}.battle-navigation{top:90px}.battle-navigation button{font-size:13px;padding:7px}.hub-head{flex-wrap:wrap}}
.story-layer{background:#03080d80}.story-navigation{position:absolute;top:calc(5% + 58px);right:5%;display:flex;gap:8px;z-index:2}.story-navigation button{font-size:14px;padding:7px 12px}@media(max-height:520px){.story-navigation{top:calc(3% + 32px)}}