/* Narrative migration pass: individual artifacts remain replaceable. */
.workbench{min-height:800px}
.storyboard{left:31%;top:33%;width:38%;height:244px;z-index:1;transform:rotate(-3deg);border:2px solid #211722;padding:19px 23px}
.storyboard strong{display:block;font-family:Impact,'Arial Black',sans-serif;font-size:clamp(1.3rem,2.2vw,2.4rem);line-height:.95}
.story-beats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0 12px}
.story-beats span{min-height:65px;border:2px solid #17151b;display:grid;place-items:center;text-align:center;font-family:monospace;font-size:.68rem;font-weight:900;line-height:1.2;background:#f7dc98}
.storyboard small{font-family:Georgia,serif;font-size:.78rem;font-style:italic;font-weight:700}
.decision-slip{left:42%;top:65%;z-index:2;min-width:165px;padding:10px 14px;background:var(--yellow);font-size:.62rem;font-weight:900;letter-spacing:.09em;transform:rotate(8deg)}
.decision-slip b{font-size:1.1rem}.decision-slip small{display:block;margin-top:6px;font-family:Georgia,serif;font-size:.78rem;font-style:italic;letter-spacing:0}
.code-printout{left:3%;bottom:19%;width:20%;height:160px;z-index:1;transform:rotate(8deg);padding:12px;overflow:hidden}
.code-printout code{font-size:.75rem;line-height:1.5;color:#3b2a59}.code-printout .artifact-tag{font-size:.53rem}
.bench-crt{right:2%;bottom:30%;width:19%;height:145px;z-index:2;background:#353039;border:13px solid #262229;border-bottom-width:27px;border-radius:18px;transform:rotate(9deg);overflow:hidden}
.bench-crt-screen{height:100%;background:#745ade url('/site/assets/lu-crt-hero-v2.png') 81% 29%/440% auto;box-shadow:inset 0 0 20px #0b0815}
.bench-crt>span{position:absolute;bottom:-20px;left:10px;color:#fff;font-size:.47rem;font-weight:900;letter-spacing:.08em}
.bench-controller{left:46%;bottom:3%;width:18%;height:66px;z-index:3;border:8px solid #201d23;border-radius:27px;background:#3e3a41;transform:rotate(12deg);display:flex;align-items:center;justify-content:space-around;color:#e8e2d7;font-size:1.7rem}
.controller-buttons{font-size:1.1rem;color:#ec6b62;letter-spacing:2px}
.bench-lu{position:absolute;left:60%;top:57%;width:58px;height:48px;z-index:5;background:#17151b;box-shadow:4px 5px 0 var(--violet);border-radius:42% 58% 48% 38%;transform:rotate(15deg)}
.bench-lu i,.lu-box i,.lu-world-label i{position:absolute;top:12px;width:10px;height:18px;background:#fff;border-radius:50%}.bench-lu i:first-child{left:18px}.bench-lu i:nth-child(2){left:34px}
.game-first{display:flex;justify-content:center;align-items:center;gap:25px;margin:42px auto 0;max-width:950px}
.game-first>strong{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(1.35rem,2.4vw,2.5rem);white-space:nowrap}
.game-first>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.game-first span{display:inline-block;background:#fff9ed;border:2px solid #17151b;padding:10px 12px;font-size:.7rem;letter-spacing:.06em;font-weight:900;white-space:nowrap}
.game-first span:nth-of-type(2){background:var(--yellow)}.game-first span:nth-of-type(3){background:#e3d6ff}
.game-first b{font-size:1.1rem;color:var(--violet)}

.exploded{height:920px}.game-from-hero{overflow:hidden;background:#17151b}.game-from-hero img{position:absolute;width:450%;max-width:none;height:auto;left:-282%;top:-111%}
.layer-pattern{width:27%;height:155px;left:3%;top:35%;transform:rotate(7deg);z-index:3;background:#38284c}
.pattern-cells{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.pattern-cells i{display:block;aspect-ratio:1;background:#18121f}.pattern-cells i:nth-child(3n){background:#f7c62e}.pattern-cells i:nth-child(4n){background:#8c67fd}
.layer-pattern small{display:block;margin-top:10px;font-family:monospace;font-size:.6rem;color:#fff}
.layer-hardware{right:15%;bottom:2%;width:30%;height:150px;z-index:1;transform:rotate(10deg);background:#30233e}
.mini-nes{height:85px;border:7px solid #24212a;background:linear-gradient(#d6d0c4 0 68%,#2b272c 68%);position:relative;border-radius:7px;color:#19171e;font-size:.55rem;font-weight:900;letter-spacing:.1em;padding:12px}
.mini-nes i{position:absolute;right:15%;bottom:10px;width:18%;height:12px;background:#26232a;border-radius:10px}
.mini-pcb{height:90px;margin:0 15%;border:7px solid #0c483b;background:repeating-linear-gradient(90deg,#146d54 0 13px,#c5b45c 14px 15px,#146d54 16px 30px);display:flex;gap:20px;align-items:center;justify-content:center;position:relative}
.mini-pcb span{background:#131c1a;color:#fff;padding:9px;font-size:.55rem;letter-spacing:.1em;font-weight:900}.mini-pcb i{position:absolute;bottom:-12px;left:18%;width:64%;height:11px;background:repeating-linear-gradient(90deg,#ebc666 0 8px,#0c483b 8px 13px)}
.lu-box{position:absolute;right:3%;top:40%;width:75px;height:70px;z-index:7;background:#17151b;box-shadow:6px 7px 0 var(--violet);border-radius:50% 48% 43% 38%;transform:rotate(-15deg)}
.lu-box i{top:13px;width:13px;height:20px}.lu-box i:first-child{left:21px}.lu-box i:nth-child(2){left:41px}.lu-box b{position:absolute;top:73px;left:-35px;width:145px;color:var(--yellow);font-family:Georgia,serif;font-style:italic;font-size:.95rem;text-align:center}
.box-scribble{left:51%;bottom:22%}

.world-collage{height:980px}.creator-profile{left:24%;top:1%;width:26%;height:175px;z-index:1;transform:rotate(8deg);background:#eee1ff;border:2px solid #17151b;padding:22px}
.creator-profile strong{display:block;font-family:Impact,'Arial Black',sans-serif;font-size:1.5rem;line-height:.95}.creator-profile small{display:block;margin-top:11px;font-size:.7rem;font-weight:900}
.mailer{left:3%;bottom:7%;width:30%;height:180px;z-index:2;background:#c89e6d;border:3px solid #714f30;transform:rotate(-5deg);padding:25px 19px;color:#392313}
.mailer:before{content:'';position:absolute;left:0;right:0;top:0;border-top:65px solid #b68c5f;border-left:90px solid transparent;border-right:90px solid transparent;opacity:.45}
.mailer span,.mailer small,.mailer b{display:block;position:relative}.mailer span{font-family:monospace;font-size:.8rem;font-weight:900}.mailer b{font-family:Impact,'Arial Black',sans-serif;font-size:1.3rem;line-height:1;margin-top:18px}.mailer small{font-size:.55rem;letter-spacing:.08em;font-weight:900;margin-top:18px}
.ann-gift{left:1%;bottom:29%;font-size:1rem;transform:rotate(-8deg)}
.world-controller{left:43%;bottom:5%;width:18%;height:75px;z-index:4;border:9px solid #211d23;border-radius:28px;background:#4c4650;transform:rotate(18deg);display:flex;align-items:center;justify-content:space-around;color:#fff;font-size:1.6rem}
.world-controller b{font-size:1rem;color:#ff8071;letter-spacing:3px}
.award{right:6%;top:43%;width:115px;height:130px;z-index:2;background:var(--yellow);border:7px solid #17151b;border-radius:50%;transform:rotate(14deg);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;text-align:center}
.award:before,.award:after{content:'';position:absolute;top:103px;width:30px;height:80px;background:var(--violet);z-index:-1}.award:before{left:17px;transform:rotate(12deg)}.award:after{right:17px;transform:rotate(-12deg)}
.award span{font-size:1.6rem}.award b{font-family:Impact,'Arial Black',sans-serif;font-size:.9rem}.ann-award{right:2%;top:37%;font-size:.95rem;transform:rotate(7deg)}
.lu-world-label{position:absolute;left:30%;bottom:18%;width:95px;height:71px;z-index:5;background:#17151b;box-shadow:5px 5px 0 var(--violet);border-radius:48% 52% 34% 60%;transform:rotate(16deg)}
.lu-world-label i{top:11px}.lu-world-label i:first-child{left:28px}.lu-world-label i:nth-child(2){left:45px}.lu-world-label b{display:block;margin-top:37px;color:#fff;font-size:.55rem;text-align:center;letter-spacing:.06em}

@media(max-width:900px){.workbench{min-height:740px}.storyboard{left:28%;top:32%;width:44%;height:214px;padding:13px}.storyboard strong{font-size:1.3rem}.story-beats span{min-height:48px;font-size:.5rem}.storyboard small{font-size:.63rem}.decision-slip{left:45%;top:64%;min-width:130px;font-size:.5rem}.code-printout{width:21%;height:135px;bottom:22%}.code-printout code{font-size:.6rem}.bench-crt{width:18%;height:120px;right:2%;bottom:31%;border-width:8px;border-bottom-width:20px}.bench-controller{left:44%;width:20%;height:58px}.bench-lu{left:61%;top:56%;transform:rotate(15deg) scale(.8)}.game-first{flex-direction:column;gap:10px;align-items:flex-start;margin-right:150px}.game-first>div{gap:5px}.game-first span{font-size:.55rem;padding:7px}.exploded{height:850px}.layer-pattern{width:30%;left:2%;top:36%}.layer-hardware{right:10%;width:32%}.world-collage{height:900px}.creator-profile{left:24%;width:28%;height:145px;padding:12px}.creator-profile strong{font-size:1.15rem}.mailer{width:30%;height:155px;padding:17px}.mailer b{font-size:1rem}.world-controller{height:60px}.award{width:88px;height:100px}.award:before,.award:after{top:83px;height:50px}.award b{font-size:.7rem}.ann-gift,.ann-award{display:none}}
@media(max-width:650px){.workbench{min-height:850px}.storyboard{left:30%;top:25%;width:65%;height:185px;z-index:1;transform:rotate(3deg);padding:10px}.storyboard .artifact-tag{font-size:.45rem;margin-bottom:5px;padding-bottom:4px}.storyboard strong{font-size:1.15rem}.story-beats{margin:7px 0;gap:3px}.story-beats span{min-height:39px;font-size:.42rem;border-width:1px}.storyboard small{font-size:.52rem}.decision-slip{left:3%;top:38%;min-width:110px;padding:6px;font-size:.43rem}.decision-slip small{font-size:.55rem}.code-printout{left:1%;bottom:20%;width:32%;height:110px;padding:7px;transform:rotate(4deg)}.code-printout .artifact-tag{font-size:.43rem;padding-bottom:3px;margin-bottom:4px}.code-printout code{font-size:.43rem}.bench-crt{right:2%;bottom:24%;width:30%;height:100px;z-index:1}.bench-crt>span{font-size:.35rem;bottom:-15px}.bench-controller{left:49%;bottom:2%;width:34%;height:45px;border-width:5px;font-size:1rem}.controller-buttons{font-size:.65rem}.bench-lu{left:59%;top:51%;transform:scale(.65) rotate(10deg)}.build-slip{bottom:4%}.pcb{bottom:8%}.game-first{margin-right:100px;margin-top:28px}.game-first>strong{font-size:1.3rem}.game-first>div{gap:3px}.game-first span{font-size:.43rem;padding:5px}.game-first b{font-size:.8rem}.exploded{height:900px}.game-from-hero img{top:-130%}.layer-pattern{left:0;top:31%;width:59%;height:118px;padding:6px}.layer-pattern small{font-size:.42rem;margin-top:5px}.layer-palette{top:42%}.layer-bytes{top:57%}.layer-cart{left:1%;bottom:3%;width:56%;height:118px}.mini-pcb{height:53px;margin:0 5%}.mini-pcb span{font-size:.38rem;padding:4px}.layer-hardware{right:0;bottom:0;width:58%;height:115px}.mini-nes{height:52px;padding:4px;font-size:.42rem}.lu-box{right:3%;top:42%;transform:scale(.65) rotate(-15deg);transform-origin:top right}.box-scribble{left:3%;bottom:23%}.world-collage{height:1060px}.creator-profile{left:auto;right:1%;top:27%;width:61%;height:105px;padding:9px;z-index:1}.creator-profile .artifact-tag{font-size:.45rem;padding-bottom:4px;margin-bottom:6px}.creator-profile strong{font-size:1rem}.creator-profile small{font-size:.55rem;margin-top:5px}.forum{top:39%}.price-tag{top:60%}.cartridge{top:62%}.mailer{left:0;bottom:13%;width:50%;height:130px;padding:11px}.mailer span{font-size:.55rem}.mailer b{font-size:.83rem;margin-top:12px}.mailer small{font-size:.42rem;margin-top:10px}.world-controller{left:49%;bottom:7%;width:35%;height:45px;border-width:5px;font-size:1rem}.world-controller b{font-size:.65rem}.award{right:1%;top:52%;width:65px;height:73px;border-width:4px}.award span{font-size:1rem}.award b{font-size:.52rem}.award:before,.award:after{top:62px;width:17px;height:35px}.award:before{left:9px}.award:after{right:9px}.lu-world-label{left:34%;bottom:18%;transform:scale(.7) rotate(16deg);transform-origin:bottom left}.frame{bottom:0}.world-footnote{margin-top:8px}}
.ann-talk,.ann-cart,.ann-frame{display:none}
@media(max-width:650px){.exploded{height:1050px}.layer-sprites{top:20%}.layer-pattern{top:37%}.layer-palette{top:50%}.layer-bytes{top:66%}.layer-cart{bottom:1%}.lu-box{top:59%}.box-scribble{bottom:19%}}
.box-handoff{position:absolute;bottom:-33px;left:9%;z-index:5;display:flex;align-items:center;gap:13px;background:var(--yellow);color:#17151b;border:3px solid #17151b;box-shadow:7px 8px 0 #16121c77;padding:13px 17px;transform:rotate(-7deg)}
.box-handoff strong{font-family:Impact,'Arial Black',sans-serif;font-size:1.5rem}.box-handoff span{font-size:.65rem;font-weight:900;letter-spacing:.1em}
@media(max-width:650px){.box-handoff{left:6%;bottom:-23px;padding:8px 10px;gap:7px}.box-handoff strong{font-size:1rem}.box-handoff span{font-size:.48rem}}

.ann-play{left:0;top:0;transform:rotate(-8deg)}
.connection-note{max-width:500px;margin:12px 3vw 0 auto;color:#3c3340;font-size:.9rem;line-height:1.4}
.connection-note summary{display:inline-block;cursor:pointer;font-size:.75rem;font-weight:900;letter-spacing:.08em;border-bottom:2px solid var(--violet);padding:3px 0}
.connection-note summary:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
.connection-note p{margin:9px 0 0}
@media(max-width:900px){.connection-note{margin:20px 3vw 0 3vw}}
@media(max-width:650px){.connection-note{margin:20px 4px 0;font-size:.82rem}}