*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050b15;color:#ecf6ff;font:12px/1.5 system-ui,"Microsoft YaHei",sans-serif}
.storyScene{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}
.storyPoster,.storyBackground,.storySatellite{position:absolute;inset:0;width:100%;height:100%;display:block}
.storyPoster{object-fit:contain}
.storyBackground,.storySatellite{opacity:0;pointer-events:none}
.storyBackground canvas{display:block;width:100%;height:100%}
.storyScene.isReady .storyBackground,.storyScene.isReady .storySatellite{opacity:1}
.storyControls{position:absolute;bottom:12px;right:12px;left:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}
.storyHint{font-size:10px;color:#d4e3eb;text-shadow:0 1px 4px #000;letter-spacing:.05em}
.storyControls button{pointer-events:auto;cursor:pointer;color:#dceff4;border:1px solid #64838e85;border-radius:5px;background:#07131bdd;padding:6px 10px;min-height:32px;font:inherit}
.storyControls button:focus-visible{outline:2px solid #62e2cf;outline-offset:2px}
.storyControls button:disabled{cursor:default;opacity:.65}
@media(max-width:420px){.storyHint{font-size:9px}.storyControls{bottom:8px;left:8px;right:8px}.storyControls button{font-size:10px;padding:5px 8px}}