/* Jugar con el pasado — cinematic edition. System fonts; the video player is loaded on demand. */
:root{--paper:#faf9fc;--ink:#251e31;--muted:#716a7d;--purple:#4a2086;--red:#c11b39;--blue:#199ed6;--line:#dcd7e6;--header:76px;--gutter:clamp(24px,6vw,104px);--page-progress:0;color-scheme:light;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header) + 24px);scrollbar-gutter:stable}body{margin:0;overflow-x:clip}main{overflow:clip;overflow-y:visible}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,dialog{border:0}button{background:none}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}figure{min-width:0}h2,h3{font-weight:750;letter-spacing:-.065em;line-height:.99;text-wrap:balance}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:#dbc9f5;color:#231338}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-90px;left:16px;background:white;padding:15px;z-index:100}.skip-link:focus{top:15px}.section-wrap{width:calc(100% - var(--gutter)*2);max-width:1360px;margin:0 auto}.paper{background:var(--paper)}.dark{background:#101018;color:#f2eef8;--muted:#b2aebc;--line:#3a3644}.purple{background:#27113f;color:#f7f1ff;--muted:#c0aecf;--line:#654d78}.warm{background:#f2eee6;--line:#d8d1c5}.small-label,.kicker,.chapter-label,.visual-tag,.text-origin,.hero-caption,.edge-code,.scene-coordinate,.landscape-footer,.word-counter,.footer-bottom,.preview-index,.data-scope,.index-bottom{font:500 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.kicker{display:flex;align-items:center;gap:10px;font-size:10px}.kicker>i{width:7px;height:7px;background:var(--red);display:inline-block}.page-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:80;pointer-events:none}.page-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--purple),var(--blue),var(--red));transform:scaleX(var(--page-progress));transform-origin:left}.site-header{height:var(--header);position:fixed;left:0;right:0;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 34px;background:rgba(250,249,252,.95);border-bottom:1px solid rgba(37,30,49,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;color:var(--purple);flex-shrink:0}.brand-mark{width:28px;height:28px}.brand>span{font-weight:750;letter-spacing:.02em;font-size:11px;line-height:1.2}.brand small{display:block;letter-spacing:.2em;font:8px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;margin-top:4px;color:#766683}.top-nav{display:flex;gap:30px;font-size:12px}.top-nav a{padding:12px 0}.top-nav a:hover{color:var(--purple)}.header-actions{display:flex;align-items:center;gap:25px;font-size:11px}.header-actions button{display:flex;align-items:center;gap:8px;padding:13px 0}.header-actions svg{width:17px;height:17px}.header-actions #index-open{border-left:1px solid var(--line);padding-left:24px}.menu-glyph{display:grid;gap:5px;width:18px;margin-left:6px}.menu-glyph i{width:18px;height:1px;background:currentColor}.menu-glyph i:nth-child(2){width:12px;justify-self:end}.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--purple);color:white;font-size:12px;font-weight:700;min-height:52px;padding:15px 22px;transition:background .2s,transform .2s}.primary-link svg,.text-button svg{width:22px;height:22px}.primary-link:hover{background:#32105e;transform:translateY(-2px)}
/* The opening is a single scroll-controlled shot. */
.hero-track{height:auto;background:var(--paper)}.hero-stage{height:920px;height:100svh;min-height:720px;position:relative;overflow:hidden;isolation:isolate;--hp:0;--blast:0}.motion .hero-track{height:215svh}.motion .hero-stage{position:sticky;top:0}.hero-world{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#c4c3b8}.hero-landscape{height:110%;width:100%;max-width:none;object-fit:cover;object-position:50% 80%;transform:translateY(calc(var(--hp) * -6%)) scale(calc(1.025 + var(--hp)*.24));transform-origin:50% 68%}.world-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(11,8,21,.4) 78%,#0c0b14);opacity:calc(.4 + var(--hp)*.6)}.hero-paper{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#faf9fc 3%,rgba(250,249,252,.99) 20%,rgba(250,249,252,.94) 35%,rgba(250,249,252,.65) 55%,rgba(250,249,252,.15) 79%,transparent 100%);opacity:calc(1 - var(--hp)*1.6)}.hero-type{position:absolute;z-index:2;top:17%;left:var(--gutter);width:59%;max-width:860px;transform:translateY(calc(var(--hp)* -100px));transform-origin:50% 40%}.hero-type>.kicker{margin:0 0 40px 3px;color:#5f4c70}.hero-type h1{width:100%;max-width:800px}.word-jugar{width:73%;display:block;fill:var(--purple);overflow:visible}.word-pasado{width:100%;display:block;fill:var(--red);overflow:visible}.logo-pixel{transform-box:fill-box;transform-origin:center;transform:translate(calc(var(--blast)*var(--dx,0px)),calc(var(--blast)*var(--dy,0px))) rotate(calc(var(--blast)*var(--dr,0deg)));opacity:calc(1 - var(--blast)*1.05)}.con-el{font:italic clamp(30px,3.2vw,53px)/1 Georgia,serif;color:var(--purple);width:73%;display:flex;align-items:center;justify-content:center;gap:25px;margin:16px 0 21px;opacity:calc(1 - var(--hp)*3)}.con-el i{height:1px;background:rgba(74,32,134,.25);width:70px}.hero-intro{display:flex;align-items:center;gap:42px;margin-top:30px;opacity:calc(1 - var(--hp)*4);transform:translateY(calc(var(--hp)* -22px))}.hero-intro p{font-size:19px;line-height:1.45;letter-spacing:-.045em;white-space:nowrap}.hero-intro p em{font-size:22px;letter-spacing:-.03em}.hero-intro .primary-link{font-size:11px;padding:15px 18px;gap:22px;white-space:nowrap}.hero-person{position:absolute;right:-4vw;bottom:-10%;width:48%;height:91%;z-index:3;pointer-events:none;transform:translate(calc(var(--hp)*240px),calc(var(--hp)*160px)) scale(calc(1 + var(--hp)*.18));transform-origin:50% 100%;opacity:calc(1 - var(--hp)*1.5);mask-image:linear-gradient(180deg,#000 0%,#000 77%,transparent 99%)}.hero-person img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.hero-after{position:absolute;z-index:4;left:var(--gutter);bottom:22%;color:white;opacity:0;pointer-events:none;max-width:80%;transform:translateY(40px)}.hero-after>.kicker{color:#cbbce0;margin-bottom:26px}.hero-after>p:not(.kicker){font-size:clamp(42px,7.2vw,120px);line-height:.99;letter-spacing:-.065em;font-weight:700}.hero-after>span{display:block;font-size:15px;margin-top:28px;color:#e2dbea}.hero-caption{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);z-index:6;color:white;display:flex;justify-content:space-between;align-items:center;font-size:9px;gap:12px;text-shadow:0 1px 6px #151020}.hero-caption>span:last-child{font-size:12px}.hero-caption>span:last-child i{font-style:normal;color:#b7a3d2;margin:0 12px}.scroll-cue{display:flex;align-items:center;gap:12px}.scroll-cue>i{height:32px;width:17px;border:1px solid #d2c9de;border-radius:14px;position:relative}.scroll-cue>i:before{content:'';height:5px;width:2px;background:currentColor;position:absolute;top:7px;left:6px}.edge-code{position:absolute;right:28px;top:34%;writing-mode:vertical-rl;color:#81738c;font-size:9px;z-index:4;opacity:calc(1 - var(--hp)*4)}.pixel-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.pixel-field i{display:block;position:absolute;width:var(--size);height:var(--size);left:var(--x);top:var(--y);background:var(--color);opacity:var(--alpha);transform:translate(calc(var(--hp,0)*var(--tx)),calc(var(--hp,0)*var(--ty))) rotate(calc(var(--hp,0)*90deg))}
/* Full texts are always ordinary, visible HTML, outside fixed-height stages. */
.chapter{position:relative;scroll-margin-top:0}.chapter>.section-wrap{padding-top:130px;padding-bottom:130px}.split-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(60px,7.2vw,120px);align-items:start}.chapter-label{display:flex;align-items:center;gap:15px;color:var(--muted);margin-bottom:34px;font-size:9px}.chapter-no{width:35px;height:35px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid currentColor;font-size:12px;letter-spacing:0;color:var(--purple)}.dark .chapter-no,.purple .chapter-no{color:#ccaff5}.label-line{height:1px;background:var(--line);width:60px;margin-left:5px}.chapter h2{font-size:clamp(48px,5.1vw,85px)}.chapter-subtitle{color:var(--muted);font-size:11px;line-height:1.65;letter-spacing:.12em;text-transform:uppercase;margin:24px 0 36px;max-width:470px}.chapter h2 em{color:var(--purple)}.dark h2 em,.purple h2 em{color:#c9b2e7}.source-text{font-size:clamp(18px,1.3vw,21px);line-height:1.78;letter-spacing:-.012em;max-width:62ch}.source-paragraph{margin-bottom:1.35em;hyphens:auto;overflow-wrap:break-word}.source-paragraph:last-of-type{margin-bottom:0}.dropcap .source-paragraph:first-of-type:first-letter{float:left;font-family:Georgia,serif;font-size:88px;line-height:.76;padding:9px 10px 0 0;color:var(--purple)}.text-origin{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:19px;margin-top:38px;color:var(--muted);font-size:8px;letter-spacing:.1em;line-height:1.8}.text-origin i{height:5px;width:5px;background:var(--purple)}.text-origin>span{margin-left:auto;text-transform:none;letter-spacing:0;font-size:9px}.source-reference{font-size:13px;line-height:1.75;color:var(--muted);margin-top:26px}.editorial-note{font-size:12px;line-height:1.65;border-left:2px solid #a28aa7;padding-left:13px;margin-top:24px;color:var(--muted)}.editorial-note>span{font-weight:700;display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.sticky-visual{position:relative;align-self:start}.motion .sticky-visual{position:sticky;top:calc(var(--header) + 35px)}.visual-tag{color:var(--muted);display:block;font-size:9px}.motion-art{--art:0;transform:translateY(calc(var(--art)*-28px))}.question-visual h2{font-size:clamp(48px,5.2vw,83px)}.cast-wrap{margin-top:52px;margin-left:-4%;width:112%}.cast-wrap img{width:100%;mix-blend-mode:multiply}.question-visual>.visual-tag{margin-top:12px}.question .source-text{padding-top:2px}.question .source-paragraph:last-of-type{padding:22px 0 0;border-top:1px solid var(--line);font-family:Georgia,serif;font-size:1.15em;line-height:1.5;color:var(--purple)}
/* Oregon: a warm monochrome pause, not a fabricated original interface. */
.oregon{background:#111317}.oregon-heading{max-width:100%;margin-bottom:64px}.oregon h2{font-size:clamp(60px,8.3vw,136px);letter-spacing:-.07em}.oregon .chapter-subtitle{color:#c5af81;margin-bottom:0}.terminal-visual{padding-top:40px}.giant-year{font:700 clamp(115px,14vw,210px)/1 Arial,sans-serif;letter-spacing:-.08em;position:relative;display:block;color:transparent;-webkit-text-stroke:1px #64533d;margin:-38px 0 -40px 0}.terminal-frame{margin:0 25px 0 12px;position:relative;border:1px solid #5a4c35;padding:18px;background:#080909;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg) translateY(calc(var(--art)*-20px));box-shadow:30px 35px 0 -8px rgba(146,104,33,.05),0 24px 60px #0008}.terminal-top{font:9px/1 ui-monospace,monospace;letter-spacing:.16em;display:flex;align-items:center;gap:8px;color:#a8946d;margin-bottom:14px}.terminal-top i{width:5px;height:5px;background:#c49b59}.terminal-top>span:last-child{margin-left:auto}.terminal-frame img{width:100%;max-height:430px;object-fit:contain}.terminal-visual figcaption{font-size:11px;line-height:1.6;color:#9c9486;margin:28px 12px 0;max-width:42ch;letter-spacing:0}.oregon .text-origin i{background:#c49b59}
/* Antiquity / strategy */
.atlas-visual{isolation:isolate}.atlas-art{height:450px;position:relative;margin-top:8px;margin-left:-12%}.atlas-art img{height:100%;width:100%;object-fit:contain;object-position:bottom center;position:relative;z-index:1}.atlas-type{font:700 clamp(100px,12vw,175px)/1 Arial,sans-serif;letter-spacing:-.07em;color:#e4dce9;position:absolute;top:0;right:0;z-index:-1}.civilization .chapter-subtitle{margin-bottom:8px}.wide-scene{height:82svh;min-height:600px;position:relative;overflow:hidden;background:#161720;--scene:0}.wide-scene-art{position:absolute;inset:0;clip-path:inset(calc((1 - var(--scene))*7%) calc((1 - var(--scene))*5%) 0);overflow:hidden}.wide-scene-art img{width:100%;height:100%;object-fit:cover;object-position:50% 77%;transform:scale(calc(1.03 + var(--scene)*.12))}.scene-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#0e0a1700 0%,#130d1c66 45%,#160e20ed 100%)}.scene-copy{position:relative;padding-top:12vh;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:80px;color:white}.scene-copy .chapter-label{color:#ebe1f3;margin-bottom:25px}.scene-copy .chapter-no{color:#f9f4fd}.scene-copy h2{font-size:clamp(58px,7.7vw,123px)}.scene-copy h2 em{color:#e8d7ff}.scene-copy .chapter-subtitle{color:#e4d5f2;margin-bottom:0;max-width:600px}.scene-coordinate{position:absolute;right:var(--gutter);bottom:45px;color:#d8c6e8;font-size:8px}.counterfactual>.wide-reading{padding-top:85px;padding-bottom:115px}.wide-reading .source-text{display:grid;grid-template-columns:1fr 1fr;gap:0 85px;max-width:none}.wide-reading .text-origin{grid-column:1/-1}.wide-reading .source-paragraph{margin-bottom:0}.assassin-layout{display:grid;grid-template-columns:53% 47%;gap:0}.assassin-reading{padding:110px var(--gutter) 115px 6vw}.assassins h2{font-size:clamp(54px,6.2vw,98px);max-width:600px}.assassin-stage{height:calc(100svh - var(--header));min-height:660px;overflow:hidden;background:linear-gradient(150deg,#e9e1ef,#f8f5fa 45%,#ddd4e8)}.motion .assassin-stage{top:var(--header)}.city-columns{position:absolute;inset:0;overflow:hidden;opacity:.55;mask-image:linear-gradient(90deg,transparent 0,#000 50%)}.city-columns img{position:absolute;height:125%;width:70%;object-fit:cover;max-width:none;transform:rotate(7deg);right:-3%;top:-10%;filter:saturate(.65)}.city-columns img.cities-two{right:40%;top:8%;width:32%;opacity:.5;transform:rotate(7deg)}.assassin-art{position:absolute;inset:4% -8% -8% -4%;z-index:3}.assassin-art img{height:100%;width:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(5px 22px 28px #4336472f)}.creed-type{font-size:clamp(110px,14vw,240px);font-weight:800;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #917bab;position:absolute;left:8%;top:9%;z-index:2;writing-mode:vertical-rl}.assassin-stage .visual-tag{position:absolute;bottom:30px;left:34px;z-index:4;color:#563c68;writing-mode:vertical-rl;background:#f7f4f6b0;padding:12px 5px;font-size:8px}
/* War: restraint, image and long-form reading. */
.trench-visual h2{font-size:clamp(54px,6.4vw,94px)}.trench-visual h2 em{color:#7b6044}.scene-inset{margin:36px -4vw 0 -2vw}.scene-inset img{width:100%;mix-blend-mode:multiply}.scene-inset figcaption{font:italic 15px/1.5 Georgia,serif;margin:20px 2vw 0;color:#806d59}.trenches .source-text{padding-top:8px}.normandia{background:#17131f}.normandia-heading{margin-bottom:65px}.normandia h2{font-size:clamp(70px,8.5vw,132px)}.normandia-heading .chapter-subtitle{max-width:none;margin-bottom:0}.normandia-art{padding-top:0}.normandia-art img{width:100%;height:540px;object-fit:cover;object-position:center;filter:grayscale(1);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 90%,transparent 100%)}.normandia-art figcaption{font:italic 25px/1.4 Georgia,serif;letter-spacing:-.02em;color:#c5b3d5;max-width:280px;margin:24px 0 0}
/* A second cinematic shot opens from a framed landscape into the full screen. */
.landscape-track{position:relative;background:#171419;--lp:0}.motion .landscape-track{height:185svh}.landscape-stage{height:100svh;min-height:700px;position:relative;overflow:hidden}.motion .landscape-stage{position:sticky;top:0}.landscape-photo{position:absolute;inset:0;overflow:hidden;clip-path:inset(calc((1 - var(--lp))*10%) calc((1 - var(--lp))*6%) calc((1 - var(--lp))*7%))}.landscape-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 75%;transform:scale(calc(1.02 + var(--lp)*.17))}.landscape-shade{position:absolute;inset:0;background:linear-gradient(180deg,#14101618 10%,#100c1520 40%,#100c15c9 100%)}.landscape-copy{position:relative;padding-top:calc(36svh + 18px);color:white;transform:translateY(calc(var(--lp)* -70px))}.landscape-copy .chapter-label{color:#ddd3e5}.landscape-copy .chapter-no{color:#eee6f6}.landscape-copy h2{font-size:clamp(65px,8.2vw,138px);text-shadow:0 2px 40px #0003}.landscape-copy h2 em{color:#f7e8d6}.landscape-copy .chapter-subtitle{color:#e3d6d4;max-width:540px}.landscape-footer{position:absolute;bottom:34px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;color:#d4c3c8;font-size:9px;gap:20px}.realism>.realism-reading{padding-top:100px;padding-bottom:105px}.still-visual{margin:0 30px 0 0;position:relative}.still-visual img{width:100%;height:425px;object-fit:cover;clip-path:polygon(0 0,92% 0,92% 8%,100% 8%,100% 100%,8% 100%,8% 92%,0 92%)}.still-visual figcaption{font:italic 19px/1.5 Georgia,serif;color:var(--muted);margin-top:24px}
/* Museums and unexpected places */
.sandbox{background:#f1f6f6}.sandbox h2{font-size:clamp(54px,6.3vw,95px)}.sandbox h2 em{color:#2b7379}.sandbox .source-text{margin-top:34px}.museum-stage{padding-top:60px}.museum-main{width:118%;margin-left:-2%;overflow:hidden}.museum-main img{width:100%;min-height:450px;object-fit:cover;object-position:55%;mix-blend-mode:multiply;mask-image:linear-gradient(180deg,transparent 0,#000 15%,#000 100%)}.museum-detail{width:42%;margin-top:-110px;margin-left:-20px;position:relative;transform:rotate(-7deg);border:8px solid var(--paper);box-shadow:0 20px 55px #23394c25}.museum-detail img{aspect-ratio:1;object-fit:cover}.museum-stage figcaption{font:10px/1.5 ui-monospace,monospace;letter-spacing:.15em;color:#558589;text-align:right;margin-top:28px}
/* Read the original visualizations; no invented data points. */
.representation{background:#27113f}.pixel-seam{height:46px;background:linear-gradient(90deg,#f1f6f6 9px,transparent 9px) 0 0/31px 18px repeat-x,linear-gradient(90deg,#f1f6f6 12px,transparent 12px) 14px 16px/61px 15px repeat-x;position:absolute;top:-1px;left:0;right:0}.representation>.section-wrap{padding-top:145px}.map-opening{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:90px;margin-bottom:65px}.map-opening h2{font-size:clamp(60px,6.5vw,110px)}.map-opening .chapter-subtitle{margin-bottom:0;max-width:420px}.map-intro{padding:0 0 3px 32px;border-left:1px solid var(--line)}.map-intro>p{font-size:clamp(35px,4.3vw,68px);font-weight:600;letter-spacing:-.055em;line-height:1.02;margin-top:24px}.map-intro em{color:#c7a4e6}.map-intro .small-label{font-size:8px;color:#b2a0c4}.map-sheet{background:white;color:#524460;padding:16px 26px 22px;position:relative}.map-sheet:before{position:absolute;width:12px;height:12px;right:0;top:0;background:#27113f;content:''}.map-sheet img{width:100%;height:auto}.map-sheet figcaption{font:11px/1.5 Arial,sans-serif;color:#685b75;border-top:1px solid #e6e0ec;padding-top:14px;margin-top:12px}.map-reading{margin-top:62px;padding-left:26%;}.map-reading .source-text{max-width:72ch}.map-reading .source-reference{max-width:80ch}.protagonists{border-top:1px solid #503764;background:#27113f}.protagonists>.section-wrap{padding-top:94px}.protagonists-heading{margin-bottom:60px}.protagonists-heading h2{font-size:18px;letter-spacing:-.02em;color:#d3bddf;line-height:1.4;font-weight:400}.protagonists-heading .chapter-subtitle{font-size:9px;margin:8px 0 38px;color:#bba3cf}.protagonists h3{font-size:clamp(60px,7.3vw,118px);line-height:1;max-width:900px}.protagonists h3 em{color:#bfa0e2}.stats{padding-top:4px}.stat{margin-bottom:34px}.stat-top{display:flex;gap:20px;justify-content:space-between;align-items:end;margin-bottom:12px}.stat-top>span{font-size:12px;max-width:22ch;line-height:1.5;color:#e0d3ec;padding-bottom:8px}.stat-top strong{font-weight:400;font-size:clamp(44px,4vw,64px);line-height:1;letter-spacing:-.065em;white-space:nowrap}.stat-top strong>span{font-size:22px;letter-spacing:0;margin-left:2px}.stat-track{height:9px;background:#493459;overflow:hidden}.stat-track i{display:block;background:var(--bar);height:100%;width:calc(var(--value)*100%);transform-origin:left}.original-caption{font-size:12px;line-height:1.8;color:#c7b6d5;margin-top:30px}.data-scope{font-size:8px;letter-spacing:.07em;color:#b7a0ca;margin-top:18px;line-height:1.9}.protagonists .source-text{padding-top:0}
/* The curiosity triptych changes emphasis, not reading order. */
.word-track{height:auto;background:var(--paper);position:relative;--wp:0}.motion .word-track{height:145svh}.word-stage{padding-top:13svh;padding-bottom:11svh;min-height:700px;display:flex;flex-direction:column;justify-content:center}.motion .word-stage{position:sticky;top:var(--header);height:calc(100svh - var(--header))}.word-stage>.small-label{color:var(--muted);margin-bottom:34px}.word-stage>p{font-size:clamp(68px,9.7vw,157px);font-weight:750;letter-spacing:-.075em;line-height:1.1}.word-stage>p>span{display:block;color:#d7d0df;transition:color .3s;white-space:nowrap}.word-stage>p>span:first-child{color:var(--purple)}.word-stage>p>span:nth-child(2).lit{color:var(--red)}.word-stage>p>span:nth-child(3).lit{color:#1a829e}.word-counter{margin-top:38px;color:var(--muted);font-size:9px}.curiosity>.section-wrap{padding-top:70px;padding-bottom:120px}.curiosity-art h2{font-size:clamp(54px,6.2vw,96px)}.curiosity-art>img{width:112%;max-width:112%;margin:38px 0 0 -6%;mix-blend-mode:multiply}.curiosity .source-text{padding-top:55px}
/* Education: full source text stays visible while the illustration changes. */
.classroom{background:#f0ecf5;border-top:1px solid #e7e0ee}.classroom-heading{margin-bottom:52px}.classroom-heading h2{font-size:clamp(86px,10.5vw,165px);color:var(--purple)}.classroom-heading .chapter-subtitle{max-width:none;margin-bottom:0}.classroom-explorer{max-width:580px}.game-preview{position:relative;background:#e5dcec;min-height:270px;height:320px;overflow:hidden;padding:14px}.game-image{width:100%;height:100%;object-fit:contain}.preview-index{position:absolute;right:10px;top:10px;font-size:8px;color:white;background:#25143bd9;padding:6px 9px;letter-spacing:.06em}.game-select{margin-top:17px;display:grid}.game-select button{width:100%;display:grid;grid-template-columns:26px 1fr 18px;align-items:center;gap:8px;border-bottom:1px solid #d1c6db;padding:15px 0;text-align:left;transition:color .2s}.game-select button>span{font:9px/1 ui-monospace,monospace;letter-spacing:.08em;color:#8c7d9b}.game-select button>strong{font-size:14px;font-weight:500}.game-select button>i{font-style:normal;color:var(--purple);transform:translateX(-5px);opacity:0;transition:transform .2s,opacity .2s}.game-select button.active{color:var(--purple)}.game-select button.active>strong{font-weight:700}.game-select button.active>span{color:var(--purple)}.game-select button.active>i,.game-select button:hover>i{opacity:1;transform:translateX(0)}.game-description{margin-top:18px;font:italic 16px/1.5 Georgia,serif;color:#735d86;min-height:48px}.research-heading{margin-bottom:64px}.research h2{font-size:clamp(80px,10vw,160px);color:var(--purple)}.research-heading .chapter-subtitle{max-width:none;margin-bottom:0}.books-visual{margin-top:30px}.books-visual img{width:112%;max-width:112%;margin-left:-6%;mix-blend-mode:multiply}.books-visual figcaption{font-size:11px;line-height:1.6;color:var(--muted);margin:22px 20px}.closing{padding:150px 0 130px;position:relative;overflow:hidden;--hp:0;isolation:isolate}.closing .section-wrap{position:relative;z-index:2}.closing .kicker{color:#bba5d0;margin-bottom:50px;font-size:9px}.closing-line{font-size:clamp(55px,7.8vw,125px);line-height:1.08;letter-spacing:-.065em;font-weight:700}.closing-line em{color:#c4a5e8}.closing-actions{display:flex;gap:40px;align-items:center;margin-top:54px}.light-link{background:#efe8f8;color:#311446}.light-link:hover{background:white}.text-button{display:inline-flex;align-items:center;gap:14px;font-size:12px}.closing-pixels{opacity:.25}.closing-pixels i{--y:20%}.closing>.pixel-field{z-index:0}.chapter-location{position:fixed;bottom:19px;left:24px;z-index:35;display:flex;align-items:center;gap:12px;border:1px solid #ded5e7;background:#fbf9fde8;color:#4c365f;padding:9px 14px;font:9px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.04em;box-shadow:0 4px 20px #2f15420a;max-width:330px;opacity:0;pointer-events:none;transition:opacity .3s}.chapter-location.visible{opacity:1}.location-number{color:#976fad}.chapter-location>i{height:11px;background:#d2c2df;width:1px}.location-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
/* Credits, overlay navigation, motion preferences. */
footer{background:var(--paper);padding:70px 0 0}.footer-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:46px;border-bottom:1px solid var(--line)}.footer-heading>.small-label{font-size:8px;color:var(--muted)}.credits-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:60px;padding:44px 0 48px}.credits-grid h2{font-size:9px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;color:#887395;margin-bottom:15px;font-weight:500}.credits-grid p{font-size:12px;line-height:1.95}.credits-grid p+p{margin-top:14px}.credits-grid>div:last-child p{font-size:11px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:16px;padding:21px 0;border-top:1px solid var(--line);color:var(--muted);font-size:8px;letter-spacing:.07em}dialog{background:#f9f6fc;color:var(--ink);padding:38px 52px 35px;max-width:1100px;width:calc(100% - 40px);max-height:90svh;overflow:auto;overscroll-behavior:contain;box-shadow:0 35px 120px #0a021c45}dialog::backdrop{background:#170d27ad;backdrop-filter:blur(8px)}.index-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.index-top>.small-label{color:var(--muted);font-size:9px}.dialog-close{font:300 34px/1 Arial,sans-serif;width:44px;height:44px}.index-top+h2{font-size:57px;line-height:1.02;letter-spacing:-.06em;margin:15px 0 35px}.index-top+h2 em{color:var(--purple)}.chapter-index{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.chapter-index a{display:flex;gap:14px;align-items:center;padding:17px 0;border-top:1px solid var(--line)}.chapter-index a>span{font:10px/1 ui-monospace,monospace;color:#9d80b8}.chapter-index a>strong{font-size:12px;line-height:1.4;font-weight:400}.chapter-index a>i{font-style:normal;margin-left:auto;color:#9d80b8}.chapter-index a:hover{color:var(--purple)}.index-bottom{font-size:8px;color:var(--muted);margin-top:26px;line-height:1.8;letter-spacing:.06em}.reading .hero-stage{height:900px;min-height:720px}.reading .hero-person{transform:none!important}.reading .hero-after{display:none}.reading .hero-track,.reading .landscape-track,.reading .word-track{height:auto!important}.reading .word-stage>p>span:nth-child(2){color:var(--red)}.reading .word-stage>p>span:nth-child(3){color:#1a829e}.reading .motion-art{transform:none!important}.reading .wide-scene-art,.reading .landscape-photo{clip-path:none}.reading .landscape-photo img{transform:none}.reading .hero-type>.kicker{opacity:1}.reading .logo-pixel{transform:none;opacity:1}
@media (min-width:1750px){.hero-type{left:max(var(--gutter),calc((100vw - 1580px)/2));top:19%;width:57%}.hero-type>.kicker{margin-bottom:45px}.hero-person{right:0;width:46%}.assassin-reading{padding-right:max(var(--gutter),calc((100vw - 1480px)/2))}.hero-intro{margin-top:45px}.hero-landscape{object-position:50% 72%}}
@media (max-height:800px) and (min-width:901px){.hero-stage{min-height:650px}.hero-type{top:19%;max-width:650px;width:57%}.hero-type>.kicker{margin-bottom:20px}.word-jugar{width:65%}.con-el{width:65%;font-size:34px;margin:10px 0 15px}.hero-intro{margin-top:24px;gap:30px}.hero-intro p{font-size:16px}.hero-intro p em{font-size:19px}.hero-person{height:88%;bottom:-14%}.motion .sticky-visual{position:relative;top:0}.motion .assassin-stage{position:sticky;top:76px;min-height:580px;height:calc(100svh - 76px)}.atlas-art{height:350px}.word-stage{min-height:560px}.landscape-stage{min-height:620px}.landscape-copy{padding-top:33svh}.game-preview{height:250px;min-height:200px}}
@media (max-width:1100px){:root{--gutter:45px}.top-nav{gap:20px}.header-actions{gap:18px}.site-header{padding:0 26px}.hero-intro{flex-direction:column;align-items:flex-start;gap:20px}.hero-type{width:63%;top:19%}.hero-person{width:46%;right:-6%}.hero-intro p{font-size:18px}.hero-type>.kicker{margin-bottom:32px;font-size:9px}.hero-caption{font-size:8px}.split-grid{gap:65px}.chapter h2{font-size:55px}.chapter-label{font-size:8px;gap:10px}.chapter-label .label-line{width:30px}.source-text{font-size:18px;line-height:1.8}.atlas-art{height:360px}.assassin-layout{grid-template-columns:48% 52%}.assassin-reading{padding-left:40px;padding-right:45px}.assassins h2{font-size:62px}.wide-reading .source-text{gap:0 65px}.oregon h2{font-size:90px}.map-opening{gap:45px}.map-opening h2{font-size:66px}.map-reading{padding-left:12%}.protagonists h3{font-size:75px}.scene-copy h2{font-size:90px}.landscape-copy h2{font-size:83px}.classroom-heading h2,.research h2{font-size:110px}.word-stage>p{font-size:11vw}.hero-caption>span:last-child{font-size:10px}.credits-grid{gap:32px}.source-text .text-origin>span{display:none}.chapter-location{font-size:8px;max-width:280px}}
@media (max-width:900px){:root{--gutter:30px;--header:68px}.top-nav{display:none}.hero-stage{min-height:800px;height:100svh}.motion .hero-track{height:180svh}.hero-type{top:17%;width:73%;max-width:650px}.hero-person{width:60%;right:-16%;height:75%;bottom:-14%;opacity:calc(.9 - var(--hp)*1.4)}.hero-type>.kicker{margin-bottom:30px}.hero-intro{gap:17px}.hero-intro p{font-size:17px}.hero-intro p em{font-size:22px}.hero-world img{object-position:45% 100%}.hero-paper{background:linear-gradient(180deg,#faf9fc 10%,#faf9fcf5 24%,#faf9fccc 50%,#faf9fc35 79%,transparent 95%)}.hero-after>p:not(.kicker){font-size:70px}.hero-after{bottom:25%;max-width:90%}.chapter>.section-wrap{padding-top:85px;padding-bottom:85px}.split-grid{grid-template-columns:1fr;gap:50px}.motion .sticky-visual{position:relative;top:auto}.question-visual{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;align-items:center}.question-visual .chapter-label{grid-column:1/-1}.question-visual h2{font-size:52px}.cast-wrap{width:108%;margin:20px 0 0 -5%}.question-visual>.visual-tag{grid-column:1/-1;margin-top:25px}.source-text{max-width:70ch;font-size:19px;line-height:1.78}.source-text .text-origin>span{display:block}.oregon-heading{margin-bottom:45px}.oregon .reverse-grid{display:flex;flex-direction:column-reverse;gap:50px}.terminal-visual{width:70%;align-self:center;max-width:540px}.terminal-frame img{max-height:320px}.terminal-visual figcaption{max-width:none}.giant-year{font-size:155px;margin-top:-30px}.atlas-visual{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.atlas-visual>.chapter-label{grid-column:1/-1}.atlas-visual>h2{align-self:center;font-size:64px;grid-column:1}.atlas-visual>.chapter-subtitle{grid-column:1}.atlas-art{grid-column:2;grid-row:2/4;height:300px;margin:-20px 0 0}.atlas-type{font-size:110px}.wide-scene{min-height:580px;height:78svh}.scene-copy h2{font-size:75px}.wide-reading .source-text{display:block}.wide-reading .source-paragraph{margin-bottom:1.35em}.counterfactual>.wide-reading{padding-top:60px}.scene-coordinate{font-size:7px}.assassin-layout{grid-template-columns:44% 56%}.motion .assassin-stage{position:sticky;top:68px;height:calc(100svh - 68px);min-height:560px}.assassin-reading{padding:75px 30px 75px 26px}.assassins h2{font-size:54px}.assassins .source-text{font-size:18px;line-height:1.8}.assassins .chapter-subtitle{font-size:10px}.assassins .label-line{display:none}.trench-visual{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 20px}.trench-visual .chapter-label{grid-column:1/-1}.trench-visual h2{font-size:56px}.trench-visual .chapter-subtitle{grid-column:1}.scene-inset{grid-column:2;grid-row:2/4;margin:0}.scene-inset figcaption{font-size:13px;margin:12px 0 0}.normandia-heading{margin-bottom:35px}.normandia h2{font-size:87px}.normandia .reverse-grid{display:flex;flex-direction:column-reverse;gap:35px}.normandia-art{width:100%;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:35px}.normandia-art img{height:290px}.normandia-art figcaption{font-size:28px}.motion .landscape-track{height:155svh}.landscape-stage{min-height:710px}.landscape-copy{padding-top:40svh}.landscape-copy h2{font-size:78px}.still-visual{max-width:540px;width:80%;margin:0 auto}.still-visual img{height:330px}.sandbox .reverse-grid{display:flex;flex-direction:column-reverse;gap:60px}.museum-stage{width:100%;padding-top:0}.museum-main{width:100%;margin:0}.museum-main img{min-height:330px;max-height:460px;object-fit:cover}.museum-detail{width:160px;margin-top:-135px;margin-left:22px;border-width:6px}.museum-stage figcaption{margin-top:15px}.sandbox h2{font-size:65px}.sandbox h2 br{display:none}.map-opening{grid-template-columns:1fr 1fr;gap:30px}.map-opening h2{font-size:58px}.map-intro{padding-left:22px}.map-intro>p{font-size:42px}.map-reading{padding-left:0;margin-top:45px}.map-sheet{padding:12px 14px 18px}.protagonists h3{font-size:70px}.stats{max-width:620px}.stat-top strong{font-size:62px}.protagonists-heading h2{font-size:18px}.protagonists .split-grid{gap:45px}.motion .word-track{height:120svh}.motion .word-stage{height:75svh;min-height:550px}.word-stage>p{font-size:11vw}.curiosity>.section-wrap{padding-top:35px}.curiosity-art{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 25px}.curiosity-art .chapter-label{grid-column:1/-1}.curiosity-art h2{font-size:57px}.curiosity-art>img{grid-column:2;grid-row:2/4;width:100%;max-width:100%;margin:0}.curiosity-art .chapter-subtitle{grid-column:1}.curiosity .source-text{padding-top:0}.classroom-heading h2,.research h2{font-size:110px}.classroom-explorer{width:100%;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.game-preview{height:330px;grid-row:1/3}.game-select{margin-top:0}.game-select button{padding:14px 0}.game-select button>strong{font-size:12px}.game-description{font-size:15px;margin:18px 0 0;min-height:30px}.research-heading{margin-bottom:40px}.books-visual{max-width:540px;width:90%;margin:0 auto}.closing{padding:95px 0 85px}.closing-line{font-size:67px}.credits-grid{grid-template-columns:1fr 1fr;gap:30px}.credits-grid>div:last-child{grid-column:1/-1;max-width:70ch}.footer-heading>.small-label{max-width:20ch;text-align:right}.chapter-location{left:15px;bottom:12px;font-size:8px;padding:7px 10px;max-width:230px}.index-top+h2{font-size:52px}.chapter-index{gap:0 28px}.chapter-index a>strong{font-size:11px}dialog{padding:24px 32px}}
@media (max-width:600px){:root{--gutter:23px;--header:64px}.site-header{padding:0 19px;gap:16px}.brand-mark{width:22px;height:22px}.brand{gap:9px}.brand>span{font-size:8px;letter-spacing:.01em;max-width:130px}.brand small{font-size:6px;margin-top:4px;letter-spacing:.16em}.header-actions{gap:16px;font-size:10px}.header-actions #motion-toggle>span{display:none}.header-actions #index-open{padding-left:0;border-left:0;gap:2px}.header-actions .menu-glyph{margin-left:6px;width:15px}.menu-glyph i{width:15px}.menu-glyph i:nth-child(2){width:10px}.header-actions svg{width:18px;height:18px}.hero-stage{height:100svh;min-height:750px}.motion .hero-track{height:172svh}.hero-type{top:17%;left:var(--gutter);width:calc(100% - 46px);max-width:none}.hero-type>.kicker{font-size:7px;letter-spacing:.11em;margin:0 0 29px 0;gap:8px}.hero-type>.kicker>i{height:5px;width:5px}.word-jugar{width:74%}.con-el{width:74%;font-size:28px;margin:13px 0 18px;gap:15px}.con-el i{width:42px}.hero-intro{margin-top:26px;gap:18px;max-width:60%}.hero-intro p{font-size:14px;line-height:1.5;white-space:normal;letter-spacing:-.025em}.hero-intro p em{font-size:19px}.hero-intro .primary-link{font-size:9px;padding:12px 13px;min-height:44px;gap:12px;white-space:normal;min-width:185px}.hero-intro .primary-link svg{width:17px;height:17px;flex-shrink:0}.hero-person{width:81%;height:57%;right:-24%;bottom:-2%;opacity:calc(1 - var(--hp)*1.7);mask-image:linear-gradient(180deg,#000 0,#000 75%,transparent 99%)}.hero-world img{object-position:49% 100%;height:100%;transform:scale(calc(1.02 + var(--hp)*.22))}.hero-paper{background:linear-gradient(180deg,#faf9fc 12%,#faf9fcf5 25%,#faf9fcdb 41%,#faf9fc77 61%,transparent 88%)}.hero-caption{bottom:22px;left:23px;right:23px;font-size:7px;letter-spacing:.06em}.hero-caption .scroll-cue{gap:8px}.hero-caption>span:last-child{font-size:9px;white-space:nowrap}.hero-caption>span:last-child i{margin:0 5px}.scroll-cue>i{width:14px;height:26px}.scroll-cue>i:before{left:5px}.edge-code{font-size:7px;right:12px;top:44%}.hero-after{left:23px;bottom:27%;max-width:92%;}.hero-after>p:not(.kicker){font-size:clamp(39px,10.4vw,61px);line-height:1.02}.hero-after>.kicker{font-size:7px;letter-spacing:.1em;margin-bottom:20px}.hero-after>span{font-size:12px;margin-top:22px;max-width:220px;line-height:1.5}.chapter>.section-wrap{padding-top:68px;padding-bottom:70px}.chapter h2{font-size:46px}.chapter-label{font-size:7px;margin-bottom:25px;letter-spacing:.11em;gap:10px}.chapter-no{width:29px;height:29px;font-size:10px}.chapter-label .label-line{width:28px}.chapter-subtitle{font-size:9px;line-height:1.8;letter-spacing:.12em;margin:19px 0 28px}.source-text{font-size:18px;line-height:1.79;letter-spacing:-.015em;max-width:none}.source-paragraph{margin-bottom:1.25em}.source-reference{font-size:11px}.editorial-note{font-size:11px}.text-origin{margin-top:30px;font-size:7px;letter-spacing:.06em;gap:6px}.text-origin>span{font-size:8px}.question-visual{display:block}.question-visual h2{font-size:clamp(43px,11.5vw,63px)}.question-visual h2 br:first-child{display:none}.cast-wrap{width:110%;margin:25px 0 0 -5%}.question-visual>.visual-tag{font-size:8px;margin-top:18px}.question .split-grid{gap:34px}.dropcap .source-paragraph:first-of-type:first-letter{font-size:75px}.question .source-paragraph:last-of-type{font-size:1.13em}.oregon-heading{margin-bottom:30px}.oregon h2{font-size:64px}.oregon-heading .chapter-subtitle{font-size:8px}.oregon .reverse-grid{gap:35px}.terminal-visual{width:100%;padding-top:40px}.giant-year{font-size:122px;margin:-25px 0 -30px}.terminal-frame{margin:0 5px;padding:14px}.terminal-frame img{max-height:320px}.terminal-visual figcaption{font-size:10px;margin:23px 5px 0}.atlas-visual{display:block}.atlas-visual h2{font-size:61px}.atlas-art{height:340px;margin:18px 0 0;width:100%}.atlas-type{font-size:140px;right:3%;top:0}.civilization .split-grid{gap:25px}.wide-scene{min-height:550px;height:80svh}.scene-copy{padding-bottom:72px;padding-top:20vh}.scene-copy h2{font-size:clamp(44px,12vw,70px)}.scene-copy .chapter-subtitle{font-size:8px}.scene-copy .chapter-label{font-size:7px}.scene-coordinate{font-size:6px;letter-spacing:.11em;bottom:30px;left:var(--gutter);right:auto}.counterfactual>.wide-reading{padding-top:50px;padding-bottom:68px}.assassin-layout{display:flex;flex-direction:column}.motion .assassin-stage,.assassin-stage{position:relative;top:auto;height:78svh;min-height:530px;max-height:740px;width:100%}.assassin-art{inset:0 -10% -5% -13%}.assassin-art img{object-position:center bottom}.creed-type{font-size:126px;left:9%;top:5%}.city-columns img{width:80%;height:115%}.assassin-stage .visual-tag{font-size:7px;bottom:20px;left:15px}.assassin-reading{padding:50px 23px 68px}.assassins h2{font-size:64px}.assassins .source-text{font-size:18px}.assassins .chapter-subtitle{font-size:9px}.trench-visual{display:block}.trench-visual h2{font-size:63px}.scene-inset{margin:25px -15px 0}.scene-inset figcaption{margin:14px 15px 0;font-size:13px}.trenches .split-grid{gap:35px}.normandia-heading{margin-bottom:20px}.normandia h2{font-size:61px}.normandia-art{display:block}.normandia-art img{height:300px;object-fit:cover;margin-top:10px}.normandia-art figcaption{font-size:24px;max-width:230px;margin-top:10px}.normandia .reverse-grid{gap:30px}.motion .landscape-track{height:156svh}.landscape-stage{height:100svh;min-height:720px}.landscape-photo img{object-position:31% center}.landscape-copy{padding-top:40svh}.landscape-copy .chapter-label{font-size:7px}.landscape-copy h2{font-size:clamp(45px,12vw,68px)}.landscape-copy h2 br{display:none}.landscape-copy .chapter-subtitle{font-size:8px;letter-spacing:.08em;max-width:320px;line-height:1.8}.landscape-footer{font-size:7px;line-height:1.7;bottom:26px}.landscape-footer>span:first-child{max-width:27ch}.landscape-footer>span:last-child{white-space:nowrap}.realism>.realism-reading{padding-top:65px;padding-bottom:68px;gap:37px}.still-visual{width:100%;max-width:none;margin:0}.still-visual img{height:310px}.still-visual figcaption{font-size:16px;margin-top:17px}.sandbox .reverse-grid{gap:32px}.museum-main{width:calc(100% + 46px);margin-left:-23px}.museum-main img{min-height:320px;max-height:380px}.museum-detail{width:130px;margin-top:-97px;margin-left:-5px;border-width:5px}.museum-stage figcaption{font-size:7px;letter-spacing:.07em;max-width:155px;position:absolute;right:0;bottom:0}.sandbox h2{font-size:55px}.sandbox h2 br{display:block}.sandbox h2 br:first-child{display:none}.sandbox .source-text{margin-top:22px}.map-opening{display:block;margin-bottom:32px}.map-opening h2{font-size:clamp(46px,12vw,66px)}.map-intro{margin-top:37px;padding-left:18px;display:flex;align-items:center;gap:22px}.map-intro .small-label{font-size:6px;max-width:105px;line-height:1.7}.map-intro>p{font-size:34px;margin:0}.map-sheet{width:calc(100% + 20px);margin-left:-10px;padding:8px 8px 15px}.map-sheet figcaption{font-size:10px;line-height:1.6;margin-top:4px;padding-top:10px}.map-reading{margin-top:35px}.map-opening .chapter-subtitle{max-width:260px}.representation>.section-wrap{padding-top:85px}.pixel-seam{height:32px}.protagonists>.section-wrap{padding-top:65px}.protagonists .chapter-label>span:nth-child(2){max-width:170px;line-height:1.7}.protagonists-heading h2{font-size:16px;line-height:1.4;letter-spacing:-.02em}.protagonists-heading .chapter-subtitle{font-size:7px;margin-top:10px;max-width:280px;margin-bottom:35px}.protagonists h3{font-size:clamp(44px,11.5vw,60px)}.protagonists-heading{margin-bottom:37px}.stat{margin-bottom:30px}.stat-top>span{font-size:11px;max-width:18ch}.stat-top strong{font-size:54px}.stat-top strong>span{font-size:20px}.stat-track{height:8px}.original-caption{font-size:11px;line-height:1.85;margin-top:30px}.data-scope{font-size:7px;line-height:1.8}.protagonists .split-grid{gap:36px}.motion .word-track{height:125svh}.motion .word-stage{height:calc(80svh - var(--header));min-height:510px;top:calc(var(--header) + 22px);padding-top:60px;padding-bottom:60px}.word-stage>.small-label{font-size:8px;letter-spacing:.08em;margin-bottom:30px}.word-stage>p{font-size:clamp(47px,12vw,73px);line-height:1.22;letter-spacing:-.06em}.word-counter{margin-top:35px;font-size:7px;line-height:1.8;max-width:230px;letter-spacing:.09em}.curiosity>.section-wrap{padding-top:20px;padding-bottom:68px}.curiosity-art{display:block}.curiosity-art h2{font-size:58px}.curiosity-art>img{width:calc(100% + 30px);max-width:none;margin:28px 0 0 -15px}.curiosity .split-grid{gap:28px}.classroom-heading{margin-bottom:28px}.classroom-heading h2{font-size:78px}.classroom-heading .chapter-subtitle{font-size:8px}.classroom .split-grid{gap:36px}.classroom-explorer{display:block}.game-preview{height:320px;padding:12px}.game-select{margin-top:17px}.game-select button{padding:16px 0}.game-select button>strong{font-size:13px}.game-select button>span{font-size:9px}.game-description{margin-top:20px;font-size:16px;min-height:0}.research h2{font-size:74px}.research-heading{margin-bottom:30px}.research-heading .chapter-subtitle{font-size:8px}.research .split-grid{gap:32px}.books-visual{width:95%;margin:0 auto}.books-visual figcaption{font-size:10px;margin:16px 0 0}.closing{padding:86px 0 76px}.closing .kicker{font-size:7px;line-height:1.8;max-width:260px;margin-bottom:34px;letter-spacing:.1em}.closing-line{font-size:clamp(39px,10.6vw,61px);line-height:1.17}.closing-actions{margin-top:33px;gap:23px;align-items:flex-start;flex-direction:column}.closing-actions .primary-link{font-size:11px;min-height:46px;gap:35px;padding:12px 17px}.text-button{font-size:11px;padding-left:0}.footer-heading{align-items:flex-start;gap:25px;padding-bottom:27px}.footer-heading>.small-label{font-size:6px;max-width:18ch;line-height:1.8}.footer-heading .brand>span{max-width:160px}.footer-heading .brand small{font-size:5px;letter-spacing:.05em}.credits-grid{grid-template-columns:1fr;gap:28px;padding:30px 0 36px}.credits-grid>div:last-child{grid-column:auto}.credits-grid h2{font-size:8px;margin-bottom:10px}.credits-grid p{font-size:12px;line-height:1.95}.footer-bottom{flex-direction:column;gap:8px;font-size:7px;padding-bottom:65px}footer{padding-top:44px}.chapter-location{max-width:235px;left:12px;bottom:10px;font-size:7px;padding:7px 9px;gap:8px}.chapter-location>i{height:9px}dialog{width:calc(100% - 24px);padding:20px 23px 25px;max-height:92svh}.dialog-close{width:32px;height:32px;font-size:30px}.index-top>.small-label{font-size:7px}.index-top+h2{font-size:43px;margin:22px 0 27px}.chapter-index{grid-template-columns:1fr;gap:0}.chapter-index a{padding:15px 0;gap:12px}.chapter-index a>strong{font-size:12px}.chapter-index a>span{font-size:9px}.index-bottom{font-size:7px;letter-spacing:.04em;line-height:1.9}.reading .hero-stage{height:800px;min-height:750px}.reading .word-stage{padding-top:65px;padding-bottom:70px;min-height:400px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-track,.landscape-track,.word-track{height:auto}.hero-stage,.landscape-stage,.word-stage,.sticky-visual{position:relative}.hero-after{display:none}.logo-pixel{transform:none!important;opacity:1!important}}
@media print{.site-header,.hero-track,.chapter-location,.page-progress,.word-track,.landscape-track,.closing,.game-select,dialog,.primary-link,.text-button{display:none!important}*{position:static!important;transform:none!important;color:#111!important;background:transparent!important;box-shadow:none!important}.chapter,.section-wrap,.assassin-layout,.split-grid,.wide-reading .source-text{display:block!important;max-width:none!important;width:100%!important;padding:0!important;margin:0!important;height:auto!important}.chapter{page-break-before:always;padding-top:20px!important}.chapter h2{font-size:28px!important}.chapter h3{font-size:24px!important}.source-text{font-size:12px!important;line-height:1.5!important}.chapter-subtitle{font-size:10px!important}.chapter-label{margin:15px 0!important}.sticky-visual,.motion-art,.scene-inset,.assassin-stage,.wide-scene{height:auto!important;max-height:none!important;min-height:0!important}.hero-person,.creed-type,.city-columns,.atlas-type,.giant-year,.visual-tag,.scene-coordinate{display:none!important}figure img,.cast-wrap img{max-height:200px!important;object-fit:contain!important;width:auto!important}.wide-scene-art{display:none!important}.scene-copy{padding:0!important}.assassin-reading{padding:0!important}.realism:before{content:'¿Hasta dónde llega el realismo?';font-size:28px;font-weight:bold}.realism .chapter-subtitle{display:block!important}.game-preview{max-height:160px!important}footer{page-break-before:always}.credits-grid{display:block!important}.credits-grid>div{margin-bottom:20px!important}}
.map-tools{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:8px 0 20px;color:#5e4479;font:8px/1.6 ui-monospace,monospace;letter-spacing:.1em}.map-tools small{font:11px/1.8 Arial,sans-serif;letter-spacing:0;display:block;margin-top:4px;color:#7a6b85}.map-zoom{font:11px/1.4 Arial,sans-serif;display:flex;gap:12px;align-items:center;padding:10px 0;white-space:nowrap}.map-zoom i{font-style:normal;font-size:19px}.map-zoom:hover{color:var(--purple)}#figure-dialog{width:94vw;max-width:1600px;padding:24px 30px;max-height:94svh}.figure-top{display:flex;align-items:center;gap:24px;justify-content:space-between}.figure-top h2{font-size:26px;letter-spacing:-.03em;line-height:1.2}.figure-close{font:32px/1 Arial,sans-serif;padding:8px}.figure-help{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0 20px}.image-canvas{overflow:auto;max-height:72svh;background:white}.image-canvas img{width:100%;min-width:900px;height:auto;max-width:none}.image-canvas::-webkit-scrollbar{height:10px;width:10px}.image-canvas::-webkit-scrollbar-thumb{background:#b9a8cc}.image-canvas::-webkit-scrollbar-track{background:#e9e1f2}@media(max-width:600px){.map-tools{padding:5px 2px 15px;gap:12px;font-size:6px}.map-tools small{font-size:9px;max-width:190px;line-height:1.6}.map-zoom{font-size:9px;gap:7px}.map-zoom i{font-size:17px}#figure-dialog{padding:16px 19px}.figure-top h2{font-size:20px}.figure-help{font-size:10px;line-height:1.6}.image-canvas{max-height:70svh}}
@media(max-width:600px){.classroom-heading h2{font-size:clamp(52px,16vw,78px)}.research h2{font-size:clamp(58px,18vw,74px)}}

/* ===== EDICIÓN EXPOSICIÓN V3 · MOVIMIENTO CONTENIDO Y RECURSOS ===== */
/* El movimiento acompaña la lectura; no compite con ella. */
.motion .hero-track{height:138svh}
.logo-pixel{transform:none!important;opacity:1!important}
.pixel-field{display:none}
.hero-landscape{transform:translateY(calc(var(--hp) * -1.6%)) scale(calc(1.015 + var(--hp)*.045))}
.hero-type{transform:translateY(calc(var(--hp)* -26px));opacity:calc(1 - var(--hp)*.82)}
.hero-person{transform:translate(calc(var(--hp)*58px),calc(var(--hp)*34px)) scale(calc(1 + var(--hp)*.025));opacity:calc(1 - var(--hp)*.95)}
.hero-paper{opacity:calc(1 - var(--hp)*1.25)}
.hero-after{bottom:18%;max-width:900px}
.hero-after>p:not(.kicker){font-size:clamp(42px,6.2vw,98px)}
.motion .sticky-visual{position:relative;top:auto}
.motion-art{transform:none!important}
.wide-scene-art{clip-path:none}
.wide-scene-art img{transform:scale(calc(1.015 + var(--scene)*.035))}
.motion .landscape-track{height:auto}
.motion .landscape-stage{position:relative;top:auto;height:86svh;min-height:650px}
.landscape-photo{clip-path:none}
.landscape-photo img{transform:scale(calc(1.01 + var(--lp)*.03))}
.landscape-copy{transform:none}
.motion .word-track{height:auto}
.motion .word-stage{position:relative;top:auto;height:auto;min-height:620px}
.word-stage>p>span:nth-child(2){color:var(--red)}
.word-stage>p>span:nth-child(3){color:#1a829e}
.primary-link{transition:background .18s ease,transform .18s ease}
.chapter>.section-wrap{padding-top:112px;padding-bottom:112px}
.chapter + .chapter{border-top:1px solid rgba(56,39,70,.045)}
.dark + .chapter,.purple + .chapter,.chapter + .purple{border-top:0}

/* Recursos: una capa separada del discurso principal. */
.resources-section{border-top:1px solid var(--line);padding:125px 0 135px;position:relative;isolation:isolate}
.resources-section:before{content:'';position:absolute;left:var(--gutter);top:0;width:92px;height:5px;background:linear-gradient(90deg,var(--purple) 0 43%,var(--red) 43% 65%,var(--blue) 65%)}
.resources-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);column-gap:80px;align-items:end;margin-bottom:86px}
.resources-heading .kicker{grid-column:1/-1;color:var(--muted);margin-bottom:30px}
.resources-heading h2{font-size:clamp(58px,7vw,112px);max-width:900px}
.resources-heading h2 em{color:var(--purple)}
.resources-intro{font-size:18px;line-height:1.7;max-width:42ch;color:#695b73;padding-bottom:8px}
.resource-band-title{display:grid;grid-template-columns:48px minmax(180px,.45fr) 1fr;align-items:baseline;gap:22px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:34px}
.resource-band-title>span{font:10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--purple)}
.resource-band-title h3{font-size:28px;letter-spacing:-.045em}
.resource-band-title p{font-size:13px;color:var(--muted);line-height:1.6;margin-left:auto;text-align:right}
.media-shelf{margin-bottom:92px}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.video-card{display:block;text-align:left;border:1px solid var(--line);background:white;padding:0;overflow:hidden;min-width:0;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.video-card:hover{transform:translateY(-3px);border-color:#b9a8c7;box-shadow:0 20px 50px rgba(46,24,64,.08)}
.video-poster{display:block;aspect-ratio:16/10;position:relative;overflow:hidden;background:#20182a}
.video-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(15,8,23,.34))}
.video-poster img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1);filter:saturate(.84) contrast(.98)}
.video-card:hover .video-poster img{transform:scale(1.025)}
.video-play{position:absolute;z-index:2;left:22px;bottom:20px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:var(--purple);font-size:15px;padding-left:3px;box-shadow:0 10px 35px rgba(13,4,22,.18)}
.video-meta{display:block;padding:22px 23px 25px}
.video-meta small{display:block;font:8px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:#887795;margin-bottom:11px}
.video-meta strong{display:block;font-size:20px;letter-spacing:-.035em;line-height:1.18;margin-bottom:9px}
.video-meta>span{display:block;font-size:13px;color:#71657a;line-height:1.6}
.resource-library{margin-top:10px}
.resource-columns{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.resource-column h4{font-size:13px;letter-spacing:.11em;text-transform:uppercase;color:var(--purple);margin:0 0 18px}
.resource-link{display:flex;align-items:center;gap:20px;min-height:86px;padding:18px 2px;border-top:1px solid var(--line);transition:color .18s ease,padding .18s ease}
.resource-link:last-child{border-bottom:1px solid var(--line)}
.resource-link:hover{color:var(--purple);padding-left:8px}
.resource-link>span{display:block;min-width:0}
.resource-link b{display:block;font-size:18px;letter-spacing:-.025em;margin-bottom:5px}
.resource-link small{display:block;font-size:12px;line-height:1.55;color:var(--muted)}
.resource-link i{font-style:normal;margin-left:auto;font-size:18px;color:#a08bad}
.resource-actions{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:46px}
.resource-actions p{max-width:55ch;font-size:11px;line-height:1.7;color:var(--muted);text-align:right}
.print-link{border:0}
.index-resources{display:inline-flex;margin-top:20px;font-size:12px;color:var(--purple);border-bottom:1px solid #c7b9d1;padding-bottom:4px}

/* Reproductor bajo demanda: no se incrustan iframes al cargar la visita. */
.video-dialog{width:min(1180px,calc(100% - 42px));padding:24px 28px 22px;background:#120d19;color:white;overflow:hidden}
.video-dialog::backdrop{background:rgba(17,8,29,.86);backdrop-filter:blur(9px)}
.video-dialog-top{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:18px}
.video-dialog-top .small-label{color:#bfaeca}
.video-dialog-top h2{font-size:27px;letter-spacing:-.035em;margin-top:5px}
.video-close{font:300 34px/1 Arial,sans-serif;width:44px;height:44px;color:white}
.video-frame{aspect-ratio:16/9;background:#050407;overflow:hidden}
.video-frame iframe{display:block;width:100%;height:100%;border:0}


@media(max-width:1100px){
  .resources-heading{grid-template-columns:1fr;gap:28px;margin-bottom:68px}
  .resources-heading .kicker{margin-bottom:0}
  .resources-intro{max-width:58ch}
  .resource-columns{gap:45px}
}
@media(max-width:900px){
  .motion .hero-track{height:126svh}
  .video-grid{grid-template-columns:1fr}
  .video-card{display:grid;grid-template-columns:42% 58%}
  .video-poster{aspect-ratio:auto;min-height:220px}
  .resource-columns{grid-template-columns:1fr;gap:52px}
  .resources-section{padding:90px 0 105px}
  .resource-band-title{grid-template-columns:40px 1fr}
  .resource-band-title p{grid-column:2;text-align:left;margin:2px 0 0}
  .resource-actions{align-items:flex-start;flex-direction:column;gap:24px}
  .resource-actions p{text-align:left}
}
@media(max-width:600px){
  .motion .hero-track{height:118svh}
  .hero-after{bottom:21%}
  .chapter>.section-wrap{padding-top:68px;padding-bottom:74px}
  .resources-section{padding:78px 0 86px}
  .resources-section:before{left:23px;width:70px}
  .resources-heading{margin-bottom:55px}
  .resources-heading h2{font-size:clamp(48px,14vw,65px)}
  .resources-intro{font-size:16px}
  .resource-band-title{margin-bottom:24px}
  .resource-band-title h3{font-size:24px}
  .video-card{display:block}
  .video-poster{aspect-ratio:16/9;min-height:0}
  .video-meta{padding:19px 19px 22px}
  .resource-link{min-height:80px}
  .resource-link b{font-size:16px}
  .video-dialog{width:calc(100% - 18px);padding:16px 16px 15px}
  .video-dialog-top h2{font-size:19px}
}

@media(prefers-reduced-motion:reduce){
  .video-card,.video-poster img,.resource-link{transition:none!important}
}

@media print{
  .resources-section{display:block!important;page-break-before:always;padding:20px 0!important}
  .resources-section:before,.media-shelf,.resource-actions{display:none!important}
  .resources-heading,.resource-columns,.resource-band-title{display:block!important}
  .resource-column{margin-bottom:24px!important}
  .resource-link{display:block!important;min-height:0!important;padding:8px 0!important}
  .resource-link i{display:none!important}
  .video-dialog{display:none!important}
}
/* V4: the exhibition tells a story; the library and classroom are workspaces. */
:root{--header:78px;--workspace:1240px;--ease:cubic-bezier(.2,.65,.3,1)}
[hidden]{display:none!important}.js [data-view]:not(.is-active){display:none!important}
html{scroll-behavior:auto}body{overflow-x:clip}main{overflow:visible}a,button,input,select,textarea{touch-action:manipulation}input,select,textarea{font:inherit;color:inherit}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:4px}button:focus-visible,a:focus-visible{outline-width:2px;outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}
.site-header{height:var(--header);padding:0 34px;gap:22px;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(250,249,252,.98)}
.top-nav{display:flex;align-self:stretch;gap:5px;align-items:center}.top-nav a{position:relative;padding:12px 18px;font-size:12px;font-weight:500;border:1px solid transparent;border-radius:3px;white-space:nowrap;transition:color .15s,background .15s}.top-nav a:hover{background:#f0eaf6}.top-nav a[aria-current="page"]{color:var(--purple);background:#eee7f6;border-color:#e6dbf1}.top-nav a[aria-current="page"]:after{content:'';position:absolute;bottom:-20px;left:18px;right:18px;height:2px;background:var(--purple)}.header-actions{gap:0;min-width:111px;justify-content:flex-end}.header-actions #index-open{border-left:1px solid var(--line);padding:12px 0 12px 25px;font-size:12px}
.workspace-wrap{max-width:var(--workspace);width:calc(100% - 112px);margin:0 auto}.workspace-view{padding:calc(var(--header) + 66px) 0 100px;background:#faf9fc;min-height:100svh}.workspace-view h1,.workspace-view h2,.workspace-view h3{letter-spacing:-.04em}.workspace-view h1{font-size:clamp(52px,5.6vw,80px);line-height:1.05;font-weight:600;margin:0}.workspace-view h1 em{font-weight:400;color:var(--purple);letter-spacing:-.05em}.workspace-heading{display:flex;justify-content:space-between;gap:50px;align-items:center;padding:0 0 48px}.eyebrow{font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:#726280;display:flex;align-items:center;gap:10px;margin:0 0 19px}.eyebrow>span{display:block;width:6px;height:6px;background:var(--red)}.workspace-lead{font-size:17px;line-height:1.7;color:#6e6279;margin-top:23px}.workspace-view .primary-link{border-radius:2px}.quiet-button{font-size:12px;color:#766283;padding:8px 0;display:inline-flex;align-items:center;gap:14px}.quiet-button:hover{color:var(--purple)}
/* A calmer opening, without a foreground character or blocked scroll. */
.motion .hero-track,.hero-track{height:auto!important}.motion .hero-stage,.hero-stage,.reading .hero-stage{position:relative!important;top:auto;height:100svh;min-height:790px;max-height:1150px;--hp:0}.hero-world{background:#dbd8d2}.hero-landscape{height:105%;width:100%;object-position:50% 84%;transform:translateY(calc(var(--hp) * 25px)) scale(1.035)!important;will-change:auto}.world-shade{opacity:.35!important;background:linear-gradient(180deg,transparent 65%,#0f102866)}.hero-paper{opacity:1!important;background:linear-gradient(180deg,#faf9fc 3%,#faf9fc 25%,#faf9fcf5 37%,#faf9fcc9 51%,#faf9fc5c 68%,transparent 86%)}.hero-type{top:210px!important;left:50%!important;transform:translateX(-50%)!important;width:min(670px,69vw)!important;max-width:780px;opacity:1!important;text-align:center}.hero-type>.kicker{justify-content:center;margin:0 0 23px!important;font-size:9px!important;letter-spacing:.16em}.word-jugar{width:78%;margin:auto}.word-pasado{width:100%}.con-el{width:100%;font-size:35px;margin:12px 0 18px!important;opacity:1!important;gap:25px}.con-el i{width:60px}.hero-intro{justify-content:center;align-items:center;flex-direction:row;gap:30px;margin-top:29px;opacity:1!important;transform:none!important;max-width:none}.hero-intro p{font-size:16px;line-height:1.4;white-space:normal;text-align:left;letter-spacing:-.02em}.hero-intro p em{font-size:21px}.hero-intro .primary-link{min-width:auto;padding:14px 19px;min-height:48px;gap:25px;white-space:nowrap;font-size:11px}.hero-caption{left:34px;right:34px;bottom:27px;font-size:8px}.hero-caption>span:last-child{font-size:9px}.hero-credits{position:absolute;top:calc(var(--header) + 25px);z-index:10;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:32px;width:calc(100% - 80px);max-width:890px;padding:0 0 21px;border-bottom:1px solid #dfd7e5}.credit-role{font:8px/1.7 ui-monospace,monospace;letter-spacing:.1em;color:#8e7e9e;margin-right:9px}.hero-credits a{font-size:13px;line-height:1.4;color:#4c345d}.hero-credits a span{font-size:13px;color:#9575ad;margin-left:4px}.hero-credits a small{display:block;color:#908199;font-size:9px;margin-top:5px}.hero-credits a:hover{color:var(--red)}.scientific-credits{background:#f6f3f8;border-bottom:1px solid #e7e0ed}.scientific-credits>.section-wrap{display:flex;align-items:center;justify-content:center;gap:35px;padding-top:25px;padding-bottom:25px}.scientific-credits span{font:8px/1.5 ui-monospace,monospace;letter-spacing:.13em;color:#8b749e;flex-shrink:0}.scientific-credits p{font-size:11px;color:#6c597b;line-height:1.7}.scientific-credits i{font-style:normal;color:#af9abf;margin:0 16px}
.motion .sticky-visual{position:relative!important;top:auto!important}.motion .landscape-track,.motion .word-track{height:auto!important}.motion .landscape-stage,.motion .word-stage{position:relative!important;top:auto!important}.motion .word-stage{height:auto!important;min-height:470px}.motion-art,.landscape-copy{transform:none!important}.wide-scene-art img,.landscape-photo img{transform:none!important}.wide-scene-art,.landscape-photo{clip-path:none!important}.chapter-location{box-shadow:none}.chapter .source-text{line-height:1.8}.chapter>.section-wrap{padding-top:105px;padding-bottom:105px}.related-workspace{display:block;margin-top:35px;border-top:1px solid var(--line);padding-top:22px}.related-workspace>span{font-size:11px;letter-spacing:.03em;color:var(--muted);display:block;margin-bottom:9px}.related-workspace strong{font-size:14px;font-weight:500;line-height:1.7;color:var(--purple)}.related-workspace i{font-style:normal;margin-left:15px}.related-workspace:hover strong{color:var(--red)}.closing-actions{flex-wrap:wrap}.index-resources{font-size:12px;color:var(--purple);display:inline-block;margin-top:18px}
/* Reference library: upright typographic volumes on an unbroken shelf. */
.library-counter{display:flex;align-items:end;gap:28px;padding:0 0 16px 40px;border-left:1px solid #ddd3e6;margin-right:24px}.library-counter>strong{font-size:88px;line-height:.95;font-weight:400;letter-spacing:-.065em;color:#c8bcd6}.library-counter>strong span{display:block;font:9px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:#8b799c;margin-top:12px}.library-counter p{font:11px/1.9 ui-monospace,monospace;color:#8b779b}.bib-controls{border-top:1px solid #dcd3e4}.search-order-row{display:flex;gap:35px;align-items:center;padding:24px 0 21px}.search-input{flex:1;display:flex;align-items:center;gap:13px;min-width:0;border-bottom:1px solid #cfc2db;padding:0 0 12px}.search-input svg{width:21px;height:21px;flex-shrink:0;color:#7c5d96}.search-input input{border:0;background:transparent;width:100%;min-width:0;font-size:16px;line-height:1.5;padding:5px 0;color:#352340;outline-offset:0}.search-input input::placeholder{color:#9c8ca7}.search-shortcut{font:11px/1 ui-monospace,monospace;border:1px solid #d5c9df;padding:5px 7px;border-radius:3px;color:#b09dbc}.sort-control{display:flex;flex-direction:column;gap:4px;min-width:210px}.sort-control>span{font-size:9px;letter-spacing:.05em;color:#91809e}.sort-control select{font-size:12px;max-width:230px;width:100%;border:0;background:transparent;padding:5px 22px 5px 0;cursor:pointer}.category-filters{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:23px}.category-filters button{padding:8px 13px;font-size:11px;border:1px solid #dfd6e8;border-radius:3px;color:#7b6b88;min-height:34px;transition:background .15s}.category-filters button.selected{background:#4a2086;color:#fff;border-color:#4a2086}.category-filters button:hover:not(.selected){background:#eee7f6}.library-toolbar{border-top:1px solid #e8e2ed;border-bottom:1px solid #e3dce9;display:flex;gap:25px;justify-content:space-between;align-items:center;padding:14px 0}.type-filters{display:flex;gap:22px}.type-filters button{font-size:12px;color:#9a879f;padding:6px 0}.type-filters button.selected{color:var(--purple);font-weight:700}.library-tools{display:flex;gap:13px;align-items:center;font-size:11px}.library-tools #only-saved{padding:6px 0;color:#806b93}.library-tools #only-saved[aria-pressed="true"]{color:var(--purple);font-weight:700}.library-tools #saved-count{margin-left:5px;display:inline-block;font:9px/1 ui-monospace,monospace;background:#ebe4f3;padding:4px 5px;min-width:19px}.toolbar-divider{height:20px;width:1px;background:#ded4e9;display:block;margin:0 3px 0 6px}.display-switch{height:30px;width:31px;padding:6px;color:#a393b3;border-radius:3px}.display-switch.selected{color:#4a2086;background:#ebe3f3}.display-switch svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}.results-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0 4px;font-size:11px;color:#8d7b9b}.results-row>p{font:10px/1.5 ui-monospace,monospace}.results-row .quiet-button{font-size:10px}.book-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:40px;row-gap:36px;padding-top:20px;align-items:start}.book-entry{position:relative;min-width:0}.book-object{height:290px;display:flex;align-items:flex-end;justify-content:center;position:relative;padding:0 16px 20px;isolation:isolate}.book-object:after{content:'';position:absolute;bottom:9px;left:-20px;right:-20px;height:9px;background:linear-gradient(#ded4e5,#f9f6fc);border-top:2px solid #d4c5df;box-shadow:0 10px 13px -12px #6a4d88;z-index:-1}.book-open{padding:0;display:block;width:100%;max-width:200px;height:100%;max-height:270px;position:relative;perspective:1300px;text-align:left}.book-cover{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:20px 20px 18px 25px;background:#4a2086;color:#fff;box-shadow:4px 3px 0 #e3dbe8,5px 3px 0 #ad9db8,8px 12px 16px -12px #412553aa;position:relative;transform:rotateY(-10deg);transform-origin:left center;transition:transform .23s var(--ease),box-shadow .23s;overflow:hidden;border-radius:1px 3px 3px 1px}.book-cover:before{content:'';position:absolute;top:0;bottom:0;left:0;width:11px;background:linear-gradient(90deg,#0003,#ffffff1a,#00000015);border-right:1px solid #ffffff18}.book-cover:after{content:'';position:absolute;bottom:55px;right:-20px;width:140px;height:140px;border:1px solid #ffffff35;transform:rotate(45deg);pointer-events:none}.book-open:hover .book-cover,.book-open:focus-visible .book-cover{transform:translateY(-5px) rotateY(0deg);box-shadow:4px 3px 0 #e5deeb,5px 3px 0 #ad9db8,8px 20px 20px -14px #41255377}.cover-author{font-size:9px;line-height:1.5;position:relative;z-index:1;opacity:.8}.cover-title{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;font-size:clamp(21px,1.9vw,29px);letter-spacing:-.03em;overflow-wrap:break-word;position:relative;z-index:1;margin:12px 0}.cover-foot{display:flex;justify-content:space-between;align-items:center;font:7px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;position:relative;z-index:1;border-top:1px solid #ffffff50;padding-top:10px}.cover-cream{background:#f0e6cf;color:#483b2b}.cover-cream:after{border-color:#96816355}.cover-cream .cover-foot{border-color:#98846d66}.cover-blue{background:#226475;color:#e8f2ed}.cover-red{background:#b6313a;color:#fff2dc}.cover-red:after{border-width:18px;width:130px;height:65px;transform:none;bottom:64px;right:-27px;opacity:.6}.cover-black{background:#26232b;color:#f4d69f}.cover-black:after{border:16px solid #d0a95933;width:125px;height:125px;bottom:40px}.cover-plum{background:#594155;color:#eee0d5}.cover-plum .cover-title{font-size:24px}.cover-sand{background:#e6d8c0;color:#524636}.cover-sand:after{border-color:#9b846344}.cover-sand .cover-foot{border-color:#aa948b55}.book-entry.kind-article .book-open,.book-entry.kind-chapter .book-open{height:238px}.book-entry.kind-article .book-cover,.book-entry.kind-chapter .book-cover{background:#fff;color:#3b3046;border:1px solid #ded6e6;transform:rotateY(-7deg);box-shadow:3px 3px 0 #fdfbff,4px 4px 0 #cdc2d9,6px 10px 14px -11px #51396977;padding:17px 18px 18px 20px}.book-entry.kind-article .book-cover:before,.book-entry.kind-chapter .book-cover:before{width:4px;background:#8062a0;border:0}.book-entry.kind-article .book-cover:after,.book-entry.kind-chapter .book-cover:after{bottom:49px;right:19px;left:20px;height:29px;width:auto;background:repeating-linear-gradient(#ddd4e566 0px,#ddd4e566 1px,transparent 1px,transparent 6px);border:0;transform:none}.book-entry.kind-article .cover-title,.book-entry.kind-chapter .cover-title{font-size:22px;font-family:Georgia,serif;line-height:1.13;margin-top:12px;margin-bottom:42px}.book-entry.kind-chapter .cover-title{font-size:18px}.book-entry.kind-article .cover-author,.book-entry.kind-chapter .cover-author{font-size:9px;color:#7c6990}.book-entry.kind-article .cover-foot,.book-entry.kind-chapter .cover-foot{border-color:#d7cfdf;font-size:6px;color:#8a749b}.book-entry .cover-paper-blue:before{background:#377f90!important}.book-entry .cover-paper-red:before{background:#b94453!important}.book-entry .cover-paper-sand:before{background:#ab8252!important}.book-meta{padding:10px 0 0;position:relative;display:grid;grid-template-columns:1fr 28px;gap:4px 8px}.book-meta>button.book-title-link{text-align:left;padding:0;font-size:14px;line-height:1.35;letter-spacing:-.02em;font-weight:600;align-self:start;grid-column:1}.book-meta>button.book-title-link:hover{color:var(--purple)}.book-meta .book-author{font-size:11px;line-height:1.6;color:#8a7898;grid-column:1;min-height:18px}.book-meta .book-year{font:8px/1.5 ui-monospace,monospace;color:#9b87a5;grid-column:1;margin-top:5px;letter-spacing:.08em}.save-reference{grid-column:2;grid-row:1/3;padding:4px;align-self:start;color:#b2a0c0}.save-reference svg{width:17px;height:20px;stroke:currentColor;fill:none;stroke-width:1.4}.save-reference[aria-pressed="true"]{color:var(--purple)}.save-reference[aria-pressed="true"] svg{fill:#e4d6f2}.book-shelf.list-layout{display:block;padding-top:8px}.list-layout .book-entry{display:grid;grid-template-columns:68px 1fr;gap:28px;border-bottom:1px solid #e3dbe9;padding:20px 0}.list-layout .book-object{height:85px;padding:0;justify-content:start}.list-layout .book-object:after{display:none}.list-layout .book-open{max-height:85px;height:85px!important;width:57px;pointer-events:none}.list-layout .book-cover{padding:6px 6px 7px 10px;transform:none!important;box-shadow:2px 2px 0 #d7cbdc!important}.list-layout .book-cover .cover-title{font-size:9px!important;margin:0!important}.list-layout .book-cover .cover-author,.list-layout .book-cover .cover-foot{display:none}.list-layout .book-cover:after{display:none!important}.list-layout .book-meta{padding-top:4px;grid-template-columns:1fr 32px;align-self:center}.list-layout .book-meta .book-title-link{font-size:17px}.library-footnote{font-size:11px;line-height:1.85;max-width:84ch;color:#97869f;padding:35px 0 0;border-top:1px solid #e6deed;margin-top:45px}.empty-state{text-align:center;padding:60px 15px;max-width:600px;margin:auto}.empty-state>span{display:block;font-size:45px;color:#b8a3ce}.empty-state h2{font-size:25px;margin-top:15px;line-height:1.2}.empty-state p{font-size:14px;color:#8b789a;margin:13px 0 20px}.empty-state .primary-link{margin:auto;font-size:12px}
/* Classroom: calm forms, short activities, and a local session notebook. */
.classroom-view{background:#f8f8f4}.classroom-intro{padding-bottom:45px}.classroom-intro h1 em{color:#346f74}.classroom-intro .eyebrow>span{background:#437f84}.lesson-sketch{width:310px;margin:10px 20px 0 0;position:relative;color:#79938a;transform:rotate(-3deg);padding:18px 28px 24px;border:1px solid #e0e1d6;background:#fcfcf7;box-shadow:5px 6px 0 -1px #ebece3}.sketch-top{display:block;font:8px/1.6 ui-monospace,monospace;letter-spacing:.1em;color:#97a197;margin-bottom:13px}.sketch-action{display:block;padding:12px 0;font:italic 24px/1.2 Georgia,serif;border-bottom:1px solid #e5e6db;white-space:nowrap}.sketch-action i{font:9px/1 ui-monospace,monospace;font-style:normal;color:#bcc2b3;margin-right:18px}.sketch-action:last-child{border:0;color:#3c7470}.sketch-action b{font:20px/1 Arial,sans-serif;font-weight:400;float:right;color:#be4c57}.resource-tabs{display:flex;border-bottom:1px solid #d9ded2;gap:32px;margin-bottom:30px}.resource-tabs button{font-size:13px;color:#8b9484;padding:17px 0;position:relative}.resource-tabs button span{font:8px/1 ui-monospace,monospace;color:#afba9f;margin-left:8px}.resource-tabs button.selected{color:#285c59;font-weight:600}.resource-tabs button.selected:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#36706e}.classroom-layout{display:grid;grid-template-columns:minmax(0,1fr) 303px;gap:42px;align-items:start}.classroom-filters{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:14px}.classroom-filters label{font-size:9px;letter-spacing:.04em;color:#8e9788}.classroom-filters select{display:block;width:100%;font-size:12px;padding:11px 25px 11px 10px;border:1px solid #dfe3d8;border-radius:2px;background:#fff;margin-top:8px;cursor:pointer;min-height:42px;color:#485947}.activity-result-row{display:flex;justify-content:space-between;align-items:center;font:10px/1.5 ui-monospace,monospace;color:#87947b;padding:19px 0 22px}.activity-result-row .quiet-button{font-size:10px;color:#8d987f;padding:0}.activities-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.activity-card{min-width:0;border:1px solid #e0e3d8;background:#fff;display:flex;flex-direction:column;border-radius:3px;overflow:hidden}.activity-image-wrap{height:139px;position:relative;background:#f1f2eb;overflow:hidden}.activity-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 56%}.activity-image-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 48%,#17281b55)}.activity-game{position:absolute;bottom:12px;left:16px;color:white;font-size:9px;letter-spacing:.03em;z-index:1;text-shadow:0 1px 2px #14302bcc}.activity-time{position:absolute;right:12px;top:12px;border-radius:2px;background:#fffffff2;padding:5px 7px;font:9px/1.5 ui-monospace,monospace;color:#49706d}.activity-card-body{padding:21px 19px 17px;display:flex;flex-direction:column;flex:1}.activity-skill{font:8px/1.5 ui-monospace,monospace;letter-spacing:.07em;color:#8ca294;text-transform:uppercase;margin-bottom:11px}.activity-card h3{font-size:23px!important;letter-spacing:-.04em;line-height:1.15;font-weight:500;color:#2b463f}.activity-card .activity-question{font:italic 14px/1.5 Georgia,serif;letter-spacing:-.015em;color:#8b957e;margin:12px 0 22px}.activity-format{font-size:9px;color:#a1aa98;line-height:1.6;margin-top:auto}.activity-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:15px;border-top:1px solid #edf0e7;padding-top:13px;gap:12px}.activity-details{color:#3b6d63;font-size:10px;text-align:left;padding:8px 0}.activity-add{border:1px solid #dbe5d8;color:#427166;border-radius:2px;padding:7px 9px;font-size:10px;min-height:34px;white-space:nowrap}.activity-add:hover{background:#eff5ec}.activity-add[aria-pressed="true"]{background:#e7eee0;color:#5a7447;border-color:#dbe7ce}.activity-guidance{font-size:11px;line-height:1.8;color:#99a08f;margin-top:27px;border-top:1px solid #e0e4d8;padding-top:21px}.session-builder{background:#f0f2e9;border:1px solid #dfe4d4;padding:25px 22px 20px;border-radius:3px;align-self:start;position:relative}.session-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}.session-heading .eyebrow{font-size:7px;margin-bottom:9px;letter-spacing:.1em;color:#99a58c}.session-heading h2{font:italic 34px/1 Georgia,serif;letter-spacing:-.055em;color:#4d6754}.session-counter{font:10px/1 ui-monospace,monospace;border:1px solid #cfd7c3;width:30px;height:30px;display:grid;place-items:center;color:#8ba17c}.session-name-label,.session-notes-label{font-size:9px;color:#8e9e7b;display:block;margin-bottom:9px;letter-spacing:.03em}.session-builder input{display:block;border:0;border-bottom:1px solid #d1d9c2;background:transparent;width:100%;font-size:12px;padding:8px 0 12px;border-radius:0;color:#4b6550}.session-builder input::placeholder{color:#afbaa1;font-size:11px}.session-builder textarea{resize:vertical;min-height:75px;width:100%;border:1px solid #dce2d1;background:#f8f9f3;border-radius:2px;padding:10px;font-size:11px;line-height:1.6;margin-bottom:16px;color:#526548}.session-builder textarea::placeholder{color:#a2ad94}.session-builder .primary-link{width:100%;font-size:11px;min-height:43px;gap:12px;justify-content:space-between;background:#4d6f55;padding:13px 14px}.session-builder .primary-link:hover{background:#34563c}.session-builder #session-clear{display:block;font-size:9px;margin:10px auto 0;color:#97a387}.local-save-note{font-size:9px;line-height:1.7;text-align:center;color:#a6b097;margin-top:15px}.session-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 27px;padding:17px 0 0;border-top:1px solid #d7ddcc}.session-total>span{font-size:10px;color:#94a17f}.session-total>strong{font-weight:400;font-size:29px;letter-spacing:-.055em;color:#5b734b}.session-total>strong small{font-size:10px;letter-spacing:0;color:#90a177}#session-empty{padding:26px 0 14px;text-align:center}.empty-path{font:19px/1 ui-monospace,monospace;color:#bfcaad;display:block;margin-bottom:18px}#session-empty p{font:italic 23px/1.25 Georgia,serif;color:#82936f;letter-spacing:-.035em}#session-empty small{display:block;font-size:10px;line-height:1.7;color:#a4b094;margin-top:11px}.sample-session{font-size:9px;border-bottom:1px solid #b7c8a1;color:#7b9464;padding:10px 0 7px;margin-top:12px}.sample-session>span{margin-left:12px}.session-item{display:grid;grid-template-columns:19px 1fr 24px;gap:8px;padding:17px 0;border-bottom:1px solid #dce2d1;align-items:start}.session-item>.item-order{font:9px/1.7 ui-monospace,monospace;color:#a1ae8c}.session-item h3{font-size:12px;font-weight:500;letter-spacing:-.01em;line-height:1.4;color:#557149}.session-item .session-item-meta{font-size:9px;color:#8e9f7a;margin-top:5px}.item-controls{display:flex;gap:4px;margin-top:8px}.item-controls button{font-size:10px;border:1px solid #d2dcc3;min-width:27px;height:24px;border-radius:2px;padding:0;color:#7b9565}.session-remove{font-size:20px;color:#a7b397;padding:0 3px}.session-remove:hover{color:#944c5a}.pane-intro{display:flex;justify-content:space-between;align-items:end;gap:60px;margin:35px 0}.pane-intro h2{font:italic 35px/1.1 Georgia,serif;letter-spacing:-.03em;color:#46675d;max-width:460px}.pane-intro p{font-size:13px;line-height:1.8;color:#93a18a;max-width:50ch}.classroom-view .video-grid{gap:24px}.classroom-view .video-card{border:1px solid #dfe4d8;box-shadow:none;transform:none;border-radius:3px}.classroom-view .video-card:hover{border-color:#93a78b;transform:none}.classroom-view .video-poster{aspect-ratio:16/10}.classroom-view .video-meta strong{font-size:19px;line-height:1.2;letter-spacing:-.03em;color:#45634f}.classroom-view .video-meta small{color:#8d9d80}.classroom-view .video-meta>span{font-size:12px;line-height:1.7;color:#849178}.classroom-view .video-play{color:#45634f}.video-context-note{font-size:11px;line-height:1.8;color:#8b9c82;max-width:90ch;padding-top:25px}.classroom-view .resource-column h4{color:#698565;font-size:10px}.classroom-view .resource-columns{gap:70px}.classroom-view .resource-link{border-color:#dfe4d6}.classroom-view .resource-link b{font-size:18px;color:#4d6852}.classroom-view .resource-link small{color:#8a9b7c;font-size:11px}.classroom-view .resource-link i{color:#8ba378}.classroom-view .resource-link:hover{padding-left:5px}
/* Resource detail dialogs: readable, keyboard-friendly and easily closed. */
dialog{border-radius:4px}body:has(dialog[open]){overflow:hidden}.dialog-x{position:absolute;right:22px;top:16px;height:38px;width:38px;font:30px/1 Arial,sans-serif;color:#9c87aa}.reference-dialog{max-width:900px;padding:48px 45px;background:#fbf9fd}.reference-detail{display:grid;grid-template-columns:225px 1fr;gap:47px;align-items:start}.reference-volume .book-cover{height:305px;transform:none;width:208px;padding:25px}.reference-volume .cover-title{font-size:28px}.reference-text .eyebrow{font-size:8px;margin-bottom:18px;line-height:1.7}.reference-text h2{font-size:30px;letter-spacing:-.035em;line-height:1.15;max-width:none}.reference-authors{font-size:14px;color:#8d749e;line-height:1.6;margin-top:14px}.reference-venue{font-size:12px;color:#9c8ba8;line-height:1.7;margin-top:10px}.reference-description{font-size:14px;line-height:1.85;color:#6d5c7b;margin-top:21px}.reference-source-label{font-size:9px;line-height:1.7;color:#a394ac;margin-top:14px}.reference-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.reference-actions .primary-link{font-size:11px;min-height:43px;padding:12px 15px;gap:15px}.reference-actions .secondary-button{font-size:11px;border:1px solid #d8c9e5;padding:11px 14px;border-radius:2px;color:#7a558e}.reference-panel-links{margin-top:25px;padding-top:17px;border-top:1px solid #e1d7e9}.reference-panel-links p{font-size:9px;color:#ac97b7;letter-spacing:.06em;margin-bottom:11px}.reference-panel-links a{display:inline-block;font-size:11px;color:#785091;padding:5px 10px 5px 0;margin-right:9px;line-height:1.5}.reference-citation{margin-top:25px;padding:18px;background:#f1ebf6;border-left:2px solid #c4aad8;font-size:11px;line-height:1.9;word-break:break-word;grid-column:1/-1}.reference-citation strong{display:block;font:8px/1.5 ui-monospace,monospace;letter-spacing:.08em;color:#9574ab;margin-bottom:8px}.activity-dialog{max-width:860px;padding:40px 45px;background:#fafbf6;color:#3e5947}.activity-dialog .eyebrow{font-size:8px;color:#8b9d7f;margin-right:25px}.activity-dialog h2{font-size:40px;letter-spacing:-.04em;line-height:1.12;max-width:650px}.activity-modal-subtitle{font:italic 20px/1.5 Georgia,serif;color:#8b9e7c;margin:12px 0 18px}.activity-meta-line{font:9px/1.8 ui-monospace,monospace;color:#8ca27b;padding-bottom:20px;border-bottom:1px solid #dce3d1}.activity-detail-block{margin-top:23px}.activity-detail-block h3{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#668052;line-height:1.5;margin-bottom:8px;font-weight:500}.activity-detail-block>p{font-size:14px;line-height:1.85;color:#74826c}.activity-detail-steps{margin:25px 0;padding:0;list-style:none}.activity-detail-steps>li{display:grid;grid-template-columns:50px 1fr;gap:15px;border-top:1px solid #dfe5d5;padding:17px 0}.activity-detail-steps .step-min{font:9px/1.7 ui-monospace,monospace;color:#98ad81}.activity-detail-steps h3{font-size:16px;letter-spacing:-.02em;font-weight:500;color:#5e7b4c;margin-bottom:7px}.activity-detail-steps p{font-size:13px;line-height:1.8;color:#7a8970}.activity-resource-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.activity-resource-links a{font-size:11px;line-height:1.7;color:#658750;border-bottom:1px solid #c9d9b8}.activity-modal-actions{display:flex;gap:25px;align-items:center;border-top:1px solid #dce5d0;padding-top:22px;margin-top:25px}.activity-modal-actions .primary-link{font-size:12px;background:#4d6f55;min-height:45px;padding:13px 18px}.activity-modal-actions .quiet-button{color:#769163}.activity-proposal-note{font-size:10px;line-height:1.7;color:#a1ae94;margin-top:20px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);padding:13px 20px;background:#3e2759;color:#f5eefb;font-size:12px;border-radius:3px;z-index:150;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 40px);text-align:center;line-height:1.6;box-shadow:0 6px 30px #28104322}.toast.visible{opacity:1;transform:translate(-50%,0)}.video-external{display:inline-block;font-size:12px;color:#6b4390;padding:16px 0 3px}.video-external:hover{text-decoration:underline}
.site-footer{padding:0;background:#f6f3f9;border-top:1px solid #e7deee}.site-footer>.workspace-wrap{display:grid;grid-template-columns:1fr auto;align-items:start;gap:25px;padding-top:43px;padding-bottom:33px}.footer-wordmark{color:#6c4b81;font:italic 24px/1.2 Georgia,serif;letter-spacing:-.04em}.footer-wordmark>span{display:block;font:7px/1.7 ui-monospace,monospace;letter-spacing:.15em;color:#aa94b5;margin-top:10px}.site-footer nav{display:flex;gap:25px;align-items:center;font-size:10px;color:#95809e;flex-wrap:wrap}.site-footer nav a,.site-footer nav button{padding:10px 0;font-size:10px}.site-footer nav a:hover,.site-footer nav button:hover{color:var(--purple)}.site-footer>.workspace-wrap>p{grid-column:1/-1;font-size:9px;color:#b4a0bf;border-top:1px solid #e7deee;padding-top:24px}
@media(min-width:1500px){.book-shelf{grid-template-columns:repeat(5,minmax(0,1fr));gap:35px}.book-object{padding-left:8px;padding-right:8px}.cover-title{font-size:25px}.book-entry.kind-article .cover-title{font-size:21px}.hero-type{width:740px!important;top:230px!important}.hero-credits{top:calc(var(--header) + 35px)}}
@media(max-width:1150px){.site-header{padding:0 25px;gap:18px}.top-nav a{padding:11px 12px;font-size:11px}.site-header .brand>span{font-size:9px}.header-actions{min-width:90px}.header-actions #index-open{padding-left:18px}.workspace-wrap{width:calc(100% - 76px)}.workspace-heading{gap:35px}.library-counter{margin-right:0;gap:20px;padding-left:25px}.library-counter>strong{font-size:75px}.book-shelf{column-gap:28px}.book-object{padding-left:10px;padding-right:10px;height:262px}.book-open{max-height:242px}.book-cover{padding:17px 15px 17px 21px}.cover-title{font-size:23px}.cover-plum .cover-title{font-size:20px}.book-entry.kind-article .book-open,.book-entry.kind-chapter .book-open{height:218px}.book-entry.kind-article .cover-title{font-size:20px}.book-entry.kind-chapter .cover-title{font-size:17px}.classroom-layout{gap:25px;grid-template-columns:minmax(0,1fr) 272px}.classroom-filters{gap:8px}.classroom-filters select{padding-left:8px;font-size:11px}.activities-grid{gap:17px}.activity-card-body{padding:18px 16px}.activity-card h3{font-size:21px!important}.session-builder{padding:22px 18px}.activity-buttons{gap:6px}.activity-details{font-size:9px}.activity-add{font-size:9px;padding:6px}.lesson-sketch{width:260px;margin-right:0}.sketch-action{font-size:22px}.hero-type{top:215px!important}.hero-credits{gap:23px}.scientific-credits i{margin:0 10px}.site-footer nav{gap:18px}}
@media(max-width:900px){:root{--header:118px}.site-header{height:118px;display:grid;grid-template-columns:1fr auto;grid-template-rows:63px 54px;gap:0;padding:0 27px}.site-header .brand{grid-column:1;grid-row:1}.site-header .brand>span{font-size:10px}.site-header .brand small{font-size:7px}.header-actions{grid-column:2;grid-row:1}.header-actions #index-open{border:0;font-size:11px;padding-left:12px}.top-nav{grid-column:1/-1;grid-row:2;display:flex!important;justify-content:space-between;gap:8px;align-self:stretch;border-top:1px solid #e8e0ed}.top-nav a{flex:1;text-align:center;padding:10px 8px;font-size:11px}.top-nav a[aria-current="page"]:after{bottom:-9px;left:8px;right:8px}.hero-credits{top:calc(var(--header) + 26px);gap:24px;align-items:start;width:calc(100% - 60px)}.hero-type{top:265px!important;width:min(630px,80vw)!important}.hero-stage{min-height:850px}.hero-intro{flex-direction:row!important}.scientific-credits>.section-wrap{flex-direction:column;gap:10px;text-align:center}.workspace-view{padding-top:calc(var(--header) + 48px)}.workspace-wrap{width:calc(100% - 60px)}.workspace-heading{gap:30px;padding-bottom:36px}.workspace-view h1{font-size:60px}.workspace-lead{font-size:15px}.library-counter{gap:16px}.library-counter>strong{font-size:68px}.library-counter p{font-size:9px}.sort-control{min-width:180px}.search-order-row{gap:22px}.category-filters{gap:6px}.category-filters button{font-size:10px;padding:8px 11px}.book-shelf{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:26px}.book-object{height:270px}.book-open{max-height:247px}.cover-title{font-size:25px}.book-entry.kind-article .cover-title{font-size:21px}.book-meta>button.book-title-link{font-size:13px}.lesson-sketch{width:230px;padding:18px;flex-shrink:0}.sketch-action{font-size:20px}.classroom-layout{grid-template-columns:1fr;gap:32px}.activities-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.activity-image-wrap{height:180px}.activity-card h3{font-size:25px!important}.session-builder{padding:27px;max-width:none;display:block}.session-heading{margin-bottom:17px}.session-builder input{font-size:14px}.session-builder .primary-link{max-width:330px;margin:0 auto}.session-total{max-width:330px;margin-left:auto;margin-right:auto}.session-builder textarea{min-height:80px}.session-item{grid-template-columns:30px 1fr 30px}.session-item h3{font-size:14px}.session-builder .session-total{margin-top:22px}.pane-intro{gap:30px}.pane-intro h2{font-size:29px}.pane-intro p{font-size:12px}.classroom-view .video-grid{gap:16px}.classroom-view .video-meta{padding:17px 15px}.classroom-view .video-meta strong{font-size:16px}.classroom-view .video-meta>span{font-size:11px}.classroom-view .video-meta small{font-size:7px}.classroom-view .video-play{width:36px;height:36px;font-size:10px;left:13px;bottom:13px}.site-footer>.workspace-wrap{grid-template-columns:1fr;gap:20px}.site-footer nav{gap:25px}.reference-dialog{padding:45px 30px}.reference-detail{grid-template-columns:185px 1fr;gap:32px}.reference-volume .book-cover{width:175px;height:262px;padding:22px}.reference-volume .cover-title{font-size:25px}.reference-text h2{font-size:27px}.classroom-view .resource-columns{gap:40px}}
@media(max-width:600px){:root{--header:112px;--gutter:23px}.site-header{height:112px;grid-template-rows:59px 52px;padding:0 19px}.site-header .brand>span{font-size:8px;max-width:none}.site-header .brand small{font-size:6px}.site-header .brand-mark{width:22px;height:22px}.header-actions #index-open{font-size:10px;padding-left:0}.top-nav{gap:2px}.top-nav a{padding:10px 5px;font-size:9px;letter-spacing:-.01em}.top-nav a[aria-current="page"]:after{bottom:-9px;left:5px;right:5px}.hero-stage,.motion .hero-stage{height:100svh;min-height:790px;max-height:1000px}.hero-credits{top:calc(var(--header) + 19px);left:23px;right:23px;width:auto;transform:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;padding-bottom:17px;align-items:start}.credit-role{grid-column:1/-1;font-size:7px;line-height:1.6;letter-spacing:.12em;margin:0 0 2px}.credit-role br{display:none}.credit-role br:after{content:' '}.hero-credits a{font-size:11px;line-height:1.5}.hero-credits a small{font-size:8px;margin-top:2px}.hero-credits a span{font-size:10px;margin-left:1px}.hero-type{top:302px!important;width:calc(100% - 46px)!important;left:50%!important}.hero-type>.kicker{font-size:6.5px!important;margin-bottom:24px!important;gap:7px;letter-spacing:.13em}.hero-type>.kicker>i{width:4px;height:4px}.word-jugar{width:80%}.con-el{font-size:28px!important;margin:10px 0 15px!important}.con-el i{width:40px}.hero-intro{flex-direction:column!important;gap:16px!important;margin-top:24px!important;align-items:center!important}.hero-intro p{font-size:14px;text-align:center;line-height:1.45}.hero-intro p em{font-size:19px}.hero-intro .primary-link{min-width:0;font-size:10px;gap:24px;min-height:43px;padding:12px 17px}.hero-paper{background:linear-gradient(180deg,#faf9fc 3%,#faf9fc 29%,#faf9fcf5 45%,#faf9fcc4 62%,#faf9fc3d 82%,transparent 97%)}.hero-landscape{object-position:48% 100%!important;height:104%!important}.hero-caption{left:23px;right:23px;bottom:23px;gap:8px}.hero-caption .scroll-cue{font-size:6px;letter-spacing:.08em}.hero-caption>span:last-child{font-size:7px}.scientific-credits>.section-wrap{padding-top:24px;padding-bottom:24px;gap:8px}.scientific-credits p{font-size:10px;max-width:280px;line-height:1.9}.scientific-credits span{font-size:7px}.scientific-credits i{margin:0 6px}.chapter>.section-wrap{padding-top:65px;padding-bottom:65px}.chapter .source-text{font-size:18px;line-height:1.8}.motion .word-stage{min-height:375px}.related-workspace strong{font-size:13px}.workspace-wrap{width:calc(100% - 42px)}.workspace-view{padding-top:calc(var(--header) + 37px);padding-bottom:62px}.workspace-heading{display:block;padding-bottom:29px}.workspace-view h1{font-size:52px;line-height:1.04;letter-spacing:-.055em}.workspace-lead{font-size:14px;line-height:1.7;margin-top:18px}.eyebrow{font-size:7px;letter-spacing:.11em;margin-bottom:17px;gap:8px}.eyebrow>span{width:5px;height:5px}.library-counter{display:none}.desktop-only{display:none}.search-order-row{display:block;padding:21px 0 19px}.search-input{padding-bottom:10px;gap:10px}.search-input input{font-size:13px}.search-input svg{width:18px;height:18px}.sort-control{display:flex;flex-direction:row;align-items:center;gap:15px;margin-top:14px}.sort-control>span{font-size:9px;white-space:nowrap}.sort-control select{font-size:11px;padding:4px 20px 4px 0;max-width:210px;width:auto}.search-shortcut{display:none}.category-filters{gap:5px;padding-bottom:17px}.category-filters button{font-size:9px;min-height:31px;padding:7px 9px}.library-toolbar{gap:11px;align-items:start;flex-direction:column;padding:13px 0}.type-filters{gap:20px;width:100%;justify-content:space-between}.type-filters button{font-size:11px;padding:4px 0}.library-tools{width:100%;justify-content:flex-end;gap:8px}.library-tools #only-saved{margin-right:auto;font-size:10px}.library-tools #saved-count{font-size:8px}.toolbar-divider{height:15px}.display-switch{width:28px;height:27px;padding:4px}.results-row{padding:15px 0 0;gap:10px;align-items:center}.results-row>p{font-size:8px;max-width:145px;line-height:1.6}.results-row .quiet-button{font-size:9px;gap:8px;text-align:right}.book-shelf{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:27px;padding-top:22px}.book-object{height:235px;padding:0 5px 19px}.book-object:after{left:-11px;right:-11px;bottom:6px;height:8px}.book-open{max-height:214px;max-width:157px}.book-cover{padding:15px 12px 13px 18px}.cover-author{font-size:8px}.cover-title{font-size:21px;line-height:1.1;margin:7px 0}.cover-foot{font-size:6px;padding-top:8px;letter-spacing:.03em}.cover-plum .cover-title{font-size:18px}.book-entry.kind-article .book-open,.book-entry.kind-chapter .book-open{height:201px}.book-entry.kind-article .book-cover,.book-entry.kind-chapter .book-cover{padding:13px 11px 13px 15px}.book-entry.kind-article .cover-title{font-size:18px;margin-bottom:35px;line-height:1.12}.book-entry.kind-chapter .cover-title{font-size:15px;margin-bottom:35px}.book-entry.kind-article .cover-author,.book-entry.kind-chapter .cover-author{font-size:8px}.book-meta{grid-template-columns:1fr 21px;gap:4px 5px;padding-top:9px}.book-meta>button.book-title-link{font-size:12px;line-height:1.35}.book-meta .book-author{font-size:9px;line-height:1.7}.book-meta .book-year{font-size:7px;margin-top:4px}.save-reference{padding:2px}.save-reference svg{width:14px;height:18px}.library-footnote{font-size:9px;padding-top:23px;margin-top:32px;line-height:1.85}.list-layout .book-entry{grid-template-columns:52px 1fr;gap:18px}.list-layout .book-meta .book-title-link{font-size:14px}.list-layout .book-meta .book-author{font-size:11px}.lesson-sketch{display:none}.classroom-intro h1{font-size:58px}.resource-tabs{gap:0;justify-content:space-between;margin-bottom:22px}.resource-tabs button{font-size:10px;padding:14px 0}.resource-tabs button span{font-size:7px;margin-left:4px}.classroom-filters{grid-template-columns:1fr 1fr;gap:14px 12px}.classroom-filters>label:last-child{grid-column:1/-1;display:flex;align-items:center;gap:15px}.classroom-filters>label:last-child select{margin-top:0;flex:1}.classroom-filters label{font-size:9px}.classroom-filters select{font-size:11px;min-height:40px;margin-top:6px}.activity-result-row{font-size:8px;padding:19px 0}.activity-result-row .quiet-button{font-size:9px}.activities-grid{grid-template-columns:1fr;gap:20px}.activity-image-wrap{height:185px}.activity-card-body{padding:22px 20px 18px}.activity-card h3{font-size:27px!important;line-height:1.12;letter-spacing:-.04em}.activity-card .activity-question{font-size:16px;margin-top:11px;margin-bottom:21px}.activity-skill{font-size:8px}.activity-format{font-size:10px}.activity-buttons{margin-top:17px;padding-top:14px}.activity-add{font-size:11px;min-height:36px;padding:8px 10px}.activity-details{font-size:11px}.activity-guidance{font-size:10px}.session-builder{padding:24px 21px;margin-top:0}.session-heading h2{font-size:37px}.session-heading .eyebrow{font-size:8px}.session-name-label,.session-notes-label{font-size:10px}.session-builder .primary-link{min-height:46px;font-size:12px}.session-builder textarea{font-size:12px}.local-save-note{font-size:10px}.session-builder #session-clear{font-size:10px}.sample-session{font-size:10px}.session-total>span{font-size:11px}.session-total>strong{font-size:32px}.session-item h3{font-size:13px}.pane-intro{display:block;margin:28px 0}.pane-intro h2{font-size:30px;line-height:1.2;margin-bottom:15px}.pane-intro p{font-size:13px}.classroom-view .video-grid{grid-template-columns:1fr;gap:20px}.classroom-view .video-meta{padding:22px}.classroom-view .video-meta strong{font-size:22px}.classroom-view .video-meta>span{font-size:13px}.classroom-view .video-meta small{font-size:8px}.classroom-view .video-play{width:45px;height:45px;font-size:12px;left:20px;bottom:20px}.video-context-note{font-size:10px}.classroom-view .resource-columns{grid-template-columns:1fr;gap:32px}.classroom-view .resource-column h4{font-size:10px}.classroom-view .resource-link b{font-size:18px}.classroom-view .resource-link small{font-size:11px}.site-footer>.workspace-wrap{padding-top:34px;padding-bottom:28px;gap:22px}.footer-wordmark{font-size:25px}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;font-size:10px}.site-footer nav a,.site-footer nav button{text-align:left;font-size:10px;padding:6px 0}.site-footer>.workspace-wrap>p{font-size:9px;padding-top:20px}.reference-dialog{width:calc(100% - 24px);padding:48px 23px 25px;max-height:91svh}.reference-detail{display:block}.reference-volume{display:none}.reference-text h2{font-size:28px}.reference-text .eyebrow{font-size:8px;line-height:1.8;margin-right:15px}.reference-authors{font-size:13px}.reference-venue{font-size:11px}.reference-description{font-size:13px}.reference-actions{gap:12px}.reference-panel-links a{font-size:11px}.reference-citation{font-size:10px;padding:15px}.dialog-x{right:16px;top:10px;font-size:27px}.activity-dialog{width:calc(100% - 24px);padding:48px 23px 27px;max-height:91svh}.activity-dialog h2{font-size:33px;line-height:1.15}.activity-modal-subtitle{font-size:18px}.activity-meta-line{font-size:8px}.activity-detail-block>p{font-size:13px}.activity-detail-steps>li{grid-template-columns:40px 1fr;gap:10px}.activity-detail-steps p{font-size:12px}.activity-detail-steps h3{font-size:15px}.activity-modal-actions{gap:15px;flex-wrap:wrap}.activity-modal-actions .primary-link{font-size:11px;min-height:43px}.activity-modal-actions .quiet-button{font-size:10px}.toast{font-size:11px;bottom:19px;max-width:calc(100% - 30px);width:max-content;padding:10px 15px}.chapter-location{max-width:235px}.video-external{font-size:11px}}
@media(max-height:780px) and (min-width:901px){.hero-stage,.motion .hero-stage{min-height:760px}.hero-type{top:205px!important;width:610px!important}.hero-credits{top:calc(var(--header) + 22px)}.hero-intro{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.hero-landscape{transform:none!important}.book-cover{transition:none!important}.book-open:hover .book-cover{transform:none!important}.hero-stage,.motion .hero-stage{position:relative!important}.toast{transition:none!important}}
@media print{.js [data-view]:not(.is-active){display:none!important}.site-header,.page-progress,.chapter-location,.site-footer,.hero-track,.scientific-credits,.closing,.word-track,.video-dialog,.resource-tabs,.classroom-filters,.activity-buttons,.session-builder,.bib-controls,.results-row,.save-reference,.quiet-button,.toast,dialog{display:none!important}.workspace-view{padding:0!important}.workspace-wrap{width:100%!important;max-width:none!important}.workspace-heading{padding-bottom:18px!important;display:block!important}.workspace-view h1{font-size:30px!important}.workspace-lead{font-size:12px!important;margin-top:10px!important}.library-counter,.lesson-sketch{display:none!important}.book-shelf{display:block!important}.book-entry{display:block!important;border-bottom:1px solid #aaa!important;padding:12px 0!important;break-inside:avoid}.book-object{display:none!important}.book-meta{display:block!important;padding:0!important}.book-title-link{font-size:14px!important;line-height:1.5!important}.book-author{font-size:11px!important}.book-year{font-size:10px!important}.print-citation{display:block!important;font-size:10px!important;line-height:1.6!important}.classroom-layout{display:block!important}.activities-grid{display:block!important}.activity-card{break-inside:avoid;display:block!important;margin:0 0 20px!important;border:1px solid #bbb!important}.activity-image-wrap{height:110px!important}.activity-image-wrap img{max-height:100px!important;object-fit:contain!important}.activity-time,.activity-game{display:none!important}.activity-card-body{padding:12px!important}.activity-card h3{font-size:20px!important}.activity-card .activity-question{font-size:12px!important;margin:10px 0!important}.activity-format{font-size:10px!important}.activity-result-row{display:none!important}.pane-intro h2{font-size:24px!important}.video-card{break-inside:avoid}.video-poster{display:none!important}.resource-columns{display:block!important}.library-footnote{font-size:9px!important}#exposicion:before{content:'Jugar con el pasado · Historia, videojuegos y educación';display:block;font-size:23px;font-weight:700;margin:0 0 20px}.source-paragraph{font-size:12px!important;line-height:1.65!important}.related-workspace{display:none!important}}
.print-citation{display:none}
/* Final editorial pass: workspaces open on usable material, not a second hero. */
@media(min-width:901px){.workspace-view{padding-top:calc(var(--header) + 42px)}.workspace-heading{padding-bottom:29px}.workspace-heading h1{font-size:64px;line-height:1.04}.workspace-heading .eyebrow{margin-bottom:14px}.workspace-heading .workspace-lead{font-size:15px;line-height:1.65;margin-top:17px}.library-counter>strong{font-size:75px}.lesson-sketch{width:280px;padding:13px 25px 17px}.sketch-action{font-size:22px;padding:10px 0}.resource-tabs{margin-bottom:25px}.resource-tabs button{padding-top:15px;padding-bottom:15px}}
@media(min-width:1200px){.book-shelf{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:30px}.book-object{height:276px;padding:0 7px 20px}.book-open{max-height:256px}.cover-title{font-size:24px}.cover-plum .cover-title{font-size:21px}.book-entry.kind-article .book-open,.book-entry.kind-chapter .book-open{height:233px}.book-entry.kind-article .cover-title{font-size:21px}.book-entry.kind-chapter .cover-title{font-size:17px}.book-object:after{left:-15px;right:-15px}}
.book-meta .book-author{color:#766283}.book-meta .book-year{color:#806d8d}.results-row,.results-row .quiet-button,.library-footnote{color:#7e6b8c}.type-filters button,.category-filters button{color:#766383}.category-filters button.selected{color:#fff}.sort-control>span{color:#7c6889}.search-input input::placeholder{color:#8c789b}.search-shortcut{color:#8a729d}.library-tools #only-saved{color:#785b8e}.library-counter p{color:#826793}.hero-credits a small{color:#806c91}.credit-role{color:#7e6592}.scientific-credits span{color:#7b618f}.classroom-filters label,.classroom-filters select{color:#647458}.activity-result-row,.activity-result-row .quiet-button,.activity-guidance{color:#707e60}.activity-skill,.activity-format{color:#6c7e5e}.activity-card .activity-question{color:#718060}.resource-tabs button{color:#697b5b}.resource-tabs button span{color:#788b69}.session-heading .eyebrow,.session-name-label,.session-notes-label{color:#6a7f57}.session-builder input::placeholder{color:#7d8f69}.session-builder input{color:#4d6740}.session-builder textarea::placeholder{color:#7b8b6d}.session-total>span,.session-total>strong small{color:#6d8357}.local-save-note{color:#748963}.session-builder #session-clear{color:#71845f}.session-item .session-item-meta{color:#6a8053}.session-item>.item-order{color:#748b5e}.session-remove{color:#6f875b}.sample-session{color:#5f7a46}.session-counter{color:#6a8352}#session-empty small{color:#768b61}#session-empty p{color:#73885e}.classroom-view .video-meta small,.classroom-view .video-meta>span,.video-context-note,.pane-intro p{color:#6c7c60}.classroom-view .resource-link small,.classroom-view .resource-link i{color:#6c825b}.activity-detail-block>p,.activity-detail-steps p{color:#697b5c}.activity-proposal-note{color:#718863}.activity-meta-line{color:#67804f}.activity-detail-steps .step-min{color:#6d8656}.reference-source-label{color:#82708f}.reference-authors{color:#7d6092}.reference-venue{color:#84708f}.footer-wordmark>span,.site-footer nav,.site-footer>.workspace-wrap>p{color:#887195}.book-cover.cover-cream,.book-cover.cover-sand{color:#44392d}.cover-author{opacity:.95}

/* Let the museum artwork bleed within its panel, never across the viewport. */
.sandbox{overflow-x:clip}

.session-jump{display:none}.session-builder{scroll-margin-top:calc(var(--header) + 18px)}
@media(max-width:900px){.session-jump{display:inline-flex;align-items:center;gap:5px}.activity-result-row{flex-wrap:wrap;gap:12px}}

/* ===============================================================
   V5 · A living exhibition, a quiet library, a useful resource desk.
   Scroll only animates the two short editorial scenes. All text stays HTML.
   =============================================================== */
:root{--resource-accent:#4a2086;--header:78px}
[hidden]{display:none!important}
.site-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.site-header .top-nav a{min-height:44px;display:flex;align-items:center;white-space:nowrap}
:where(button,input,select,a):focus-visible{outline:3px solid #199ed6;outline-offset:4px}
.hero-track{height:auto!important}.hero-stage{height:100svh;min-height:730px!important;position:relative;--hp:0;--blast:0;--after:0}
.motion .hero-track{height:208svh!important}
.motion .hero-stage{position:sticky!important;top:0!important;height:100svh;min-height:730px!important}
.hero-type{width:64%;max-width:870px;left:var(--gutter);top:30%;opacity:1!important;transform:translateY(calc(var(--hp)*-34px))!important}
.hero-type>.kicker{margin-bottom:29px}
.hero-type h1{max-width:800px}
.hero-type .word-jugar{width:73%}
.hero-type .con-el{opacity:calc(1 - var(--hp)*3.1)}
.hero-type .hero-intro{opacity:calc(1 - var(--hp)*3.8);transform:translateY(calc(var(--hp)*-12px));margin-top:26px}
.hero-type .logo-pixel{transform-box:fill-box;transform-origin:center;transform:translate(calc(var(--blast)*var(--dx,0px)),calc(var(--blast)*var(--dy,0px))) rotate(calc(var(--blast)*var(--dr,0deg)))!important;opacity:calc(1 - var(--blast)*1.05)!important}
.hero-landscape{width:100%;height:110%;object-fit:cover;object-position:50% 76%;transform:translateY(calc(var(--hp)*-4%)) scale(calc(1.015 + var(--hp)*.1))!important;transform-origin:center bottom;will-change:transform}
.hero-paper{background:linear-gradient(180deg,#faf9fc 8%,#faf9fcfc 22%,#faf9fced 39%,#faf9fc83 65%,#faf9fc05 95%);opacity:calc(1 - var(--hp)*1.6)!important}
.world-shade{background:linear-gradient(180deg,#150c2100 22%,#150c2155 58%,#150c21cc 100%);opacity:calc(.35 + var(--hp)*.65)}
.hero-credits{z-index:8;opacity:calc(1 - var(--hp)*2.8);transform:translateY(calc(var(--hp)*-15px));padding-bottom:20px}
.hero-after{display:block!important;position:absolute;left:var(--gutter);right:var(--gutter);bottom:22%;max-width:1200px;color:white;opacity:var(--after);transform:translateY(calc((1 - var(--after))*24px));z-index:5;pointer-events:none}
.hero-after>.kicker{color:#dacde9;font-size:10px;letter-spacing:.17em;margin-bottom:25px}
.hero-after>p:not(.kicker){font-size:clamp(44px,6.7vw,110px);font-weight:700;line-height:1.03;letter-spacing:-.065em}
.hero-after em{color:#e4ceff}.hero-after>span{display:block;font-size:16px;line-height:1.6;margin-top:28px;color:#ece4f5}
.hero-caption{color:white;text-shadow:0 1px 12px #1b1125;z-index:8}
.hero-pixel-corner{position:absolute;top:25%;right:3%;width:17%;height:30%;z-index:1;pointer-events:none;opacity:calc(1 - var(--hp)*1.5)}
.hero-pixel-corner i{position:absolute;width:var(--size);height:var(--size);background:var(--color);left:var(--x);top:var(--y);opacity:var(--alpha);transform:translate(calc(var(--blast)*30px),calc(var(--blast)*-40px))}
/* The curiosity scene builds its three actions progressively, and reversibly. */
.motion .word-track{height:185svh!important;--w1:0;--w2:0;--w3:0}
.motion .word-stage{position:sticky!important;top:var(--header)!important;height:calc(100svh - var(--header))!important;min-height:560px!important;padding-top:5svh!important;padding-bottom:5svh!important;justify-content:center}
.word-stage>p{font-size:clamp(68px,9.2vw,148px);line-height:1.08}
.word-stage>p>span{position:relative;transition:none!important;color:#d6cede!important;transform:translateX(calc((1 - var(--wi))*15px));opacity:calc(.4 + var(--wi)*.6);--wi:0}
.word-stage>p>span:nth-child(1){--wi:var(--w1,1)}.word-stage>p>span:nth-child(2){--wi:var(--w2,1)}.word-stage>p>span:nth-child(3){--wi:var(--w3,1)}
.word-stage>p>span:after{content:attr(data-word);position:absolute;left:0;top:0;color:var(--word-color);opacity:var(--wi);white-space:nowrap}
.word-stage>p>span:nth-child(1){--word-color:var(--purple)}.word-stage>p>span:nth-child(2){--word-color:var(--red)}.word-stage>p>span:nth-child(3){--word-color:#197c93}
.word-stage>p>span:nth-child(3):after{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.055em}
.word-counter{display:flex;align-items:center;gap:24px;line-height:1.7;max-width:800px;margin-top:35px}
.word-progress{display:flex;gap:5px;flex-shrink:0}.word-progress i{height:4px;width:35px;background:#e0d7e8;position:relative}.word-progress i:after{content:'';position:absolute;inset:0;transform:scaleX(var(--wi,0));transform-origin:left;background:var(--word-color)}
.word-progress i:nth-child(1){--wi:var(--w1);--word-color:var(--purple)}.word-progress i:nth-child(2){--wi:var(--w2);--word-color:var(--red)}.word-progress i:nth-child(3){--wi:var(--w3);--word-color:#197c93}
/* Readable, stable covers. Same outer rectangle for every publication type. */
.library-heading{margin-bottom:30px}.library-counter strong{color:#a88bc6}
.results-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.results-row>.quiet-button{margin-left:auto}.results-range{font:10px/1.5 ui-monospace,monospace;color:#7b6d89}
.book-shelf{column-gap:32px;row-gap:42px;align-items:start}
.book-object{height:auto!important;min-height:0!important;padding:0 12px!important;display:block!important;position:relative}
.book-entry .book-open{display:block;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3/4!important;transform:none!important;margin:0!important;padding:0;transition:transform .18s ease,box-shadow .18s ease!important;position:relative}
.book-entry .book-open:hover{transform:translateY(-5px)!important}
.book-cover{height:100%!important;min-height:0!important;width:100%!important;aspect-ratio:auto!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;position:relative;overflow:hidden;padding:20px 21px 16px!important}
.book-cover .cover-author{font:9px/1.5 Arial,Helvetica,sans-serif;position:relative;z-index:2;letter-spacing:0;min-height:27px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.book-cover .cover-title{position:relative;z-index:2;font:clamp(18px,1.65vw,26px)/1.13 Georgia,serif!important;letter-spacing:-.035em!important;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;hyphens:auto;margin:14px 0!important;max-height:none!important}
.book-cover .cover-foot{font:8px/1.5 ui-monospace,monospace;letter-spacing:.1em;margin-top:10px;position:relative;z-index:2}
.kind-book .book-open{border:0!important;border-radius:1px 3px 3px 0;box-shadow:4px 2px 0 #d8ccd9,5px 3px 0 #eee8ee,7px 6px 13px #22112d13}
.kind-book .book-cover:before{content:'';position:absolute;inset:0 auto 0 0;width:9px;background:linear-gradient(90deg,#0002,#ffffff18,#0001)}
.kind-article .book-open,.kind-chapter .book-open{box-shadow:3px 3px 0 #f8f6fa,4px 4px 0 #cfc6d5;border:1px solid #d8d0df!important;border-radius:0}
.kind-article .book-cover,.kind-chapter .book-cover{background:#fff!important;color:#382b46!important;border:0!important;padding:19px 19px 16px!important}
.kind-article .book-cover:before,.kind-chapter .book-cover:before{content:none!important}
.kind-article .book-cover:after,.kind-chapter .book-cover:after{content:''!important;position:absolute!important;width:auto!important;height:auto!important;left:19px!important;right:19px!important;top:auto!important;bottom:55px!important;transform:none!important;border:0!important;opacity:.6!important;background:repeating-linear-gradient(180deg,#ded7e6 0,#ded7e6 1px,transparent 1px,transparent 7px)!important;height:24px!important}
.paper-header{font:7px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.13em;display:flex;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:2px solid #75538b;margin-bottom:10px;color:#6f527e}
.kind-chapter .paper-header{border-bottom-color:#768a93;color:#4f6974}
.kind-article .cover-title,.kind-chapter .cover-title{font-family:Arial,Helvetica,sans-serif!important;font-weight:600!important;font-size:clamp(16px,1.3vw,21px)!important;line-height:1.18!important;letter-spacing:-.025em!important;margin:6px 0 auto!important;padding-bottom:27px;-webkit-line-clamp:5}
.kind-article .cover-author,.kind-chapter .cover-author{font-size:8px!important;min-height:20px!important;color:#7c6a88;margin-bottom:7px}
.kind-article .cover-foot,.kind-chapter .cover-foot{color:#715e7c!important;border-top:1px solid #d9d0df!important}
.book-meta{padding-top:22px;min-height:128px;position:relative}
.book-title-link{line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px!important;letter-spacing:-.015em}
.book-author{font-size:11px!important;line-height:1.55!important;padding-right:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.book-year{font-size:9px!important;margin-top:8px!important}.save-reference{min-width:32px;min-height:34px}
.catalog-pagination{display:flex;gap:7px;align-items:center;justify-content:center;margin:30px 0 38px;padding-top:22px;border-top:1px solid var(--line);flex-wrap:wrap}
.catalog-pagination button{min-width:42px;min-height:42px;padding:9px 13px;font-size:12px;border:1px solid transparent;border-radius:3px}
.catalog-pagination button[aria-current=page]{background:var(--purple);color:white;border-color:var(--purple)}
.catalog-pagination button:not(:disabled):hover{border-color:#ae99bf}.catalog-pagination button:disabled{opacity:.35}
.catalog-pagination .pagination-arrow{font-size:13px;margin:0 10px}
.library-footnote{max-width:95ch;font-size:11px;line-height:1.8}
.book-shelf.list-layout .book-entry .book-open{width:68px!important;aspect-ratio:3/4!important;height:auto!important;box-shadow:none!important}
.book-shelf.list-layout .book-object{width:84px!important;padding:0 8px!important}
.book-shelf.list-layout .book-cover{padding:8px!important}.book-shelf.list-layout .cover-title{font-size:9px!important;line-height:1.12!important;margin:0!important;padding:0!important;-webkit-line-clamp:5!important}
.book-shelf.list-layout .cover-author,.book-shelf.list-layout .paper-header,.book-shelf.list-layout .cover-foot,.book-shelf.list-layout .book-cover:after{display:none!important}
.book-shelf.list-layout .book-meta{min-height:92px!important;padding-top:0!important}.book-shelf.list-layout .book-title-link{font-size:16px!important}
.reference-dialog .book-open,.reference-dialog .book-cover{width:220px!important;aspect-ratio:3/4!important;height:auto!important}.reference-dialog .book-cover{min-height:294px!important}
.ref-facts{display:flex;gap:7px 15px;flex-wrap:wrap;font:10px/1.6 ui-monospace,monospace;color:#746382;margin:20px 0}.reference-meta{overflow-wrap:anywhere}.reference-citation{overflow-wrap:anywhere}
/* Resource catalog. No scroll-linked animations or pinned text. */
.resource-view{background:#faf9fc;color:#2e213c;--muted:#766582;--line:#ded4e7;--resource-accent:#4a2086}
.resources-heading-v5{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center;margin-bottom:40px}
.resource-view h1 em{color:var(--resource-accent)}.resource-view .eyebrow{color:#79578f}.resource-view .eyebrow>span{background:#9064b6}
.resource-intro-note{border-left:1px solid #dbcee7;padding-left:40px;justify-self:end}
.resource-intro-note>p{font-size:clamp(23px,2.7vw,43px);line-height:1.18;letter-spacing:-.045em;margin:20px 0;color:#624675}
.resource-intro-note em{color:#694486}.resource-intro-note>small{font:9px/1.7 ui-monospace,monospace;color:#8b759c;display:block;max-width:29ch}
#resource-controls .search-order-row{border-top:1px solid var(--line);padding-top:18px;gap:35px}
.resource-view .search-input{border-bottom-color:#d2c1df}.resource-view input::placeholder{color:#8c7a9a}
.resource-view select{color:#5a3b72}.resource-view .search-input svg{color:#805993}
.resource-category-nav{display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);margin-top:22px;flex-wrap:wrap}
.resource-category-nav button{position:relative;font-size:12px;min-height:53px;color:#84708f;padding:12px 0;border-bottom:2px solid transparent;display:flex;align-items:center;gap:8px}
.resource-category-nav button>span{font:9px/1.5 ui-monospace,monospace;color:#a18bad}
.resource-category-nav button.selected{border-bottom-color:#4a2086;color:#4a2086;font-weight:700}
.resource-filter-row{display:flex;align-items:end;gap:22px;flex-wrap:wrap;padding:22px 0 23px;border-bottom:1px solid var(--line)}
.resource-filter-row>label:not(.filter-check){display:flex;flex-direction:column;gap:8px;min-width:165px}
.resource-filter-row>label>span{font-size:10px;color:#87748f;line-height:1.5}
.resource-filter-row select{min-height:36px;border:1px solid #d9cde3;background:#fff;border-radius:3px;padding:7px 28px 7px 10px;font:11px Arial,sans-serif;max-width:100%}
.filter-check{display:flex;align-items:center;gap:8px;min-height:36px;cursor:pointer}.filter-check input{accent-color:#4a2086;width:15px;height:15px;margin:0}
.filter-check>span{font-size:11px!important;color:#755285!important}
.resource-saved-toggle{margin-left:auto;min-height:37px;display:flex;align-items:center;gap:9px;font-size:11px;color:#4a2086;border:1px solid #d7c7e3;border-radius:3px;padding:8px 10px}
.resource-saved-toggle[aria-pressed=true]{background:#ede3f6}.resource-saved-toggle>span{background:#e5d9f1;font:9px monospace;padding:2px 5px}
.resource-results{padding-top:23px;margin-bottom:24px}.resource-results>div{display:flex;gap:20px;margin-left:auto;align-items:center}.resource-results p,.resource-results .quiet-button{color:#80658e}
.resource-grid-v5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.resource-card{background:#fff;border:1px solid #ded3e8;border-radius:4px;min-width:0;display:flex;flex-direction:column;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}
.resource-card:hover{border-color:#b399c7;box-shadow:0 12px 32px #43176608}
.resource-poster{height:190px;position:relative;overflow:hidden;display:block;background:var(--poster-bg,#e8ded2);color:var(--poster-ink,#69513f);width:100%;text-align:left;padding:0}
.resource-poster img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.85)}
.resource-poster.has-image:after{position:absolute;inset:0;content:'';background:linear-gradient(180deg,#0000 50%,#09171025)}
.resource-poster .poster-type{position:absolute;top:13px;left:15px;z-index:2;font:8px/1.5 ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;background:#ffffffed;color:#554163;padding:5px 7px;border-radius:2px}
.resource-poster .poster-video{position:absolute;bottom:14px;right:14px;z-index:2;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fffffff0;color:#603f7b;font-size:12px;padding-left:2px}
.resource-poster .poster-mark{position:absolute;inset:48px 25px 25px;display:flex;align-items:center;font:500 clamp(25px,3vw,40px)/1.08 Georgia,serif;letter-spacing:-.04em;overflow-wrap:anywhere;z-index:1}
.resource-poster:not(.has-image):before{content:'';position:absolute;right:-16px;bottom:-60px;width:170px;height:170px;border:1px solid currentColor;opacity:.19;transform:rotate(45deg)}
.resource-poster:not(.has-image):after{content:'';position:absolute;right:31px;bottom:-69px;width:170px;height:170px;border:1px solid currentColor;opacity:.13;transform:rotate(45deg)}
.poster-plum{--poster-bg:#e8e1ef;--poster-ink:#6c4483}.poster-sand{--poster-bg:#eee6d9;--poster-ink:#977342}.poster-blue{--poster-bg:#e2edf1;--poster-ink:#457381}.poster-moss{--poster-bg:#dfe8de;--poster-ink:#557454}.poster-rust{--poster-bg:#edddd8;--poster-ink:#9b5d4b}.poster-ink{--poster-bg:#e5e5e8;--poster-ink:#565165}
.resource-card-body{padding:22px 23px 20px;flex:1;display:flex;flex-direction:column}
.resource-card-provider{font:8px/1.6 ui-monospace,monospace;color:#9989a4;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;min-height:13px}
.resource-card-title{font:600 23px/1.14 Arial,sans-serif;letter-spacing:-.035em;text-align:left;padding:0;color:#493159;overflow-wrap:break-word}
.resource-card-body>p{font-size:13px;line-height:1.7;color:#7b6989;margin-top:13px;flex:1}
.resource-card-info{display:flex;gap:8px;flex-wrap:wrap;font:9px/1.5 ui-monospace,monospace;color:#897398;margin-top:19px;margin-bottom:17px}
.resource-card-info>span+span:before{content:'·';margin-right:8px;color:#b4a1c0}
.resource-card-actions{display:flex;gap:16px;align-items:center;padding-top:15px;border-top:1px solid #e9e1ef}
.resource-open{font-size:11px;font-weight:700;color:#4a2086;display:flex;align-items:center;gap:15px;padding:6px 0}
.resource-direct{font-size:10px;color:#897096;margin-left:auto;padding:6px 0;display:flex;gap:8px;align-items:center}
.resource-save{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;color:#9475a7;border-radius:3px;margin-right:-5px}
.resource-save svg{height:17px;width:14px;fill:none;stroke:currentColor;stroke-width:1.3}.resource-save[aria-pressed=true]{color:#4a2086;background:#efe6f5}.resource-save[aria-pressed=true] svg{fill:#c7adda}
.resource-view .catalog-pagination button[aria-current=page]{background:#4a2086;border-color:#4a2086}
.before-class{display:grid;grid-template-columns:1fr 1fr;gap:75px;border-top:1px solid var(--line);padding:35px 0 15px;margin-top:55px}
.before-class h2{font:500 30px/1.18 Arial,sans-serif;letter-spacing:-.045em;margin-top:16px}.before-class h2 em{color:#4a2086}.before-class>p{font-size:13px;line-height:1.85;color:#826c8d;align-self:center}
/* The complete resource record, with progressive video loading. */
.resource-dialog-v5{max-width:1130px;width:calc(100% - 50px);padding:0;background:#fbf8fe;color:#4a305d;max-height:92svh;overscroll-behavior:contain}
.resource-dialog-v5 .dialog-x{background:#fffffff5;border:1px solid #e0d2e9;z-index:5;position:sticky;float:right;top:18px;margin:18px 18px -55px 0;width:38px;height:38px;color:#775387}
.resource-detail-top{display:grid;grid-template-columns:.92fr 1.08fr;gap:38px;align-items:stretch;padding:42px 46px 34px;border-bottom:1px solid #e7dcec}
.resource-detail-top .resource-poster{height:100%;min-height:280px;border-radius:3px}
.resource-detail-top .poster-mark{font-size:clamp(34px,4vw,57px)}
.resource-detail-head{padding:8px 32px 0 0}.resource-detail-head .eyebrow{font-size:8px;color:#8f749e;line-height:1.7}
.resource-detail-head h2{font:600 36px/1.1 Arial,sans-serif;letter-spacing:-.04em;margin:17px 0;color:#4c305e}
.resource-detail-summary{font-size:15px;line-height:1.75;color:#81638e}
.resource-detail-quick{display:flex;align-items:center;gap:18px;margin-top:21px;flex-wrap:wrap}
.resource-detail-quick .primary-link{background:#4a2086;min-height:45px;font-size:11px;border-radius:3px;padding:11px 16px;gap:20px}
.resource-detail-quick .resource-save{width:auto;gap:9px;display:flex;padding:7px 9px;font-size:10px}
.resource-detail-main{display:grid;grid-template-columns:1.18fr .82fr;gap:48px;padding:34px 46px 40px}
.resource-detail-main h3{font:600 15px/1.3 Arial,sans-serif;letter-spacing:-.02em;color:#69457e;margin:0 0 14px}
.resource-detail-main p{font-size:13px;line-height:1.8;color:#80648f}
.resource-question{background:#f0e7f7;border-left:2px solid #ac80c6;padding:21px 23px;margin-bottom:28px}
.resource-question>span{font:8px/1.6 ui-monospace,monospace;color:#9770ab;letter-spacing:.04em;display:block;margin-bottom:10px}
.resource-question>p{font:italic 24px/1.3 Georgia,serif;color:#795189;letter-spacing:-.025em}
.resource-detail-links{margin-top:23px}.resource-detail-links>a{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #e2d4ed;padding:13px 0;font-size:12px;line-height:1.5;color:#79518c}
.resource-detail-links>a>i{font-style:normal}.resource-detail-links>a:hover{color:#41205b}
.resource-detail-facts{margin:0 0 24px;display:grid;gap:17px}.resource-detail-facts div{border-bottom:1px solid #e2d7eb;padding-bottom:12px}.resource-detail-facts dt{font:8px/1.6 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:#a18cb0;margin-bottom:5px}.resource-detail-facts dd{font-size:12px;line-height:1.6;color:#83648d;margin:0}
.resource-connections{border-top:1px solid #e2d4ed;padding-top:22px;margin-top:26px}.resource-connections a,.resource-connections button{display:block;font-size:11px;line-height:1.65;padding:7px 0;color:#775488;text-align:left}
.resource-video-block{margin-top:30px;border-top:1px solid #e2d4ed;padding-top:22px}.resource-video-block h3{margin-bottom:7px}
.resource-video-actions{display:flex;gap:17px;align-items:center;margin:15px 0;flex-wrap:wrap}.resource-video-actions button{background:#4a2086;color:white;font-size:11px;border-radius:3px;padding:12px 14px}.resource-video-actions a{font-size:11px;color:#805e98}
.resource-video-block .resource-video-hint{font-size:10px;line-height:1.65;color:#9683a3}.resource-inline-player:empty{display:none}
.resource-inline-player{aspect-ratio:16/9;background:#21172d;margin-top:16px;border-radius:3px;overflow:hidden}.resource-inline-player iframe{width:100%;height:100%;border:0;display:block}
.resource-dialog-v5:focus{outline:none}
#video-dialog .video-frame:empty{display:none}
@media(min-width:1700px){.hero-type{top:31%;width:60%;max-width:940px}.hero-intro{margin-top:30px}.hero-pixel-corner{right:7%}.resource-poster{height:230px}}
@media(max-width:1150px){.hero-type{top:32%;width:69%}.book-shelf{column-gap:24px}.book-object{padding:0 6px!important}.book-cover{padding:16px!important}.resource-grid-v5{gap:20px}.resource-card-body{padding:20px}.resource-card-title{font-size:21px}.resource-poster{height:170px}.resource-category-nav{gap:24px}.resource-filter-row{gap:16px}.resources-heading-v5{gap:35px}.resource-intro-note{padding-left:25px}.resource-detail-top,.resource-detail-main{padding-left:32px;padding-right:32px;gap:30px}}
@media(max-width:900px){:root{--header:106px}.hero-stage,.motion .hero-stage{min-height:800px!important}.hero-type{top:35%;width:calc(100% - var(--gutter)*2);max-width:650px}.hero-pixel-corner{top:36%;right:0;width:22%}.hero-credits{top:calc(var(--header) + 23px)!important}.hero-after{bottom:25%}.hero-after>p:not(.kicker){font-size:8vw}.hero-after>span{font-size:14px}.word-stage>p{font-size:11.8vw}.resources-heading-v5{grid-template-columns:1fr 1fr;gap:25px}.resource-intro-note>p{font-size:28px}.resource-grid-v5{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-poster{height:190px}.resource-saved-toggle{margin-left:0}.resource-filter-row>label:not(.filter-check){min-width:140px;flex:1}.resource-category-nav{gap:20px}.resource-category-nav button{font-size:11px}.before-class{gap:35px}.before-class h2{font-size:26px}.resource-detail-head h2{font-size:29px}.resource-detail-top{grid-template-columns:.8fr 1.2fr;gap:24px}.resource-detail-main{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:600px){:root{--header:104px}.motion .hero-track{height:185svh!important}.hero-stage,.motion .hero-stage{height:100svh;min-height:775px!important}.hero-type{top:38%!important;width:calc(100% - 46px);left:23px;max-width:none}.hero-type>.kicker{font-size:7px;margin-bottom:22px}.hero-type .con-el{font-size:27px;margin:12px 0 17px}.hero-type .hero-intro{max-width:100%;display:flex;flex-direction:column;gap:17px;margin-top:24px}.hero-intro p{font-size:15px!important;line-height:1.4!important}.hero-intro p em{font-size:21px!important}.hero-type .hero-intro .primary-link{min-width:0;font-size:10px;min-height:43px;gap:20px}.hero-credits{top:calc(var(--header) + 22px)!important;left:23px!important;right:23px!important;padding-bottom:14px!important}.hero-after{left:23px;right:23px;bottom:23%}.hero-after>p:not(.kicker){font-size:clamp(38px,10.6vw,60px)}.hero-after>.kicker{font-size:7px;letter-spacing:.1em;margin-bottom:20px}.hero-after>span{font-size:12px;line-height:1.65;max-width:27ch;margin-top:20px}.hero-landscape{object-position:42% 100%}.hero-paper{background:linear-gradient(180deg,#faf9fc 15%,#faf9fcfb 31%,#faf9fcdd 49%,#faf9fc75 66%,#faf9fc00 93%)}.hero-pixel-corner{top:48%;width:25%;right:-2%;opacity:calc(.5 - var(--hp))}.hero-caption{font-size:7px;bottom:24px}.hero-caption>span:last-child{font-size:9px}.motion .word-track{height:178svh!important}.motion .word-stage{height:calc(100svh - var(--header))!important;min-height:480px!important;top:var(--header)!important;padding:30px 0!important}.word-stage>p{font-size:clamp(46px,12vw,73px)!important;line-height:1.22!important}.word-stage>.small-label{font-size:8px;margin-bottom:25px}.word-counter{flex-direction:column;align-items:flex-start;gap:21px;margin-top:30px;font-size:7px}.word-progress i{width:30px}.library-heading{margin-bottom:25px}.book-shelf{column-gap:20px;row-gap:24px}.book-object{padding:0 4px!important}.book-entry .book-open{aspect-ratio:3/4!important}.book-cover{padding:14px 13px 12px!important}.book-cover .cover-author{font-size:7px;min-height:18px}.book-cover .cover-title{font-size:19px!important;line-height:1.13!important;-webkit-line-clamp:5}.book-cover .cover-foot{font-size:6px;letter-spacing:.04em}.kind-article .book-cover,.kind-chapter .book-cover{padding:13px 12px 11px!important}.paper-header{font-size:6px;letter-spacing:.05em;padding-bottom:6px;margin-bottom:7px}.kind-article .cover-title,.kind-chapter .cover-title{font-size:14px!important;-webkit-line-clamp:5;padding-bottom:18px;margin-top:0!important}.kind-article .cover-author,.kind-chapter .cover-author{font-size:7px!important;margin-bottom:6px;min-height:15px!important}.kind-article .book-cover:after,.kind-chapter .book-cover:after{left:12px!important;right:12px!important;bottom:43px!important;height:16px!important}.book-meta{padding-top:20px;min-height:124px}.book-title-link{font-size:12px!important}.book-author{font-size:10px!important;-webkit-line-clamp:3}.book-year{font-size:8px!important}.book-meta .save-reference{right:-4px;width:27px;min-width:27px}.results-row{gap:8px 14px}.results-range{font-size:8px}.results-row>.quiet-button{font-size:9px}.catalog-pagination{gap:4px;margin-top:20px}.catalog-pagination button{min-width:37px;min-height:39px;padding:8px 9px;font-size:11px}.catalog-pagination .pagination-arrow{margin:0;font-size:11px}.resources-heading-v5{display:block;margin-bottom:26px}.resource-intro-note{display:none}.resource-view .workspace-heading h1{font-size:clamp(43px,12.5vw,68px)}.resource-view .workspace-lead{font-size:14px;line-height:1.7}.resource-category-nav{gap:15px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;margin-top:17px}.resource-category-nav button{flex-shrink:0;font-size:10px;gap:5px;min-height:47px}.resource-filter-row{gap:13px;padding:17px 0}.resource-filter-row>label:not(.filter-check){flex:1 1 calc(50% - 13px);min-width:125px}.resource-filter-row select{font-size:10px;min-height:36px;width:100%}.resource-filter-row>label>span{font-size:9px}.filter-check{gap:6px}.filter-check>span{font-size:10px!important}.resource-saved-toggle{margin-left:auto;font-size:10px;min-height:34px}.resource-results{padding-top:18px;margin-bottom:19px}.resource-results>div{width:100%;justify-content:space-between;margin-top:4px}.resource-results .quiet-button{font-size:10px}.resource-grid-v5{grid-template-columns:1fr;gap:20px}.resource-poster{height:190px}.resource-card-body{padding:22px}.resource-card-title{font-size:25px}.resource-card-provider{font-size:8px}.resource-card-body>p{font-size:13px;line-height:1.8}.resource-poster .poster-mark{font-size:41px}.resource-card-actions{padding-top:15px}.resource-direct{font-size:10px}.before-class{display:block;padding-top:28px;margin-top:36px}.before-class h2{font-size:28px;margin-bottom:22px}.before-class>p{font-size:12px}.resource-dialog-v5{width:calc(100% - 18px);max-height:94svh;padding:0}.resource-detail-top{display:flex;flex-direction:column;padding:0 22px 24px;gap:22px}.resource-detail-top .resource-poster{height:190px;min-height:190px;width:calc(100% + 44px);margin-left:-22px;border-radius:0}.resource-detail-head{padding:0}.resource-detail-head h2{font-size:31px;margin:13px 0}.resource-detail-summary{font-size:14px}.resource-detail-quick{gap:13px}.resource-detail-main{display:flex;flex-direction:column;padding:26px 22px 32px;gap:28px}.resource-question{padding:20px;margin-bottom:25px}.resource-question>p{font-size:23px}.resource-detail-links>a{font-size:12px}.resource-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.resource-detail-facts dd{font-size:11px}.resource-dialog-v5 .dialog-x{top:12px;margin-top:12px;margin-right:12px}.reference-dialog .book-cover{min-height:240px!important;width:180px!important}.book-shelf.list-layout .book-title-link{font-size:13px!important}}
@media(max-height:750px) and (min-width:901px){.hero-stage,.motion .hero-stage{min-height:650px!important}.hero-type{top:32%;width:57%;max-width:680px}.hero-type>.kicker{margin-bottom:16px}.hero-type .con-el{margin:9px 0 13px;font-size:31px}.hero-type .hero-intro{margin-top:20px;gap:25px;flex-direction:row}.hero-intro p{font-size:16px}.hero-intro p em{font-size:21px}.hero-credits{top:95px!important}.hero-after{bottom:20%}.motion .word-stage{min-height:470px!important}.word-stage>p{font-size:min(9vw,17vh)!important}}
@media(prefers-reduced-motion:reduce){.hero-track,.motion .hero-track,.word-track,.motion .word-track{height:auto!important}.hero-stage,.motion .hero-stage,.word-stage,.motion .word-stage{position:relative!important;top:auto!important}.hero-stage{--hp:0!important;--blast:0!important;--after:0!important}.hero-after,.hero-pixel-corner{display:none!important}.hero-type .logo-pixel{transform:none!important;opacity:1!important}.hero-landscape,.hero-type,.hero-credits{transform:none!important;will-change:auto}.word-track{--w1:1!important;--w2:1!important;--w3:1!important}.word-stage{padding:100px 0!important;height:auto!important;min-height:460px!important}.word-stage>p>span{transform:none!important;opacity:1!important}.book-entry .book-open:hover{transform:none!important}*{scroll-behavior:auto!important}}
@media print{[data-view]:not(.is-active){display:none!important}.bib-controls,#resource-controls,.results-row,.catalog-pagination,.book-object,.save-reference,.resource-save,.resource-card-actions,.hero-after,.hero-pixel-corner,.resource-detail-quick,.word-track{display:none!important}.book-shelf,.book-shelf.list-layout{display:block!important}.book-entry{display:block!important;border-bottom:1px solid #aaa;page-break-inside:avoid;margin:0 0 12px!important;padding:0 0 12px!important}.book-meta{min-height:0!important;padding:0!important}.book-meta .book-title-link,.book-meta .book-author,.book-meta .book-year{display:none!important}.print-citation{display:block!important;font-size:11px!important;line-height:1.5!important}.resource-grid-v5{display:block!important}.resource-card{page-break-inside:avoid;border-bottom:1px solid #aaa!important;margin:0 0 20px!important;padding:0!important}.resource-poster{height:130px!important;max-width:220px!important}.resource-card-title{font-size:19px!important}.resource-card-body{padding:15px 0!important}.resource-card p{font-size:11px!important}.before-class{display:block!important}.source-paragraph{font-size:12px!important}.resource-detail-links a:after{content:' (' attr(href) ')';font-size:9px}}
.reference-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:43px;align-items:start}
.reference-details h2{font:600 35px/1.13 Arial,sans-serif;letter-spacing:-.04em;margin:17px 0 20px;overflow-wrap:break-word}
.reference-details .eyebrow{font-size:9px;line-height:1.7;color:#90769b;letter-spacing:.05em;padding-right:22px}
.reference-details .reference-authors{font-size:14px;line-height:1.7;color:#735e80}
.reference-details .reference-meta{font-size:12px;line-height:1.7;margin:14px 0;color:#97849e}
.reference-details .reference-description{font-size:14px;line-height:1.85;margin-top:23px;color:#73627e}
.reference-details .reference-citation{margin-top:25px;padding-top:21px;border-top:1px solid #dfd4e6}
.reference-citation p{font-size:12px;line-height:1.75;color:#786080;margin:12px 0}
.reference-panels{margin-top:26px;padding-top:21px;border-top:1px solid #dfd4e6}.reference-panels a{display:block;font-size:12px;line-height:1.65;color:#78588a;margin-top:12px}
.reference-details .reference-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:22px}.reference-actions .primary-link{font-size:11px;gap:16px;min-height:45px;padding:12px 16px;line-height:1.5}
@media(max-width:700px){.reference-layout{display:block}.reference-cover{display:none}.reference-details h2{font-size:27px;line-height:1.2}.reference-details .reference-description{font-size:13px}.reference-dialog{padding:44px 23px 30px}.reference-actions{align-items:flex-start;flex-direction:column}}
/* Resolve v4's centered-header overrides, retaining the centered composition. */
#inicio .hero-type{left:50%!important;right:auto!important;top:calc(var(--header) + 145px)!important;width:min(68vw,800px)!important;max-width:800px!important;transform:translate(-50%,calc(var(--hp)*-34px))!important}
#inicio .hero-credits{left:50%!important;right:auto!important;width:min(calc(100% - var(--gutter)*2),890px)!important;max-width:890px!important;transform:translate(-50%,calc(var(--hp)*-15px))!important;top:calc(var(--header) + 25px)!important}
#inicio .hero-paper{display:block!important}#inicio .hero-after{display:block!important;opacity:var(--after)!important}
.resource-view .workspace-heading{padding-bottom:15px}.resources-heading-v5{margin-bottom:19px}.resource-category-nav{margin-top:10px}.resource-view .resource-filter-row{padding:18px 0}.resource-results{padding-top:18px}
.resource-detail-top .resource-poster{height:295px!important;min-height:280px!important}
.resource-preview-video{position:absolute;bottom:14px;right:14px;z-index:3;background:#fffffff2;border-radius:25px;min-height:39px;color:#4a2086;padding:10px 16px;font-size:11px;display:flex;gap:10px;align-items:center}
@media(max-width:1150px) and (min-width:601px){#inicio .hero-type{width:min(78vw,740px)!important;top:calc(var(--header) + 155px)!important}}
@media(max-width:600px){#inicio .hero-type{left:23px!important;top:300px!important;width:calc(100% - 46px)!important;max-width:none!important;transform:translateY(calc(var(--hp)*-25px))!important}#inicio .hero-credits{left:23px!important;right:23px!important;width:calc(100% - 46px)!important;transform:translateY(calc(var(--hp)*-15px))!important;top:calc(var(--header) + 20px)!important}.resource-detail-top .resource-poster{height:190px!important;min-height:190px!important}.resource-view .workspace-heading{padding-bottom:12px}}
@media(max-height:750px) and (min-width:901px){#inicio .hero-type{top:calc(var(--header) + 104px)!important;width:min(60vw,660px)!important}#inicio .hero-credits{top:95px!important}}
@media(prefers-reduced-motion:reduce){#inicio .hero-after{display:none!important}}
#inicio .hero-intro{opacity:calc(1 - var(--hp)*3.8)!important;transform:translateY(calc(var(--hp)*-12px))!important}
#inicio .con-el{opacity:calc(1 - var(--hp)*3.1)!important}
#inicio .hero-type>.kicker{opacity:calc(1 - var(--hp)*3)!important}
#inicio .hero-paper{background:linear-gradient(180deg,#faf9fc 8%,#faf9fcfc 25%,#faf9fcef 44%,#faf9fcbd 62%,#faf9fc45 80%,#faf9fc00 100%)!important}
@media(max-width:600px){#inicio .hero-paper{background:linear-gradient(180deg,#faf9fc 15%,#faf9fcfc 36%,#faf9fce5 55%,#faf9fcc5 67%,#faf9fc60 82%,#faf9fc00 100%)!important}}

/* V6 · Invitación, comisariado, comité e instituciones: un orden de lectura continuo. */
#inicio .hero-stage{height:auto!important;min-height:100svh!important;overflow:clip;--hero-pin-offset:0px}
.motion #inicio.hero-track{height:calc(var(--opening-height,100svh) + 86svh)!important}
.motion #inicio .hero-stage{position:sticky!important;top:var(--hero-pin-offset,0px)!important}
#inicio .hero-opening{position:relative;z-index:4;max-width:940px;width:calc(100% - var(--gutter)*2);min-height:100svh;margin:0 auto;padding:calc(var(--header) + 30px) 0 72px;display:flex;flex-direction:column;justify-content:center}
#inicio .hero-type{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;max-width:none!important;transform:translateY(calc(var(--hp)*-32px))!important;margin:0;opacity:1}
#inicio .hero-type>.kicker{justify-content:center;margin:0 0 22px;font-size:9px;opacity:calc(1 - var(--hp)*4)}
#inicio .hero-type h1{max-width:640px;margin:0 auto;width:100%}
#inicio .word-jugar{width:74%;margin:0 auto}
#inicio .word-pasado{width:100%;margin:0 auto}
#inicio .con-el{width:100%;font-size:32px;margin:10px 0 15px;gap:20px}
#inicio .hero-intro{margin:26px auto 0;gap:42px;display:flex;flex-direction:row;justify-content:center;align-items:center;max-width:none}
#inicio .hero-intro p{font-size:18px;letter-spacing:-.035em;line-height:1.4;text-align:left}
#inicio .hero-intro p em{font-size:27px}
#inicio .hero-intro .primary-link{min-height:44px;font-size:11px;gap:14px;min-width:0;padding:12px 22px}
#inicio .hero-community{width:100%;max-width:880px;margin:28px auto 0;position:relative;opacity:clamp(0,calc(1 - var(--hp)*3.2),1);transform:translateY(calc(var(--hp)*-12px))}
#inicio .hero-credits{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;max-width:none!important;transform:none!important;opacity:1!important;display:grid!important;grid-template-columns:140px 1fr;align-items:center;gap:20px;margin:0!important;padding:18px 0 16px!important;border-top:1px solid #9c7eb636;border-bottom:0;background:none!important}
#inicio .credit-role{font:9px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:#4a2c63;text-transform:uppercase;display:block;text-shadow:0 1px 3px #faf9fce8,0 0 13px #faf9fcd9}
#inicio .credit-person{font-size:14px!important;font-weight:600!important;line-height:1.5;color:#33184a;display:block;padding:0!important;white-space:normal;text-shadow:0 1px 3px #faf9fcf0,0 0 14px #faf9fce0}
#inicio .credit-person small{font:9px/1.5 Arial,sans-serif;color:#5a3a72;margin-top:3px;display:block;text-shadow:0 1px 3px #faf9fcf0,0 0 12px #faf9fcd9}#inicio .credit-people{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 30px}#inicio .credit-person{background:none;border:0;margin:0;font-family:inherit;text-align:left;cursor:pointer}#inicio .credit-person:hover{color:var(--red)}
#inicio .credit-person>span{font-size:12px;margin-left:3px;color:#8f64ae}
#inicio .hero-committee{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:start;padding:0 0 19px}
#inicio .committee-names{display:flex;gap:7px 20px;flex-wrap:wrap;color:#3d2055;font-size:12px;line-height:1.65;text-shadow:0 1px 3px #faf9fcf0,0 0 13px #faf9fce0}#inicio .committee-names a:hover{color:var(--red)}#inicio .committee-names a>span{font-size:11px;margin-left:4px;color:#9575ad}
#inicio .hero-institutions{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:17px;border-top:1px solid #9c7eb629;padding-top:16px}
#inicio .institution-group{display:flex;flex-direction:column;align-items:stretch;gap:9px;text-align:center}#inicio .institution-group>.credit-role{margin:0}
#inicio .institution-logos{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:28px}#inicio .colabora .institution-logos{display:flex;justify-content:center}#inicio .institution-link{display:flex;transition:opacity .18s;filter:drop-shadow(0 1px 7px #faf9fce6) drop-shadow(0 0 2px #faf9fcc7)}#inicio .institution-link:hover{opacity:.72}#inicio .institution-logos>.institution-link:first-child{justify-self:end}#inicio .institution-logos>.institution-link:last-child{justify-self:start}
#inicio .institution-logo{object-fit:contain;max-width:100%;height:auto;filter:none;opacity:1}
#inicio .institucion-uclm{width:110px;max-height:52px}
#inicio .institucion-uclm-cultura{width:60px;max-height:60px}
#inicio .institucion-humanidades{width:157px;max-height:54px}
#inicio .institucion-historia-videojuegos{width:144px;max-height:60px}
#inicio .hero-paper{background:linear-gradient(180deg,#faf9fc 0%,#faf9fcf7 12%,#faf9fce6 26%,#faf9fccc 40%,#faf9fca8 54%,#faf9fc80 66%,#faf9fc5c 78%,#faf9fc42 88%,#faf9fc2e 100%)!important}
#inicio .hero-caption{bottom:21px;font-size:8px}
#inicio .hero-after{z-index:5;bottom:23%;pointer-events:none}
#inicio .hero-pixel-corner{top:24%;z-index:2;pointer-events:none}
.resource-poster{--poster-bg:#ece4f4;--poster-ink:#75518b}
.resource-poster.has-logo{background:#fbf8fe}
.resource-poster.has-logo img{object-fit:contain;padding:46px 28px 24px;filter:none}
.resource-poster.has-logo:after{display:none}
.resource-view .resource-poster img,.resource-detail-top .resource-poster img{filter:none}
.resource-view .search-shortcut{color:#9983ac;border-color:#d9cde3}
.resource-view a:focus-visible,.resource-view button:focus-visible,.resource-dialog-v5 a:focus-visible,.resource-dialog-v5 button:focus-visible{outline-color:#9064b6}
@media(max-width:1100px){#inicio .hero-opening{max-width:870px}#inicio .hero-type h1{max-width:600px}#inicio .hero-institutions{gap:15px}#inicio .institution-group{gap:8px}#inicio .institution-logos{gap:20px}#inicio .institucion-uclm{width:100px}#inicio .institucion-humanidades{width:133px}#inicio .institucion-historia-videojuegos{width:124px}#inicio .hero-credits,#inicio .hero-committee{grid-template-columns:115px 1fr;gap:16px}#inicio .hero-committee{grid-template-columns:115px 1fr}}
@media(max-width:900px){#inicio .hero-opening{padding-top:calc(var(--header) + 30px);padding-bottom:68px}#inicio .hero-type h1{max-width:530px}#inicio .hero-type>.kicker{font-size:8px}#inicio .hero-institutions{gap:14px}#inicio .institution-group{gap:7px}#inicio .credit-person{font-size:12px!important}#inicio .hero-intro{gap:26px}#inicio .hero-intro p{font-size:17px}#inicio .hero-intro p em{font-size:25px}#inicio .hero-intro .primary-link{font-size:11px;min-width:0}#inicio .committee-names{gap:5px 15px;font-size:11px}#inicio .credit-role{font-size:8px}}
@media(max-width:600px){#inicio .hero-opening{width:calc(100% - 46px);padding-top:calc(var(--header) + 32px);padding-bottom:65px;min-height:100svh;justify-content:flex-start}#inicio .hero-type>.kicker{font-size:7px;letter-spacing:.11em;margin-bottom:22px}#inicio .hero-type h1{max-width:420px}#inicio .con-el{font-size:28px;margin:12px 0 16px}#inicio .hero-intro{flex-direction:column;gap:17px;margin-top:23px;text-align:center}#inicio .hero-intro p{text-align:center;font-size:17px!important}#inicio .hero-intro p em{font-size:24px!important}#inicio .hero-intro .primary-link{font-size:11px!important;min-height:42px;min-width:0;justify-content:space-between;gap:14px;padding:11px 17px}#inicio .hero-community{margin-top:29px}#inicio .hero-credits{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:17px 0 18px!important}#inicio .hero-credits>.credit-role{grid-column:1/-1}#inicio .credit-person{font-size:12px!important;font-weight:500!important;line-height:1.55}#inicio .credit-people{grid-column:1/-1;flex-direction:column;gap:11px}#inicio .credit-person small{font-size:8px}#inicio .hero-committee{display:block;padding:0 0 19px}#inicio .hero-committee>.credit-role{margin-bottom:9px}#inicio .committee-names{display:grid;gap:3px;font-size:11px;line-height:1.7}#inicio .hero-institutions{gap:15px;padding-top:16px}#inicio .institution-group{width:auto;gap:6px}#inicio .institution-group>.credit-role{margin:0}#inicio .institution-logos{gap:16px}#inicio .institucion-uclm{width:88px;max-height:43px}#inicio .institucion-uclm-cultura{width:47px;max-height:47px}#inicio .institucion-humanidades{width:119px;max-height:42px}#inicio .colabora{gap:6px}#inicio .colabora>.credit-role{margin:0}#inicio .colabora .institution-logos{width:auto}#inicio .institucion-historia-videojuegos{width:140px;max-height:50px}#inicio .hero-caption{bottom:23px;left:23px;right:23px}#inicio .hero-paper{background:linear-gradient(180deg,#faf9fc 0%,#faf9fcf8 14%,#faf9fcea 30%,#faf9fcd4 44%,#faf9fcb4 58%,#faf9fc92 70%,#faf9fc6c 82%,#faf9fc4c 92%,#faf9fc36 100%)!important}#inicio .hero-after{bottom:16%}#inicio .hero-pixel-corner{top:26%;opacity:calc(.4 - var(--hp))}}
@media(max-width:374px){#inicio .hero-opening{width:calc(100% - 40px)}#inicio .institution-logos{gap:13px}#inicio .institucion-humanidades{width:113px}#inicio .institucion-uclm{width:83px}#inicio .credit-person{font-size:11px!important}}
@media(max-height:750px) and (min-width:901px){#inicio .hero-opening{padding-top:calc(var(--header) + 23px);padding-bottom:56px}#inicio .hero-type h1{max-width:490px}#inicio .hero-type>.kicker{margin-bottom:12px;font-size:8px}#inicio .con-el{font-size:25px;margin:6px 0 10px}#inicio .hero-intro{margin-top:18px}#inicio .hero-intro p{font-size:16px}#inicio .hero-intro p em{font-size:23px}#inicio .hero-intro .primary-link{min-height:40px;font-size:11px}#inicio .hero-community{margin-top:21px}#inicio .hero-credits{padding:12px 0 11px!important}#inicio .hero-committee{padding-bottom:13px}#inicio .hero-institutions{padding-top:12px}#inicio .institucion-uclm-cultura{width:48px;max-height:48px}}
@media(prefers-reduced-motion:reduce){.motion #inicio.hero-track,#inicio.hero-track{height:auto!important}.motion #inicio .hero-stage,#inicio .hero-stage{position:relative!important;top:auto!important}#inicio .hero-type,#inicio .hero-community{transform:none!important;opacity:1!important}#inicio .hero-after{display:none!important}}
@media print{#inicio.hero-track{display:none!important}.resource-view{background:white}.resource-card-title{color:#222}.hero-institutions img{filter:none!important}}
/* Clear navigation state and no panel marker outside the exhibition. */
.top-nav a:not([aria-current="page"]){background:transparent!important;border-color:transparent!important}
body:not([data-active-view="exposicion"]) .chapter-location{display:none!important}
.resource-image-credit{font-size:9px;line-height:1.55;color:#8b749c;display:block;margin-top:9px}

/* Ficha del comisariado: un modal pequeño con los perfiles y sus iconos. */
.curator-dialog{max-width:420px;width:calc(100% - 40px);padding:30px 30px 25px;background:#fbf8fe;color:#4a305d;overscroll-behavior:contain}
.curator-dialog .dialog-x{position:sticky;float:right;top:9px;z-index:5;height:34px;width:34px;margin:9px 9px -43px 0;border:1px solid #e0d2e9;background:#fffffff5;font-size:26px;color:#775387}
.curator-dialog .dialog-x:hover{color:var(--red)}
.curator-role{font:9px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:#715181;text-transform:uppercase;display:block;margin:0 0 7px}
.curator-dialog h2{font-size:23px;line-height:1.2;letter-spacing:-.03em;margin:0;color:#3f2352;max-width:320px}
.curator-links{display:grid;gap:1px;margin-top:18px;border-top:1px solid #e6dcf0;padding-top:13px}
.curator-link{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.4;color:#4c345d;text-decoration:none;padding:8px 9px;border-radius:3px}
.curator-link svg,.curator-link img{height:18px;width:18px;flex:none}
.curator-link svg.icon-stroke{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.curator-link svg.icon-fill{fill:currentColor}
.curator-link img{object-fit:contain}
.curator-link span{flex:1}
.curator-link i{font-style:normal;font-size:11px;color:#a08cb0}
.curator-link:hover,.curator-link:focus-visible{background:#f2eaf9;color:var(--red)}
.curator-link:hover i,.curator-link:focus-visible i{color:var(--red)}
@media(max-width:600px){.curator-dialog{width:calc(100% - 22px);padding:26px 20px 22px}.curator-dialog h2{font-size:20px}.curator-link{gap:10px;font-size:12.5px;padding:8px 6px}}

/* Ficha de recurso: el vídeo a la izquierda, metadatos y conexiones a la derecha. */
.resource-detail{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;align-items:start;padding:42px 46px 40px}
.resource-detail-media{display:grid;gap:0;min-width:0}
.resource-detail-info{display:flex;flex-direction:column;min-width:0}
.resource-detail .resource-detail-head{padding:0}
.resource-detail .resource-poster{height:auto;min-height:0;aspect-ratio:16/9;border-radius:3px}
.resource-detail .resource-detail-facts{margin:26px 0 24px;padding-top:24px;border-top:1px solid #e7dcec}
.resource-video-facade{position:relative;display:block;width:100%;padding:0;border:0;background:#21172d;border-radius:3px;overflow:hidden;cursor:pointer;aspect-ratio:16/9}
.resource-video-facade img{display:block;height:100%;width:100%;object-fit:cover}
.resource-video-facade.is-playing{display:none}
.resource-video-play{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#150c2100 45%,#150c2159)}
.resource-video-play:after{content:'▶';display:grid;place-items:center;height:60px;width:60px;padding-left:5px;border-radius:50%;background:#fffffff2;color:#4a2086;font-size:20px;box-shadow:0 10px 30px #150c214d;transition:transform .18s ease,background .18s ease}
.resource-video-facade:hover .resource-video-play:after{background:#fff;transform:scale(1.07)}
.resource-video-label{position:absolute;bottom:0;left:0;right:0;padding:11px 13px;text-align:left;color:#fff;font:500 8px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 1px 10px #150c21}
.resource-detail-media .resource-inline-player{margin-top:0}
.resource-detail-media .resource-image-credit{margin-top:11px}
@media(max-width:1150px){.resource-detail{padding:34px 32px;gap:30px}}
@media(max-width:900px){.resource-detail{grid-template-columns:.9fr 1.1fr;gap:26px}}
@media(max-width:600px){
.resource-detail{display:flex;flex-direction:column;gap:22px;padding:0 0 30px}
.resource-detail-media{border-bottom:1px solid #e7dcec;padding-bottom:18px}
.resource-detail-media .resource-image-credit{padding:0 22px;margin-top:0}
.resource-detail-info{padding:0 22px}
.resource-detail .resource-detail-facts{margin-top:0;padding-top:0;border-top:0}
.resource-video-facade,.resource-detail .resource-poster{border-radius:0}}

/* Portada · franja de logos y cartela arriba, póster centrado debajo. Los logos
   institucionales van en la banda que queda entre la cabecera y el título; el
   comisariado y el comité se anclan a la esquina superior derecha, sobre la fotografía:
   sin banda de papel, sin halo y sin sombra blanca, solo con tinta más oscura. El título
   y su botón siguen centrados en la imagen, y ahora más grandes.
   Solo escritorio: móvil y tablet conservan su composición. */
@media(min-width:1101px){
#inicio .hero-stage{--side:clamp(226px,18vw,272px);--edge:clamp(26px,3vw,50px);--strip:78px;--stack:142px}
#inicio .hero-opening{max-width:none!important;width:100%!important;padding-left:var(--edge);padding-right:var(--edge);padding-bottom:calc(30px + var(--strip));justify-content:flex-start}
/* El póster se centra en el alto visible: el bloque va con márgenes automáticos y el
   hueco de abajo se iguala al de arriba (cabecera + franja + 30px), de modo que el centro
   del título, el kicker y el botón cae exactamente en el centro de la pantalla. */
#inicio .hero-type{margin:auto 0}
#inicio .hero-type h1{max-width:min(800px,calc(100% - (var(--side) + 30px)*2))}
#inicio .hero-community{order:-1;position:static;transform:none;width:100%;max-width:none;margin:0;display:block}
#inicio .hero-institutions{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:clamp(38px,4vw,64px);width:100%;padding:0;border:0}
#inicio .institution-group{display:flex;flex-direction:column;align-items:center;gap:9px;width:auto;text-align:center}
#inicio .institution-group>.credit-role{margin:0}
#inicio .institution-logos{gap:clamp(16px,1.6vw,26px)}
#inicio .institution-link{filter:none!important}
#inicio .institucion-uclm{max-height:54px;width:auto}
#inicio .institucion-uclm-cultura{max-height:52px;width:auto}
#inicio .institucion-humanidades{max-height:46px;width:auto}
#inicio .institucion-historia-videojuegos{max-height:50px;width:auto}
#inicio .hero-pixel-corner{left:3%;right:auto;top:12%;width:19%}
#inicio .hero-credits,#inicio .hero-committee{position:absolute!important;right:var(--edge)!important;left:auto!important;top:auto!important;bottom:auto!important;width:var(--side)!important;max-width:none!important;margin:0!important;padding:0!important;border:0;background:none!important;text-align:left;z-index:8}
#inicio .hero-credits{top:calc(var(--header) + 26px)!important;display:block!important;transform:none!important}
#inicio .hero-committee{top:calc(var(--header) + 26px + var(--stack))!important;display:block!important;transform:none!important}
#inicio .credit-role{display:block;margin:0 0 9px;font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:#3a2444;text-shadow:none}
#inicio .credit-people{display:block}
#inicio .credit-person{display:block;font-size:clamp(12px,1.02vw,13.5px)!important;font-weight:600!important;line-height:1.35;color:#241031;text-align:left;text-shadow:none}
#inicio .credit-person+.credit-person{margin-top:11px}
#inicio .credit-person small{display:block;margin-top:2px;font:9.5px/1.4 Arial,Helvetica,sans-serif;color:#4a3a58;text-shadow:none}
#inicio .credit-person>span{color:#7d4f9d}
#inicio .committee-names{display:flex;flex-direction:column;gap:6px;font-size:clamp(11px,0.92vw,12.5px);line-height:1.4;color:#241031;text-shadow:none}
#inicio .committee-names a>span{color:#7d4f9d;font-size:11px;margin-left:4px}
}
@media(min-width:1101px) and (max-height:820px){
#inicio .hero-stage{--strip:68px;--stack:126px}
#inicio .hero-opening{padding-bottom:calc(23px + var(--strip))}
#inicio .hero-type h1{max-width:min(490px,calc(100% - (var(--side) + 30px)*2))}
#inicio .institucion-uclm{max-height:44px}
#inicio .institucion-uclm-cultura{max-height:42px}
#inicio .institucion-humanidades{max-height:38px}
#inicio .institucion-historia-videojuegos{max-height:40px}
}

/* Portada · móvil y tablet. En pantalla estrecha no hay esquina donde anclar la cartela,
   así que se conserva la misma composición que en escritorio pero reordenada: la franja
   de logos sube arriba, el título con su botón queda centrado debajo, y el comisariado y
   el comité bajan debajo del botón, centrados y repartidos. Sigue sin banda y sin halo.
   El orden se cambia con `order` sobre los tres grupos, que pasan a ser hijos directos
   del bloque (display:contents) sin tocar el HTML. */
@media(max-width:1100px){
#inicio .hero-community{display:contents}
#inicio .hero-institutions{order:-1;padding-top:0;border-top:0;margin:0 0 clamp(20px,4.4vw,32px)}
#inicio .hero-type{order:0}
#inicio .hero-credits{order:1;margin-top:clamp(22px,5.2vw,36px)!important}
#inicio .hero-committee{order:2}
#inicio .hero-credits,#inicio .hero-committee,#inicio .hero-institutions{opacity:clamp(0,calc(1 - var(--hp)*3.2),1)!important}
#inicio .hero-credits,#inicio .hero-committee{display:block!important;text-align:center}
#inicio .hero-credits>.credit-role,#inicio .hero-committee>.credit-role{margin:0 0 8px}
#inicio .credit-people{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 34px}
#inicio .credit-person{text-align:center}
#inicio .committee-names{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px 22px;text-align:center}
#inicio .credit-role,#inicio .credit-person,#inicio .credit-person small,#inicio .committee-names{text-shadow:none}
#inicio .institution-link{filter:none!important}
/* La cartela baja al pie del hero, donde la foto es más oscura (la capucha del chico):
   el velo tiene que aguantar el blanco en esa banda para que el texto se lea, y sigue
   siendo más fino a media altura, que es donde se ve la fotografía. */
#inicio .hero-paper{background:linear-gradient(180deg,#faf9fc 0%,#faf9fcf8 12%,#faf9fcea 28%,#faf9fcd2 42%,#faf9fcb6 52%,#faf9fca4 60%,#faf9fcc8 70%,#faf9fce0 80%,#faf9fcee 90%,#faf9fcf5 100%)!important}
#inicio .hero-pixel-corner{display:none}
}

/* Flechas vectoriales compartidas: Safari no debe convertirlas en emojis. */
svg.arrow-icon,.curator-link svg.arrow-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.1em}

/* Solo móviles: compactar la franja institucional deja visible el último miembro. */
@media(max-width:600px){
#inicio .hero-opening{padding-top:calc(var(--header) + 14px)}
#inicio .hero-institutions{gap:10px;margin-bottom:14px}
#inicio .institution-group{gap:4px}
#inicio .institution-logos{gap:13px}
#inicio .institucion-uclm{width:74px;max-height:36px}
#inicio .institucion-uclm-cultura{width:39px;max-height:39px}
#inicio .institucion-humanidades{width:100px;max-height:36px}
#inicio .institucion-historia-videojuegos{width:116px;max-height:40px}
#inicio .hero-credits{margin-top:18px!important}
}

/* Modales de ficha. La ficha de un libro no cabe en una pantalla de móvil: el corte caía
   a mitad de un bloque o de un botón y se leía como roto. Tres arreglos, solo en estas
   fichas: la cruz de cerrar queda fija al desplazar (como ya hacían recursos y
   comisariado, que por eso se veían bien), el ritmo vertical se aprieta en el móvil, y
   una sombra suave marca el borde por el que todavía queda contenido. */
#reference-dialog,#resource-dialog{
background-image:linear-gradient(#fbf9fd 30%,#fbf9fd00),linear-gradient(#fbf9fd00,#fbf9fd 70%),radial-gradient(farthest-side at 50% 0,#251e3129,#251e3100),radial-gradient(farthest-side at 50% 100%,#251e3129,#251e3100);
background-repeat:no-repeat;
background-position:center top,center bottom,center top,center bottom;
background-size:100% 44px,100% 44px,100% 12px,100% 12px;
background-attachment:local,local,scroll,scroll}

#resource-dialog{background-image:linear-gradient(#fbf8fe 30%,#fbf8fe00),linear-gradient(#fbf8fe00,#fbf8fe 70%),radial-gradient(farthest-side at 50% 0,#251e3129,#251e3100),radial-gradient(farthest-side at 50% 100%,#251e3129,#251e3100)}

#reference-dialog .dialog-x{position:sticky;float:right;top:10px;z-index:5;height:34px;width:34px;margin:10px 10px -44px 0;border:1px solid #e0d2e9;background:#fbf9fdf2;font-size:26px;color:#775387}

#reference-dialog .dialog-x:hover{color:var(--red)}

@media(max-width:600px){
#reference-dialog{padding:32px 20px 22px}
#reference-dialog .reference-details h2{font-size:24px;line-height:1.18;margin:12px 0 14px}
#reference-dialog .reference-details .reference-description{font-size:13px;line-height:1.7;margin-top:15px}
#reference-dialog .reference-details .reference-actions{margin-top:15px}
#reference-dialog .reference-details .reference-citation{margin-top:17px;padding-top:13px}
#reference-dialog .reference-citation p{margin:9px 0}
#reference-dialog .reference-panels{margin-top:18px;padding-top:15px}
#reference-dialog .reference-panels a{margin-top:9px}
}

/* Botón de volver arriba: abajo a la derecha, más a mano. Se apoya por encima del
   "14 PANELES" de la portada y del aviso emergente, que caen en esa esquina y en el centro
   bajo. Aparece pasada la primera pantalla y se va al volver; con movimiento reducido el
   salto es instantáneo. Se oculta con visibility, no solo con opacidad, para que no quede
   en el orden de tabulación mientras no se ve. */
.to-top{position:fixed;right:24px;bottom:64px;z-index:36;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ded5e7;border-radius:3px;background:#fbf9fdea;color:#4c365f;box-shadow:0 4px 20px #2f15420f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s,color .15s,border-color .15s}

html.scrolled .to-top{opacity:1;visibility:visible;transform:none}

.to-top:hover{color:var(--purple);border-color:#d9c8e8}

.to-top svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}

@media(max-width:600px){.to-top{right:15px;width:42px;height:42px}}

@media print{.to-top{display:none!important}}

/* Civilization: la ilustración cortada se apoya a la derecha y la cifra queda libre. */
.civilization .atlas-art{display:flex;flex-direction:column;align-items:flex-end;height:auto;margin:20px 0 0;gap:12px}
.civilization .atlas-type{position:static;order:-1;z-index:auto;font-size:clamp(80px,10vw,150px);line-height:1;white-space:nowrap}
.civilization .atlas-art img{display:block;flex:none;width:100%;height:auto;object-position:right bottom}
@media(min-width:901px){
.civilization .atlas-visual{grid-column:2;grid-row:1}
.civilization .source-text{grid-column:1;grid-row:1}
}
@media(min-width:601px) and (max-width:900px){
.civilization .atlas-art{grid-row:2/4;margin-top:0}
.civilization .atlas-type{font-size:clamp(64px,11vw,100px)}
}
@media(max-width:600px){
.civilization .atlas-type{font-size:clamp(76px,23vw,138px)}
}

/* Entrada: primero se forma el título; después se descubre la portada. */
/* Comenzar is the only entrance; the full invitation can still scroll on phones. */
html.entry-pending #exposicion>:not(#inicio),html.entry-pending .site-footer{display:none!important}
html.entry-pending #inicio.hero-track{height:auto!important}
html.entry-pending #inicio .hero-stage{position:relative!important;top:0!important}
html.entry-pending :is(.chapter-location,.to-top,.page-progress){visibility:hidden!important}
html.entry-pending :is(.top-nav,#index-open,#mobile-menu-open){opacity:.45}
html.entry-pending #inicio .scroll-cue i{display:none}
html.entry-starting{overflow:hidden}
html.entry-starting #inicio .hero-community{pointer-events:none}
#inicio .hero-intro:has(.start-button){margin-top:44px}
#inicio .hero-intro .start-button{--assemble:0;position:relative;isolation:isolate;width:184px;min-height:56px;padding:0;background:transparent;overflow:visible;transform:none;transition:none}
#inicio .hero-intro .start-button:hover{background:transparent;transform:none}
.start-pixels{position:absolute;inset:0;width:100%!important;height:100%!important;overflow:visible;pointer-events:none;z-index:-1}
.start-pixels rect{transform-box:fill-box;transform-origin:center;transform:translate(calc((1 - var(--assemble))*var(--px)),calc((1 - var(--assemble))*var(--py))) rotate(calc((1 - var(--assemble))*var(--pr)));transition:transform 180ms ease;animation:start-pixel-float 3.2s ease-in-out infinite;animation-delay:var(--float-delay)}
.start-label{display:flex;align-items:center;justify-content:center;gap:16px;margin:auto;padding:9px 12px;background:rgb(250 249 252 / calc((1 - var(--assemble))*.94));color:color-mix(in srgb,var(--purple) calc((1 - var(--assemble))*100%),white);font-size:12px;font-weight:700;letter-spacing:.015em;pointer-events:none}
.start-label svg{width:22px;height:22px}
@keyframes start-pixel-float{50%{translate:0 calc((1 - var(--assemble))*-6px)}}
@media(hover:none),(prefers-reduced-motion:reduce){#inicio .hero-intro .start-button{--assemble:1!important}.start-pixels rect{animation:none;transition:none}}

html.intro-pending #inicio .hero-stage{background:var(--paper)}
html.intro-pending #inicio .logo-pixel{transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--dr,0deg))!important;opacity:0!important}
html.intro-pending.intro-forming #inicio .logo-pixel{transform:none!important;opacity:1!important;transition:transform 650ms cubic-bezier(.22,1,.36,1),opacity 440ms ease;transition-delay:var(--intro-delay,0ms)}
html.intro-pending #inicio .con-el{opacity:0!important}
html.intro-pending.intro-forming #inicio .con-el{opacity:1!important;transition:opacity 600ms ease 1100ms}
html.intro-pending :is(.site-header,.page-progress,.chapter-location,.to-top),
html.intro-pending #inicio :is(.hero-world,.hero-pixel-corner,.hero-institutions,.hero-credits,.hero-committee,.hero-type>.kicker,.hero-intro,.hero-caption){transition:opacity 650ms ease;transition-delay:var(--intro-ui-delay,0ms)}
html.intro-pending .site-header{--intro-ui-delay:260ms}
html.intro-pending #inicio .hero-credits{--intro-ui-delay:120ms}
html.intro-pending #inicio .hero-committee{--intro-ui-delay:220ms}
html.intro-pending #inicio :is(.hero-type>.kicker,.hero-intro){--intro-ui-delay:350ms}
html.intro-pending #inicio .hero-caption{--intro-ui-delay:450ms}
html.intro-pending #inicio .hero-world{transition-duration:1000ms}
html.intro-pending:not(.intro-reveal) :is(.site-header,.page-progress,.chapter-location,.to-top),
html.intro-pending:not(.intro-reveal) #inicio :is(.hero-world,.hero-pixel-corner,.hero-institutions,.hero-credits,.hero-committee,.hero-type>.kicker,.hero-intro,.hero-caption){opacity:0!important;visibility:hidden}

@media(max-width:374px){.curiosity-art h2{font-size:clamp(44px,14.5vw,54px)}}

/* Game galleries: preserve complete screenshots, respect the panel's palette. */
.chapter>.section-wrap.media-section{padding-top:0;padding-bottom:100px}
.media-gallery{min-width:0;border-top:1px solid var(--line);padding-top:26px;color:inherit}
.media-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}
.media-heading .small-label{font-size:10px;letter-spacing:.13em;display:flex;align-items:center;gap:9px;color:var(--muted)}
.media-heading i{display:inline-block;width:6px;height:6px;background:var(--purple)}
.dark .media-heading i,.purple .media-heading i{background:#c9b2e7}
.media-heading>span{font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--muted);flex-shrink:0}
.media-games{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;min-width:0}
.media-games button{border:1px solid var(--line);font-size:11px;line-height:1.5;min-height:44px;padding:10px 14px;text-align:left;max-width:100%;transition:background .15s,border-color .15s}
.media-games button span{display:block;font:9px/1.6 ui-monospace,monospace;opacity:.75;margin-top:2px}
.media-games button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.dark .media-games button[aria-pressed="true"],.purple .media-games button[aria-pressed="true"]{background:#f1eaf8;border-color:#f1eaf8;color:#27113f}
.media-games button:hover{border-color:var(--muted)}
.media-note{font-size:12px;line-height:1.75;color:var(--muted);max-width:80ch;margin:0 0 23px}
.media-figure{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);align-items:stretch;gap:clamp(25px,3.3vw,55px)}
.media-stage{position:relative;aspect-ratio:16/9;background:#101018;min-width:0;overflow:hidden}
.media-open{display:block;padding:0;width:100%;height:100%;position:relative;text-align:left}
.media-open img{width:100%;height:100%;object-fit:contain;transition:opacity .2s}
.media-open:hover img{opacity:.88}
.media-pixelated{image-rendering:pixelated}
.media-open-hint{position:absolute;bottom:15px;right:15px;display:inline-flex;align-items:center;gap:8px;min-height:39px;background:#faf9fcf0;backdrop-filter:blur(8px);color:#251e31;border:1px solid #fff6;padding:9px 12px;font-size:11px;line-height:1.25;box-shadow:0 2px 10px #0002}
.media-open-hint svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.media-open-hint svg:has(path[d^="m9"]){fill:currentColor;stroke:none}
.media-play-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;display:grid;place-items:center;background:#faf9fc;color:#4a2086;box-shadow:0 3px 25px #0004;border:1px solid #fff8}
.media-play-mark svg{width:28px;height:28px;fill:currentColor;stroke:none}
.media-caption{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:10px 0;letter-spacing:0}
.media-version{font:10px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);margin-bottom:13px}
.media-title{font:700 clamp(23px,2.1vw,33px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere;text-wrap:balance}
.media-description{font-size:14px;line-height:1.75;margin:19px 0 21px;max-width:45ch}
.media-credit{display:block;font-size:10px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
.media-credit a,.media-viewer-caption a{border-bottom:1px solid var(--line);padding-bottom:2px}
.media-credit a:hover,.media-viewer-caption a:hover{color:inherit}
.media-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:17px}
.media-thumbs{display:flex;align-items:center;gap:9px;min-width:0}
.media-thumbs button{padding:3px;border:1px solid transparent;position:relative;width:87px;height:55px;flex-shrink:0;background:#101018;opacity:.65}
.media-thumbs button[aria-pressed="true"]{border-color:var(--muted);opacity:1}
.media-thumbs button:hover{opacity:1}
.media-thumbs img{width:100%;height:100%;object-fit:contain}
.media-thumbs button>span{position:absolute;inset:0;display:grid;place-items:center;background:#10101844;color:white}
.media-thumbs svg{width:22px;height:22px;fill:currentColor}
.media-navigation{display:flex;align-items:center;gap:10px;flex-shrink:0}
.media-counter{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;color:var(--muted);min-width:62px;text-align:center}
.media-arrow{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);padding:0;font-size:22px}
.media-arrow svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}
.media-arrow:hover{background:var(--line)}
.media-viewer{position:fixed;inset:0;margin:auto;width:min(1480px,calc(100% - 48px));max-width:none;max-height:94svh;padding:0;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 100px #0005}
.media-viewer::backdrop{background:#100b1bea;backdrop-filter:blur(7px)}
.media-viewer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 25px;border-bottom:1px solid var(--line)}
#media-viewer-version{font:10px/1.5 ui-monospace,monospace;color:var(--muted);display:block;margin-bottom:5px}
#media-viewer-title{font-size:24px;line-height:1.1;letter-spacing:-.04em;overflow-wrap:anywhere}
.media-close{display:flex;align-items:center;gap:12px;font-size:11px;min-height:44px;flex-shrink:0;padding:0 0 0 14px}
.media-close span{font-size:28px;line-height:1;font-weight:400}
.media-viewer-stage{position:relative;height:min(65svh,850px);background:#101018;display:flex;align-items:center;justify-content:center;overflow:auto;min-height:200px}
.media-viewer-stage>img,.media-viewer-play>img{height:100%;width:100%;max-height:100%;max-width:100%;object-fit:contain;flex-shrink:0}
.media-viewer-stage.is-zoomed{display:block}
.media-viewer-stage.is-zoomed>img{width:max(100%,var(--native-width));max-width:none;height:auto;max-height:none;object-fit:initial;min-height:0}
.media-viewer-play{display:block;position:relative;height:100%;width:100%;padding:0}
.media-viewer-stage video,.media-viewer-stage iframe{width:100%;height:100%;border:0;object-fit:contain;display:block}
.media-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:19px 25px 24px}
.media-viewer-caption{min-width:0;flex:1}
#media-viewer-caption{font-size:13px;line-height:1.6;max-width:85ch}
#media-viewer-credit{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:9px}
.media-viewer-tools{display:flex;align-items:center;gap:22px;flex-shrink:0}
[data-viewer-zoom]{font-size:11px;text-decoration:underline;text-underline-offset:4px;min-height:44px;max-width:130px}
.media-playback-message{position:absolute;bottom:65px;left:20px;right:20px;max-width:650px;margin:auto;padding:15px 20px;background:var(--paper);color:var(--ink);font-size:13px;line-height:1.7}
.media-playback-message a{display:block;text-decoration:underline;text-underline-offset:3px}
/* Resource sheets use the same carousel, stacked within their existing media column. */
.media-compact{border-top:0;padding-top:0}
.media-compact .media-figure{display:block}
.media-compact .media-caption{padding:24px 0 0}
.media-compact .media-title{font-size:23px}
.media-compact .media-heading>span{display:none}
.media-compact .media-description{font-size:12px;margin:13px 0 14px}
.media-compact .media-version{font-size:9px;margin-bottom:8px}
.media-compact .media-bottom{gap:12px;flex-wrap:wrap}
.media-compact .media-thumbs button{width:68px;height:44px}
.media-compact .media-arrow{width:44px;height:44px}
.media-compact .media-counter{font-size:10px;min-width:55px}
.media-compact .media-navigation{gap:6px}
.media-compact .media-games{max-height:145px;overflow:auto;gap:6px}
.media-compact .media-games button{font-size:10px;padding:8px 10px}
@media(max-width:1000px){.media-figure{grid-template-columns:minmax(0,1.65fr) minmax(210px,1fr);gap:26px}.media-title{font-size:25px}.media-description{font-size:13px;margin:14px 0 17px}.media-viewer-footer{gap:20px}.media-viewer-tools{gap:13px}}
@media(max-width:700px){
  .chapter>.section-wrap.media-section{padding-bottom:65px}
  .media-gallery{padding-top:22px}.media-heading{gap:10px;margin-bottom:19px}.media-heading .small-label{font-size:8px;letter-spacing:.06em;line-height:1.65}.media-heading>span{font-size:7px;letter-spacing:.06em}
  .media-games{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;padding:3px 3px 12px;margin:0 -3px 14px;gap:7px;scroll-snap-type:x proximity}.media-games button{flex-shrink:0;max-width:240px;font-size:10px;scroll-snap-align:start}.media-games button span{font-size:8px;max-width:190px;white-space:normal}
  .media-note{font-size:11px;margin-bottom:19px}.media-figure{display:block}.media-caption{padding:21px 0 0;min-height:185px;justify-content:flex-start}.media-version{font-size:9px;margin-bottom:10px}.media-title{font-size:25px;max-width:25ch}.media-description{font-size:13px;line-height:1.7;margin:13px 0 14px;max-width:55ch}.media-credit{font-size:9px}
  .media-open-hint{font-size:10px;bottom:10px;right:10px;min-height:35px;padding:8px 10px}.media-play-mark{height:53px;width:53px}.media-bottom{gap:10px;flex-wrap:wrap;padding-top:18px}.media-thumbs{gap:6px}.media-thumbs button{width:67px;height:43px}.media-navigation{gap:6px}.media-arrow{width:44px;height:44px}.media-counter{font-size:10px;min-width:53px}
  .media-viewer{width:calc(100% - 16px);max-height:96svh}.media-viewer-top{padding:14px 17px;gap:12px}#media-viewer-version{font-size:8px;line-height:1.5;max-width:32ch}#media-viewer-title{font-size:21px;line-height:1.1}.media-close{font-size:0;padding-left:5px;width:35px}.media-close span{font-size:30px}
  .media-viewer-stage{height:54svh;min-height:180px}.media-viewer-footer{display:flex;flex-direction:column;align-items:stretch;padding:17px;gap:17px}#media-viewer-caption{font-size:12px}#media-viewer-credit{font-size:9px}.media-viewer-tools{justify-content:space-between;gap:10px}.media-viewer-tools:has([data-viewer-zoom][hidden]){justify-content:flex-end}
  .media-compact .media-caption{min-height:0}.media-compact .media-games{max-height:none}.media-compact .media-title{font-size:23px}
}
@media(max-width:400px){.media-thumbs button{width:57px;height:39px}.media-navigation{gap:3px}.media-counter{min-width:48px}.media-bottom{justify-content:flex-end}.media-thumbs{margin-right:auto}.media-heading>span{display:none}.media-compact .media-thumbs button{width:56px;height:39px}}
@media(prefers-reduced-motion:reduce){.media-games button,.media-open img{transition:none}}
@media print{.media-section,.media-viewer{display:none!important}}

@media(max-width:700px){.media-viewer-stage{height:min(58svh,calc((100vw - 16px)/var(--media-ratio,1.7778)))}.media-compact .media-heading,.media-compact .media-caption,.media-compact .media-bottom{padding-left:20px;padding-right:20px}.media-compact .media-heading{padding-top:9px}.media-compact .media-bottom{padding-bottom:18px}.media-compact .media-title{display:none}}
@media(max-width:400px){.media-thumbs button{width:52px;height:39px}}

.media-viewer-top{position:sticky;top:0;z-index:2;background:var(--paper)}

/* Desktop navigation with icons; compact navigation uses a single header row. */
.nav-icon{display:block;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.site-header .top-nav a{gap:8px;flex-direction:row}
#mobile-menu-open{display:none}
#mobile-menu{position:fixed;inset:calc(var(--header) + 8px) 12px auto auto;margin:0;width:min(380px,calc(100% - 24px));max-height:calc(100svh - var(--header) - 24px);padding:20px 22px 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);box-shadow:0 20px 64px #251e3133;overflow-y:auto}
#mobile-menu::backdrop{background:#251e3140;backdrop-filter:none}
.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
#mobile-menu .small-label{font-size:9px;color:var(--muted);letter-spacing:.1em}
#mobile-menu .dialog-close{position:static;display:grid;place-items:center;width:44px;height:44px;margin:-8px -10px -8px 0;font-size:27px;flex:none}
.mobile-menu-links{display:flex;flex-direction:column;padding-top:8px}
.mobile-menu-links>a,.mobile-menu-links>button{display:flex;align-items:center;gap:14px;width:100%;min-height:54px;padding:14px 10px;border-radius:3px;font-size:14px;text-align:left}
.mobile-menu-links [aria-current="page"]{color:var(--purple);background:#eee7f6}
.mobile-menu-links .nav-label{visibility:visible}
.mobile-menu-links .nav-icon{width:21px;height:21px}
.mobile-menu-links>a:hover,.mobile-menu-links>button:hover{background:#f0eaf6}
#mobile-index-open{border-top:1px solid var(--line);border-radius:0;margin-top:8px;padding-top:18px;min-height:62px}
.mobile-menu-arrow{margin-left:auto;color:var(--muted)}
@media(max-width:900px){
  :root{--header:64px}
  .site-header{height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:12px}
  .site-header .top-nav{display:none!important}
  .site-header .header-actions{min-width:0;gap:0}
  .header-actions #index-open{display:none}
  .header-actions #mobile-menu-open{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:10px;color:var(--purple)}
  #mobile-menu-open svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
}
@media(max-width:600px){
  :root{--header:60px}
  .site-header{padding:0 18px}
  .site-header .brand>span{font-size:9px}
  .site-header .brand small{font-size:6px}
}

/* Ambience stays within reach on desktop and in the compact mobile header. */
.site-header .header-actions{flex:none;gap:20px}
.header-actions #sound-toggle{min-height:44px;gap:8px;font-size:12px;white-space:nowrap}
#sound-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#sound-toggle .sound-muted{display:none}
#sound-toggle[aria-pressed="false"] .sound-waves{display:none}
#sound-toggle[aria-pressed="false"] .sound-muted{display:block}
.sound-status{display:block;width:6px;height:6px;border-radius:50%;background:var(--muted);opacity:.4}
#sound-toggle[data-playing="true"] .sound-status{background:var(--purple);opacity:1}
@media(max-width:1150px) and (min-width:901px){
  .site-header{gap:12px}
  .site-header .header-actions{gap:14px}
  .site-header .top-nav a{padding-inline:9px}
  .header-actions #index-open{padding-left:14px}
}
@media(max-width:900px){
  .site-header .header-actions{gap:12px}
  .header-actions #sound-toggle{font-size:11px}
  .header-actions #mobile-menu-open{border-left:1px solid var(--line);width:54px;padding-left:20px}
}
@media(max-width:600px){
  .header-actions #sound-toggle{font-size:10px}
}
@media(max-width:380px){
  .site-header{padding-inline:12px;gap:8px}
  .site-header .header-actions{gap:8px}
  .header-actions #sound-toggle{gap:6px}
  #sound-toggle .sound-status{display:none}
  .header-actions #mobile-menu-open{width:44px;padding-left:12px}
}

/* Closing panel: original jackets on a purple display, with a larger central book. */
/* Narration controls mirror the tourism exhibition, using each panel's palette. */
.panel-audio-controls{display:flex;align-items:center;flex-wrap:wrap;grid-column:1/-1;gap:12px;margin:0 0 28px;padding-bottom:16px;border-bottom:1px solid var(--line);line-height:1.4}
.panel-audio-label{font-size:12px;letter-spacing:.01em;margin-right:4px}
.panel-audio-button{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;flex:none;padding:7px;border:1px solid var(--line);border-radius:0;color:inherit;background:transparent}
.panel-audio-button:hover,.panel-audio-button[aria-pressed="true"]{border-color:currentColor;background:color-mix(in srgb,currentColor 8%,transparent)}
.panel-audio-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.panel-audio-button[hidden]{display:none}
.panel-audio-toggle .panel-icon-pause{fill:currentColor;stroke:none}
.panel-audio-toggle[aria-pressed="true"] .panel-icon-speaker,.panel-audio-toggle[aria-pressed="false"] .panel-icon-pause{display:none}
.panel-audio-time{font-size:14px;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;margin-left:4px}
@media(max-width:600px){.panel-audio-controls{gap:10px;margin-bottom:24px}.panel-audio-label{margin-right:0}.panel-audio-button{width:29px;height:29px;padding:5px}.panel-audio-button svg{width:16px;height:16px}}
@media print{.panel-audio-controls{display:none!important}}

.books-carousel{min-width:0;margin-top:12px}
.books-carousel-heading{text-align:center;font:9px/1.6 ui-monospace,monospace;letter-spacing:.12em;color:var(--purple);margin:0 0 16px}
.books-carousel-stage{position:relative;height:350px;isolation:isolate;overflow:hidden;user-select:none;perspective:900px;border-radius:4px;background:radial-gradient(ellipse at 50% 86%,#b6a1e54d,transparent 62%)}
.books-carousel-stage:before{content:'';position:absolute;z-index:-1;left:5%;right:5%;bottom:10px;height:74px;border-radius:50%;background:linear-gradient(180deg,#eee7fb,#c9b9e7 70%,#faf9fc);box-shadow:0 4px 0 #8f74c642,0 11px 24px #6a46971a}
.books-carousel-stage:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.books-carousel .research-book{position:absolute;left:50%;bottom:46px;width:44%;max-width:200px;aspect-ratio:2/3;padding:6px;border:1px solid #8870bf;border-radius:3px;background:#f8f6fe;box-shadow:0 0 0 3px #ddd4f4,0 0 0 4px #a897d8,0 10px 28px #54348029;transform-origin:center bottom;transition:transform .5s ease,opacity .5s ease;cursor:pointer}
.books-carousel .research-book[hidden]{display:none}
.books-carousel .research-book.is-current{z-index:3;transform:translateX(-50%);opacity:1}
.books-carousel .research-book.is-before{z-index:1;transform:translateX(-128%) rotateY(15deg) rotate(-5deg) scale(.76);opacity:.85}
.books-carousel .research-book.is-after{z-index:1;transform:translateX(28%) rotateY(-15deg) rotate(5deg) scale(.76);opacity:.85}
.books-carousel .research-book img,.books-carousel-picker img{display:block;width:100%;max-width:100%;height:100%;margin:0;object-fit:contain;mix-blend-mode:normal;pointer-events:none}
.books-carousel .books-carousel-caption{margin:10px 0 18px;text-align:center;min-height:150px;color:var(--purple)}
.books-carousel-title{display:block;font-size:16px;line-height:1.4;font-weight:600;text-wrap:balance}
.books-carousel-author{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:6px}
.books-carousel-detail{font-size:11px;margin-top:9px;padding:4px 0;border-bottom:1px solid #9c7eb6;color:var(--purple)}
.books-carousel-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 16px}
.books-carousel-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d6c7e8;border-radius:2px;color:var(--purple)}
.books-carousel-controls button:hover,.books-carousel-controls button:focus-visible{background:#eee5f8}
.books-carousel-controls svg{width:18px;height:18px}
.books-carousel-count{font:10px/1.5 ui-monospace,monospace;letter-spacing:.08em;color:var(--muted)}
.books-carousel-picker{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:5px 3px 12px}
.books-carousel-picker button{flex:none;width:37px;height:54px;padding:3px;border:1px solid transparent;opacity:.65;border-radius:2px;transition:opacity .2s,border-color .2s}
.books-carousel-picker button[aria-pressed=true],.books-carousel-picker button:hover,.books-carousel-picker button:focus-visible{opacity:1;border-color:var(--purple);background:#eee5f8}
@media(max-width:600px){.books-carousel{margin-top:0}.books-carousel-stage{height:320px}.books-carousel .research-book{max-width:178px}.books-carousel-title{font-size:15px}.books-carousel-picker button{width:36px;height:52px}}
@media(prefers-reduced-motion:reduce){.books-carousel .research-book,.books-carousel-picker button{transition:none}}
@media print{.books-carousel-controls,.books-carousel-picker,.books-carousel-detail{display:none!important}.books-carousel .research-book:not(.is-current){display:none!important}}

/* Original book jackets keep their complete artwork and the shelf's common frame. */
.book-cover.has-cover-image{padding:0!important;background:transparent!important;justify-content:flex-end!important;align-items:center!important;overflow:visible;box-shadow:none!important;transform:none!important;border-radius:0}
.book-cover.has-cover-image:before,.book-cover.has-cover-image:after{content:none!important}
/* The page block follows the actual jacket, rather than the transparent shelf frame. */
.book-jacket{display:block;position:relative;isolation:isolate;flex:none;width:var(--jacket-width);aspect-ratio:var(--cover-ratio);background:#f5f0e6;box-shadow:7px 10px 14px -8px #251e3150}
.book-jacket:before,.book-jacket:after{content:'';position:absolute;pointer-events:none}
.book-jacket:before{z-index:1;inset:2px -5px -3px 3px;border:1px solid #d7d0c2;border-radius:0 2px 2px 0;background:linear-gradient(90deg,transparent calc(100% - 6px),#b9ad9438 calc(100% - 6px),#fff8),repeating-linear-gradient(0deg,#f6f2e8 0 1px,#ded8cb 1px 2px)}
.book-jacket:after{z-index:0;inset:0 -7px -5px 4px;border:1px solid #b9acbf;border-radius:0 3px 3px 0;background:#e5dce9}
.book-cover.has-cover-image .book-jacket img{display:block;position:relative;inset:auto;z-index:2;width:100%;height:100%;object-fit:fill;filter:none;box-shadow:1px 0 2px #251e3126}
.kind-book:has(.has-cover-image) .book-open{box-shadow:none!important;border-radius:0}
/* Compact jackets fill the list thumbnail; their height follows each original cover. */
.book-shelf.list-layout .book-entry{grid-template-columns:84px minmax(0,1fr);gap:20px}
.book-shelf.list-layout .book-open:has(.has-cover-image){aspect-ratio:auto!important}
.book-shelf.list-layout .book-cover.has-cover-image{padding:0!important;height:auto!important;box-shadow:none!important}
.book-shelf.list-layout .book-jacket{width:100%;box-shadow:3px 5px 8px -5px #251e3150}
.book-shelf.list-layout .book-jacket:before{inset:1px -2px -1px 1px}
.book-shelf.list-layout .book-jacket:after{inset:0 -3px -2px 2px}
@media(max-width:600px){.book-shelf.list-layout .book-entry{gap:14px}}

.reference-cover.has-real-cover{align-self:start}
.reference-dialog .reference-cover .has-cover-image{height:auto!important;min-height:0!important;aspect-ratio:3/4!important}
.reference-cover .has-cover-image{justify-content:center!important}
.cover-credit{font-size:10px;line-height:1.6;letter-spacing:0;color:var(--muted);margin-top:16px;max-width:220px}
.cover-credit a{text-decoration:underline;text-underline-offset:3px}
.cover-credit span{display:block;margin-top:6px}
@media(max-width:700px){
  .reference-cover.has-real-cover{display:block;width:150px;margin:0 auto 26px}
  .reference-dialog .reference-cover.has-real-cover .book-cover{width:100%!important;min-height:0!important}
  .reference-cover.has-real-cover .cover-credit{font-size:9px;margin-top:12px}
}

/* Bibliography: styled language selector with multiple choices. */
.catalog-selectors{display:flex;align-items:center;gap:24px;flex-shrink:0}
.language-control{position:relative;display:flex;flex-direction:column;gap:6px;width:185px;min-width:0}
.language-control .filter-label{font-size:9px;letter-spacing:.05em;color:#7c6889}
.language-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:40px;padding:9px 11px;border:1px solid #d9cee5;border-radius:5px;background:#f5f0fa;color:#655078;font-size:12px;text-align:left;transition:background .15s,border-color .15s}
.language-toggle>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.language-toggle>svg{width:16px;height:16px;flex-shrink:0;transition:transform .15s}
.language-toggle:hover,.language-toggle[aria-expanded="true"]{background:#eee5f7;border-color:#b89dce}
.language-toggle.has-selection{background:#ebe0f6;border-color:#ab8bc4;color:#4a2086}
.language-toggle[aria-expanded="true"]>svg{transform:rotate(180deg)}
.language-options{position:absolute;z-index:12;top:calc(100% + 8px);left:0;width:220px;max-width:calc(100vw - 42px);padding:8px;border:1px solid #d8cbe5;border-radius:7px;background:#fff;box-shadow:0 10px 28px #39244920}
.language-options fieldset{border:0;padding:0;margin:0}
.language-option{min-height:44px;display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:4px;color:#655078;font-size:13px;cursor:pointer}
.language-option:hover{background:#f4edf9}
.language-option input{width:17px;height:17px;margin:0;accent-color:#4a2086;cursor:pointer}
.language-option input:checked+span{font-weight:600;color:#4a2086}
.language-all{display:block;width:100%;margin-top:6px;padding:11px 10px;border-top:1px solid #e6ddee;color:#4a2086;text-align:left;font-size:11px}
.language-all:hover:not(:disabled){background:#f4edf9}
.language-all:disabled{color:#9988a8;cursor:default}
@media(max-width:900px){.catalog-selectors{gap:16px}.language-control{width:165px}}
@media(max-width:600px){
  .catalog-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px;align-items:start}
  .language-control{width:100%}.language-toggle{min-height:44px;font-size:11px;padding:9px 10px}
  .catalog-selectors .sort-control{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:0}
  .catalog-selectors .sort-control select{min-width:0;width:100%;max-width:none;min-height:44px;padding:9px 18px 9px 0}
}
@media(prefers-reduced-motion:reduce){.language-toggle,.language-toggle>svg{transition:none}}