*{box-sizing:border-box}html,body,#root{min-width:0;max-width:100%;overflow-x:hidden}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:88px}body{min-height:100svh;padding-bottom:calc(98px + env(safe-area-inset-bottom,0px));overscroll-behavior-y:none}.app-shell{width:min(1180px,calc(100% - 24px));margin-inline:auto}.topbar,.react-tabs,.kid-start-card,.creator-wizard,.story-card,.library-panel,.favorites-panel,.badges-panel,.premium-panel{max-width:100%}img{max-width:100%;height:auto}button,a,input,select,textarea{-webkit-tap-highlight-color:rgba(49,233,129,.18)}button,a{touch-action:manipulation}input,select,textarea{font-size:16px!important}.react-bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom,0px))!important}.react-bottom-nav button,.react-bottom-nav a{min-height:60px}.characters-grid,.villain-grid,.type-grid{scrollbar-width:none}.characters-grid::-webkit-scrollbar,.villain-grid::-webkit-scrollbar,.type-grid::-webkit-scrollbar,.story-toolbar::-webkit-scrollbar{display:none}.story-toolbar,.characters-grid,.villain-grid,.type-grid{-webkit-overflow-scrolling:touch}.page-controls,.wizard-actions{box-shadow:0 18px 50px rgba(0,0,0,.28)}@media(max-width:860px){.app-shell{width:min(100% - 16px,520px);padding-inline:0}.ambient{display:none}.topbar{position:sticky;top:0;z-index:70;background:rgba(7,22,15,.9);backdrop-filter:blur(16px);border-radius:0 0 22px 22px;margin-inline:-8px;padding-inline:12px!important}.brand-mark{width:38px!important;height:38px!important}.brand strong{font-size:.9rem}.top-actions{margin-left:auto}.mode-toggle,.club-link{min-height:42px!important;white-space:nowrap}.kid-start-card{margin-top:12px}.kid-start-card,.creator-wizard,.story-card,.library-panel,.favorites-panel,.badges-panel,.premium-panel{box-shadow:0 18px 55px rgba(0,0,0,.28)!important}.kid-start-card p,.section-heading p,.premium-panel p,.library-screen:after,.badges-screen:after{font-size:.98rem}.creator-wizard{margin-bottom:18px}.wizard-step-pane{min-height:360px}.wizard-dots{position:sticky;top:66px;z-index:50;background:rgba(7,22,15,.72);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:6px}.wizard-actions{position:sticky!important;bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;z-index:75!important}.wizard-actions button{font-size:1rem}.mobile-carousel-grid{margin-inline:-2px}.characters-grid,.villain-grid,.type-grid{grid-auto-columns:minmax(162px,76vw)!important}.character-card,.villain-card,.type-card{min-height:170px!important}.character-card strong,.villain-card strong,.type-card strong{font-size:1rem}.character-card small,.villain-card small,.type-card small{font-size:.82rem;line-height:1.25}.story-cover,.child-story-page,.library-panel,.favorites-panel,.badges-panel{contain:layout paint}.read-screen .child-story-page{min-height:calc(100svh - 250px)!important}.read-screen .child-page-controls{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}.read-screen .story-toolbar{top:64px!important}.story-toolbar button,.story-toolbar a{min-width:48px}.story-toolbar button:nth-child(1),.story-toolbar button:nth-child(2){min-width:116px}.story-final-actions{display:grid!important;grid-template-columns:1fr;gap:8px}.story-final-actions a,.story-final-actions button{min-height:52px}.library-filter-row{gap:10px}.story-shelf-card small{word-break:break-word}.badges-screen .badge-card{touch-action:pan-y}.react-toast{bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}.voice-select{max-width:190px}}@media(max-width:390px){.app-shell{width:calc(100% - 12px)}.brand span:last-child{max-width:132px}.mode-toggle{display:none}.club-link{font-size:.72rem!important}.wizard-dots button{min-height:52px!important}.characters-grid,.villain-grid,.type-grid{grid-auto-columns:minmax(148px,82vw)!important}.read-screen .child-story-page p{font-size:1.08rem!important}.react-bottom-nav small{font-size:.62rem!important}.react-bottom-nav span{font-size:1.12rem!important}}@media(hover:none){.story-shelf-card:hover,.badge-card:hover,.type-card.active,.character-card.selected,.villain-card.active{transform:none!important}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(orientation:landscape) and (max-height:540px){.react-bottom-nav{grid-template-columns:repeat(5,1fr);max-width:620px;margin-inline:auto;left:50%!important;right:auto!important;transform:translateX(-50%);width:calc(100% - 20px)}.kid-start-stage{display:none}.wizard-step-pane{min-height:auto}.read-screen .child-story-page{min-height:260px!important}}@media print{body{padding-bottom:0}.react-bottom-nav{display:none!important}}