/* The screening room borrows the original poster's inks, sheets and seed silhouette. */
:root{color-scheme:light;--bg:var(--study-bg,#f33e28);--ink:var(--study-ink,#27151b);--muted:var(--ink);--soft:var(--ink);--lime:var(--study-title,#f2ff84);--lavender:var(--study-second,#ccfbff);--line:var(--ink);--mono:'SFMono-Regular',Consolas,monospace;--paper:var(--study-paper,#c9b5ff);--paper-ink:var(--study-paperInk,#28153d);--note:var(--study-note,#d5ff33);--note-ink:var(--study-noteInk,#241632)}
body{color:var(--ink);background:var(--bg)}::selection{background:var(--study-accent);color:var(--study-stampInk)}.scene-kicker{font-weight:700}.scene-kicker i{color:inherit}.scene-kicker>span:last-child{font-weight:700}.eyebrow{font-weight:700}.body-copy{font-weight:500}.work-copy h1,.news-copy h1,.section-intro h1{color:var(--heading-first);font-weight:900}.work-copy h1 em,.news-copy h1 em,.section-intro h1 em{color:var(--heading-second)}.work-copy h2{font-weight:800}.work-copy .text-action{font-weight:800;border-width:2px}.work-copy .eyebrow{width:max-content;max-width:100%;background:var(--note);color:var(--note-ink);padding:6px 10px;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--study-accent)}.work-copy .eyebrow>span{color:inherit}.work-hint{font-size:13px}.text-action:hover,.quiet-link:hover{color:var(--ink);border-color:var(--ink);text-decoration:underline}.primary-action{border:2px solid var(--title-on);background:var(--study-title);color:var(--title-on);box-shadow:5px 5px 0 var(--study-accent);transform:rotate(-1deg)}.primary-action:hover{background:var(--study-title);color:var(--title-on);transform:rotate(1deg) translateY(-2px)}.primary-action:focus-visible{outline-color:var(--ink)}.lavender{background:var(--note);border-color:var(--note-ink);color:var(--note-ink)}.lavender:hover{background:var(--note);color:var(--note-ink)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-color:currentColor}
.original-seed{display:block;width:100%;height:100%;background:currentColor;mask:url('../assets/collision-seed-mark.webp') center/contain no-repeat;-webkit-mask:url('../assets/collision-seed-mark.webp') center/contain no-repeat}.global-rail{background:linear-gradient(transparent,var(--bg) 45%)}.rail-location{font-weight:700}.rail-mark{width:26px;height:26px;font-size:0;background:var(--ink);mask:url('../assets/collision-seed-mark.webp') center/contain no-repeat;-webkit-mask:url('../assets/collision-seed-mark.webp') center/contain no-repeat}.seed-trigger{background:var(--note);color:var(--note-ink);border:2px solid var(--note-ink);border-radius:0;box-shadow:4px 4px 0 var(--study-accent);transform:rotate(-2deg)}.seed-icon{background:var(--note-ink);color:var(--note);border-radius:0;font-size:0;mask:url('../assets/collision-seed-mark.webp') center/contain no-repeat;-webkit-mask:url('../assets/collision-seed-mark.webp') center/contain no-repeat}.seed-trigger:hover .seed-icon{transform:rotate(25deg)}
.work-visual:before{content:'';position:absolute;z-index:-1;inset:10% 4% 3%;background:var(--note);border:2px solid var(--note-ink);box-shadow:8px 9px 0 var(--study-accent);transform:rotate(-4deg)}.work-visual{isolation:isolate;padding:0 8px 10px}.work-visual:after{content:'';position:absolute;left:35%;top:9%;width:95px;height:24px;background:var(--study-accent);opacity:.7;transform:rotate(7deg);clip-path:polygon(0 0,98% 5%,95% 35%,100% 66%,98% 100%,0 96%,3% 60%);z-index:4;pointer-events:none}.work-player[data-work=travel] .work-visual:before{background:var(--paper);border-color:var(--paper-ink);transform:rotate(3deg)}.work-player[data-work=travel] .art-caption{color:var(--paper-ink)}.orbit-line{display:none}.work-art .art-caption{color:var(--note-ink);font-weight:600}.cat-art picture img{filter:drop-shadow(6px 9px 1px #18132238)}.art-note{color:var(--note-ink);top:13%;right:6%;font-weight:700}.art-note .original-seed{width:31px;height:31px}.work-annotation{color:var(--ink);font-size:10px;font-weight:700;position:absolute;bottom:-25px;right:2%;margin:0;transform:rotate(-3deg)}.motion-toggle{background:var(--paper);color:var(--paper-ink);border:1px solid var(--paper-ink);border-radius:0;box-shadow:2px 2px 0 var(--study-accent);left:8%;bottom:25px;min-height:40px;font-size:12px}.motion-toggle:hover{color:var(--paper-ink);border-color:var(--paper-ink);text-decoration:underline}.work-console{border-top:2px solid var(--ink);margin-top:35px}.circle-button{background:var(--paper);color:var(--paper-ink);border:2px solid var(--paper-ink);border-radius:0;box-shadow:3px 3px 0 var(--study-accent);transform:rotate(-2deg)}.circle-button:hover{background:var(--note);color:var(--note-ink)}.work-count strong{font-weight:900}.library-trigger{background:var(--paper);color:var(--paper-ink);border:2px solid var(--paper-ink);box-shadow:4px 4px 0 var(--study-accent);transform:rotate(1deg)}.library-trigger:hover{background:var(--paper);color:var(--paper-ink);transform:rotate(-1deg) translateY(-2px)}
.news-copy .eyebrow{color:var(--ink)}.daily-paper{background:var(--paper);color:var(--paper-ink);border:2px solid var(--paper-ink);box-shadow:9px 10px 0 var(--study-accent)}.daily-letter{font-family:var(--study-font),sans-serif;font-size:140px;letter-spacing:-.04em;font-weight:900;line-height:.95}.daily-letter>span{font-size:70px}.paper-orbit{border-color:currentColor;padding:8px;transform:rotate(-11deg);border:0}.paper-masthead,.paper-bottom{border-color:currentColor}.paper-masthead span:last-child{font-size:9px}.paper-bottom{font-size:12px;font-weight:600}.news-foot{border-width:2px}.news-foot a:hover{color:var(--ink);text-decoration:underline}.skill-card{border-top:2px solid var(--ink)}.skill-visual{background:var(--paper);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--study-accent)}.skill-visual-label{background:var(--note);color:var(--note-ink);font-size:11px;font-weight:700}.skill-visual-arrow{border:1px solid var(--paper-ink);border-radius:0;background:var(--paper);color:var(--paper-ink);box-shadow:2px 2px 0 var(--study-accent)}.skill-caption h2{font-weight:800}.skill-caption>p{font-weight:500}.skill-actions .quiet-link{font-weight:700}.section-intro h1{font-weight:900}
.site-dialog{--bg:var(--study-paper);--ink:var(--study-paperInk);--muted:var(--study-paperInk);--soft:var(--study-paperInk);--lime:var(--study-paperAccent);--line:var(--study-paperInk);border:2px solid var(--ink);background:var(--bg);color:var(--ink);box-shadow:8px 9px 0 var(--study-accent)}.site-dialog::backdrop{background:#151223bb;backdrop-filter:blur(4px)}.site-dialog .eyebrow{color:var(--ink)}.dialog-bar{border-width:2px;font-weight:700}.dialog-close{border:1px solid currentColor;border-radius:0}.dialog-close:hover{background:var(--ink);color:var(--bg)}.seed-dialog nav a{border-color:currentColor}.seed-dialog nav a[aria-current=page] .nav-name strong,.seed-dialog nav a[aria-current=page] .nav-number{color:var(--ink)}.seed-dialog nav a[aria-current=page] .nav-name strong{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.seed-dialog nav a:hover .nav-name strong{color:var(--ink);text-decoration:underline}.nav-name strong{font-weight:800}.nav-name small{font-size:13px}.seed-bottom{border-width:2px}.seed-bottom>span{font-size:12px}.collection-head h2{font-weight:900}.collection-head h2 em{font-weight:900;color:var(--ink)}.collection-size b{font-family:var(--study-font),sans-serif;color:var(--ink)}.collection-size span{font-size:12px}.collection-filters button{border:1px solid var(--ink);border-radius:0;font-weight:700}.collection-filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink);box-shadow:3px 3px 0 var(--study-accent)}.collection-search{border-color:var(--ink)}.collection-search input{font-size:14px}.collection-status{font-size:12px}.collection-cover{background:var(--note);border:2px solid var(--note-ink);box-shadow:3px 3px 0 var(--study-accent)}.collection-card[aria-current=true] .collection-cover{border-color:var(--note-ink)}.collection-playing{background:var(--note-ink);color:var(--note);border-radius:0;font-size:12px}.collection-number{color:var(--note-ink);font-size:11px}.collection-caption strong{font-weight:800}.collection-foot{border-width:2px;font-size:12px}.collection-foot>span:last-child{font-weight:700}.collection-empty>span{color:var(--ink)}.detail-art{background:var(--note);border:1px solid var(--note-ink);box-shadow:5px 5px 0 var(--study-accent)}.detail-feature h3{font-weight:800}.detail-steps{border-width:2px}.step-number{color:var(--ink);font-weight:900}.detail-steps h3{font-weight:800}.feature-list li:before{color:var(--ink)}.sticker-shelf{background:var(--note);color:var(--note-ink);border:1px solid var(--note-ink)}.sticker-shelf>div{color:var(--note-ink)}.usage-content h2 em{color:var(--ink)}.usage-total{color:var(--ink)}.usage-source,.usage-note,.skill-boundary,.detail-bottom{border-color:var(--ink)}.install-box textarea{background:var(--note);color:var(--note-ink);border:1px solid var(--note-ink)}.copy-status{color:var(--ink)}
[data-color-study=blueletter] .daily-letter{font-style:italic;font-size:138px}[data-color-study=pinknoise] .daily-letter{font-size:110px}[data-color-study=pinknoise] .daily-letter>span{font-size:53px}[data-color-study=nightshift] .daily-letter{font-size:125px}[data-color-study=nightshift] .daily-letter>span{font-size:68px}
@media(min-width:1001px){.work-copy h1{font-size:clamp(64px,6.8vw,104px)}}
@media(max-width:1000px){.daily-letter{font-size:115px}.daily-letter>span{font-size:61px}[data-color-study=pinknoise] .daily-letter{font-size:90px}[data-color-study=pinknoise] .daily-letter>span{font-size:41px}.paper-masthead span:last-child{font-size:7px}}
@media(max-width:700px){.work-visual{padding:0 8px 12px}.work-visual:before{inset:13% 5% 2%;box-shadow:5px 6px 0 var(--study-accent)}.work-visual:after{width:64px;height:18px;top:12%}.work-art{height:285px}.art-note{top:15%;right:6%}.work-art .art-caption{font-size:11px;bottom:1px}.motion-toggle{left:6%;bottom:28px;font-size:11px}.work-console{margin-top:22px}.work-hint{font-size:12px}.work-count{gap:6px}.circle-button{box-shadow:2px 2px 0 var(--study-accent)}.seed-trigger{min-height:48px}.collection-filters button{font-size:13px}.collection-number{font-size:10px}.collection-playing{font-size:10px}.collection-head{padding-left:18px;padding-right:18px}.collection-size span{font-size:10px}.collection-status{font-size:11px}.collection-foot{font-size:11px}.nav-name small{font-size:12px}.seed-bottom>span{font-size:10px}.paper-bottom{font-size:10px}.paper-masthead span:last-child{font-size:7px}.daily-letter{font-size:140px}.daily-letter>span{font-size:74px}[data-color-study=pinknoise] .daily-letter{font-size:97px}[data-color-study=pinknoise] .daily-letter>span{font-size:46px}[data-color-study=nightshift] .daily-letter{font-size:119px}[data-color-study=nightshift] .daily-letter>span{font-size:62px}.skill-visual-label{font-size:10px}}
@media(max-width:360px){.work-art{height:260px}.work-art .art-caption{font-size:10px}.collection-filters button{padding:6px 11px;font-size:12px}.collection-caption strong{font-size:13px}.daily-letter{font-size:120px}.daily-letter>span{font-size:62px}[data-color-study=pinknoise] .daily-letter{font-size:80px}[data-color-study=pinknoise] .daily-letter>span{font-size:37px}[data-color-study=nightshift] .daily-letter{font-size:95px}[data-color-study=nightshift] .daily-letter>span{font-size:50px}.paper-masthead span:last-child{font-size:7px}.paper-bottom{font-size:9px}.work-hint{font-size:12px}}
@media(prefers-reduced-motion:reduce){.seed-trigger:hover .seed-icon{transform:none}}
/* The artwork remains clear of the tilted sheet edge. */
.work-visual .art-caption,.work-annotation{display:none}
.skill-visual img{object-fit:contain}
.collection-dialog[data-size=small]{height:fit-content}.collection-dialog[data-size=small] .collection-scroll{flex:0 1 auto}
.generic-art{display:grid;place-items:center}.generic-art>img{width:90%;height:90%;object-fit:contain}
/* Only the controls carry a surface; scrolling content is never faded away. */
.global-rail{background:none;padding-top:0;align-items:center}.mobile-only-break{display:none}
@media(max-width:700px){.rail-location{background:var(--bg);height:36px;padding:4px 6px}.apps-scene .scene-kicker>span:last-child{max-width:none;white-space:nowrap}.mobile-only-break{display:block}}