:root{--green:#2f9e5a;--green-bright:#3ecf6a;--teal:#00c9b1;--gold:#f4e86c;--gold-hot:#ffd24a;--coral:#ff5a3d;--night:#0b1c28;--alley:#163041;--mud:#5c4033;--paper:#fff6d8;--ink:#102018;--electric:#3d9be9;--font-display:"Bangers", "Comic Sans MS", cursive;--font-round:"Fredoka", "Trebuchet MS", sans-serif;--font-wobble:"Sniglet", "Fredoka", cursive;--radius-chunky:1.25rem;--max:1200px;--neon:#10b981}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--paper);font-family:var(--font-round);background:var(--night);margin:0;line-height:1.45;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none}h1,h2,h3{letter-spacing:.02em;margin:0;line-height:.95}p{margin:0}.site{position:relative}.nav{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem clamp(1rem,4vw,2.5rem);display:flex;position:absolute;inset:0 0 auto}.nav a,.nav .nav-brand{pointer-events:auto}.nav-brand{font-family:var(--font-display);color:var(--gold);text-shadow:2px 3px 0 var(--ink);font-size:clamp(1.6rem,3vw,2.2rem);transform:rotate(-2deg)}.nav-links{gap:1.25rem;margin:0;padding:0;font-size:.95rem;font-weight:600;list-style:none;display:none}.nav-links a{opacity:.92;transition:color .2s,transform .2s}.nav-links a:hover{color:var(--gold);transform:translateY(-2px)}@media (width>=760px){.nav-links{display:flex}}.hero{isolation:isolate;align-items:end;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-media{z-index:0;position:absolute;inset:0}.hero-media img{object-fit:cover;object-position:center 40%;width:100%;height:100%;animation:18s ease-in-out infinite alternate hero-drift;transform:scale(1.06)}.hero-media:after{content:"";background:linear-gradient(#0b1c2859 0%,#0b1c2826 35%,#0b1c288c 68%,#0b1c28eb 100%),radial-gradient(80% 55% at 70% 35%,#00c9b12e,#0000 60%),radial-gradient(60% 50% at 15% 80%,#2f9e5a40,#0000 55%);position:absolute;inset:0}.hero-content{z-index:1;width:min(100%, var(--max));flex-direction:column;gap:1rem;max-width:38rem;margin:0 auto;padding:clamp(5.5rem,12vh,7rem) clamp(1rem,4vw,2.5rem) clamp(2.5rem,6vh,4rem);display:flex;position:relative}.brand-mark{font-family:var(--font-display);color:var(--gold);text-shadow:3px 4px 0 var(--ink), -2px 0 0 var(--coral);width:fit-content;font-size:clamp(4.2rem,14vw,7.5rem);animation:3.2s ease-in-out infinite brand-wobble;transform:rotate(-3deg)}.hero h1{font-family:var(--font-wobble);color:var(--paper);text-shadow:2px 3px #00000073;max-width:18ch;font-size:clamp(1.65rem,4.8vw,2.55rem);font-weight:800}.hero-lead{color:#fff6d8eb;max-width:32ch;font-size:clamp(1.05rem,2.4vw,1.25rem)}.cta-row{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.btn{font-family:var(--font-wobble);border-radius:1.1rem 1.4rem 1rem 1.5rem;justify-content:center;align-items:center;gap:.45rem;padding:.85rem 1.35rem;font-size:1.05rem;font-weight:800;transition:transform .2s,filter .2s;display:inline-flex}.btn:hover{transform:translateY(-3px)rotate(-1deg)scale(1.03)}.btn:active{transform:translateY(0)scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--gold-hot), var(--gold));color:var(--ink);box-shadow:0 4px #b8941a}.btn-secondary{background:linear-gradient(135deg, var(--green-bright), var(--teal));color:var(--ink);box-shadow:0 4px #1f6b42}.bag-btn:before{content:"";opacity:.85;background:currentColor;width:1.1rem;height:1.35rem;animation:1.8s ease-in-out infinite bag-bounce;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath fill='black' d='M8 3c0-1.1.9-2 2-2h4c1.1 0 2 .9 2 2v1h4l-1.5 20a3 3 0 0 1-3 2.5H8.5a3 3 0 0 1-3-2.5L4 4h4V3z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath fill='black' d='M8 3c0-1.1.9-2 2-2h4c1.1 0 2 .9 2 2v1h4l-1.5 20a3 3 0 0 1-3 2.5H8.5a3 3 0 0 1-3-2.5L4 4h4V3z'/%3E%3C/svg%3E") 50%/contain no-repeat}.floaties{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.floaty{font-family:var(--font-display);color:var(--gold);opacity:.55;text-shadow:1px 2px 0 var(--ink);animation:5s ease-in-out infinite float-y;position:absolute}.floaty:first-child{font-size:1.4rem;animation-delay:0s;top:18%;left:6%}.floaty:nth-child(2){color:var(--teal);font-size:1.1rem;animation-delay:1.2s;top:28%;right:8%}.floaty:nth-child(3){color:var(--coral);font-size:1.3rem;animation-delay:.6s;bottom:22%;right:14%}@media (width<=700px){.floaties{display:none}}.sec{padding:clamp(3.5rem,8vw,6rem) clamp(1rem,4vw,2rem);position:relative}.wrap{width:min(100%,1120px);margin:0 auto}.sec-intro{max-width:36rem;margin-bottom:1.75rem}.sec-intro .eyebrow,.gallery-panel .eyebrow{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:.4rem;font-size:1rem}.sec-intro h2,.gallery-panel h2{font-family:var(--font-display);color:var(--gold);text-shadow:3px 3px 0 var(--ink);margin:0 0 .7rem;font-size:clamp(2.3rem,6vw,3.6rem);line-height:1.05}.sec-intro p,.gallery-panel>p{color:#fff6d8e6;max-width:38ch;margin:0;font-size:1.08rem;line-height:1.5}.frame-img,.story-shot img,.toko-art img,.gallery>img,.gallery-strip img{border-radius:0;width:100%;height:auto;display:block}.about{background:#0a1210}.story{gap:0;display:grid}.story-shot{background:#050808;border:1px solid #10b9818c;border-radius:16px;margin:0;position:relative;overflow:hidden}.story-shot img{aspect-ratio:1024/558;object-fit:cover;object-position:center center;width:100%;height:auto}.story-shot figcaption{background:linear-gradient(#0000,#050808eb);flex-wrap:wrap;align-items:center;gap:.65rem;padding:1.1rem 1.15rem;display:flex;position:absolute;bottom:0;left:0;right:0}.story-shot figcaption strong{font-family:var(--font-wobble);color:var(--paper);font-size:1.05rem;font-weight:800}.tag{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:.3rem .6rem;font-size:.8rem}.tag-bad{color:#fff;background:#be123c}.tag-good{color:#042f1a;background:#10b981}.story-bridge{justify-content:center;align-items:center;gap:.75rem;padding:1.1rem .5rem;display:flex}.bridge-line{background:linear-gradient(90deg,#0000,#10b981,#0000);flex:1;height:2px}.bridge-orb{text-align:center;background:radial-gradient(circle at 30% 30%,#1a3d2e,#0a1210);border:2px solid #10b981;border-radius:999px;flex:none;min-width:6.5rem;padding:.7rem 1rem;animation:2.4s ease-in-out infinite bag-bounce}.bridge-orb span{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold);font-size:.95rem}.laws{background:radial-gradient(55% 40% at 85% 10%,#10b9811f,#0000),#0d1117}.laws-layout{align-items:end;gap:1.5rem;margin-bottom:1.75rem;display:grid}@media (width>=880px){.laws-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:2rem}.laws-layout .sec-intro{margin-bottom:0}}.laws-art{background:#050808;border:1px solid #10b9818c;border-radius:16px;margin:0;overflow:hidden}.laws-art img{aspect-ratio:1024/558;object-fit:cover;object-position:center center;width:100%;height:auto}.law-list{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.law-list{grid-template-columns:1fr 1fr}}.law-list li{background:#070b0ae6;border:1px solid #10b98166;border-radius:14px;align-items:flex-start;gap:.9rem;padding:1.1rem 1.15rem;display:flex}.law-list li>span{font-family:var(--font-display);color:#10b981;flex:none;font-size:1.35rem;line-height:1}.law-list strong{font-family:var(--font-wobble);color:var(--gold);margin-bottom:.25rem;font-size:1.1rem;font-weight:800;line-height:1.15;display:block}.law-list p{color:#fff6d8bf;margin:0;font-size:.95rem;line-height:1.4}.community{background:#070b0a}.gallery{isolation:isolate;background:#050808;border:1px solid #10b9818c;border-radius:18px;margin:0 0 1.5rem;position:relative;overflow:hidden}.gallery>img{aspect-ratio:1024/490;object-fit:cover;object-position:center center;width:100%;height:auto;display:block}.gallery-panel{background:linear-gradient(#0000 0%,#070b0a8c 28%,#070b0af0 100%);flex-direction:column;align-items:flex-start;max-width:100%;padding:clamp(1.25rem,4vw,2.25rem);display:flex;position:absolute;inset:auto 0 0}@media (width>=860px){.gallery-panel{background:linear-gradient(90deg,#070b0af5 0%,#070b0ad1 70%,#0000 100%);justify-content:flex-end;width:min(48%,28rem);padding:2rem 1.5rem 2rem 2rem;inset:0 auto 0 0}}.gallery-panel h2{max-width:11ch}.gallery-panel>p{margin-bottom:1.15rem}.gallery-strip{grid-template-columns:1fr;gap:.85rem;display:grid}@media (width>=720px){.gallery-strip{grid-template-columns:repeat(3,1fr)}}.gallery-strip figure{background:#050808;border:1px solid #10b98166;border-radius:14px;margin:0;overflow:hidden}.gallery-strip img{aspect-ratio:1024/558;object-fit:cover;object-position:center center;width:100%;height:auto}.gallery-strip figcaption{font-family:var(--font-wobble);color:var(--gold);background:#0a1210;padding:.7rem .85rem;font-size:.92rem;font-weight:800}.game-sec{background:radial-gradient(50% 40% at 20% 0,#f4e86c14,#0000),#0a1210}.game{background:#070b0a;border:1px solid #10b98180;border-radius:16px;padding:1rem;overflow:hidden}.game-hud{font-family:var(--font-wobble);color:#fff6d8cc;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:.75rem;font-weight:800;display:flex}.game-hud strong{color:var(--gold);font-size:1.15rem}.game-stage{touch-action:none;background:#0b1c28;border:1px solid #10b98159;border-radius:12px;width:100%;overflow:hidden}.game-stage canvas{vertical-align:top;width:100%;max-width:100%;height:auto;display:block}.game-controls{flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;margin-top:.9rem;display:flex}.game-hint{color:#fff6d8b3;max-width:36ch;margin:0;font-size:.92rem}.game-hint b{color:var(--gold)}.footer{text-align:center;background:#08141c;border-top:3px dashed #3ecf6a4d;padding:2rem clamp(1rem,4vw,2rem) 2.5rem}.footer p{font-family:var(--font-wobble);color:var(--green-bright);margin-bottom:.35rem;font-weight:800}.footer small{color:#fff6d88c;font-size:.85rem}@keyframes brand-wobble{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(-1deg)translateY(-4px)}}@keyframes bag-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes float-y{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-14px)rotate(4deg)}}@keyframes hero-drift{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.08)translate(-1.5%,-1%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes grind{to{transform:rotate(-360deg)}}@keyframes drip{0%{opacity:.2;transform:translateY(-10%)}50%{opacity:.7}to{opacity:0;transform:translateY(120%)}}@keyframes coin-fall{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(8px)scale(.92)}}@keyframes neon-flicker{0%,92%,to{opacity:1}94%{opacity:.7}96%{opacity:1}98%{opacity:.85}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}