@font-face{font-family:Studio;src:local("Arial Black");font-display:swap}
:root{color-scheme:dark;--ink:#111210;--paper:#e7e2d4;--muted:#a3a397;--red:#c43d2e;--line:#383a32;--mono:ui-monospace,"Courier New",monospace;font-family:Arial,Helvetica,sans-serif;background:var(--ink);color:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:radial-gradient(ellipse at 88% 16%,#30241b55,transparent 55%),#111210}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--paper);outline-offset:6px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.studio-nav,.studio-footer,main{max-width:1320px;margin-inline:auto}.studio-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:112px;padding:28px 48px;border-bottom:1px solid var(--line)}.studio-brand{font:900 28px/1 Studio,Arial,sans-serif;letter-spacing:-1.5px}.studio-brand>span{color:var(--red)}.studio-brand small{display:block;font:8px/1.6 var(--mono);letter-spacing:2.2px;margin-top:7px;color:var(--muted)}.nav-link{display:inline-flex;align-items:center;gap:32px;min-height:44px;font:11px var(--mono);letter-spacing:1px}.nav-link span{color:var(--red);font-size:22px}
main{padding-inline:48px}.serial{font:10px/1.6 var(--mono);letter-spacing:2px;color:var(--muted);margin:0}.studio-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:26px;padding:64px 0 46px}.studio-hero h1{font:900 clamp(35px,4.8vw,68px)/.98 Studio,Arial,sans-serif;letter-spacing:-3px;margin:22px 0}.studio-lead{font-size:16px;line-height:1.6;color:#b9b9ac;margin:0}.studio-emblem svg{width:100%;height:auto;display:block;transform:rotate(-5deg)}
.shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0 34px}.shelf-heading h2{font:900 20px Studio,Arial,sans-serif;letter-spacing:-.4px;margin:0}.disk-shelf{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:0 36px}.disk-entry{min-width:0}.floppy{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:470px;aspect-ratio:1/1.015;margin:auto;padding:0 10%;background:linear-gradient(130deg,#33352f,#22241f 42%,#171915);border:2px solid #44473d;border-radius:10px 36px 12px 12px;box-shadow:inset 0 0 0 5px #191b17,inset 0 0 0 7px #363930,14px 22px 24px #0005;transition:transform .22s ease,border-color .22s;transform:rotate(-2deg)}.floppy:hover{transform:translateY(-7px) rotate(-1deg);border-color:#797b6a}.floppy-mensur{transform:rotate(2deg);background:linear-gradient(140deg,#2d3931,#19261e 50%,#121d17)}.floppy-mensur:hover{transform:translateY(-7px) rotate(1deg)}.floppy::before,.floppy::after{content:"";position:absolute;bottom:4%;width:7%;height:7%;border:2px solid #606354;background:#0d100b;box-shadow:inset 0 0 0 4px #252a20}.floppy::before{left:4%}.floppy::after{right:4%}.floppy-metal{display:block;position:relative;width:70%;height:26%;background:repeating-linear-gradient(92deg,#b7b5a7 0 1px,#a6a498 1px 2px,#c8c5b7 2px 3px);border-radius:0 0 5px 5px;box-shadow:inset 2px 0 0 #f4f0d7,5px 3px 5px #0005;margin-bottom:8%}.floppy-metal::after{content:"";position:absolute;right:12%;top:8%;height:75%;width:22%;background:#1c2018;box-shadow:inset 0 0 0 2px #8d8f80}.floppy-paper{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:52%;background:repeating-linear-gradient(0deg,transparent 0 35px,#c1b8a230 36px 37px),#ddd5bf;color:#171913;padding:6%;border-radius:3px;box-shadow:0 1px 4px #0007;transform:rotate(-.4deg)}.floppy-paper::after{content:"";position:absolute;inset:4px;border:1px solid #a2957540;pointer-events:none}.disk-number{font:bold 9px var(--mono);letter-spacing:1.6px}.floppy-paper img{display:block;width:112%;height:70%;object-fit:contain;margin-left:-6%;filter:drop-shadow(1px 2px 0 #b5ac98)}.paper-note{font:700 clamp(8px,1vw,11px) var(--mono);letter-spacing:.8px}.floppy-capacity{margin-top:4%;font:9px var(--mono);letter-spacing:2px;color:#a1a78d}.floppy-notch{position:absolute;top:3%;left:4%;width:12%;height:2%;background:#0b0d09;box-shadow:0 2px 0 #565c4e}.mensur-title{font:italic 900 clamp(28px,5vw,65px)/1 Georgia,serif;letter-spacing:-4px}.mensur-rule{display:block;width:90%;height:4px;background:linear-gradient(90deg,#153c2c 33%,#f1e9ce 33% 66%,#b88f3f 66%);transform:rotate(-2deg)}.disk-caption{display:flex;justify-content:space-between;align-items:center;padding:30px 0 20px;gap:16px;max-width:470px;margin:auto}.availability{font:9px var(--mono);letter-spacing:2px;color:#ddaa68}.availability::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);margin-right:8px}.developing{color:#8f9b87}.developing::before{background:#8f9b87}.disk-caption h3{font:900 24px Studio,Arial,sans-serif;letter-spacing:-1px;margin:10px 0 6px}.disk-caption p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.round-link{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #52564a;border-radius:50%;font-size:23px}.round-link:hover{background:var(--paper);color:var(--ink)}.studio-signoff{font:10px var(--mono);letter-spacing:2px;text-align:center;color:#7d8374;padding:48px 0 42px;margin:0}.studio-footer{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:26px 48px;border-top:1px solid var(--line);font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.studio-footer>a{font-weight:900;color:var(--paper)}.studio-footer nav{display:flex;gap:24px}.studio-footer nav a{display:inline-flex;align-items:center;min-height:44px}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:50px;min-height:54px;padding:16px 22px;border:1px solid #686a5a;background:transparent;color:var(--paper);font:900 12px Arial,sans-serif;letter-spacing:1.2px}.button.primary{background:var(--red);border-color:var(--red)}.button.primary:hover{background:#da4937;border-color:#da4937}.button span{font-size:22px;line-height:1}.quiet-button,.boot-skip{background:none;color:var(--muted);border:0;min-height:44px;padding:12px;font:10px var(--mono);letter-spacing:1px}
.studio-boot{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:auto;background:#10120f;padding:30px}.boot-inner{width:min(680px,100%);text-align:center}.boot-mark{width:100%;max-width:600px;margin:14px auto 0}.boot-mark svg{display:block;width:100%;height:auto}.boot-status{font:11px var(--mono);letter-spacing:2px;min-height:18px;color:var(--paper);margin:24px 0}.boot-buttons{display:flex;justify-content:center;align-items:center;gap:20px}.boot-skip{display:block;margin:20px auto 0;color:#767e6e}.studio-boot[data-phase=idle] .logo-diskette{transform:translateY(56px);transform-origin:390px 190px}.studio-boot[data-phase=inserting] .logo-diskette,.studio-boot[data-phase=loading] .logo-diskette{animation:insert-disk .65s cubic-bezier(.35,.05,.75,.8) both}.studio-boot[data-phase=loading] .boot-status{color:#ce8b5e}.studio-boot #boot-start:disabled{opacity:.45;pointer-events:none}.boot-mark::after{content:"";display:block;width:3px;height:3px;background:#60352b;margin:16px auto 0}.studio-boot[data-phase=loading] .boot-mark::after{background:#ef6147;box-shadow:0 0 12px #e63f32}@keyframes insert-disk{from{transform:translateY(56px)}to{transform:translateY(0)}}
.wut-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:45px;align-items:center;padding:58px 0 70px}.wut-pitch h1{margin:10px -20px 0}.wut-pitch h1 img{display:block;width:100%;height:auto}.wut-intro{font:900 clamp(25px,3vw,40px)/1.08 Studio,Arial,sans-serif;letter-spacing:-1.5px;margin:14px 0}.wut-copy{font-size:14px;line-height:1.6;color:var(--muted);max-width:340px;margin:18px 0 25px}.game-cta{min-width:260px}.microcopy{font:9px/1.6 var(--mono);color:var(--muted);margin:14px 0 0}.wut-poster{position:relative;overflow:hidden;min-width:0;aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:linear-gradient(#15141044,#15141022 45%,#151410e6),url('/arcade/backgrounds/qualmen.png') 48% center/cover;border:1px solid #565544;box-shadow:12px 12px 0 #23251d;transform:rotate(1.5deg)}.poster-index{font:9px var(--mono);letter-spacing:2px;color:#e3d6b6}.poster-fighters{display:flex;align-items:end;justify-content:center;margin-inline:-48px;min-width:0;position:relative}.poster-fighters canvas{width:49%;height:auto;filter:drop-shadow(6px 8px 5px #0007)}.poster-fighters canvas:last-child{transform:scaleX(-1)}.poster-vs{position:absolute;top:16%;left:44%;font:italic 900 44px Arial,sans-serif;color:#d54630;z-index:2;text-shadow:1px 2px #e2bd66}.poster-label{display:flex;justify-content:space-around;font:900 17px Studio,Arial,sans-serif;letter-spacing:1px}.fight-modes{padding:34px 0 55px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px 45px}.fight-modes>.serial{grid-column:1/-1}.fight-modes h2{font:900 clamp(28px,4vw,48px)/.98 Studio,Arial,sans-serif;letter-spacing:-2px;margin:0}.mode-copy{display:grid;grid-template-columns:1fr 1fr;gap:26px}.mode-copy article>span{font:11px var(--mono);color:var(--red)}.mode-copy h3{font-size:12px;letter-spacing:1px;margin:15px 0 10px}.mode-copy p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.wut-places{padding:10px 0 0}.world-filmstrip{display:grid;grid-auto-flow:column;grid-auto-columns:220px;overflow-x:auto;gap:14px;padding-bottom:18px;scroll-snap-type:x proximity}.world-filmstrip .place{margin:0;scroll-snap-align:start}.world-filmstrip img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid #414436}.world-filmstrip figcaption{font:bold 10px/1.5 var(--mono);margin-top:12px}.world-filmstrip small{display:block;font-weight:normal;color:var(--muted);font-size:9px}.wut-final{padding:70px 0 74px;text-align:center}.wut-final h2{font:900 clamp(42px,7vw,90px)/.92 Studio,Arial,sans-serif;letter-spacing:-4px;margin:22px 0 30px}
.mensur-landing{background:#14221c}.mensur-project{text-align:center;padding-block:75px 90px}.mensur-project h1{font:italic 900 clamp(52px,11vw,140px)/1 Georgia,serif;letter-spacing:-8px;margin:30px 0 0}.mensur-subtitle{font:italic 24px Georgia,serif;margin:6px 0 32px;color:#bfaf83}.chalk-line{max-width:450px;height:3px;margin:0 auto 30px;transform:rotate(-1deg);background:#d8cfaf;box-shadow:0 3px 0 #d8cfaf22}.mensur-project>p:not(.serial):not(.mensur-subtitle){font:italic 30px/1.2 Georgia,serif}.development-note{display:block;font:12px/1.7 var(--mono);color:#aab3a2;margin:28px 0}.mensur-project .button{margin-top:20px}
@media(min-width:1600px){.studio-hero{padding-block:80px 65px}.disk-shelf{gap:100px}}
@media(max-width:850px){.studio-nav,.studio-footer{padding-inline:26px}main{padding-inline:26px}.studio-hero{gap:10px;grid-template-columns:1.1fr 1fr}.studio-hero h1{letter-spacing:-2px;font-size:clamp(30px,4.8vw,48px)}.disk-shelf{gap:34px;padding-inline:10px}.floppy-capacity{font-size:7px}.wut-hero{gap:28px}.wut-poster{padding:16px}.fight-modes{grid-template-columns:1fr}.mode-copy{max-width:600px}.poster-fighters{margin-inline:-30px}.poster-label{font-size:13px}.poster-vs{font-size:30px}.wut-pitch h1{margin-inline:-12px}}
@media(max-width:560px){.studio-nav{min-height:90px;padding:20px}.studio-brand{font-size:23px}.studio-brand small{font-size:6px;letter-spacing:1.6px}.nav-link{font-size:9px;gap:16px}main{padding-inline:20px}.studio-hero{grid-template-columns:1fr;padding:40px 0 24px;gap:14px}.studio-hero h1{font-size:clamp(36px,10vw,54px);letter-spacing:-2.5px}.studio-lead{font-size:14px}.studio-emblem{max-width:420px;margin:-25px -8px -5px 10px}.studio-emblem svg{transform:rotate(-4deg)}.disk-shelf{grid-template-columns:1fr;gap:34px;padding-inline:14px}.shelf-heading{padding:20px 0 28px}.shelf-heading h2{font-size:17px}.shelf-heading .serial{font-size:8px;letter-spacing:1px}.disk-caption{padding-top:23px}.disk-caption h3{font-size:23px}.disk-number{font-size:8px}.paper-note{font-size:9px}.mensur-title{font-size:clamp(32px,12vw,64px)}.floppy-capacity{font-size:8px}.studio-signoff{font-size:8px;line-height:1.7;padding:35px 0}.studio-footer{padding:20px;flex-wrap:wrap;gap:12px}.studio-footer nav{margin-left:auto;gap:20px}.studio-footer>span{font-size:8px}.wut-hero{grid-template-columns:1fr;padding:32px 0 50px;gap:30px}.wut-pitch h1{max-width:460px;margin:0 -15px}.wut-intro{font-size:31px;margin-top:8px}.wut-copy{max-width:360px;font-size:13px}.game-cta{width:100%;max-width:400px}.wut-poster{width:min(100%,420px);aspect-ratio:1.12;margin:auto;box-shadow:6px 6px 0 #23251d}.poster-fighters{width:75%;margin:-28px auto -12px}.poster-index{font-size:8px}.poster-vs{font-size:30px}.poster-label{font-size:13px}.fight-modes{padding-block:28px 38px;gap:20px}.fight-modes h2{font-size:36px}.mode-copy{gap:24px}.world-filmstrip{grid-auto-columns:200px}.wut-places .shelf-heading{align-items:start;flex-direction:column;gap:10px}.wut-final{padding-block:45px 55px}.wut-final h2{letter-spacing:-2px;font-size:56px}.studio-boot{padding:18px}.boot-mark{margin:25px auto 0}.boot-status{margin-top:26px}.mensur-project{padding-block:55px 65px}.mensur-project h1{letter-spacing:-4px;font-size:20vw}.mensur-project .button{font-size:10px;gap:20px;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.studio-boot .logo-diskette{transform:none!important}.floppy:hover{transform:rotate(-2deg)}.floppy-mensur:hover{transform:rotate(2deg)}}

body.boot-open{overflow:hidden}

.studio-boot[data-phase=loading] .drive-led{fill:#ef6847;filter:drop-shadow(0 0 3px #cb4c27)}
.studio-boot[data-phase=inserting] .boot-status{color:#b1b69b}
