:root{--paper:#f2ece0;--paper-dark:#e8dfd0;--ink:#1a1a1a;--ink-soft:#3a3530;--ink-faded:#8a8078;--magenta:#e6007e;--magenta-dark:#b8005f;--yellow:#ffd23f;--yellow-dark:#e6b800;--cyan:#00c2d1;--violet:#7b2d8e;--orange:#ff6b35;--red:#e63946;--green:#2d6a4f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);cursor:default;font-family:Barlow Condensed,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:10000;background-image:url("data:image/svg+xml,%3Csvg width='300' height='300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-wrapper{width:100%;max-width:1200px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}nav{z-index:100;padding:1.2rem 2.5rem;position:relative}.nav-inner{justify-content:flex-end;align-items:center;display:flex}.nav-logo{color:var(--ink);letter-spacing:2px;font-family:Bangers,cursive;font-size:2rem;text-decoration:none;display:inline-block;position:relative;transform:rotate(-1deg)}.nav-logo span{color:var(--magenta)}.nav-logo:before{content:"";border:2.5px solid var(--ink);opacity:.15;border-radius:58% 42% 55% 45%/48% 52%;position:absolute;inset:-8px -12px -6px;transform:rotate(1deg)}.nav-links{gap:1.8rem;list-style:none;display:flex}.nav-links a{color:var(--ink-soft);font-family:Permanent Marker,cursive;font-size:1rem;text-decoration:none;transition:color .3s;position:relative}.nav-links a:hover{color:var(--magenta)}.nav-links a:after{content:"";background:var(--magenta);width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)rotate(-1deg)}.nav-links a:hover:after{transform:scaleX(1)rotate(-1deg)}.hero{padding:2rem 2.5rem 4rem;position:relative}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;display:grid}.hero:after{content:"";background:var(--ink);opacity:.06;width:120px;height:2px;position:absolute;bottom:15%;left:8%;transform:rotate(-8deg)}.hero-left{z-index:2;position:relative}.hero-logo{width:100%;max-width:420px;height:auto;position:relative;transform:rotate(-1deg)}.hero-tagline{color:var(--ink-faded);max-width:400px;margin-top:1.5rem;font-family:Caveat,cursive;font-size:1.5rem;line-height:1.4;transform:rotate(-.5deg)}.hero-cta{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.btn-sketch{border:2.5px solid var(--ink);background:var(--yellow);color:var(--ink);cursor:pointer;padding:.8rem 1.8rem;font-family:Permanent Marker,cursive;font-size:1rem;text-decoration:none;transition:all .2s;display:inline-block;position:relative;transform:rotate(-1deg)}.btn-sketch:hover{box-shadow:4px 4px 0 var(--ink);transform:rotate(0)scale(1.05)}.btn-sketch.alt{background:0 0;border-style:dashed}.btn-sketch.alt:hover{background:var(--magenta);color:#fff;border-style:solid;border-color:var(--magenta-dark)}.hero-panel{background:var(--ink);cursor:pointer;padding:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;transform:rotate(1deg);box-shadow:6px 6px #00000026}.hero-panel:hover{transform:rotate(0)scale(1.03);box-shadow:8px 8px #0003}.hero-panel:before{content:"";z-index:2;pointer-events:none;border:2px solid #ffffff14;position:absolute;inset:6px}.panel-inner{z-index:1;padding:2rem 2rem 1.5rem;position:relative}.panel-inner-link{color:inherit;text-decoration:none;display:block}.panel-steam-link{color:var(--magenta);z-index:1;align-items:center;gap:.5rem;margin:0 2rem 1.5rem;font-family:Permanent Marker,cursive;font-size:.95rem;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.panel-steam-link:hover{color:var(--yellow)}.panel-steam-link svg{flex-shrink:0;width:18px;height:18px}.panel-bar{background:var(--magenta);height:6px;position:absolute;top:0;left:0;right:0}.panel-label{color:var(--magenta);margin-bottom:.5rem;font-family:Caveat,cursive;font-size:.95rem;transform:rotate(-1deg)}.panel-title{color:#fff;letter-spacing:2px;text-shadow:2px 2px #0000004d;margin-bottom:1rem;font-family:Bangers,cursive;font-size:2.8rem;line-height:.95}.panel-desc{color:#b0a898;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:400;line-height:1.6}.panel-tags{flex-wrap:wrap;gap:.4rem;margin-top:1.2rem;display:flex}.panel-tags span{color:var(--yellow);border:1.5px dashed #ffd23f4d;padding:.15rem .6rem;font-family:Caveat,cursive;font-size:.9rem;display:inline-block;transform:rotate(-.5deg)}.panel-frame{border:3px solid var(--ink);z-index:3;pointer-events:none;border-radius:2px;position:absolute;inset:-4px}.games-section{padding:4rem 2.5rem;position:relative}.games-section:before{content:"";background:var(--ink);opacity:.08;height:2.5px;position:absolute;top:0;left:5%;right:5%;transform:rotate(-.3deg)}.section-title-wrap{align-items:baseline;gap:1rem;margin-bottom:2.5rem;display:flex}.section-title-wrap h2{letter-spacing:2px;font-family:Bangers,cursive;font-size:clamp(2.5rem,5vw,4rem);transform:rotate(-1deg)}.section-title-wrap .scribble-note{color:var(--magenta);font-family:Caveat,cursive;font-size:1.1rem;transform:rotate(2deg)}.section-intro{color:var(--ink-soft);max-width:640px;margin-bottom:2rem;font-family:Barlow Condensed,sans-serif;font-size:1.05rem;line-height:1.6}.games-wall{grid-template-columns:repeat(3,1fr);gap:0;display:grid;position:relative}.game-tile-link{color:inherit;text-decoration:none}.game-tile{border:2px solid var(--ink);cursor:pointer;margin:-1px;padding:1.8rem;transition:all .25s;position:relative;overflow:hidden}.game-tile:hover{z-index:5;transform:scale(1.03)rotate(-.5deg);box-shadow:5px 5px #0000001a}.game-tile:first-child{background:#fff5e1}.game-tile:nth-child(2){background:#f0e6f6}.game-tile:nth-child(3){background:#e1f5ec}.game-tile:nth-child(4){background:#fce4ec}.game-tile:nth-child(5){background:#e3f2fd}.game-tile:nth-child(6){background:#fff3e0}.game-tile .tile-status{margin-bottom:.5rem;font-family:Caveat,cursive;font-size:.85rem;display:inline-block;transform:rotate(-1deg)}.tile-status.released{color:var(--green);background:#2d6a4f1a;padding:0 .4rem}.tile-status.soon{color:var(--orange)}.tile-status.dev{color:var(--ink-faded)}.game-tile h3{letter-spacing:1px;margin-bottom:.4rem;font-family:Bangers,cursive;font-size:1.6rem;line-height:1.1}.game-tile p{color:var(--ink-soft);font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:400;line-height:1.5}.game-tile .tile-genre{color:var(--ink-faded);margin-top:.8rem;font-family:Caveat,cursive;font-size:.9rem;transform:rotate(-.5deg)}.tile-steam{color:var(--ink-soft);align-items:center;gap:.5rem;margin-top:1rem;font-family:Permanent Marker,cursive;font-size:.85rem;text-decoration:none;transition:color .2s;display:inline-flex}.tile-steam:hover{color:var(--magenta)}.tile-steam svg{flex-shrink:0;width:18px;height:18px}.game-tile:before{content:"+";color:var(--ink);opacity:.15;font-family:Barlow Condensed,sans-serif;font-size:.8rem;position:absolute;top:4px;right:8px}.blog-section{background:var(--ink);color:var(--paper);padding:4rem 2.5rem;position:relative;overflow:hidden}.blog-section:before{content:"";background:var(--paper);height:20px;position:absolute;top:-10px;left:-5%;right:-5%;transform:rotate(-.3deg);box-shadow:0 4px 8px #00000026}.blog-section .section-title-wrap h2{color:var(--paper)}.blog-section .scribble-note{color:var(--yellow)}.blog-strip{gap:1.5rem;display:flex;overflow-x:visible}.blog-card{cursor:pointer;background:#ffffff08;border:2px solid #ffffff1a;flex:1;min-width:280px;padding:1.8rem;transition:all .25s;position:relative}.blog-card:hover{border-color:var(--magenta);transform:translateY(-4px)rotate(-.5deg);box-shadow:4px 4px #e6007e33}.blog-card .card-cat{color:var(--yellow);margin-bottom:.6rem;font-family:Caveat,cursive;font-size:1rem;display:inline-block;transform:rotate(-1deg)}.blog-card h3{letter-spacing:1px;color:var(--paper);margin-bottom:.5rem;font-family:Bangers,cursive;font-size:1.4rem;line-height:1.2}.blog-card p{color:#a09888;font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:400;line-height:1.5}.blog-card .card-date{color:#fff3;margin-top:1rem;font-family:Caveat,cursive;font-size:.9rem}.blog-card:before{content:"";background:var(--yellow);opacity:.7;width:40px;height:12px;position:absolute;top:-4px;left:20px;transform:rotate(-2deg)}.subscribe-section{text-align:center;padding:5rem 2.5rem;position:relative}.subscribe-section:before{content:"";background:var(--ink);opacity:.08;height:2.5px;position:absolute;top:10px;left:5%;right:5%;transform:rotate(.2deg)}.subscribe-section h2{letter-spacing:2px;font-family:Bangers,cursive;font-size:clamp(2.5rem,5vw,4rem);display:inline-block;transform:rotate(-1deg)}.subscribe-section h2 span{color:var(--magenta);position:relative}.subscribe-section h2 span:after{content:"";background:var(--yellow);opacity:.4;z-index:-1;height:8px;position:absolute;bottom:-2px;left:-4px;right:-4px;transform:rotate(-.5deg)}.subscribe-note{color:var(--ink-faded);margin-top:.5rem;font-family:Caveat,cursive;font-size:1.2rem;transform:rotate(.5deg)}.sub-form{gap:0;max-width:480px;margin-top:2rem;margin-left:auto;margin-right:auto;display:flex}.sub-form input{border:2.5px solid var(--ink);color:var(--ink);background:#fff;outline:none;flex:1;padding:.9rem 1.2rem;font-family:Caveat,cursive;font-size:1.1rem}.sub-form input::placeholder{color:var(--ink-faded)}.sub-form input:focus{border-color:var(--magenta)}.sub-form button{border:2.5px solid var(--ink);background:var(--magenta);color:#fff;cursor:pointer;border-left:none;padding:.9rem 1.8rem;font-family:Permanent Marker,cursive;font-size:1rem;transition:all .2s}.sub-form button:hover{background:var(--ink);box-shadow:3px 3px 0 var(--magenta);transform:translateY(-1px)}footer{padding:2rem 2.5rem;position:relative}.footer-inner{justify-content:space-between;align-items:center;display:flex}footer:before{content:"";background:var(--ink);opacity:.08;height:2px;position:absolute;top:0;left:5%;right:5%;transform:rotate(.15deg)}footer p{color:var(--ink-faded);font-family:Caveat,cursive;font-size:1rem}.footer-socials{align-items:center;gap:1.5rem;display:flex}.footer-social-icons{align-items:center;gap:.6rem;display:flex}.footer-social-icons a{color:var(--ink-soft);align-items:center;text-decoration:none;transition:color .3s;display:flex}.footer-social-icons a:hover{color:var(--magenta)}.footer-links{gap:1.2rem;display:flex}.footer-links a{color:var(--ink-soft);font-family:Permanent Marker,cursive;font-size:.9rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--magenta)}@keyframes sketchIn{0%{opacity:0;transform:translateY(30px)rotate(-2deg)}60%{transform:translateY(-4px)rotate(.5deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes splatIn{0%{opacity:0;transform:scale(.3)rotate(-15deg)}70%{transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(1deg)}}.hero-left>*{animation:.6s ease-out both sketchIn}.hero-logo{animation-delay:.1s}.hero-tagline{animation-delay:.35s}.hero-cta{animation-delay:.5s}.hero-panel{animation:.7s cubic-bezier(.23,1,.32,1) .3s backwards splatIn}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:3rem}.hero-logo{max-width:300px}.hero-panel{transform:rotate(0)}.games-wall{grid-template-columns:1fr}.blog-strip{flex-direction:column}.nav-links{display:none}.sub-form{flex-direction:column}.sub-form input{border-right:2.5px solid var(--ink)}.sub-form button{border-left:2.5px solid var(--ink);border-top:none}.footer-inner{text-align:center;flex-direction:column;gap:1rem}.footer-socials{flex-direction:column;gap:.8rem}.footer-social-icons,.footer-links{justify-content:center}}.cookie-banner{background:var(--ink);color:var(--paper);z-index:9999;border:3px solid var(--magenta);align-items:center;gap:1.2rem;width:calc(100% - 2rem);max-width:600px;padding:1rem 1.5rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)rotate(-.5deg);box-shadow:6px 6px #0003}.cookie-banner p{flex:1;font-family:Caveat,cursive;font-size:1.05rem;line-height:1.4}.cookie-dismiss{background:var(--magenta);color:#fff;border:2px solid var(--magenta);cursor:pointer;white-space:nowrap;padding:.4rem 1rem;font-family:Permanent Marker,cursive;font-size:.9rem;transition:all .2s}.cookie-dismiss:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.subscribe-success{color:var(--green);margin-top:1.5rem;font-family:Caveat,cursive;font-size:1.3rem;transform:rotate(-.5deg)}.subscribe-error{color:var(--red);margin-top:.8rem;font-family:Caveat,cursive;font-size:1rem}a.blog-card{color:inherit;text-decoration:none;display:block}