@font-face{font-family:Mona;src:url('./assets/Mona-Sans.woff2') format('woff2');font-weight:200 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#000;color:#fff;font-family:Mona,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px dashed #fff;outline-offset:7px}header{height:100px;padding:17px 3.4%;display:flex;align-items:center;justify-content:space-between;background:#000;position:relative;z-index:5;border-bottom:1px solid #252525}.brand{width:65px;height:64px;overflow:hidden}.brand img{width:60px;height:83px;object-fit:contain;transform:translateY(-7px)}nav{display:flex;gap:42px;font-size:14px;font-weight:600}nav a:hover{opacity:.6}nav span{margin-left:8px}.hero{height:calc(100svh - 100px);min-height:570px;max-height:1100px;position:relative;overflow:hidden;border-bottom:1px solid #333}#letters{position:absolute;width:100%;height:100%;inset:0}#robot{position:absolute;left:25%;top:4%;width:50%;height:88%;pointer-events:none}#robot canvas{width:100%;height:100%;object-fit:contain}.hero-top,.hero-bottom{position:absolute;left:3.4%;right:3.4%;display:flex;align-items:center;justify-content:space-between;font:10px monospace;letter-spacing:1px}.hero-top{top:22px}.hero-bottom{bottom:24px}.hero-bottom>a span{margin-left:28px;font-size:20px}.controls{display:flex;gap:20px;align-items:center}.controls button{border:0;background:#000;font:10px monospace;letter-spacing:1px;padding:8px}.controls span{color:#727272}#loading{font-size:9px;color:#929292}.work{padding:36px 3.4% 86px;scroll-margin-top:20px}.section-line{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px;margin-bottom:30px}.game-art{height:clamp(300px,42vw,660px);position:relative;overflow:hidden;background:#deded8;color:#000;display:flex;align-items:center;justify-content:center}.game-art:after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.25' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply;pointer-events:none}.art-title{font-weight:900;letter-spacing:-.07em;font-size:clamp(50px,12.7vw,205px);z-index:1}.skewered .art-title{transform:rotate(-7deg);font-stretch:condensed;text-shadow:5px 5px #deded8}.skewer{position:absolute;left:-10%;top:46%;width:125%;height:12px;background:#000;transform:rotate(-21deg);box-shadow:0 18px #deded8,0 21px #000}.skewer:after{content:'';display:block;width:26%;height:210px;border:22px solid #000;transform:rotate(22deg);position:absolute;left:37%;top:-90px}.art-note{position:absolute;bottom:20px;left:24px;font:9px monospace;letter-spacing:2px}.cross{position:absolute;font:24px monospace}.c1{top:18px;left:22px}.c2{bottom:20px;right:22px}.tanuki{background:#d7d7d1}.tanuki .art-title{line-height:.76;position:absolute;left:8%;transform:rotate(-5deg);font-size:clamp(60px,11vw,170px)}.tanuki .art-title i{font-style:normal;font-size:1.5em}.ascii-face{position:absolute;right:6%;top:24%;font:bold clamp(25px,5vw,80px)/1.2 monospace;transform:rotate(12deg)}.game-info{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:32px}.game-info h2{margin:0;font-size:clamp(32px,4vw,62px);letter-spacing:-2px;font-weight:650}.game-info h2 span{font:10px monospace;vertical-align:top;margin:10px 0 0 14px;display:inline-block;color:#777}.game-info p{font-size:21px;margin:0 0 12px;line-height:1.4}.game-info .detail{font-size:14px;line-height:1.7;color:#969696;max-width:420px}.actions{display:flex;align-items:center;gap:28px;margin-top:27px}.actions button{border:1px solid #fff;background:#fff;color:#000;padding:14px 22px;font-size:12px;font-weight:600}.actions .text-button{color:#fff;background:none;border:0;padding:14px 0}.actions button:hover{filter:invert(1)}footer{padding:40px 3.4% 25px;border-top:1px solid #444}footer h2{font-size:clamp(70px,17.5vw,280px);line-height:1;margin:65px 0 45px;letter-spacing:-.085em;font-weight:750;display:flex;justify-content:space-between}footer h2 span{font-weight:400;font-size:.8em}.footer-links{display:flex;justify-content:space-between;padding:20px 0 70px}.footer-links>div{display:flex;gap:30px}.footer-links button,.footer-bottom button{background:none;border:0;padding:0}.footer-links>button{font-size:24px;letter-spacing:-1px}.footer-links>div button{font-size:13px}.footer-bottom{padding-top:22px;border-top:1px solid #333;display:flex;justify-content:space-between;font:9px monospace;color:#888;letter-spacing:1px}.footer-bottom button{font:inherit;color:#aaa}dialog{background:#080808;color:#fff;border:1px solid #777;padding:40px;width:min(460px,90vw)}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:28px}dialog p{font-size:15px;line-height:1.7;color:#bbb}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:25px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){header{height:82px;padding:12px 5%}nav{gap:20px;font-size:12px}.hero{height:calc(85svh - 82px);min-height:480px}.hero-top,.hero-bottom{left:5%;right:5%}.hero-top{font-size:8px}.hero-top span:last-child{display:none}#robot{left:5%;width:90%;top:7%;height:80%}#loading{display:none}.work{padding:28px 5% 65px}.section-line{font-size:8px}.game-info{grid-template-columns:1fr;gap:18px}.game-info h2{font-size:38px}.game-info p{font-size:19px}.actions{gap:20px}.art-title{font-size:14vw}.ascii-face{right:4%;font-size:7vw;top:28%}footer{padding:30px 5% 25px}footer h2{margin:45px 0}.footer-links{gap:35px;flex-direction:column}.footer-links>div{gap:26px}.footer-bottom span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

header,.hero{border-bottom:0}footer,.footer-bottom{border-top:0}@media(max-width:700px){.footer-bottom{flex-wrap:wrap;gap:20px}.footer-bottom span:nth-child(2){display:inline}}

header{position:sticky;top:0;border-bottom:1px solid #252525;transition:transform .25s ease;z-index:30}header.nav-hidden:not(:has(:focus-visible)){transform:translateY(-100%)}.hero{border-bottom:1px solid #333}footer{border-top:1px solid #444}.footer-bottom{border-top:1px solid #333}.work+.work{border-top:1px solid #333}.nav-link{border:0;background:none;padding:0;font:inherit;color:inherit}.nav-link:hover{opacity:.6}@media(max-width:700px){nav{gap:14px;font-size:11px}.brand{flex-shrink:0;width:55px}}@media(prefers-reduced-motion:reduce){header{transition:none}}


:root{--interactive-color:#83e6f4}a,button{transition:color .3s ease,background-color .3s ease,border-color .3s ease,outline-color .3s ease}
a:is(:hover,:focus-visible),button:is(:hover,:focus-visible),nav a:hover,.nav-link:hover,.footer-bottom button:is(:hover,:focus-visible){color:var(--interactive-color);opacity:1;outline-color:var(--interactive-color)}
.actions button:is(:hover,:focus-visible){background:var(--interactive-color);border-color:var(--interactive-color);color:#000;filter:none}
.brand{position:relative}.brand::after{content:'';position:absolute;left:0;top:-7px;width:60px;height:83px;background:var(--interactive-color);mask:url('assets/RadbotLogo.png') center/contain no-repeat;opacity:0;transition:opacity .3s ease;pointer-events:none}.brand:is(:hover,:focus-visible)::after{opacity:1}

.game-trailer{width:100%;aspect-ratio:16/9;background:#000}.game-trailer iframe{display:block;width:100%;height:100%;border:0}.footer-links>a{font-size:clamp(15px,2vw,24px);letter-spacing:-.5px;overflow-wrap:anywhere}.footer-links>div a{font-size:13px}

/* Full viewport hero and alternating editorial game rows. */
:root{--nav-height:100px}header{height:var(--nav-height)}.hero{height:calc(100dvh - var(--nav-height));min-height:0;max-height:none}#robot{top:0;height:100%}
.work{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4.5vw,90px);padding:clamp(64px,8vw,145px) 6%;scroll-margin-top:0}
.game-info{display:block;padding:0;min-width:0}.game-info h2{font-size:clamp(38px,4.4vw,76px);line-height:1.05;margin-bottom:28px}.game-info p{font-size:clamp(18px,1.6vw,27px);line-height:1.5}.game-info .detail{font-size:clamp(16px,1.25vw,21px);max-width:520px}.actions{margin-top:32px}.actions button{border-radius:999px;padding:14px 28px;font-size:16px;background:transparent;color:#fff;border:1px solid #fff}
.game-trailer,.work .game-art{height:auto;aspect-ratio:16/9;width:100%;min-width:0}.game-trailer{outline:1px solid #444;box-shadow:9px 9px 0 #222}
#tanuki{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}#tanuki>:is(.game-art,.game-trailer){grid-column:2;grid-row:1}#tanuki>.game-info{grid-column:1;grid-row:1;text-align:right}#tanuki .detail{margin-left:auto}#tanuki .actions{justify-content:flex-end}
.work .tanuki .art-title{font-size:clamp(42px,5.7vw,100px)}.work .ascii-face{font-size:clamp(20px,2.7vw,46px)}
.scroll-reveal{opacity:0;transform:translateY(42px);transition:opacity .8s ease var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.scroll-reveal.is-visible,.scroll-reveal:focus-within{opacity:1;transform:none}
@media(max-width:700px){:root{--nav-height:82px}.hero{height:calc(100dvh - var(--nav-height));min-height:0;max-height:none}#robot{top:0;height:100%;left:5%;width:90%}.work,#tanuki{grid-template-columns:1fr;padding:60px 5%;gap:32px}#tanuki>:is(.game-art,.game-trailer),#tanuki>.game-info{grid-column:auto;grid-row:auto}#tanuki>.game-info{text-align:left}#tanuki .detail{margin-left:0}#tanuki .actions{justify-content:flex-start}.game-info h2{margin-bottom:20px}.work .tanuki .art-title{font-size:11vw}.work .ascii-face{font-size:5vw}.scroll-reveal{transform:translateY(24px)}}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none}}

@media(max-width:700px){#robot{left:0;top:0;width:100%;height:100%}footer h2{white-space:nowrap;font-size:16vw;letter-spacing:-.07em;gap:12px}footer h2 span{flex-shrink:0;font-size:.7em}}
@media(hover:none){a:hover,button:hover,nav a:hover,.nav-link:hover,.footer-bottom button:hover{color:inherit;opacity:1}.actions button:hover{background:transparent;color:#fff;border-color:#fff;filter:none}.brand:hover::after{opacity:0}}

nav,.game-info h2{text-transform:uppercase}
.brand img{transform:translateY(-7px) scale(.7);transform-origin:center 39px}.brand::after{transform:scale(.7);transform-origin:center 39px}