/* One content screen above a consistent bottom action dock. */
.screenTabs303{order:100;flex:0 0 auto;min-height:56px;width:100%;padding:7px 0 max(5px,env(safe-area-inset-bottom));border-top:1px solid #927c5b40;background:#f3eee2b8;backdrop-filter:blur(20px);gap:0;overflow-x:auto}.screenTabs303 button{display:flex;flex:1 0 65px;flex-direction:column;align-items:center;gap:3px;padding:0 5px!important;border:0!important;border-radius:0!important;background:transparent!important;font:11px/1.2 system-ui!important;color:#525a50!important}.screenTabs303 button svg{width:24px;height:24px;flex:none}.screenTabs303 button[aria-selected=true]{color:#9c3025!important}.pageNav302{order:30;flex:0 0 32px!important;gap:16px;margin:0!important;padding:0!important;border:0;background:none}.pageNav302 button{display:grid;place-items:center;border:0!important;background:none!important;border-radius:0!important;box-shadow:none;padding:2px 10px!important;color:inherit}.pageNav302 button svg{width:23px;height:23px}.pageNav302 button:disabled{opacity:.24}.homeScreens302 #timeline154{flex:1;min-height:0}.homeScreens302 #timeline154>h2{font-size:22px;margin:5px 0 10px}.homeScreens302 #timeline154>.pagedItem302{height:calc(100% - 48px)!important;overflow:hidden}.homeScreens302 #timeline154 .era154{height:100%;min-height:0}.homeScreens302 #timeline154 .card154{height:min(46dvh,410px)}.homeScreens302 .featured154>.sectionHead154{flex:0 0 auto}.homeScreens302 #featured154{grid-template-columns:1fr!important;grid-auto-rows:minmax(0,1fr)}.homeScreens302 #featured154 .card154{height:100%;min-height:0}.eraNav303{order:31;display:flex;flex:0 0 34px;position:relative;gap:0;align-items:center;justify-content:space-between;padding:0 3px}.eraNav303:before{content:'';position:absolute;left:10px;right:10px;top:7px;border-top:1px solid #8b795c66}.eraNav303 button{border:0;background:none;position:relative;min-width:0;padding:10px 0 0;font:9px system-ui;color:inherit;white-space:nowrap}.eraNav303 button:before{content:'';position:absolute;left:calc(50% - 2px);top:1px;width:4px;height:4px;border:1px solid #82725b;border-radius:50%;background:#f0ebdf}.eraNav303 button[aria-pressed=true]{color:#a33325}.eraNav303 button[aria-pressed=true]:before{background:#a33325;border-color:#a33325}.eraNav303[hidden]{display:none}.homeScreens302>footer{display:none}
.guideScreens302>.screenTabs303{margin-top:auto}.guideScreens302>.screen302{flex:1;min-height:0}.screens302 #worksFeed198{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;flex:1}.screens302 #worksFeed198>.hallCard197{display:flex;flex-direction:column;min-height:0;border-radius:5px;overflow:hidden}.screens302 #worksFeed198 .hallAuthor197{padding:4px 6px;flex:none}.screens302 #worksFeed198 h2{font-size:12px;margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screens302 #worksFeed198 time{font-size:9px}.screens302 #worksFeed198 .hallImage197{flex:1;min-height:0;aspect-ratio:auto!important}.screens302 #worksFeed198 .hallImage197 img{width:100%;height:100%;object-fit:contain}.screens302 #worksFeed198 .worksActions198{flex:none;padding:3px 5px;gap:5px;max-height:42px;overflow:auto;font-size:10px}.screens302 #worksFeed198 .workSelect203{font-size:10px;padding:2px 5px}.screens302 .worksTabs198{margin:3px 0;gap:5px}.screens302 .worksTabs198 button{padding:4px;font-size:11px}.screens302 #worksSearch198{padding:5px;font-size:12px}.screens302 .hallTop197 h1{font-size:20px;margin:0}.screens302 #moreWorks198{margin:0!important;padding:3px!important;border:0;background:none;font-size:11px}.screens302 #batchWorks203{position:static;gap:5px;padding:3px;font-size:10px}.screens302 #batchWorks203 button{font-size:10px}.screens302 #worksStatus198{flex:none}
.vsPlayerFit303{display:grid;place-items:center;position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.vsPreview{position:relative}.vsInk303{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:290px}.vsInk303 button,.vsInk303 label{display:flex;flex:0 0 40px;flex-direction:column;align-items:center;gap:4px;padding:3px 0;border:0;background:none;font:11px system-ui}.vsInk303 i,.vsInk303 input[type=color]{display:block;flex:0 0 30px;width:30px!important;height:30px!important;min-width:30px;min-height:30px;border-radius:50%!important;padding:0!important;box-sizing:border-box;aspect-ratio:1!important;border:1px solid #91846d88;background:var(--ink303)}.vsInk303 [aria-pressed=true] i{outline:2px solid #a33325;outline-offset:3px}.vsInk303 input::-webkit-color-swatch-wrapper{padding:0}.vsInk303 input::-webkit-color-swatch{border-radius:50%;border:0}.vsSide>h1{font-size:15px;text-align:center;align-self:center;width:100%}.vsSide{align-items:center}
#exportPreview182[open]{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto auto auto auto auto!important;gap:4px!important;overflow:hidden!important}#exportPreview182 .exportImage182{min-height:0!important;max-height:100%!important;height:100%!important}#exportPreview182 .exportMode282{display:flex!important;justify-content:center;gap:22px;position:relative;flex:none;z-index:4;min-height:32px;visibility:visible!important}#exportPreview182 .exportMode282 button{padding:6px 10px;font-size:12px;border:0;background:none}#exportPreview182 .exportMode282 [aria-pressed=true]{color:#a33325;border-bottom:2px solid #a33325}#exportPreview182 [data-settings]{max-height:23dvh!important;min-height:0;overflow:auto}#exportPreview182 [data-settings][hidden]{display:none!important}#exportPreview182 .exportThumbs192:empty,#exportPreview182 [data-status]:empty{display:none}#exportPreview182 .exportActions182{min-height:34px;position:relative;z-index:5}#exportPreview182 .exportHint182{font-size:9px;line-height:1.2;margin:0;max-height:24px;overflow:hidden}

#exportPreview182>.dialogHead{grid-row:1}#exportPreview182>.exportImage182{grid-row:2}#exportPreview182>.exportThumbs192{grid-row:3}#exportPreview182>[data-status],#exportPreview182>[data-retry]{grid-row:4}#exportPreview182>.exportMode282{grid-row:5}#exportPreview182>[data-settings]{grid-row:6}#exportPreview182>.exportActions182{grid-row:7}#exportPreview182>.exportHint182{grid-row:8}
.homeScreens302 #timeline154[data-active302=true]{display:flex!important;flex-direction:column}.homeScreens302 #timeline154>h2{flex:none}.homeScreens302 #timeline154>.pagedItem302{display:flex;flex-direction:column;flex:1;min-height:0;height:auto!important}.homeScreens302 #timeline154>.pagedItem302>h3,.homeScreens302 #timeline154>.pagedItem302>p{flex:none}.homeScreens302 #timeline154>.pagedItem302>:last-child{flex:1;min-height:0}.homeScreens302 #timeline154 .card154{height:100%!important;min-height:0}.homeScreens302 #timeline154>.pagedItem302>div{min-height:0}

.filmLibrary303 #batchWorks203>button:not(#recordWorks294),.filmLibrary303 #manageWorks203,.filmLibrary303 #trashWorks203{display:none!important}.filmLibrary303 .worksActions198>*:not([data-film303]):not([data-view303]){display:none!important}.filmLibrary303 .worksActions198{max-height:30px!important;overflow:hidden!important;gap:18px!important}.filmLibrary303 .hallAuthor197 time{display:none}.filmLibrary303 .hallImage197{border-radius:0!important}
.homeScreens302 .featured154 .card154{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#33433a}
.guideScreens302{display:flex!important;flex-direction:column;flex:1;min-height:0}.guideScreens302>.screenTabs303{margin-top:auto!important}
/* V305: typography, robust docks and explicit gallery expansion. */
.homeScreens302 .brand154 .brandTitle154 strong{font-size:30px!important;line-height:1!important;letter-spacing:.06em!important}.homeScreens302 .brandTitle154 img{width:30px!important;height:30px!important;max-height:30px!important}
body.screens302 main>nav.screenTabs303{order:100!important;display:flex!important;flex:0 0 55px!important;width:100%!important;min-height:55px!important;max-height:68px!important;grid-template-columns:none!important;gap:0!important;padding:6px 0 max(4px,env(safe-area-inset-bottom))!important;box-sizing:border-box!important}
body.screens302 main>nav.screenTabs303 button{display:flex!important;flex:1 1 0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;max-height:56px!important;gap:3px!important;padding:0 3px!important;font:11px/1.2 system-ui!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.screens302 main>nav.screenTabs303 button svg{display:block!important;flex:0 0 23px!important;width:23px!important;height:23px!important;min-width:23px!important;max-width:23px!important;max-height:23px!important}
body.screens302 main>.screen302{order:10;flex:1;min-height:0}body.screens302 main>.screen302[data-active302=false]{display:none!important}body.screens302 main>.screen302[data-active302=true]{min-height:0!important}
body.screens302:has(#pageManager260) main>.saveBar260,body.screens302:has(#pageManager260) main>label,body.screens302:has(#pageManager260) main>#status{order:40;flex:none}
body.screens302:has(#pageManager260) main>header,body.screens302:has(#pageManager260) main>.topPanels301{order:0;flex:none}
body.rankScreen305 .tabs254,body.rankScreen305 .hero254{display:none!important}
body.screens302 #worksFeed198.feed305,body.screens302 #hallFeed197.feed305{display:block!important;flex:1!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain;column-count:2;column-gap:10px;padding:0 2px 12px!important;touch-action:pan-y!important;grid-template-rows:none!important}
.feed305>.hallColumn199,.feed305>.worksColumn198{display:contents!important}
body.screens302 .feed305 .hallCard197{display:block!important;break-inside:avoid!important;height:auto!important;max-height:none!important;margin:0 0 10px!important;overflow:hidden;border-radius:7px}
body.screens302 .feed305 .hallImage197{display:block!important;flex:none!important;height:auto!important;min-height:110px!important;aspect-ratio:auto!important}
body.screens302 .feed305 .hallImage197 img{position:static!important;display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;min-height:110px}
body.screens302 .feed305 [data-collapsed305=true]{display:none!important}.feed305 .hallActions197,.feed305 .worksActions198{display:flex;flex-wrap:wrap;max-height:none!important;height:auto!important;overflow:visible!important}
body.screens302 .feed305:not(.expanded305){overflow:hidden!important}.feed305:not(.expanded305) .hallImage197 img{max-height:22dvh!important;object-fit:contain!important}
body.screens302 #moreWorks198,body.screens302 #moreHall197{order:40;min-height:32px!important;font-size:12px!important}body.screens302 #moreWorks198[hidden],body.screens302 #moreHall197[hidden]{display:none!important}
/* One chronological screen; author stacks consume vertical gestures only. */
.homeScreens302 #timeline154>h2,.homeScreens302 #timeline154>.epoch154>header,.homeScreens302 .worldHeading154{display:none!important}
.homeScreens302 #timeline154>.epoch154{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100%!important;min-height:0!important;position:relative;overflow:hidden!important}
.homeScreens302 #timeline154>.epoch154.hasWorld305{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.homeScreens302 #timeline154>.epoch154[data-page-visible302=false]{display:none!important}
.homeScreens302 #timeline154 .cardTrack154{display:block!important;position:relative!important;grid-column:1;grid-row:1;min-width:0!important;height:100%!important;overflow:hidden!important;touch-action:none!important;scroll-snap-type:none!important}
.homeScreens302 #timeline154 .hasWorld305>.cardTrack154{grid-column:2!important}
.homeScreens302 #timeline154 .cardTrack154>.card154{position:relative!important;width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box}
.homeScreens302 #timeline154 .cardTrack154>.card154[data-cover-visible305=false]{display:none!important}
.homeScreens302 #timeline154 .world154{grid-column:1!important;grid-row:1!important;display:flex!important;position:relative!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory}
.homeScreens302 #timeline154 .worldTile219{flex:0 0 100%!important;width:100%!important;height:100%!important;min-height:0!important;position:relative!important;overflow:hidden!important}
.homeScreens302 #timeline154 .worldCoverButton189{display:block!important;width:100%!important;height:100%!important;max-height:none!important;padding:0!important}
.homeScreens302 #timeline154 .worldCoverButton189 img{width:100%!important;height:100%!important;object-fit:cover!important}
.homeScreens302 #timeline154 .worldInfo220{position:absolute!important;inset:10px 10px auto!important;background:#f4efdfd9!important;backdrop-filter:blur(10px);padding:7px!important;z-index:3;pointer-events:none;font-size:11px!important;max-height:40%;overflow:hidden!important}
.homeScreens302 #timeline154 .worldInfo220>*{display:block;font-size:inherit!important}.homeScreens302 #timeline154 .worldInfo220 a{pointer-events:auto}
.cardAuthor305{position:absolute;top:10px;right:10px;left:auto;max-width:min(70%,360px);z-index:4;background:#f4efdfd9;backdrop-filter:blur(10px);padding:7px 9px;text-align:right;pointer-events:none;color:#263e32}
.cardAuthor305 h3{font:17px/1.3 serif!important;margin:0 0 4px!important}.cardAuthor305 small{font:10px/1.5 system-ui!important;display:block}
.homeScreens302 #timeline154 .cardQuick154{top:auto!important;bottom:13px!important;right:12px!important}.homeScreens302 #timeline154 .cardInfo154{right:75px!important}
.homeScreens302 #timeline154 .dots154{position:absolute!important;left:auto!important;right:7px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;display:flex!important;flex-direction:column!important;gap:6px;z-index:7}
.dots154 button{width:18px;height:18px;min-height:18px!important;min-width:18px!important;border:0;background:transparent;padding:5px}.dots154 button:after{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#fff9;box-shadow:0 0 2px #000}.dots154 button[aria-pressed=true]:after{background:#a33325;outline:1px solid #fff}
.homeScreens302 #banner154{display:flex!important;flex-direction:column;min-height:0!important}.homeScreens302 #banner154[data-active302=false]{display:none!important}.homeScreens302 #banner154 .bannerWindow154{flex:1;min-height:120px!important;max-height:55%;height:auto!important}.homeScreens302 #banner154 .bannerSlide154{min-height:0!important;height:100%!important}.homeScreens302 #banner154 .bannerSlide154 h2{font-size:clamp(20px,3vw,32px)!important}.homeScreens302 #banner154 .bannerSlide154 p{font-size:11px!important}.homeScreens302 #banner154 .bannerControls154{flex:none}
.discoverLinks305{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:6px 0}.discoverLinks305 h3{font:11px system-ui;opacity:.65;margin:8px 0}.discoverLinks305 nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 5px}.discoverLinks305 a{display:flex;flex-direction:column;align-items:center;gap:4px;color:inherit;text-decoration:none;font:11px system-ui}.discoverLinks305 img{width:26px;height:26px;object-fit:contain}.discoverLinks305 [hidden]{display:none!important}
@media(max-width:500px){.discoverLinks305 nav{grid-template-columns:repeat(5,minmax(0,1fr))}.cardAuthor305{max-width:78%;padding:5px}.cardAuthor305 h3{font-size:12px!important}.cardAuthor305 small{font-size:8px!important;max-height:3em;overflow:hidden}.homeScreens302 #timeline154 .hasWorld305 .cardInfo154{left:7px!important;right:30px!important;font-size:9px}.homeScreens302 #timeline154 .hasWorld305 .cardInfo154 strong{font-size:16px!important}.homeScreens302 #timeline154 .hasWorld305 .cardQuick154{display:none!important}}
/* Download: mode, visibility and actions share one compact row. Errors remain visible. */
dialog#exportPreview182#exportPreview182[data-panel304=export][open]{grid-template-rows:32px minmax(0,1fr) auto auto auto auto auto auto!important}
#exportPreview182#exportPreview182[data-panel304=export]>.exportControls305{grid-row:7!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:40px!important;max-height:60px!important;overflow-x:auto!important;overflow-y:hidden!important}
#exportPreview182#exportPreview182[data-panel304=export] .exportControls305>.exportMode282{display:flex!important;gap:0!important;flex:0 0 auto!important;margin:0!important;min-height:32px!important}
#exportPreview182#exportPreview182[data-panel304=export] .exportControls305 .exportMode282 button{padding:5px!important;font-size:10px!important;white-space:nowrap}
#exportPreview182#exportPreview182[data-panel304=export] .exportControls305>.exportActions182{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:5px!important;min-height:40px!important;margin:0!important;padding:0!important}
#exportPreview182#exportPreview182[data-panel304=export] .exportControls305 .exportActions182>.visibilitySwitch182{display:flex!important;flex-direction:row!important;gap:5px!important;height:28px!important;min-height:28px!important;padding:2px 5px!important;font-size:10px!important;flex:none!important}
#exportPreview182#exportPreview182[data-panel304=export] .exportControls305 .exportActions182>[data-save],#exportPreview182#exportPreview182[data-panel304=export] .exportControls305 .exportActions182>button:not(.visibilitySwitch182),#exportPreview182#exportPreview182[data-panel304=export] .exportControls305 .exportActions182>[data-png]{height:40px!important;min-height:40px!important;gap:2px!important;padding:2px 4px!important;font-size:10px!important;flex:none!important}
#exportPreview182#exportPreview182[data-panel304=export] .exportControls305 svg{width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important}
/* The scroll viewport contains two independent stacks, never extra horizontal columns. */
body.screens302 #worksFeed198.feed305,body.screens302 #hallFeed197.feed305{column-count:auto!important}
.feedColumns305{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:10px!important;width:100%;height:auto!important}
.feedColumn305{display:flex!important;flex-direction:column!important;min-width:0!important;gap:10px!important}.feedColumn305>.hallCard197{margin:0!important}

.discoverLinks305 a svg{display:block;width:26px!important;height:26px!important;flex:none;fill:none;stroke:currentColor}

body.rankScreen305 .mobileTabs260{display:none!important}