/* Isolated RC visual adapter. Raw V1.2 and READY compositions remain unchanged. */
#intro[hidden],[hidden]{display:none!important}
#intro{display:grid;align-items:stretch;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;isolation:isolate;height:100svh;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-family:system-ui,sans-serif}
#intro .rc-intro-top,#intro .rc-intro-bottom{position:relative;z-index:5;display:flex;align-items:center;gap:8px;padding:5px 12px;background:#111112;font-size:10px;line-height:1.5;letter-spacing:.03em}
.rc-intro-top>span,#status{flex:1;margin:0;min-width:0;overflow-wrap:anywhere}
#intro button{border:1px solid #f5f1e8;border-radius:0;background:#111112;color:#f5f1e8;font:700 10px/1.4 system-ui,sans-serif;padding:6px 10px;min-height:44px;min-width:44px;touch-action:pan-y;cursor:pointer}
#intro button:disabled{opacity:.45;cursor:default}#intro button:focus-visible{outline:3px solid #a6dfcd;outline-offset:-3px}
#intro #stage{position:relative;overflow:hidden;min-height:0;min-width:0;isolation:isolate}
.rc-scene,#loading-art,.rc-ready-mobile,.rc-ready-wide{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
#loading-art>svg{display:block;width:100%;height:100%;max-width:390px;max-height:780px}
.rc-ready-scene{z-index:2}.rc-ready-mobile>svg{display:block;width:100%;height:100%;max-width:390px;max-height:740px}.rc-ready-wide{display:none}.rc-ready-wide>svg{display:block;width:100%;height:100%;max-width:1200px;max-height:740px}
#intro #enter{position:absolute;inset:4px;z-index:3;background:transparent;padding:0;border:0}
#rc-papers{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden;isolation:isolate}
.rc-paper,.rc-paper-face,.rc-paper-lip,.rc-paper-depth{position:absolute;inset:0;pointer-events:none}
.rc-paper{transform-origin:50% 50%;will-change:transform}.rc-paper-face{overflow:hidden;z-index:2;background:#111112}.rc-paper-lip{background:#f5f1e8;transform:translate(3px,5px)}.rc-paper-depth{background:#111112;transform:translate(7px,10px)}
.rc-paper-face>.rc-ready-scene{clip-path:none!important}
#intro.rc-entering{background:transparent}#intro.rc-entering .rc-intro-top,#intro.rc-entering .rc-intro-bottom{visibility:hidden}#intro.rc-entering #ready,#intro.rc-entering #enter{visibility:hidden}
#intro-replay{min-height:44px;padding:8px 0}#close,#chapter-close{min-width:44px;min-height:44px}
@media(min-width:900px){.rc-ready-mobile{display:none}.rc-ready-wide{display:grid}#intro .rc-intro-top,#intro .rc-intro-bottom{padding:6px 20px;font-size:11px}}
@media(max-width:350px){#intro .rc-intro-top,#intro .rc-intro-bottom{font-size:9px;padding:4px 8px;gap:5px}#intro button{font-size:9px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){#intro *,#intro *::before,#intro *::after{animation:none!important;transition:none!important}}
html.intro-pending #chapter-hud{visibility:hidden;pointer-events:none}
/* Pause only finite site CSS animation playback while the document is hidden. */
body.rc-page-suspended *,body.rc-page-suspended *::before,body.rc-page-suspended *::after{animation-play-state:paused!important}
