:root{--acid:#edff38;--yellow:#ffd429;--ink:#171712;--paper:#f3f0e7;--orange:#ff5b23;--green:#184c34}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC",sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.07;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:2px solid var(--ink);background:rgba(243,240,231,.92);backdrop-filter:blur(12px);position:fixed;top:0;width:100%;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:900;text-decoration:none;color:var(--ink);transform:rotate(-2deg)}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--acid);height:42px;width:42px;border-radius:50% 50% 45% 45%;font-size:22px}.nav nav{display:flex;gap:42px}.nav nav a{text-decoration:none;color:var(--ink);font-weight:700;font-size:14px}.nav nav a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}.nav-cta,.button{text-decoration:none;color:var(--ink);font-weight:900;border:2px solid var(--ink);padding:13px 20px;box-shadow:4px 4px 0 var(--ink);transition:.15s;cursor:pointer;font-family:inherit}.nav-cta{background:var(--acid)}.nav-cta:hover,.button:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.hero{min-height:720px;height:100vh;padding:120px 5vw 50px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;position:relative;background:var(--paper);overflow:hidden}.hero-copy{z-index:3;padding-left:3vw}.eyebrow,.kicker{font:700 12px/1.2 "Archivo Black",sans-serif;letter-spacing:2px;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{width:9px;height:9px;background:var(--orange);border-radius:50%;animation:pulse 1.4s infinite}.hero h1{margin:24px 0 16px;font:400 clamp(75px,10vw,160px)/.72 "Archivo Black",sans-serif;letter-spacing:-7px;text-transform:uppercase}.hero h1 span{position:relative;z-index:1}.hero h1 span:after{content:"";position:absolute;left:-2%;bottom:6%;width:105%;height:22%;background:var(--acid);z-index:-1;transform:rotate(-2deg)}.hero h1 em{font-style:normal;font-size:.55em;letter-spacing:-4px;color:transparent;-webkit-text-stroke:2px var(--ink)}.hero-copy>p{font-size:18px;font-weight:700;line-height:1.7}.hero-actions{display:flex;gap:15px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:white;font-size:15px}.button.primary{background:var(--acid)}.button b{font-size:18px}.player-count{font-size:12px;font-weight:700}.player-count b{font-size:15px;margin:0 3px}.avatars{letter-spacing:-8px;margin-right:15px;font-size:20px}.hero-art{height:min(75vh,650px);position:relative;display:grid;place-items:center}.sunburst{position:absolute;width:680px;height:680px;border-radius:50%;background:repeating-conic-gradient(var(--yellow) 0 13deg,#ffbd27 13deg 26deg);animation:spin 55s linear infinite}.dog-frame{width:min(48vw,580px);height:min(67vh,610px);position:relative;overflow:hidden;clip-path:polygon(11% 0,100% 6%,94% 96%,0 100%);filter:drop-shadow(12px 15px 0 var(--ink))}.dog-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.sticker{position:absolute;z-index:3;border:3px solid var(--ink);background:white;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:900;box-shadow:6px 6px 0 var(--ink)}.s1{width:90px;height:90px;left:1%;top:14%;transform:rotate(-12deg)}.s2{width:72px;height:72px;right:2%;top:7%;background:var(--acid);font-size:26px;transform:rotate(11deg)}.tagline{position:absolute;z-index:4;right:0;bottom:4%;background:var(--ink);color:white;padding:12px 24px;transform:rotate(-5deg);font-size:18px}.tagline strong{font-size:34px;color:var(--acid)}.bone{position:absolute;z-index:3;font-size:54px;filter:drop-shadow(4px 4px 0 var(--ink))}.bone-a{left:2%;bottom:9%;transform:rotate(-25deg)}.bone-b{right:7%;bottom:23%;transform:rotate(24deg);font-size:38px}.scroll-hint{position:absolute;bottom:22px;left:5%;font:12px "Archivo Black";letter-spacing:2px}.scroll-hint span{font-size:20px;margin-left:10px}.ticker{background:var(--ink);color:var(--acid);border-block:3px solid var(--ink);height:60px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;transform:rotate(-1deg) scale(1.02)}.ticker div{font:28px "Archivo Black";word-spacing:12px;animation:marquee 18s linear infinite}.play-section{padding:110px max(5vw,20px);background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;max-width:1200px;margin:0 auto 45px}.section-head h2,.rank h2{font-size:clamp(42px,5.5vw,78px);line-height:1.05;letter-spacing:-4px;margin:15px 0 0;font-weight:900}.section-head>p{font-size:14px;line-height:1.8;font-weight:700}.section-head kbd{border:1px solid #aaa;background:white;padding:3px 7px;box-shadow:2px 2px #999}.game-shell{max-width:1200px;margin:auto;border:3px solid var(--ink);box-shadow:12px 12px 0 var(--ink);background:#fff}.game-topbar{height:74px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--ink)}.mini-brand{font:20px "Archivo Black"}.mini-brand span{background:var(--ink);color:var(--acid);border-radius:50%;padding:8px;margin-right:7px}.game-stats{display:flex;gap:50px;text-align:center}.game-stats div{min-width:70px}.game-stats small{display:block;font-size:10px;letter-spacing:2px}.game-stats strong{font:22px "Archivo Black"}.icon-btn{width:42px;height:42px;border:2px solid var(--ink);background:var(--acid);font-size:20px;cursor:pointer}.game{height:min(58vw,520px);min-height:380px;position:relative;overflow:hidden;background:linear-gradient(#9deafa 0 64%,#d6ee37 64%);touch-action:manipulation;outline:none}.game:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20%;background:#73a936;border-top:8px solid #487728;z-index:1}.game canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3}.cloud{position:absolute;width:110px;height:35px;border-radius:40px;background:white;opacity:.8;top:20%;left:8%}.cloud:after,.cloud:before{content:"";position:absolute;background:white;border-radius:50%;width:50px;height:50px;top:-25px;left:15px}.cloud:after{left:52px;width:65px;height:65px;top:-38px}.c2{left:70%;top:12%;transform:scale(.7)}.game-panel{position:absolute;z-index:6;inset:0;background:rgba(18,18,14,.58);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center}.game-panel.hidden{display:none}.panel-badge{background:var(--acid);color:var(--ink);padding:7px 13px;font-size:11px;font-weight:900;letter-spacing:2px;transform:rotate(-2deg)}.panel-badge.danger{background:var(--orange);color:white}.game-panel h3{font-size:clamp(38px,6vw,72px);line-height:1;margin:20px 0 10px;letter-spacing:-3px}.game-panel p{line-height:1.8}.game-panel .button{margin:15px}.game-panel small{font-weight:700;opacity:.8}.boost-text{position:absolute;z-index:5;left:50%;top:25%;transform:translate(-50%,-50%) scale(0);font:clamp(40px,8vw,100px) "Archivo Black";color:var(--acid);-webkit-text-stroke:3px var(--ink);white-space:nowrap;pointer-events:none}.boost-text.show{animation:boostPop 1.2s ease}.mobile-tip{display:none;position:absolute;z-index:5;bottom:12px;right:12px;background:rgba(0,0,0,.6);color:white;padding:5px 10px;font-size:11px}.game-footer{height:44px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:11px;font-weight:700;letter-spacing:1px}.live-dot{color:var(--acid)}.how{background:var(--ink);color:white;padding:110px max(5vw,20px)}.section-head.inverse .kicker{color:var(--acid)}.steps{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#555;border:2px solid #555}.steps article{background:var(--ink);padding:32px;min-height:390px;position:relative}.steps article>span{font:16px "Archivo Black";color:#777}.step-icon{height:160px;display:grid;place-items:center;font:100px "Archivo Black";color:var(--acid);transition:.2s}.steps article:hover .step-icon{transform:translateY(-8px) rotate(-5deg)}.bone-icon,.fire{filter:grayscale(1);font-size:100px}.steps h3{font-size:32px;margin:10px 0}.steps p{color:#aaa;line-height:1.7;max-width:260px}.rank{padding:120px max(5vw,20px);display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:start}.rank-title{position:sticky;top:120px}.rank-title p{line-height:1.8}.leaderboard{border-top:3px solid var(--ink)}.rank-row{display:grid;grid-template-columns:50px 65px 1fr auto;align-items:center;padding:20px 10px;border-bottom:2px solid var(--ink);transition:.2s}.rank-row:hover{background:white;padding-left:18px}.rank-row>b{font:18px "Archivo Black"}.rank-row strong{font-size:18px}.rank-row em{font:16px "Archivo Black";font-style:normal}.dog-avatar{font-size:34px}.rank-row.first{background:var(--acid)}.rank-row.you{background:var(--ink);color:white;margin-top:15px;border:0}.rank-row.you em{color:var(--acid)}footer{background:var(--acid);border-top:3px solid var(--ink);padding:70px 5vw 35px;text-align:center}.footer-logo{font:clamp(70px,14vw,190px)/.8 "Archivo Black";letter-spacing:-9px}.footer-logo span{color:transparent;-webkit-text-stroke:3px var(--ink)}footer p{font-size:16px;font-weight:900;margin:45px 0}footer small{font:10px "Archivo Black";letter-spacing:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(255,91,35,.2)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes boostPop{0%{transform:translate(-50%,-50%) scale(0) rotate(-10deg)}25%,70%{transform:translate(-50%,-50%) scale(1) rotate(-3deg)}100%{transform:translate(-50%,-50%) scale(1.4);opacity:0}}@media(max-width:800px){.nav{height:64px;padding:0 16px}.nav nav{display:none}.nav-cta{padding:9px 12px;font-size:12px;box-shadow:3px 3px var(--ink)}.hero{height:auto;min-height:900px;padding:100px 20px 30px;grid-template-columns:1fr;align-content:start}.hero-copy{padding:0}.hero h1{font-size:24vw;letter-spacing:-5px}.hero-art{height:470px;margin-top:20px}.sunburst{width:460px;height:460px}.dog-frame{width:90vw;height:440px}.hero-copy>p{font-size:15px}.scroll-hint{display:none}.section-head{display:block}.section-head>p{margin-top:25px}.game-topbar{padding:0 10px;height:65px}.mini-brand{font-size:0}.mini-brand span{font-size:16px}.game-stats{gap:12px}.game-stats div{min-width:50px}.game-stats strong{font-size:15px}.game{height:480px}.mobile-tip{display:block}.steps{grid-template-columns:1fr}.steps article{min-height:310px}.rank{grid-template-columns:1fr}.rank-title{position:static}.rank-row{grid-template-columns:38px 50px 1fr auto;padding-inline:5px}.rank-row strong{font-size:14px}.rank-row em{font-size:12px}.footer-logo{letter-spacing:-4px}.footer-logo span{display:block;margin-top:20px}.s1{left:-2%}.s2{right:-1%}}