@font-face{font-family:Marker;src:url('assets/marker.ttf') format('truetype');font-display:swap}@font-face{font-family:Hand;src:url('assets/hand.ttf') format('truetype');font-display:swap}:root{--ink:#03030a;--white:#f9f8ee;--blue:#292aff;--cyan:#78edff;--purple:#9c76ff;--brown:#805519}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;color:var(--white);font:23px/1.35 Hand,cursive}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:3px dashed var(--cyan);outline-offset:7px}a:hover{color:var(--cyan)}button:disabled{cursor:wait;opacity:.5}button[hidden],[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.button{font-family:Marker,cursive;font-weight:400}h1,h2{line-height:1.12}h1 span,h2 span{color:var(--cyan)}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 5%;position:relative;z-index:5}.site-header:after{content:'';height:2px;position:absolute;bottom:7px;left:5%;right:5%;background:#888ac06b;transform:rotate(-.5deg)}.brand{font-size:28px;white-space:nowrap;transform:rotate(-3deg)}nav{display:flex;gap:44px}nav a{position:relative;font-size:26px}nav a[aria-current]{color:var(--cyan)}nav a[aria-current]:after{content:'';position:absolute;left:-5px;right:-5px;bottom:-5px;border-bottom:3px solid var(--cyan);transform:rotate(-5deg)}.header-x{font-size:21px}.home-hero{position:relative;min-height:740px;height:calc(100svh - 106px);max-height:1000px;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:-40px -2% 0 29%;z-index:-1}.hero-art img{width:100%;height:100%;object-fit:contain;animation:float 8s ease-in-out infinite}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 30%),linear-gradient(0deg,var(--ink),transparent 18%)}.hero-words{padding:80px 0 90px 6%;width:60%;position:relative;z-index:2}.hero-words h1{transform:rotate(-4deg);width:fit-content}.hero-words h1>span{font-size:clamp(130px,15vw,225px);color:var(--white);letter-spacing:-7px;text-shadow:5px 5px 0 #201484}.hero-words em{display:block;font-style:normal;font-size:clamp(30px,3.5vw,56px);color:var(--cyan);margin-left:4px;margin-top:0}.hand-note{margin:35px 0 30px 8px;font-size:29px;transform:rotate(-3deg);color:#d4d4ef;line-height:1.2}.actions{display:flex;align-items:center;gap:32px;margin-top:35px}.button{display:inline-block;background:var(--blue);color:var(--white);border:2px solid var(--cyan);padding:15px 25px;font-size:21px;box-shadow:5px 5px 0 #6c36b7;transform:rotate(-2deg);white-space:nowrap;transition:transform .2s,background .2s}.button:hover{background:#4439e3;color:white;transform:rotate(1deg) translateY(-2px)}.text-link{font-size:24px;border-bottom:2px dashed var(--cyan);padding-bottom:3px;white-space:nowrap}.margin-note{position:absolute;bottom:65px;right:7%;font-size:25px;transform:rotate(7deg);color:var(--cyan)}.home-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;padding:70px 7% 80px;max-width:1600px;margin:auto;border-top:2px solid #5852bb55}.home-bottom h2{font-size:38px;margin-bottom:25px}.contract{align-self:center;transform:rotate(1deg);border:2px solid #a7a3bd;padding:23px;background:#111027;box-shadow:5px 5px 0 #342573}.contract>span:first-child{color:var(--purple);font-size:23px}.contract>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.contract code{font:20px Hand;overflow-wrap:anywhere}.contract button{background:var(--blue);border:1px solid var(--cyan);padding:6px 14px;font:18px Marker}#copy-status{font-size:17px;display:block;min-height:20px}.play-teaser{display:flex;align-items:center;gap:5%;padding:40px 7% 90px;max-width:1600px;margin:auto}.play-teaser>div{width:48%}.play-teaser h2{font-size:44px;margin-bottom:30px}.play-teaser img{width:49%;height:auto;transform:rotate(-8deg)}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 5%;padding:30px 0 35px;border-top:2px solid #7576a866;font-size:19px;color:#b5b4c9}footer>div{display:flex;gap:24px}footer .brand{color:var(--white);font-size:24px}.story-main{max-width:1500px;margin:auto}.story-intro{padding:65px 6% 30px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:3%}.story-intro h2{font-size:clamp(46px,5.5vw,80px);transform:rotate(-3deg);margin-bottom:35px}.story-intro p{max-width:440px;font-size:27px;color:#c9c9df;margin-top:20px}.story-intro img{width:100%;display:block;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 85%,transparent)}.story-paper{background:var(--white);color:#271e14;max-width:800px;margin:45px auto 75px;padding:40px 60px 45px;transform:rotate(-2deg);border:3px solid var(--brown);box-shadow:8px 9px 0 #2b22c9;position:relative}.story-paper:before{content:'';position:absolute;inset:8px;border:1px solid #80551977;pointer-events:none}.story-paper h2{font-size:41px;color:var(--brown);margin-bottom:25px}.story-paper p{font-size:27px;margin-bottom:25px}.story-paper .paper-aside{font-size:19px;margin-bottom:20px;color:var(--brown);transform:rotate(2deg)}.paper-signature{display:block;text-align:right;font-size:29px;color:#3027d5}.story-end{text-align:center;padding:15px 5% 100px}.story-end h2{font-size:46px}.story-end p{color:#bbbcd6;margin:22px 0 28px}.game-main{max-width:1120px;margin:auto;padding:36px 5% 55px}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.game-heading h2{font-size:57px;transform:rotate(-2deg)}.game-heading p{font-size:21px;color:#bfc0d6;margin-top:15px}.arcade{border:2px solid #b4b4d7;box-shadow:6px 6px 0 #302b9a;background:#08081a}.game-hud{padding:12px 24px;display:flex;align-items:center;gap:32px;border-bottom:2px solid #3b3b73;font-size:24px}.game-hud strong{font-family:Marker;font-weight:400;color:var(--cyan);margin-left:8px}.game-hud button{margin-left:auto}.game-hud button,.game-controls button{border:0;border-bottom:2px dashed var(--purple);background:none;padding:0 4px;font:22px Hand}.game-stage{position:relative;height:min(55vw,510px);min-height:390px;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:#030319b8}.game-overlay h2{font-size:43px;margin:10px 0 20px;transform:rotate(-3deg)}.overlay-kicker{color:var(--cyan);font-size:21px}.game-overlay p:not(.overlay-kicker){font-size:23px;color:#d1d2e9;margin-bottom:25px}.game-controls{padding:10px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:20px;border-top:2px solid #3b3b73;color:#c9c9df}.game-controls b{font-weight:400;padding:0 10px;color:var(--purple)}.under-game{text-align:center;font-size:22px;color:var(--purple);margin-top:25px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes float{50%{transform:translateY(-12px) rotate(1deg)}}@media(max-width:1000px){.site-header{gap:16px}nav{gap:27px}.hero-words{width:70%}.actions{gap:20px}.home-bottom{gap:6%}.home-bottom h2{font-size:32px}.play-teaser h2{font-size:35px}.story-paper{max-width:80%}.game-heading>.text-link{display:none}}@media(max-width:650px){body{font-size:22px}.site-header{height:118px;padding:18px 6% 20px;flex-wrap:wrap;gap:15px}.brand{font-size:25px}.header-x{font-size:19px}nav{order:3;width:100%;justify-content:space-between;gap:16px}nav a{font-size:22px}.site-header:after{bottom:0}.home-hero{height:auto;min-height:850px}.hero-words{padding:35px 6% 0;width:100%}.hero-words h1>span{font-size:31vw;letter-spacing:-4px}.hero-words em{font-size:7.3vw;margin-top:8px}.hero-art{inset:210px -5% 200px -5%}.hero-art:after{background:linear-gradient(0deg,var(--ink),transparent 17%),linear-gradient(180deg,var(--ink),transparent 15%)}.hand-note{position:absolute;top:645px;margin:0;font-size:25px}.actions{position:absolute;top:750px;left:6%;right:6%;justify-content:space-between;gap:16px;margin:0}.button{font-size:18px;padding:13px 18px}.text-link{font-size:22px}.margin-note{bottom:135px;right:6%;font-size:19px;width:105px;text-align:center}.home-bottom{grid-template-columns:1fr;gap:35px;padding:50px 7%}.home-bottom h2{font-size:30px}.contract{padding:18px}.play-teaser{padding:30px 7% 65px;flex-direction:column-reverse;gap:20px;align-items:flex-start}.play-teaser>div{width:100%}.play-teaser img{width:100%;margin-bottom:20px}.play-teaser h2{font-size:32px}footer{flex-wrap:wrap;gap:23px;padding:30px 0;font-size:18px}footer>span{order:3;width:100%}footer .brand{font-size:21px}footer>div{gap:17px}.story-intro{padding:40px 7% 10px;grid-template-columns:1fr}.story-intro h2{font-size:11vw}.story-intro p{font-size:24px}.story-intro img{margin-top:15px}.story-paper{max-width:85%;padding:30px 25px;margin:15px auto 65px}.story-paper h2{font-size:30px}.story-paper p{font-size:23px}.paper-signature{font-size:23px}.story-end h2{font-size:32px}.story-end{padding-bottom:70px}.game-main{padding:25px 5% 40px}.game-heading{margin-bottom:24px}.game-heading h2{font-size:40px}.game-heading p{font-size:20px;max-width:290px;margin-top:12px}.game-stage{height:440px;min-height:0}.game-hud{padding:9px 15px;gap:20px;font-size:21px}.game-hud button{font-size:20px}.game-overlay{padding:18px}.game-overlay h2{font-size:32px}.game-overlay p:not(.overlay-kicker){font-size:21px}.game-controls{padding:10px 13px;font-size:16px}.game-controls b{padding:0 3px}.game-controls button{font-size:18px}.under-game{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.game-heading h2{font-size:clamp(27px,4.4vw,49px)}.game-heading h2 span{display:block}.story-paper h2{font-size:clamp(25px,3.6vw,38px)}@media(max-width:650px){.game-heading h2{font-size:27px}.home-bottom .text-link{white-space:normal}}

.game-heading h2{font-size:57px}.game-heading h2 span{display:inline}@media(max-width:650px){.game-heading h2{font-size:40px}}

#home,#about,#play{scroll-margin-top:24px}#about{border-top:2px solid #5852bb55}#play{padding-top:55px;padding-bottom:80px}

.story-intro img{height:auto}