/* Final responsive layer: loaded after the illustrated page styles. */
html{--universe-art:url(assets/brand/universe-pt.svg?v=20261031);--universe-ratio:422/209}
html[lang^="en"]{--universe-art:url(assets/brand/universe-en.svg?v=20261031)}
html[lang^="es"]{--universe-art:url(assets/brand/universe-es.svg?v=20261031)}
.teimur-wordmark{display:block;width:100%;height:auto;object-fit:contain}
.world-title:has(.teimur-wordmark){width:min(540px,100%);line-height:1;margin:16px 0 26px}
.site-brand img{height:auto;object-fit:contain;mix-blend-mode:normal}
.m-menu-logo{aspect-ratio:422/209;-webkit-mask-image:var(--universe-art);mask-image:var(--universe-art)}
img,video{max-width:100%}
:focus-visible{outline:2px solid #a78551;outline-offset:4px}
@media(max-width:900px){
  .formation-journey{display:block!important;width:100%;min-width:0}
  .formation-aside{display:none!important}
  .year-list,.year-chapter{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
  .year-chapter{padding-left:25px!important;padding-right:0!important}
  .year-chapter h3,.year-chapter p{max-width:100%!important;overflow-wrap:break-word}
  .book-page .prologue-frame{width:100%!important;max-width:100%!important;box-sizing:border-box}
  .book-page .manuscript-quote{width:100%!important;max-width:100%!important}
  .celestial-chapter,.celestial-chapter.reverse{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  .celestial-copy{min-width:0;width:100%;max-width:100%}
  .qiellor-scroll .celestial-copy h3{white-space:normal}
  .celestial-chapter.reverse .celestial-art{order:0!important}.celestial-chapter.reverse .celestial-copy{order:1!important}
  .rpg-split,.book-map{grid-template-columns:minmax(0,1fr)}
  .rpg-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
  .faculty-group-heading,.race-copy,.character-copy,.rpg-campaign-copy{min-width:0}
}
@media(max-width:760px){
  html{scroll-padding-top:80px}
  body{width:100%;min-width:0}
  main,section,article,figure,aside{min-width:0}
  h1,h2,h3,p,li,a{overflow-wrap:break-word}
  .site-header .site-brand{width:min(190px,58vw)!important;flex:0 1 auto!important}
  .site-header .site-brand img{width:100%!important;height:auto!important;max-height:60px!important;max-width:100%!important;object-fit:contain}
  .m-menu{height:100dvh;max-height:100dvh;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-top:max(14px,env(safe-area-inset-top));padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}
  .m-menu-head{flex:0 0 auto}.m-menu-links{flex:0 0 auto}.m-menu-foot{flex:0 0 auto}
  .m-menu-logo{width:min(180px,50vw);height:auto;min-height:68px}
  .m-menu-close,.m-menu-btn{min-width:46px;min-height:46px}
  .m-menu-langs a{min-width:44px;min-height:44px}
  .portal-home .hero{height:auto!important;min-height:0!important;padding:24px 6vw 20px!important}
  .portal-home .hero .copy{width:100%!important;max-width:none!important;padding:8px 0 0!important}
  .portal-home .world-title{width:min(420px,100%);max-width:100%;margin:18px 0 24px}
  .portal-home .hero .whale-arrival{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/10;margin:18px 0 0!important;overflow:visible!important}
  .portal-home .hero .whale-arrival .hero-whale{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;height:auto!important}
  .portal-home .orbit-menu{margin:0 -6vw 10px!important;width:100vw!important;padding:0!important}
  .orbit-viewport{touch-action:pan-x pan-y;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding-block:26px 22px!important}
  .orbit-track{gap:12px!important;padding-inline:16px!important}
  .orbit-track .gate{width:98px!important;transform:none!important;scroll-snap-align:center}
  .orbit-track .medallion{animation:none!important;transform:none!important}
  .orbit-menu .gate b{white-space:normal!important;min-height:34px;font-size:12px!important;text-transform:none}
  .orbit-controls button{width:44px!important;height:44px!important}
  .home-companions{min-height:0!important;margin-top:18px!important}
  .home-companions .hc-scene{width:112vw!important;margin-left:-12vw!important}
  .home-author{grid-template-columns:minmax(0,1fr)!important;gap:24px!important;padding:44px 6vw!important}
  .author-collage{width:100%;height:min(94vw,460px)!important;margin:0!important}
  .author-copy{padding:0!important;width:100%!important;max-width:none!important}
  .book-cover{height:auto!important;min-height:0!important;gap:24px!important;padding:34px 6vw 20px!important;overflow:hidden}
  .book-cover .book-copy{width:100%!important;max-width:none!important;padding:0!important}
  .book-cover .book-object{position:relative!important;inset:auto!important;transform:none!important;margin:0 auto!important;align-self:center}
  .book-cover .book-bakri{position:relative!important;inset:auto!important;width:112%!important;max-width:none!important;align-self:center;margin:0 -6vw!important;aspect-ratio:16/9}
  .book-map,.book-synopsis{padding:34px 6vw!important;gap:24px!important}
  .map-sheet{margin:0!important}.book-map img{max-width:100%!important}
  .house-film{display:flex!important;flex-direction:column!important;gap:20px!important;padding:36px 6vw!important}
  .house-film .film-copy,.house-film .film-composition{width:100%!important;max-width:none!important;margin:0!important}
  .book-page .prologue-frame{padding:30px 10px!important}
  .prologue-scene{width:112vw!important;margin:0 0 12px!important}
  .character-chapter,.character-chapter.reverse{min-height:0!important;padding:38px 6vw!important;gap:18px!important}
  .character-chapter .org-art{height:min(118vw,560px)!important;width:100%!important;flex:none}
  .character-copy{width:100%!important;padding:0!important;order:2}
  .character-copy h2{font-size:clamp(26px,7.8vw,35px)!important}
  .character-copy .detail-face{max-width:100%!important}
  .character-copy .portrait-crop{width:100%!important;height:auto!important}
  .detail-toggle{min-height:44px;padding-block:10px!important}
  .races-page .race-chapter,.races-page .race-chapter.reverse{padding:38px 6vw!important;gap:16px!important}
  .races-page .race-copy{columns:1!important;max-width:none!important;width:100%!important;margin:0!important}
  .races-page .race-art.org-art{height:min(106vw,520px)!important}
  .races-page .race-band .race-art{height:min(72vw,360px)!important}
  .races-index{gap:4px 18px!important;padding:20px 6vw 30px!important}
  .races-index a{min-height:44px;display:inline-flex;align-items:center}
  .academy-page .island-section,.academy-page .students-section{display:flex!important;flex-direction:column!important;gap:22px!important;padding-inline:6vw!important}
  .academy-page .island-copy,.academy-page .students-copy{width:100%!important;max-width:none!important;padding:0!important}
  .academy-page .faculty-group-heading{position:relative!important;z-index:3!important;margin:28px 0 18px!important}
  .academy-page .director-stage{margin:8px -6vw 20px!important}
  .academy-page .teacher-picture{height:min(112vw,420px)!important;max-width:100%}
  .academy-page .faculty-group-heading h3{font-size:28px!important}
  .academy-page .teacher p{max-width:none!important}
  .uniform-stages{flex-wrap:wrap!important;gap:8px!important}
  .technique-tabs{flex-wrap:wrap!important}
  .uniform-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;width:100%!important;max-width:100%!important;padding:14px 0 26px!important;overflow:visible!important}
  .uniform-tabs button{width:100%!important;min-width:0!important;padding:0 1px 12px!important;font-size:12px!important;gap:8px!important}
  .uniform-tabs img{width:100%!important;height:120px!important;object-fit:contain!important}
  .uniform-stages button,.year-tabs button{min-height:44px}
  .year-chapter,.formation-chapter{min-width:0}
  .rpg-split,.rpg-campaign,.rpg-campaign.reverse{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:28px!important;padding-inline:6vw!important}
  .rpg-campaign .rpg-cover,.rpg-campaign.reverse .rpg-cover{order:0!important;max-width:min(280px,88vw)!important;margin-inline:auto!important}
  .rpg-campaign .rpg-campaign-copy{order:1!important;width:100%!important;padding:0!important}
  .rpg-choices{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
  .rpg-choice ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
  .rpg-class-grid{gap:18px!important}.rpg-class figcaption{font-size:19px!important}
  .rpg-world-copy{margin:0 6vw!important;padding:28px 0!important}
  .rpg-create-button{min-height:52px;white-space:normal!important;text-align:center;max-width:100%;padding:18px 22px!important;letter-spacing:.08em!important}
  .playlist{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
  .playlist-cover,.album-vignette{width:100%!important;max-width:100%!important}
  .playlist-tracks button{min-height:60px;white-space:normal}
  .player-controls button{min-width:44px;min-height:44px}
  .dictionary-reader-shell{width:100%!important;max-width:100%!important}
  .dictionary-reader-frame{width:100%!important;height:78dvh!important;min-height:510px!important;max-height:900px!important}
  .dictionary-reader-link{display:inline-flex;min-height:44px;align-items:center;padding:10px 0}
  .translator-frame{width:100%!important;max-width:100%!important}
  .portal-bar{flex-wrap:wrap;gap:12px}.portal-bar>div{display:flex;gap:12px;flex-wrap:wrap}
  .portal-bar button,.portal-bar a{min-height:44px;display:inline-flex;align-items:center}
  .quiz-intro,.quiz-shell,.quiz-card{max-width:100%;min-width:0}
  .quiz-option,.quiz-choice{min-height:58px!important;white-space:normal;text-align:left;font-size:15px!important;line-height:1.65!important}
  .onul-test{display:flex!important;flex-direction:column!important;min-height:0!important}
  .quiz-sanctuary{min-height:300px!important;padding:28px 7vw!important}
  .quiz-crystal{height:180px!important;margin:10px 0!important}.quiz-crystal img{height:165px!important;width:90px!important}
  .quiz-content{padding:34px 6vw 50px!important;width:100%!important}
  .quiz-actions{flex-wrap:wrap;gap:10px}.quiz-actions button{min-height:46px}
  .quiz-revelation .revelation-frame{grid-template-columns:minmax(0,1fr)!important}
  .quiz-revelation .revelation-art{border-right:0!important;padding:0 12px 28px!important}
  .quiz-revelation .revelation-copy{padding:28px 0 0!important}
  .atlas-portal,.atlas-frame{max-width:100%!important;width:100%!important}
  footer{display:flex!important;flex-direction:column!important;padding:30px 6vw!important;gap:14px!important}
  footer a{min-height:44px;display:inline-flex;align-items:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.org-fx,.book-fx,.an-fx,.rpg-fx{display:none!important}}
@media(hover:none) and (pointer:coarse){.rpg-class figcaption{opacity:1!important;transform:none!important}.org-art:hover .org-figure{filter:none}}