@font-face{font-family:ClubPixel;src:url('./assets/whit3star-pixel.woff') format('woff');font-weight:400;font-display:swap}:root{--paper:#f2ecd9;--ink:#24252b;--muted:#5f5b56;--blue:#244acb;--orange:#d54c24;--magenta:#a32b73;--gold:#ddba77;--mono:'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--magenta);outline-offset:6px}img{display:block;max-width:100%;height:auto}.shell{max-width:1350px;margin:auto;padding:0 6%}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:29px 0 25px;border-bottom:3px solid var(--ink)}.brand{display:flex;align-items:center;font:27px ClubPixel,var(--mono);letter-spacing:-1px}.brand svg{width:32px;height:32px;stroke:var(--ink);stroke-width:4;margin-right:13px}.brand>span:not(.brand-dot){color:var(--blue)}.brand-dot{display:none}nav{display:flex;gap:23px;font:10px var(--mono);font-weight:bold}nav a{padding:10px 0;border-bottom:2px solid transparent}nav a:hover{border-color:var(--blue);color:var(--blue)}.boot-line{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;padding:11px 0;color:var(--muted)}.boot-line span:last-child{color:var(--blue);font-weight:bold}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;padding:64px 0 72px}.eyebrow,.overline{font:9px var(--mono);font-weight:bold;letter-spacing:1px}.eyebrow{display:flex;align-items:center;gap:10px}.small-star{font-size:22px;color:var(--blue)}h1{font:clamp(40px,4.7vw,64px)/1.2 ClubPixel,var(--mono);letter-spacing:-1.5px;margin:25px 0;color:var(--ink)}h1 span{color:var(--blue);text-shadow:3px 3px 0 #d7a9bc}.intro{font-size:17px;line-height:1.65;color:var(--muted);margin:22px 0}.text-link{display:inline-flex;align-items:center;gap:24px;padding:14px 0;font:12px var(--mono);font-weight:bold;min-height:44px}.text-link:hover{color:var(--blue)}.text-link span{font-size:23px}.hero-art{transform:rotate(7deg);position:relative;padding:16px 0 20px}.cassette{background:#303139;border:3px solid var(--ink);border-radius:13px;box-shadow:8px 10px 0 #24252b26;padding:24px 22px 16px;position:relative}.cassette-screw{position:absolute;color:#b4b1a6;font:12px var(--mono);top:8px}.screw-a{left:10px}.screw-b{right:10px}.tape-label{border:2px solid #14151a;background:#eee5c9;border-radius:5px;overflow:hidden}.tape-meta{padding:13px 13px 8px;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono)}.tape-meta b{font:16px ClubPixel,var(--mono)}.tape-handwriting{font:italic 17px Georgia,serif;padding:4px 13px 9px;border-bottom:1px solid #a99e86}.tape-stripes{height:23px;background:linear-gradient(#d34e2d 0 33%,#b93472 33% 66%,#2e52c9 66%)}.tape-window{margin:0 14px;background:#24252b;display:flex;align-items:center;justify-content:space-around;padding:12px 9px;border-radius:0 0 6px 6px;color:#cdc5a8}.reel{height:47px;width:47px;border:9px solid #b7ad91;outline:2px solid #807762;background:repeating-conic-gradient(#e3dac2 0 15deg,#2d2d32 15deg 60deg);border-radius:50%;position:relative}.reel:after{content:'';position:absolute;inset:7px;border-radius:50%;background:#24252b}.tape-bottom{font:7px var(--mono);letter-spacing:1px;text-align:center;padding:11px 6px}.tape-base{width:68%;height:30px;border:2px solid #55565c;border-bottom:0;margin:13px auto -16px;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);display:flex;justify-content:space-around;align-items:center}.tape-base i{width:8px;height:8px;background:#111217;border-radius:50%}.cassette-caption{font:8px var(--mono);letter-spacing:1px;display:block;text-align:center;margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:3px solid var(--ink);padding:22px 0 28px}.section-heading h2{font:15px ClubPixel,var(--mono);margin:0}.section-heading>span{font:8px var(--mono);color:var(--muted);letter-spacing:1px}.project{display:grid;grid-template-columns:1fr 1fr;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);margin-bottom:35px;overflow:hidden;scroll-margin-top:24px}.project-copy{padding:33px 36px}.overline{display:flex;justify-content:space-between;gap:15px;align-items:center;line-height:1.6;font-size:8px}.status{display:inline-flex;align-items:center;gap:6px;font:8px var(--mono);font-weight:bold;white-space:nowrap;background:#dce7c2;padding:5px 7px;border:1px solid #2f503c;color:#2f503c}.status i{width:5px;height:5px;background:currentColor}.roller{background:#fffaf0}.app-icon{width:62px;height:62px;margin-top:29px;border:2px solid var(--ink);border-radius:0}.project h2{font:clamp(31px,3.4vw,45px)/1.22 ClubPixel,var(--mono);letter-spacing:-1px;margin:24px 0 19px}.accent{color:var(--blue)}.project-copy>p{font-size:16px;line-height:1.6}.project-copy .body-copy{font-size:14px;color:var(--muted);line-height:1.8;max-width:365px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font:12px var(--mono);font-weight:bold;background:var(--blue);color:#fff;padding:17px 20px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);min-height:48px;margin-top:15px;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button span{font-size:18px}.tags{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:27px 0 0;padding:0}.tags li{font:8px var(--mono);border:1px solid #b1aa96;padding:5px 6px;color:var(--muted)}.roller-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background-color:#1d2a56;background-image:linear-gradient(#708dbe25 1px,transparent 1px),linear-gradient(90deg,#708dbe25 1px,transparent 1px);background-size:35px 35px;min-height:470px;border-left:3px solid var(--ink)}.roller-art:before{content:'LOAD "ADVENTURE"';position:absolute;top:67px;left:27px;color:#9eaed9;font:10px var(--mono)}.roller-art>img{width:62%;max-width:330px;transform:rotate(-12deg) translateY(-10px);z-index:1;border:2px solid #a5b0cd;box-shadow:9px 9px 0 #080f28aa}.orbit{display:none}.art-label,.art-caption{position:absolute;left:27px;right:27px;color:#e3e5f0;font:8px var(--mono);letter-spacing:1px;z-index:2}.art-label{top:28px}.art-caption{bottom:24px;display:flex;align-items:center;justify-content:space-between;line-height:1.7;font-size:7px}.art-caption span{font-size:22px;color:#f3b77c}.dice-pair{position:absolute;bottom:90px;right:17%;display:flex;gap:13px;z-index:2;align-items:center}.cube{width:69px;height:69px;background:#f1e1bb;border:2px solid #22242d;box-shadow:5px 5px 0 #101c3b;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:12px;gap:4px;transform:rotate(-13deg)}.cube i{background:#24252b}.cube-one i:nth-child(1){grid-area:1/1}.cube-one i:nth-child(2){grid-area:1/3}.cube-one i:nth-child(3){grid-area:2/2}.cube-one i:nth-child(4){grid-area:3/1}.cube-one i:nth-child(5){grid-area:3/3}.cube-two{width:60px;height:60px;transform:rotate(17deg);margin-top:20px;padding:10px}.cube-two i:nth-child(1){grid-area:1/1}.cube-two i:nth-child(2){grid-area:1/3}.cube-two i:nth-child(3){grid-area:3/1}.cube-two i:nth-child(4){grid-area:3/3}.veyr{background:#191b23;color:#f5ead2;border-color:#24252b}.veyr-art{padding:22px;display:flex;align-items:center;background:#0d1014;border-right:3px solid #24252b}.veyr-art img{width:100%;border:1px solid #9e8656}.veyr .project-copy{display:flex;flex-direction:column;justify-content:center}.veyr .overline{color:#cfceb9;margin-bottom:32px}.veyr .status{background:#343229;color:#ebd9a6;border-color:#9d8d6c;font-size:7px}.gold{color:var(--gold)}.veyr .eyebrow{font-size:8px;margin-bottom:0}.veyr h2{font:74px Georgia,serif;letter-spacing:-3px;margin:11px 0 0}.veyr .world-subtitle{font:24px Georgia,serif;margin:3px 0 22px}.veyr .body-copy{color:#c1c3c9;font-size:13px}.world-note{display:flex;align-items:center;gap:17px;border-top:1px solid #51505a;margin-top:11px;padding-top:19px}.world-note>span{color:var(--gold);font-size:30px}.world-note p{font:17px/1.5 Georgia,serif;margin:0}.veyr .coming-note{font:10px/1.8 var(--mono);color:#c1c3c9;margin:22px 0 0}.classics{background:#e9dbb8}.classics h2{font-family:Arial,sans-serif;font-size:clamp(38px,4.4vw,58px);font-weight:900;letter-spacing:-3px;line-height:.98;font-style:italic;margin-top:38px}.x-mark{color:var(--orange)}.classics .overline{padding-bottom:15px;border-bottom:6px solid var(--orange)}.classics .status{background:transparent;border-color:var(--ink);color:var(--ink)}.classics .classics-tagline{font:italic 20px Georgia,serif}.classics .body-copy{font-size:13px}.classics-art{background:#c64d2c;color:#fff1cc;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;border-left:3px solid var(--ink)}.road-lines{position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 22px,#24252b14 22px 24px)}.classics-art:before,.classics-art:after{content:'';position:absolute;left:0;right:0;height:15px;background:repeating-conic-gradient(#24252b 0% 25%,#f0e4c8 0% 50%) 0/30px 30px}.classics-art:before{top:0}.classics-art:after{bottom:0}.garage-label,.garage-caption{font:10px var(--mono);letter-spacing:4px;z-index:1}.giant-x{font:italic 900 250px/.85 Arial,sans-serif;letter-spacing:-25px;z-index:1;text-shadow:7px 7px 0 #24252b;margin:8px 20px 18px 0}.garage-caption{font-size:7px;letter-spacing:2px}.signoff{display:flex;align-items:center;gap:25px;padding:28px 0 55px}.signoff .small-star{font-size:65px;color:var(--magenta)}.signoff>p{font:25px/1.35 ClubPixel,var(--mono);margin:0;letter-spacing:-1px}.signoff-note{margin-left:auto;font:10px/1.9 var(--mono);color:var(--muted)}footer{display:flex;align-items:center;gap:22px;padding:24px 0 31px;border-top:3px solid var(--ink);font:9px var(--mono)}.footer-brand{font:16px ClubPixel,var(--mono)}footer p{margin:0;color:var(--muted);font-size:8px}footer>span{margin-left:auto;color:var(--muted)}.top-link{padding:10px 0}.top-link:hover{text-decoration:underline}.skip{position:absolute;left:15px;top:-90px;background:var(--ink);color:#fff;padding:15px;z-index:20}.skip:focus{top:15px}@media(max-width:1000px){.hero{gap:30px}h1{font-size:42px}.brand{font-size:24px}nav{gap:16px;font-size:9px}.project-copy{padding:28px}.overline{flex-wrap:wrap;font-size:8px}.project h2{font-size:35px}.veyr .project-copy{padding:28px}.veyr-art{padding:15px}.veyr h2{font-size:66px}.classics h2{font-size:44px}.hero .eyebrow{font-size:8px}.tape-meta b{font-size:13px}.tape-meta span{font-size:8px}.tape-handwriting{font-size:14px}.reel{height:37px;width:37px;border-width:7px}.reel:after{inset:5px}.tape-bottom{font-size:6px}.cassette{padding:23px 17px 15px}.roller-art{min-height:490px}.classics-art .giant-x{font-size:210px}}@media(max-width:700px){.shell{padding:0 6%}header{padding:23px 0 16px;flex-wrap:wrap;gap:17px}.brand{font-size:26px}nav{width:100%;justify-content:space-between;gap:10px;font-size:9px}nav a{padding:8px 0;min-height:33px}.boot-line{font-size:6px;letter-spacing:.7px;padding-top:9px}.hero{grid-template-columns:1fr;gap:35px;padding:32px 0 43px}.hero .eyebrow{font-size:7px;letter-spacing:.65px}h1{font-size:clamp(31px,7.3vw,49px);letter-spacing:-1px;line-height:1.25;margin:22px 0}.intro{font-size:15px;line-height:1.7;margin:20px 0 10px}.text-link{font-size:11px}.hero-art{max-width:370px;width:90%;margin:auto;padding:6px 0 0;transform:rotate(4deg)}.cassette-caption{font-size:7px;margin-top:20px}.tape-meta b{font-size:15px}.tape-handwriting{font-size:16px}.reel{height:39px;width:39px}.tape-bottom{font-size:6px}.section-heading{padding:20px 0 24px;align-items:flex-start}.section-heading h2{font-size:12px}.section-heading>span{font-size:6px;line-height:1.7;text-align:right;max-width:126px}.project{grid-template-columns:1fr;margin-bottom:30px;box-shadow:4px 4px 0 var(--ink)}.project-copy{padding:26px}.project h2{font-size:38px}.overline{font-size:7px;gap:8px}.status{font-size:7px}.app-icon{width:55px;height:55px}.body-copy{font-size:14px}.button{font-size:11px;padding:15px 19px}.tags{gap:6px}.tags li{font-size:7px;padding:5px}.roller-art{grid-row:2;border-left:0;border-top:3px solid var(--ink);min-height:325px}.roller-art>img{width:47%;max-width:190px}.art-label{top:23px;font-size:7px;left:22px;right:22px}.roller-art:before{top:51px;font-size:8px;left:22px}.art-caption{font-size:6px;left:22px;right:22px;bottom:19px}.dice-pair{bottom:61px;right:20%}.cube{width:57px;height:57px;padding:10px}.cube-two{width:49px;height:49px;padding:8px}.veyr-art{grid-row:2;padding:20px;border-right:0;border-top:3px solid #24252b}.veyr-art img{max-width:390px;margin:auto}.veyr .project-copy{padding:26px}.veyr .overline{margin-bottom:26px}.veyr h2{font-size:72px}.veyr .world-subtitle{font-size:24px}.veyr .body-copy{font-size:14px}.world-note p{font-size:17px}.classics .project-copy{padding:26px}.classics h2{font-size:45px;margin-top:31px}.classics-art{border-left:0;border-top:3px solid var(--ink);min-height:280px}.classics-art .giant-x{font-size:190px;margin:12px 20px 12px 0}.garage-label{font-size:9px}.garage-caption{font-size:7px}.signoff{padding:20px 0 35px;gap:17px;flex-wrap:wrap}.signoff .small-star{font-size:45px}.signoff>p{font-size:21px}.signoff-note{flex-basis:100%;margin-left:60px;font-size:9px}footer{flex-wrap:wrap;gap:12px;font-size:8px;padding:18px 0 25px}footer p{display:none}.footer-brand{font-size:14px}footer>span{margin-left:auto}.top-link{min-height:35px;display:flex;align-items:center}}@media(max-width:360px){.hero .eyebrow{font-size:6px}.project-copy,.veyr .project-copy,.classics .project-copy{padding:22px}.project h2{font-size:34px}.classics h2{font-size:40px}.veyr h2{font-size:65px}.tape-handwriting{font-size:13px}.tape-meta b{font-size:12px}.tape-meta span{font-size:7px}.cassette{padding:22px 13px 13px}.tape-bottom{letter-spacing:.2px}.section-heading h2{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Project gateways: preserve the computer-club landing identity. */
header nav{flex-wrap:wrap;justify-content:flex-end;column-gap:20px;row-gap:4px}.gold-button{background:#ddba77;color:#1b1c23;border-color:#ddba77;box-shadow:4px 4px 0 #080a10;align-self:flex-start}.mythos{background:#e5e2d2}.mythos .overline{color:#354c41}.mythos .status{background:#d6ddce;color:#344c40;border-color:#63755c}.mythos .eyebrow{margin-top:35px;color:#536550}.mythos h2{font:clamp(48px,5vw,67px)/1.05 Georgia,serif;letter-spacing:-2px;margin:15px 0}.mythos h2 span{color:#5b7759}.mythos .working-title{font:8px/1.7 var(--mono);letter-spacing:1px;color:#52604d}.mythos .button{background:#294638}.mythos .body-copy{color:#4d584b}.case-art{background:#20392f;border-left:3px solid var(--ink);display:flex;align-items:center;justify-content:center;min-height:500px;padding:45px 35px;background-image:linear-gradient(#e7e0c50b 1px,transparent 1px);background-size:100% 28px}.case-folder{position:relative;width:100%;max-width:345px;transform:rotate(5deg);background:#b7ae8b;padding:16px;border:2px solid #101f18;box-shadow:10px 10px 0 #11251d}.case-tab{position:absolute;left:-2px;bottom:100%;background:#b7ae8b;border:2px solid #101f18;border-bottom:0;padding:9px 13px;font:8px var(--mono);letter-spacing:1px}.case-page{background:#eee8d4;border:1px solid #8e9278;min-height:345px;padding:20px 22px;position:relative;color:#2c4436}.case-number{font:8px var(--mono);letter-spacing:1px}.case-emblem{width:100px;margin:22px auto 10px}.case-emblem svg{stroke:#506448;stroke-width:2;width:100%;height:auto}.case-page p{font:24px/1.25 Georgia,serif;text-align:center;letter-spacing:1px}.case-stamp{display:block;border:2px solid #8c4c3c;color:#8c4c3c;width:max-content;max-width:100%;font:bold 9px/1.5 var(--mono);letter-spacing:1px;text-align:center;padding:7px 12px;transform:rotate(-8deg);margin:22px 0 0 auto}@media(max-width:1000px){header{flex-wrap:wrap}header nav{justify-content:flex-start}.case-art{padding:40px 25px}.mythos h2{font-size:54px}.case-page{padding:18px 15px}}@media(max-width:700px){header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}header nav a{min-height:44px;display:flex;align-items:center}.mythos .project-copy{padding:26px}.mythos h2{font-size:54px}.case-art{border-left:0;border-top:3px solid var(--ink);min-height:410px;padding:50px 35px}.case-folder{max-width:285px}.case-page{min-height:290px}.case-emblem{width:80px}.case-page p{font-size:21px}.case-stamp{margin-top:17px}.mythos .overline{line-height:1.7}.mythos .eyebrow{font-size:8px}}@media(max-width:360px){.mythos h2{font-size:46px}.case-art{padding:45px 25px}.mythos .project-copy{padding:22px}}

/* Supplied Mythos artwork, kept uncropped at its natural ratio. */
.case-art:has(.mythos-project-image){padding:0;min-height:0;overflow:hidden;background:#101813;display:flex;align-items:center}.mythos-project-image{display:block;width:100%;height:auto}