/* Une scène en carton découpé : aplats mats, tranches crème et ombres de papier. */
.paper-stage{position:absolute;inset:0;overflow:hidden;background:var(--paper-sky,#eee1c8);isolation:isolate;pointer-events:none}
.paper-piece{position:absolute;inset:0;width:100%;height:100%;overflow:visible;will-change:transform;transform-origin:50% 100%;pointer-events:none}
.paper-piece:not(.paper-depth-0)>g{filter:drop-shadow(0 3px 0 #f8edda) drop-shadow(0 10px 9px #302f3b25)}
.paper-depth-0{filter:none}.paper-grain{position:absolute;inset:0;opacity:.16;pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23907a5c' filter='url(%23n)' opacity='.4' d='M0 0h140v140H0z'/%3E%3C/svg%3E")}
.paper-floor{position:absolute;bottom:0;left:0;right:0;height:3.5%;background:#d0b48c;box-shadow:0 -3px #f4e1bb,0 -12px 22px #43534618;background-image:repeating-linear-gradient(0deg,transparent 0 6px,#7b634d19 7px 8px)}
.paper-mini .paper-piece>g{filter:drop-shadow(0 4px 0 #f2e3c6) drop-shadow(0 8px 6px #302f3b33)}
.paper-mode{background:#e8d7bd;color:#3c514b}.paper-mode::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:8;border:clamp(7px,1vw,17px) solid #ead6b6;box-shadow:inset 0 0 0 2px #b79b732e,inset 0 10px 28px #4c433323;box-sizing:border-box}
.paper-mode .realm-environment{position:fixed;inset:0;z-index:0;transform:none!important;opacity:1!important;filter:none!important;background:#ebdcc4}
.paper-mode .realm-environment::before,.paper-mode .realm-environment::after,.paper-mode .realm-atmosphere,.paper-mode .realm-glow,.paper-mode .realm-motes,.paper-mode .realm-landscape{display:none!important}
body.paper-mode.realm-page{height:100dvh;min-height:0;overflow:hidden;background:#e8d7bd}
.paper-mode .realm-header{position:fixed;inset:14px 24px auto;z-index:20;background:transparent;border:0;color:#435950;text-shadow:none;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:11px}
.paper-mode .realm-brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;color:inherit}
.paper-mode .realm-layout{position:absolute;inset:72px 0 100px;padding:0!important;display:block;min-height:0;z-index:3;pointer-events:none}
.paper-mode .realm-copy{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(680px,70vw);text-align:center;padding:12px 24px;background:none;pointer-events:auto}
.paper-mode .realm-copy h1{font:500 clamp(32px,4vw,60px)/1.04 'Cormorant Garamond',Georgia,serif;letter-spacing:-1.5px;color:#334d46;text-shadow:0 1px #fff6;margin:10px 0 14px}
.paper-mode .realm-copy p{color:#465c53;text-shadow:none}.paper-mode .realm-eyebrow{font-size:9px;color:#72654d;letter-spacing:3px;margin:0}.paper-mode .realm-copy .realm-description{font-size:12px}.paper-mode #realmDescription{font-size:12px;margin:0 auto;max-width:450px}.paper-mode .realm-note{display:none}
.paper-mode .realm-actions{position:fixed;top:calc(100dvh - 230px);left:50%;transform:translateX(-50%);width:500px;max-width:85vw;justify-content:center;display:flex;gap:16px;align-items:center;font-size:11px;pointer-events:auto}
.paper-mode .realm-primary{background:#f6ebd5;border:1px solid #bca17d;color:#3c5549;border-radius:4px;box-shadow:0 4px 0 #c2a47a,0 10px 20px #433f3020;padding:14px 22px}.paper-mode #createTheme{color:#3e594e;border-color:#9f9276;text-shadow:0 1px #fff5}
.paper-mode .realm-book{position:absolute;top:36%;left:50%;transform:translateX(-50%);width:min(400px,32vw);height:42vh;min-height:0;padding:0;margin:0;pointer-events:auto}
.paper-mode .realm-book canvas{width:100%;height:100%;max-height:none;touch-action:none}.paper-mode .realm-book>p{font-size:9px;color:#385849;text-shadow:0 1px #fff6;text-align:center;margin:0}.paper-mode .blank-fallback{color:#3c5549;background:#ecdcb9;box-shadow:6px 6px 0 #ba9c71}
.paper-mode .portal-navigation{position:static;margin:0;padding:0;z-index:6}.paper-mode .portal-navigation>.side-portal{position:fixed;top:36%;bottom:auto;transform:none!important;width:clamp(145px,20vw,310px);height:auto;display:flex;align-items:center;flex-direction:column;background:none!important;border:0;padding:0;z-index:5;color:#355248;filter:none;pointer-events:auto}
.paper-mode .portal-navigation>#realmPrev{left:7%}.paper-mode .portal-navigation>#realmNext{right:7%}
.paper-mode .portal-preview{width:100%;aspect-ratio:.75;height:auto;display:block;position:relative;overflow:hidden;padding:0;border:clamp(9px,1.2vw,19px) solid #e9d1a8;border-radius:48% 48% 3px 3px;background:#c5b18f;box-shadow:0 0 0 3px #f8ead0,7px 9px 0 #ab8b6755,15px 20px 24px #3f44352b;transform:none!important;transition:box-shadow .4s!important}
.paper-mode .portal-preview::before,.paper-mode .portal-preview::after{display:none!important}.paper-mode .portal-preview .paper-stage{inset:0;opacity:1;box-shadow:inset 0 0 25px #3d493b44}.paper-mode .portal-preview-arrow{position:absolute;bottom:18%;top:auto;left:50%;transform:translateX(-50%);z-index:2;border:1px solid #fff8;background:#f2e1c6d9;color:#3a584c;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:19px}
.paper-mode .side-portal small{margin-top:18px;font-size:8px;letter-spacing:2px;color:#4c6358}.paper-mode .side-portal b{font:500 clamp(15px,1.6vw,23px) 'Cormorant Garamond',Georgia,serif;color:#2f4d42;max-width:260px;text-shadow:0 1px #fff6}.paper-mode .side-portal:hover .portal-preview{box-shadow:0 0 0 4px #f9e7be,9px 12px 0 #ab8b6755,18px 25px 28px #3f443530}
.paper-mode .portal-preview[data-paper-portal="space"]{border-color:#b6a4c5}.paper-mode .portal-preview[data-paper-portal="fire"]{border-color:#c67a63}.paper-mode .portal-preview[data-paper-portal="pirate"]{border-color:#bd976a}.paper-mode .portal-preview[data-paper-portal="magic"]{border-color:#b8a2c0}.paper-mode .portal-preview[data-paper-portal="garden"]{border-color:#a1b38a}.paper-mode .portal-preview[data-paper-portal="royal"]{border-color:#d6b277}
.paper-mode .portal-destination{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);z-index:10}.paper-mode #realmCounter{color:#355348;font-size:9px}.paper-mode #openConstellation{color:#355348;border-color:#7d927266;background:#efe3cacc;border-radius:3px;padding:8px 18px}.paper-mode .portal-gesture-hint{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);margin:0;width:90%;color:#435c50;font-size:9px;z-index:9;text-align:center}.paper-mode .portal-motion-control{display:none}.paper-mode .portal-flash{display:none!important}
.paper-mode[data-theme="space"] .realm-copy h1,.paper-mode[data-theme="space"] .realm-copy p,.paper-mode[data-theme="space"] .realm-header{color:#f2e1bd;text-shadow:none}
.paper-mode .constellation{background:#f1e6d1;color:#385349;border:10px solid #dac29d;border-radius:8px;box-shadow:0 30px 100px #182c3755}.paper-mode .constellation-map a{color:#40594d;background:#faf0dc;border:1px solid #d9c3a0;border-radius:3px;box-shadow:3px 4px #cbb79366}.paper-mode .constellation-map a small{color:#7b7b68}.paper-mode .constellation-map a>i{background:var(--star-color);box-shadow:none;animation:none}.paper-mode .constellation-close{color:#455b4f}.paper-mode .portal-shortcuts a{color:#375749;border-color:#8fa084}
.paper-changing .side-portal,.paper-changing .realm-layout{pointer-events:none!important}.paper-mode .inline-reader{z-index:100}.paper-mode.inline-reading .side-portal{visibility:hidden}
@media(max-width:800px){
 .paper-mode::after{border-width:7px}.paper-mode .realm-header{inset:8px 10px auto;padding:10px 6px;font-size:9px}.paper-mode .realm-header>span{display:none}.paper-mode .realm-brand{font-size:18px}.paper-mode .realm-layout{inset:64px 0 95px}.paper-mode .realm-copy{width:94vw;padding:0 16px}.paper-mode .realm-copy h1{font-size:34px;letter-spacing:-.5px;margin:8px 0 10px}.paper-mode #realmDescription{font-size:10px;max-width:310px}.paper-mode .realm-eyebrow{font-size:8px;letter-spacing:2px}
 .paper-mode .realm-book{top:29%;height:29vh;width:62vw}.paper-mode .realm-book>p{font-size:8px}.paper-mode .portal-navigation>.side-portal{top:49%;width:25vw;max-width:155px}.paper-mode .portal-navigation>#realmPrev{left:5%}.paper-mode .portal-navigation>#realmNext{right:5%}.paper-mode .portal-preview{border-width:7px;box-shadow:0 0 0 2px #f8ead0,4px 5px 0 #ab8b6755,8px 12px 12px #3f44352b}.paper-mode .side-portal b{font-size:14px;max-width:120px}.paper-mode .side-portal small{font-size:7px;margin-top:10px}.paper-mode .portal-preview-arrow{width:25px;height:25px;font-size:14px}.paper-mode .realm-actions{top:calc(100dvh - 225px);flex-direction:column;gap:10px;font-size:10px;width:85vw}.paper-mode .realm-primary{padding:10px 15px;font-size:11px}.paper-mode .portal-destination{bottom:45px}.paper-mode .portal-gesture-hint{bottom:16px;font-size:8px}.paper-mode .paper-stage:not(.paper-mini .paper-stage)>.paper-piece{width:160%;left:-30%}.paper-mode .paper-mini .paper-piece{width:100%;left:0}
}
@media(max-height:650px) and (min-width:801px){.paper-mode .realm-copy h1{font-size:36px}.paper-mode .portal-navigation>.side-portal{width:180px;top:32%}.paper-mode .realm-book{top:29%;height:38vh}.paper-mode .realm-actions{top:calc(100dvh - 205px)}}
/* Les éléments de lecture gardent leur centrage pendant leur montée. */
.paper-mode .realm-copy{left:15%;transform:none;width:70%}
.paper-mode .realm-book{left:34%;transform:none;width:32%}
.paper-mode .realm-actions{top:auto!important;bottom:130px}
.paper-mode.inline-reading .realm-actions{visibility:hidden}
.paper-mode:not(.realm-page):not(.storybook-world)>main,.paper-mode:not(.realm-page):not(.storybook-world)>header{position:relative;z-index:2}
.paper-mode:not(.realm-page):not(.storybook-world)>main{background:#f4e9d9e8;border-radius:8px}
@media(max-width:800px){.paper-mode .realm-copy{left:3%;width:94%}.paper-mode .realm-book{left:19%;width:62%}.paper-mode .realm-actions{bottom:115px}}
.paper-changing .realm-environment .paper-stage{background:transparent}
.paper-mode .paper-mini>.paper-piece{width:100%!important;left:0!important}
.paper-mode .realm-actions{z-index:10}
.paper-mode.storybook-world>header{background:#f3e7d2ed;color:#3d5549;backdrop-filter:none;border-bottom:1px solid #c8b28d;box-shadow:0 4px 0 #dbc7a66b}
.paper-mode .navlinks a,.paper-mode .logo,.paper-mode .nav .iconbtn{color:#3d5549}.paper-mode .demo-ribbon{background:#e5d6b8e8;color:#56644f;border-color:#c8b18c;backdrop-filter:none}.paper-mode .mobile-nav{background:#f4e8d1;color:#3d5549;border-color:#ccb58e}.paper-mode .mobile-nav a{color:#3d5549}.paper-mode .motion-toggle{color:#53634e!important;border-color:#aa9674!important}
@media(min-width:801px){.paper-mode .realm-book{height:36vh}}

/* Tranche claire et ombre courte : des découpes de carton mat. */
.paper-piece:not(.paper-depth-0)>g{filter:drop-shadow(1px 3px 0 #f8edda) drop-shadow(2px 5px 0 #b6a38c66) drop-shadow(0 11px 7px #302f3b29)}
.paper-piece{backface-visibility:hidden}

/* Découpes du catalogue : les mêmes dessins que les scènes. */
.paper-mode .constellation-map a{gap:9px;padding:14px 10px;min-height:138px}.theme-paper-symbol{display:block;width:90px;height:66px;flex:none;overflow:visible;filter:drop-shadow(2px 3px 0 #bba58155);transition:transform .3s ease}.constellation-map a:hover .theme-paper-symbol,.constellation-map a:focus-visible .theme-paper-symbol{transform:translateY(-3px) rotate(-3deg)}.paper-mode .constellation>p:last-child{color:#6c715d}@media(max-width:600px){.theme-paper-symbol{width:65px;height:51px}.paper-mode .constellation-map a{min-height:122px;padding:10px 6px}}
