@font-face{font-family:'PT Sans';src:url('../fonts/pt-sans-bold.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:'PT Serif';src:url('../fonts/pt-serif-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:'PT Serif';src:url('../fonts/pt-serif-italic.woff') format('woff');font-style:italic;font-weight:400;font-display:swap}
:root{--blue:#4fd8ff;--pink:#ff6998;--black:#000;--white:#fff;--pad:clamp(20px,5vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--blue);color:var(--black);font-family:'PT Sans',sans-serif;font-weight:700;overflow-x:clip}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border-radius:0;color:inherit}button:disabled{cursor:default}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid var(--pink);outline-offset:6px}button:disabled:focus-visible{outline-color:var(--white)}::selection{background:var(--pink);color:var(--black)}[hidden]{display:none!important}h1,h2,p{margin:0}img{display:block;max-width:100%}.serif,.essay-body{font-family:'PT Serif',serif;font-weight:700;line-height:1.6}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}.icon-button{display:grid;place-items:center;border:2px solid var(--black);background:var(--white);color:var(--black);width:54px;height:54px;padding:8px;transition:transform .2s,background .2s;flex-shrink:0}.icon-button:hover{background:var(--pink);transform:rotate(-8deg)}.icon-button:disabled{background:var(--blue)}.dock{position:fixed;right:20px;top:20px;z-index:20;display:flex;gap:5px;padding:7px;background:var(--black);box-shadow:5px 5px 0 var(--pink);transform:rotate(2deg)}.dock .icon-button{width:44px;height:44px;border:0}.dock .icon{width:25px;height:25px}.motion-toggle{background:var(--pink)}.motion-toggle[aria-pressed=true]{background:var(--blue)}.track-world{position:relative;isolation:isolate;overflow:hidden}.world-road{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.world-road use{fill:none;stroke-linejoin:round;stroke-linecap:butt}.road-edge{stroke:var(--pink);stroke-width:242}.road-curb{stroke:var(--white);stroke-width:242;stroke-dasharray:30 30}.road-asphalt{stroke:var(--black);stroke-width:214}.road-lane{stroke:var(--white);stroke-width:3;stroke-dasharray:24 24;animation:road-dash 5s linear infinite}.hero{position:relative;min-height:760px;height:min(900px,100svh);display:grid;align-items:center;padding:100px var(--pad) 120px;background:var(--blue);isolation:isolate;border-bottom:3px solid var(--black)}.hero-checker{position:absolute;top:0;left:0;width:clamp(55px,9vw,140px);height:100%;background:repeating-conic-gradient(var(--black) 0 25%,var(--white) 0 50%) 0 0/40px 40px;transform:skew(-9deg) translateX(-30%);z-index:-1}.hero-circuit{position:absolute;width:120%;height:110%;left:-10%;top:-5%;transform:rotate(-14deg);z-index:-1;overflow:visible}.hero-circuit use{fill:none}.circuit-edge{stroke:var(--pink);stroke-width:140}.circuit-curb{stroke:var(--white);stroke-width:140;stroke-dasharray:20 20}.circuit-asphalt{stroke:var(--black);stroke-width:112}.circuit-lane{stroke:var(--white);stroke-width:3;stroke-dasharray:20 22;animation:road-dash 3s linear infinite}.circuit-car{offset-path:path('M330 200H890C1080 200 1120 550 880 550H310C100 550 100 200 330 200Z');offset-rotate:auto;animation:circuit-lap 12s linear infinite}.circuit-car rect{fill:var(--pink);stroke:var(--white);stroke-width:2}.circuit-car path{fill:var(--black);stroke:var(--white);stroke-width:3}.car-b{animation-duration:16s;animation-delay:-7s}.car-b rect{fill:var(--blue)}.hero-title-wrap{position:relative;z-index:2;transform:rotate(-5deg);margin:20px 6vw 0 0}.hero h1{font-size:clamp(52px,9.3vw,180px);letter-spacing:-.065em;line-height:1.08;color:var(--white);background:var(--black);border:3px solid var(--white);padding:15px 28px 24px;box-shadow:12px 12px 0 var(--pink);overflow-wrap:break-word;animation:title-skid 14s step-end infinite}.sticker{position:absolute;display:grid;place-items:center;pointer-events:none}.sticker .icon{width:100%;height:100%}.sticker-star{width:clamp(110px,18vw,300px);height:clamp(110px,18vw,300px);right:4%;bottom:12%;color:var(--pink);filter:drop-shadow(4px 4px 0 var(--black));animation:spin 18s linear infinite;z-index:3}.sticker-star .icon{stroke-width:4}.sticker-wheel{width:90px;height:90px;left:20%;top:14%;padding:12px;background:var(--white);color:var(--black);border:3px solid var(--black);box-shadow:7px 7px 0 var(--pink);transform:rotate(15deg);animation:sticker-drift 6s ease-in-out infinite}.sticker-wheel .icon{animation:spin 12s linear infinite}.sticker-bolt{width:90px;height:110px;right:13%;top:13%;color:var(--black);background:var(--pink);border:3px solid var(--black);transform:rotate(12deg);animation:sticker-drift 7s ease-in-out infinite reverse}.sticker-bolt .icon{width:60px;height:80px}.speed-lines{position:absolute;left:15%;bottom:16%;width:30%;transform:rotate(-14deg);display:grid;gap:10px}.speed-lines i{height:7px;background:var(--black);animation:speed 2s ease-in-out infinite}.speed-lines i:nth-child(2){width:70%;animation-delay:-.4s}.speed-lines i:nth-child(3){width:90%;animation-delay:-.8s}.speed-lines i:nth-child(4){width:40%;animation-delay:-1.2s}.hero-go{position:absolute;bottom:45px;left:50%;width:74px;height:74px;background:var(--pink);border:3px solid var(--black);transform:rotate(45deg);box-shadow:6px 6px 0 var(--black)}.hero-go .icon{transform:rotate(45deg);width:40px;height:40px}.hero-go:hover{transform:rotate(45deg) translate(4px,4px)}.graphic-marquee{height:54px;background:var(--pink);border-block:3px solid var(--black);overflow:hidden;transform:rotate(1deg) scale(1.03);position:relative;z-index:3}.graphic-marquee div{width:200%;height:100%;background:repeating-conic-gradient(var(--black) 0 25%,var(--pink) 0 50%) 0 0/48px 48px;animation:checkers 14s linear infinite}.track-stop{position:relative;padding:100px var(--pad);max-width:1800px;margin:auto}.archive{padding-top:90px;padding-bottom:160px}.archive-graphic{display:flex;align-items:center;gap:25px;margin-bottom:35px}.archive-graphic>.icon{width:64px;height:64px;background:var(--pink);border:3px solid var(--black);padding:10px;transform:rotate(-8deg)}.archive-graphic>.icon:last-child{margin-left:auto;transform:rotate(80deg);background:var(--white)}.checker-ribbon{height:35px;width:clamp(100px,25vw,450px);background:repeating-conic-gradient(var(--black) 0 25%,var(--white) 0 50%) 0 0/35px 35px;border:2px solid var(--black);transform:rotate(3deg)}.chapter-controls{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 42px}.chapter-controls button{width:70px;height:45px;background:var(--white);border:3px solid var(--black);padding:8px;position:relative;transform:skew(-15deg)}.chapter-controls button[aria-pressed=true]{background:var(--pink);box-shadow:5px 5px 0 var(--black);transform:skew(-15deg) translateY(-3px)}.chapter-mark{display:flex;height:100%;align-items:center;justify-content:center;gap:6px}.chapter-mark i{width:7px;height:19px;background:var(--black);display:block}.series-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 25px;align-items:start}.series-card{min-width:0;background:var(--white);border:3px solid var(--black);box-shadow:7px 7px 0 var(--black);position:relative;transition:transform .35s;transform:rotate(-3deg)}.series-card:nth-child(4n+2){transform:translateY(45px) rotate(4deg);background:var(--pink)}.series-card:nth-child(4n+3){transform:translateY(-15px) rotate(-2deg)}.series-card:nth-child(4n+4){transform:translateY(30px) rotate(5deg);background:var(--blue)}.series-card:hover{transform:translateY(-9px) rotate(0);z-index:3}.cover-button{display:block;width:100%;padding:0;border:0;border-bottom:3px solid var(--black);background:var(--black);overflow:hidden}.cover{aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--blue);color:var(--black)}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.cover-button:hover img{transform:scale(1.06)}.cover-placeholder{position:relative;display:grid;place-items:center;overflow:hidden;width:100%;height:100%;background:var(--blue)}.cover-placeholder:before{content:'';position:absolute;inset:-60%;background:repeating-conic-gradient(var(--black) 0deg 15deg,var(--blue) 15deg 30deg);animation:spin 48s linear infinite}.cover-placeholder:after{content:'';position:absolute;inset:12%;border:3px solid var(--white);transform:rotate(-8deg)}.cover-placeholder .icon{position:relative;z-index:1;width:40%;height:40%;color:var(--pink);background:var(--black);border:3px solid var(--white);padding:8%;transform:rotate(-15deg);animation:cover-orbit 7s ease-in-out infinite}.series-card:nth-child(4n+2) .cover-placeholder{background:var(--pink)}.series-card:nth-child(4n+2) .cover-placeholder:before{background:repeating-linear-gradient(135deg,var(--black) 0 18px,var(--pink) 18px 36px);animation:diagonal-flow 7s linear infinite}.series-card:nth-child(4n+2) .cover-placeholder .icon{color:var(--blue)}.series-card:nth-child(4n+3) .cover-placeholder:before{background:repeating-conic-gradient(var(--black) 0 25%,var(--white) 0 50%) 0 0/50px 50px;animation:diagonal-flow 12s linear infinite}.series-card:nth-child(4n+4) .cover-placeholder:before{background:repeating-radial-gradient(circle,var(--pink) 0 15px,var(--black) 15px 18px,var(--blue) 18px 33px,var(--black) 33px 36px);animation:spin 24s linear infinite}.series-name{font-size:clamp(20px,1.8vw,32px);letter-spacing:-.035em;line-height:1.15;padding:20px 15px 14px;overflow-wrap:anywhere}.series-name button{background:none;border:0;padding:0;text-align:left;font:inherit}.essay-preview{display:block;background:none;border:0;border-top:2px solid var(--black);padding:14px 15px 18px;text-align:left;width:100%;font-family:'PT Serif',serif;font-weight:700;font-size:13px;line-height:1.5}.essay-preview:hover{background:var(--black);color:var(--white)}.track-turn{position:absolute;bottom:-30px;right:12%;width:150px;height:150px;border:15px solid var(--white);border-left-color:var(--pink);border-top-color:var(--pink);border-radius:50%;background:var(--black);display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(-35deg);animation:turn-wobble 8s ease-in-out infinite}.track-turn i{width:14px;height:65px;background:var(--blue);transform:skew(-25deg)}.game-section{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:7vw;padding-top:100px;padding-bottom:100px}.game-window{position:relative;border:3px solid var(--black);background:var(--pink);box-shadow:12px 12px 0 var(--black);transform:rotate(-3deg)}.window-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:3px solid var(--black)}.window-bar i{width:12px;height:12px;border:2px solid var(--black);background:var(--white)}.window-bar i:nth-child(2){background:var(--blue)}.window-bar i:nth-child(3){background:var(--black)}.window-bar .icon{margin-left:auto;width:27px;height:27px}.game-stage{aspect-ratio:16/10;position:relative;overflow:hidden;background:var(--black)}.game-stage>img,.game-stage iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;background:var(--black)}.launch-game{position:absolute;left:50%;bottom:-28px;transform:translateX(-50%);width:68px;height:68px;background:var(--white);box-shadow:5px 5px 0 var(--black);border-width:3px}.launch-game:hover{transform:translateX(-50%) rotate(5deg)}.launch-game:disabled{background:var(--pink)}.launch-game:disabled .icon{fill:var(--black)}.road-horizon{position:absolute;inset:0;background:var(--blue);overflow:hidden}.horizon-sun{position:absolute;width:38%;aspect-ratio:1;border:3px solid var(--black);border-radius:50%;left:31%;top:8%;background:repeating-linear-gradient(0deg,var(--pink) 0 15px,var(--black) 15px 18px);animation:sun-drift 7s ease-in-out infinite}.perspective-road{position:absolute;inset:48% -20% -100%;background:var(--black);border-inline:18px dashed var(--white);transform:perspective(140px) rotateX(38deg);transform-origin:50% 0}.perspective-road:before{content:'';position:absolute;top:0;left:calc(50% - 3px);width:6px;height:100%;background:repeating-linear-gradient(0deg,var(--white) 0 45px,var(--black) 45px 90px);animation:perspective-dash .7s linear infinite}.horizon-car{position:absolute;width:80px;height:130px;left:calc(50% - 40px);bottom:-30px;color:var(--pink);transform:rotate(180deg);animation:car-drift 3s ease-in-out infinite}.horizon-car .icon{width:100%;height:100%;fill:var(--black);stroke-width:2}.game-decor{position:relative;min-height:320px}.orbital-wheel{width:clamp(160px,23vw,350px);aspect-ratio:1;background:var(--white);border:5px solid var(--black);border-radius:50%;color:var(--black);box-shadow:12px 12px 0 var(--pink);padding:15px;animation:spin 20s linear infinite}.orbital-wheel .icon{width:100%;height:100%;stroke-width:1.2}.checker-flag{position:absolute;right:0;bottom:-20px;width:65%;height:120px;background:repeating-conic-gradient(var(--black) 0 25%,var(--pink) 0 50%) 0 0/40px 40px;border:3px solid var(--black);transform:rotate(14deg);animation:flag-wave 4s ease-in-out infinite}.decor-bolt{position:absolute;right:-8%;top:-45px;width:110px;height:140px;color:var(--pink);fill:var(--black);animation:sticker-drift 6s ease-in-out infinite}.game-external{position:absolute;left:var(--pad);bottom:10px}.album-section{display:grid;grid-template-columns:1fr 1.15fr;gap:9vw;align-items:center;padding-top:100px;padding-bottom:120px}.album-art{position:relative;aspect-ratio:1;background:var(--pink);border:4px solid var(--black);padding:9%;box-shadow:12px 12px 0 var(--black);transform:rotate(7deg);max-width:560px}.album-art:before{content:'';position:absolute;inset:15px;border:3px solid var(--black);pointer-events:none}.record{height:100%;width:100%;border:3px solid var(--black);border-radius:50%;background:repeating-radial-gradient(circle,var(--black) 0 6px,var(--white) 6px 7px);display:grid;place-items:center;animation:spin 9s linear infinite}.record-label{width:38%;aspect-ratio:1;background:var(--blue);border:3px solid var(--black);border-radius:50%;display:grid;place-items:center}.record-label .icon{width:55%;height:55%;fill:var(--pink);stroke-width:2}.album-corner{position:absolute;right:-15px;bottom:-15px;background:var(--white);border:3px solid var(--black);padding:12px;transform:rotate(-15deg)}.album-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sound-panel{background:var(--black);border:4px solid var(--white);box-shadow:10px 10px 0 var(--pink);padding:25px;transform:rotate(-3deg);color:var(--white)}.equalizer{height:120px;display:flex;align-items:center;gap:9px;justify-content:center;border-bottom:3px solid var(--white);padding-bottom:25px;margin-bottom:10px}.equalizer i{flex:1;max-width:20px;height:80%;background:var(--pink);transform-origin:center;animation:equalize 1.6s ease-in-out infinite alternate}.equalizer i:nth-child(2n){background:var(--blue);animation-delay:-.7s;animation-duration:1.1s}.equalizer i:nth-child(3n){background:var(--white);animation-delay:-.4s;animation-duration:2s}.equalizer i:nth-child(5n){animation-delay:-1.3s;animation-duration:.8s}.track{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:2px solid var(--white)}.audio-play{background:var(--pink);color:var(--black);width:44px;height:44px;border-color:var(--white)}.audio-play:disabled{background:var(--black);color:var(--blue)}.audio-play .icon{width:24px;height:24px}.track audio{display:none}.audio-seek{appearance:none;-webkit-appearance:none;background:var(--white);width:100%;min-width:0;height:5px;border:0;border-radius:0;cursor:pointer}.audio-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:22px;background:var(--blue);border:2px solid var(--black);border-radius:0}.audio-seek::-moz-range-thumb{width:14px;height:22px;background:var(--blue);border:2px solid var(--black);border-radius:0}.audio-seek:disabled{cursor:default}.exhibition-section{display:grid;grid-template-columns:1.4fr 1fr;gap:7vw;align-items:center;padding-top:100px;padding-bottom:140px}.exhibition-preview{padding:0;background:var(--white);border:4px solid var(--black);aspect-ratio:4/3;position:relative;overflow:hidden;box-shadow:10px 10px 0 var(--pink);transform:rotate(-6deg)}.exhibition-frame{display:flex;gap:12px;position:absolute;inset:18% 10%;transform:skewY(-10deg);transition:transform .4s}.exhibition-frame i{flex:1;background:var(--blue);border:12px solid var(--black);position:relative}.exhibition-frame i:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 18px,var(--black) 18px 20px);animation:diagonal-flow 8s linear infinite}.exhibition-frame i:nth-child(2){background:var(--pink);transform:translateY(-15px)}.exhibition-preview>.icon{position:absolute;bottom:15px;right:15px;width:45px;height:45px;padding:7px;background:var(--white);border:2px solid var(--black)}.exhibition-preview:hover .exhibition-frame{transform:skewY(7deg)}.exhibition-preview>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.curator{background:var(--white);border:4px solid var(--black);padding:35px;text-align:left;box-shadow:10px 10px 0 var(--black);transform:rotate(5deg);min-height:230px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;width:100%}.curator .serif{font-size:clamp(20px,2vw,32px);overflow-wrap:anywhere}.curator>.icon{align-self:end;width:44px;height:44px}.curator:hover{background:var(--pink)}.exhibition-star{position:absolute;top:-20px;right:10%;width:100px;height:100px;color:var(--pink);background:var(--black);padding:15px;border:3px solid var(--white);transform:rotate(15deg);animation:spin 18s linear infinite}.exhibition-star .icon{width:100%;height:100%}.finish-line{height:100px;position:relative;background:repeating-conic-gradient(var(--black) 0 25%,var(--white) 0 50%) 0 0/100px 100px;border-block:3px solid var(--black);transform:rotate(-2deg) scale(1.04)}.back-top{margin:45px auto 55px;background:var(--pink);width:65px;height:65px;transform:rotate(-45deg);box-shadow:5px 5px 0 var(--black)}.cursor-wheel{position:fixed;left:0;top:0;width:48px;height:48px;pointer-events:none;z-index:30;background:var(--pink);border:2px solid var(--black);border-radius:50%;display:none;place-items:center;transform:translate(-100px,-100px)}.cursor-wheel.visible{display:grid}.cursor-wheel .icon{width:35px;height:35px;animation:spin 3s linear infinite}.content-dialog{background:var(--black);color:var(--white);border:3px solid var(--pink);width:min(1400px,94vw);max-width:none;height:90dvh;max-height:94dvh;padding:0}.content-dialog::backdrop,.lightbox::backdrop{background:var(--black)}body:has(dialog[open]){overflow:hidden}.dialog-top,.lightbox-top{position:sticky;top:0;z-index:5;display:flex;justify-content:flex-end;padding:12px;background:var(--black);border-bottom:3px solid var(--white)}.dialog-top:before,.lightbox-top:before{content:'';position:absolute;left:15px;top:18px;width:140px;height:35px;background:repeating-conic-gradient(var(--black) 0 25%,var(--white) 0 50%) 0 0/35px 35px}.dialog-body{padding:clamp(20px,4vw,60px)}.dialog-body h2{font-size:clamp(28px,5vw,70px);letter-spacing:-.04em;line-height:1.1;margin-bottom:30px;overflow-wrap:anywhere}.essay-link{background:var(--pink);border:2px solid var(--white);color:var(--black);display:block;padding:20px;margin-bottom:30px;text-align:left;width:100%;font-family:'PT Serif',serif;font-weight:700;font-size:20px;line-height:1.6}.essay-body{font-size:clamp(19px,2vw,27px);max-width:65ch;margin:auto}.essay-body p{white-space:pre-line;margin:0 0 30px}.text-dialog{width:min(900px,94vw)}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.photo-tile{padding:0;aspect-ratio:3/2;overflow:hidden;background:var(--black);border:2px solid var(--blue)}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;background:var(--black);position:relative;border:1px solid var(--blue);overflow:hidden;display:grid;place-items:center}.photo-placeholder:before,.photo-placeholder:after{content:'';position:absolute;width:130%;height:1px;background:var(--blue);transform:rotate(34deg)}.photo-placeholder:after{transform:rotate(-34deg)}.photo-placeholder .icon{background:var(--black);color:var(--pink);position:relative;z-index:1;box-sizing:content-box;padding:10px;border:2px solid var(--blue)}.photo-tile:hover{border-color:var(--pink)}.lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:0;margin:0;background:var(--black);color:var(--white)}.lightbox[open]{display:flex;flex-direction:column}.lightbox-stage{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;padding:20px;touch-action:pan-y}.lightbox-stage>img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.lightbox-stage>.photo-placeholder{aspect-ratio:3/2;width:min(100%,1000px);height:auto;max-height:100%}.lightbox-bottom{display:flex;justify-content:space-between;padding:12px;border-top:3px solid var(--white)}#previous-photo .icon{transform:rotate(-135deg)}#next-photo .icon{transform:rotate(45deg)}.lightbox button:disabled{background:var(--black);color:var(--blue);border-color:var(--blue)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes road-dash{to{stroke-dashoffset:-480}}@keyframes circuit-lap{to{offset-distance:100%}}@keyframes title-skid{0%,94%,98%,100%{transform:translateX(0)}95%{transform:translateX(-5px)}97%{transform:translateX(5px)}}@keyframes sticker-drift{0%,100%{translate:0 0;rotate:-7deg}50%{translate:0 -18px;rotate:7deg}}@keyframes speed{0%,100%{transform:translateX(0)}50%{transform:translateX(30px)}}@keyframes checkers{to{transform:translateX(-240px)}}@keyframes cover-orbit{0%,100%{rotate:-15deg;scale:1}50%{rotate:15deg;scale:1.08}}@keyframes diagonal-flow{to{translate:36px 36px}}@keyframes turn-wobble{50%{rotate:40deg}}@keyframes sun-drift{50%{translate:0 12px}}@keyframes perspective-dash{to{background-position:0 90px}}@keyframes car-drift{0%,100%{translate:-12px 0;rotate:-7deg}50%{translate:12px 0;rotate:7deg}}@keyframes flag-wave{50%{transform:rotate(7deg) skewY(-8deg)}}@keyframes equalize{0%{scale:1 .2}100%{scale:1 1}}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}html[data-motion=off] .cursor-wheel{display:none}
@media(min-width:1900px){.hero{height:1000px;max-height:none}.hero h1{font-size:165px}.hero-circuit{width:100%;left:0}.track-stop{padding-block:140px}.series-grid{gap:60px 40px}.essay-preview{font-size:17px}}
@media(max-width:1000px){.hero{min-height:650px;height:85svh}.hero h1{font-size:9.5vw;padding:20px}.hero-title-wrap{margin-right:0}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 30px}.series-name{font-size:27px}.series-card:nth-child(2n){transform:translateY(35px) rotate(3deg)}.series-card:nth-child(2n+1){transform:rotate(-3deg)}.series-card:hover{transform:translateY(-8px) rotate(0)}.game-section{gap:35px;grid-template-columns:1.4fr 1fr}.game-decor{min-height:250px}.orbital-wheel{width:90%}.checker-flag{height:85px}.album-section,.exhibition-section{gap:45px}.sound-panel{padding:18px}.equalizer{height:100px;gap:6px}.curator{padding:25px;min-height:200px}.world-road{width:140%;left:-20%}.sticker-wheel{top:18%}.sticker-bolt{top:20%}}
@media(max-width:650px){:root{--pad:23px}html{scroll-padding-top:20px}.dock{top:auto;bottom:15px;right:50%;transform:translateX(50%) rotate(1deg);gap:4px;padding:5px;box-shadow:4px 4px 0 var(--pink)}.dock .icon-button{width:42px;height:42px}.hero{min-height:600px;height:90svh;padding:80px 23px 100px}.hero-circuit{width:200%;height:110%;left:-50%;transform:rotate(-35deg)}.hero-checker{width:65px;background-size:26px 26px;left:-18px}.hero-title-wrap{margin:0;transform:rotate(-7deg)}.hero h1{font-size:11vw;letter-spacing:-.06em;padding:17px 14px 22px;box-shadow:7px 7px 0 var(--pink)}.sticker-wheel{width:66px;height:66px;top:12%;left:20%;padding:8px}.sticker-bolt{width:65px;height:80px;right:10%;top:10%}.sticker-bolt .icon{width:45px;height:60px}.sticker-star{width:135px;height:135px;right:4%;bottom:18%}.speed-lines{left:13%;bottom:25%;width:32%;gap:7px}.speed-lines i{height:5px}.hero-go{left:calc(50% - 25px);bottom:48px;width:54px;height:54px}.hero-go .icon{width:30px;height:30px}.graphic-marquee{height:37px}.graphic-marquee div{background-size:34px 34px}.track-stop{padding:70px 23px}.archive{padding-top:55px;padding-bottom:115px}.archive-graphic{gap:15px;margin-bottom:28px}.archive-graphic>.icon{width:48px;height:48px;padding:7px}.checker-ribbon{height:25px;width:110px;background-size:25px 25px}.chapter-controls{margin-bottom:35px}.chapter-controls button{width:60px;height:40px}.series-grid{gap:35px 16px}.series-card{border-width:2px;box-shadow:4px 4px 0 var(--black)}.series-card:nth-child(2n){transform:translateY(25px) rotate(4deg)}.cover{aspect-ratio:1}.cover-button{border-bottom-width:2px}.series-name{font-size:19px;padding:13px 10px;letter-spacing:-.04em}.essay-preview{font-size:12px;padding:11px 10px;line-height:1.5}.cover-placeholder .icon{width:48%;height:48%;padding:7%;border-width:2px}.track-turn{width:105px;height:105px;border-width:10px;right:15%;bottom:-15px;gap:5px}.track-turn i{height:45px;width:10px}.game-section{grid-template-columns:1fr;gap:65px;padding-top:80px;padding-bottom:55px}.game-window{margin-right:8px;box-shadow:7px 7px 0 var(--black)}.window-bar{height:35px}.game-stage{aspect-ratio:4/3}.game-decor{min-height:180px;display:flex;justify-content:center}.orbital-wheel{width:170px;box-shadow:7px 7px 0 var(--pink)}.checker-flag{width:45%;height:80px;right:5%;bottom:0}.decor-bolt{width:70px;height:90px;left:8%;top:30px}.game-external{bottom:0}.album-section{grid-template-columns:1fr;gap:55px;padding-top:75px;padding-bottom:80px}.album-art{width:85%;margin:auto;transform:rotate(8deg);box-shadow:7px 7px 0 var(--black)}.sound-panel{width:90%;margin:auto;box-shadow:7px 7px 0 var(--pink)}.exhibition-section{grid-template-columns:1fr;gap:45px;padding-top:80px;padding-bottom:80px}.exhibition-preview{width:90%;margin:auto;box-shadow:7px 7px 0 var(--pink)}.exhibition-frame i{border-width:8px}.curator{width:90%;margin:auto;min-height:180px;padding:25px;box-shadow:7px 7px 0 var(--black)}.curator .serif{font-size:22px}.exhibition-star{width:70px;height:70px;top:-5px;right:10%;padding:10px}.finish-line{height:68px;background-size:68px 68px}.back-top{margin-bottom:100px}.world-road{width:200%;left:-50%}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dialog-top:before,.lightbox-top:before{width:95px;height:30px;top:20px;background-size:30px 30px}.dialog-body h2{font-size:35px}.essay-link{padding:15px;font-size:18px}.photo-placeholder .icon{width:24px;height:24px;padding:7px}.lightbox-stage{padding:10px}}
@media(hover:none),(pointer:coarse){.cursor-wheel{display:none!important}.series-card:hover{transform:rotate(-3deg)}.series-card:nth-child(2n):hover{transform:translateY(25px) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.cursor-wheel{display:none!important}}
/* Вторая версия: полосы трассы, живые шашечки и документы первой части. */
.world-road{height:var(--road-height,100%)}
.circuit-car{offset-path:none;animation:none}
.car-b,.world-car-b{--car-color:var(--blue)}
.world-car-a,.world-car-b{pointer-events:none}
.hero h1{font-size:clamp(40px,7.4vw,142px)}
.chapter-prologue,.chapter-epilogue{max-width:1050px;background:var(--white);border:4px solid var(--black);padding:clamp(24px,4vw,58px);font:700 clamp(18px,1.5vw,26px)/1.65 'PT Serif',serif;box-shadow:12px 12px 0 var(--pink);position:relative;z-index:1}
.chapter-prologue{margin:0 0 70px;transform:rotate(-1.5deg)}
.chapter-epilogue{margin:100px 0 0 auto;transform:rotate(1.5deg)}
.prose-panel p+p{margin-top:1em}
.prose-panel[hidden]{display:none}
.series-name{min-height:105px;display:flex;align-items:center}
.essay-preview{min-height:115px;max-height:115px;overflow:hidden}
.essay-spacer{height:115px;border-top:2px solid var(--black);background:repeating-conic-gradient(var(--black) 0 25%,var(--pink) 0 50%) 0 0/36px 36px;--checker-step:36px;animation:checker-loop 1.8s linear infinite}
.graphic-marquee div{width:100%;--checker-step:48px;animation:checker-loop 1.4s linear infinite}
.checker-ribbon{--checker-step:35px;animation:checker-loop 1.8s linear infinite}
.checker-flag{--checker-step:40px;animation:flag-wave 4s ease-in-out infinite,checker-loop 2s linear infinite}
.finish-line{--checker-step:100px;animation:checker-loop 2.2s linear infinite}
.dialog-top:before,.lightbox-top:before{left:0;right:72px;top:0;width:auto;height:100%;background-size:32px 32px;--checker-step:32px;animation:checker-loop 1.6s linear infinite}
.dialog-top button,.lightbox-top button{position:relative;z-index:1}
.cover-placeholder:before{animation:spin 48s linear infinite}
.series-card:nth-child(4n+2) .cover-placeholder:before{background:repeating-linear-gradient(90deg,var(--black) 0 18px,var(--pink) 18px 36px);background-size:36px 36px;transform:skewX(-30deg) scale(1.7);animation:stripe-loop 1.7s linear infinite}
.series-card:nth-child(4n+3) .cover-placeholder:before{--checker-step:50px;animation:checker-loop 1.6s linear infinite}
.exhibition-frame i:after{background:repeating-linear-gradient(90deg,transparent 0 18px,var(--black) 18px 20px);background-size:20px 20px;transform:skewX(-35deg) scale(1.8);animation:exhibition-stripe-loop 1.8s linear infinite}
.lightbox{overflow:hidden}
.lightbox-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0;touch-action:none;overflow:hidden;cursor:zoom-in}
.lightbox-stage.is-zoomed{cursor:grab}
.lightbox-stage.is-dragging{cursor:grabbing}
.lightbox-stage img{max-width:none;max-height:none;width:auto;height:auto;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.lightbox-top,.lightbox-bottom{position:absolute;z-index:3;left:0;right:0;background:var(--black)}
.lightbox-top{top:0}.lightbox-bottom{bottom:0}
.lightbox-bottom{pointer-events:none;background:none;border:0}
.lightbox-bottom button{pointer-events:auto;border:2px solid var(--white);background:var(--pink)}
@keyframes checker-loop{to{background-position:var(--checker-step) 0}}
@keyframes stripe-loop{to{background-position:36px 0}}
@keyframes exhibition-stripe-loop{to{background-position:20px 0}}
@media(max-width:650px){
  .hero h1{font-size:clamp(35px,9vw,56px)}
  .chapter-prologue,.chapter-epilogue{font-size:17px;padding:22px;box-shadow:6px 6px 0 var(--pink)}
  .chapter-prologue{margin-bottom:45px}.chapter-epilogue{margin-top:65px}
  .series-name{min-height:100px;font-size:16px}
  .essay-preview{min-height:105px;max-height:105px}
  .essay-spacer{height:105px}
  .lightbox-bottom{padding:12px}.lightbox-bottom button{width:50px;height:50px}
  .dialog-top:before,.lightbox-top:before{background-size:24px 24px;--checker-step:24px}
  .finish-line{--checker-step:68px}
}
/* Авторские тексты и белая читалка для вступления и заключения. */
.serif,.essay-body,.essay-preview,.essay-link{font-weight:400}
.chapter-prologue,.chapter-epilogue{font-weight:400}
.prose-preview{display:block;width:100%;padding:0;border:0;background:none;color:var(--black);text-align:left;font-family:inherit;font-size:inherit;font-weight:400;line-height:inherit}
.prose-preview .preview-copy{display:block}
.prose-preview:hover .preview-copy{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.text-author{display:block;margin:0;padding:0;border:0;font:italic 400 1em/1.6 'PT Serif',serif;text-align:left}
.essay-preview .preview-copy{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.essay-link .preview-copy{display:block}
.series-card:nth-child(4n+2) .series-name,.series-card:nth-child(4n+2) .essay-preview,.series-card:nth-child(4n+4) .series-name,.series-card:nth-child(4n+4) .essay-preview{color:var(--white)}
.essay-link{color:var(--white)}
.essay-link:hover{background:var(--black);color:var(--white)}
.curator:hover{color:var(--white)}
.text-dialog--paper{background:var(--white);color:var(--black);border-color:var(--black)}
.text-dialog--paper .dialog-top{background:var(--white);border-bottom-color:var(--black)}
.text-dialog--paper .dialog-top .icon-button{border-color:var(--black)}
/* На замкнутой линии ровно 24 шага по 42 единицы; цикл сдвигает рисунок на 6 шагов. */
.circuit-lane{fill:none;stroke:var(--white);stroke-width:3;stroke-dasharray:20 22;stroke-linecap:butt;animation:hero-lane-flow 3s linear infinite}
.hero h1{animation:none}
@keyframes hero-lane-flow{to{stroke-dashoffset:-252}}
/* Фотография находится внутри прежней анимированной рамки, а не закрывает её. */
.cover-placeholder .cover-photo{position:absolute;inset:12%;z-index:1;width:76%;height:76%;object-fit:cover;transform:rotate(-8deg);transition:transform .5s}
.cover-placeholder:after{z-index:2;pointer-events:none}
.cover-button:hover .cover-placeholder .cover-photo{transform:rotate(-8deg) scale(1.04)}
/* Масштабирование доступно жестами на сенсорном экране; указатель мыши остаётся обычным. */
.lightbox-stage,.lightbox-stage.is-zoomed{cursor:default}
/* Клиповые окна продолжает язык гоночных табличек и шашечного финиша. */
.feature-section{min-height:520px;gap:clamp(35px,7vw,130px)}
.feature-stage{aspect-ratio:16/9;isolation:isolate}
.feature-stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;background:var(--black)}
.feature-action{position:absolute;left:50%;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;gap:14px;width:max-content;max-width:88%;min-height:76px;padding:16px 24px;border:3px solid var(--white);background:var(--pink);color:var(--white);box-shadow:8px 8px 0 var(--black);font-family:'PT Sans',sans-serif;font-weight:700;font-size:clamp(18px,2.1vw,32px);line-height:1.08;text-align:center;transform:translate(-50%,-50%) rotate(-3deg);transition:transform .25s,background .25s}
.feature-action .icon{width:40px;height:40px;stroke-width:2.2}
.feature-action:hover{background:var(--black);color:var(--white);transform:translate(-50%,-50%) rotate(0) scale(1.04)}
.feature-action:disabled,.feature-action:disabled:hover{background:var(--black);color:var(--white);transform:translate(-50%,-50%) rotate(-3deg);opacity:.8}
.video-feature .feature-action .icon{width:28px;height:28px}
.feature-section--reverse{grid-template-columns:1fr 1.5fr}
.feature-section--reverse .feature-window{order:2}
.feature-section--reverse .game-decor,.feature-section--reverse .feature-decor{order:1}
.feature-decor{min-height:300px;display:grid;place-items:center;position:relative}
.feature-decor>video{display:block;width:clamp(150px,18vw,250px);height:auto;aspect-ratio:9/16;object-fit:contain;background:var(--black);border:5px solid var(--white);box-shadow:12px 12px 0 var(--pink);transform:rotate(10deg)}
#interview .feature-decor>video{border-color:var(--black);box-shadow:12px 12px 0 var(--blue)}
.feature-decor .checker-ribbon{position:absolute;left:2%;bottom:5%;width:60%;--checker-step:32px;background:conic-gradient(var(--black) 25%,var(--white) 0 50%,var(--black) 0 75%,var(--white) 0) 0 0/32px 32px;transform:rotate(-12deg)}
.exhibition-frame i{overflow:hidden}
.exhibition-frame i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.exhibition-frame i:nth-child(1) img{object-position:30% 50%}
.exhibition-frame i:nth-child(2) img{object-position:50% 50%}
.exhibition-frame i:nth-child(3) img{object-position:70% 50%}
.exhibition-frame i:after{pointer-events:none}
.exhibition-preview>.icon{z-index:2}
.record-label{width:45%;overflow:hidden}
.record-label img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.track{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px 14px}
.track .audio-play{grid-row:1 / span 2}
.track-name{grid-column:2;overflow-wrap:anywhere;color:var(--white);font-family:'PT Sans',sans-serif;font-weight:700;font-size:clamp(17px,1.5vw,23px);line-height:1.1}
.track .audio-seek{grid-column:2}
.video-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;border:0;background:var(--black);color:var(--white);overflow:hidden}
.video-dialog::backdrop{background:var(--black)}
.video-dialog-top{position:absolute;top:0;left:0;right:0;z-index:3}
.video-dialog-stage{position:absolute;inset:81px 0 0;display:grid;place-items:center;padding:16px 24px 24px}
.video-dialog-stage video{display:block;width:auto;height:auto;max-width:88vw;max-height:calc(100dvh - 121px);object-fit:contain;background:var(--black)}
@media(max-width:1000px){.feature-section--reverse{grid-template-columns:1fr 1.4fr}}
@media(max-width:650px){
  .dock{left:50%;right:auto;max-width:calc(100vw - 12px);gap:2px;padding:4px;transform:translateX(-50%) rotate(1deg)}
  .dock .icon-button{width:clamp(30px,10vw,42px);height:clamp(30px,10vw,42px);padding:5px}
  .dock .icon{width:24px;height:24px}
  .feature-section,.feature-section--reverse{grid-template-columns:1fr;min-height:0;gap:48px}
  .feature-section--reverse .feature-window{order:1}
  .feature-section--reverse .game-decor,.feature-section--reverse .feature-decor{order:2}
  .feature-action{min-height:58px;gap:8px;padding:10px 12px;font-size:clamp(15px,4.4vw,22px);box-shadow:5px 5px 0 var(--black)}
  .feature-action .icon{width:30px;height:30px}
  .video-feature .feature-action .icon{width:24px;height:24px}
  .feature-decor{min-height:175px}
  .feature-decor .checker-ribbon{--checker-step:24px;background-size:24px 24px}
  .feature-decor>video{width:155px;box-shadow:7px 7px 0 var(--pink)}
  #interview .feature-decor>video{box-shadow:7px 7px 0 var(--blue)}
  .video-dialog-stage{padding:12px 8px 16px}
  .video-dialog-stage video{max-width:calc(100vw - 16px);max-height:calc(100dvh - 109px)}
}