:root{--color-primary:#3776ab;--color-secondary:#ffd43b;--color-accent:#ff8c00;--color-bg:#141e30;--color-ui-bg:#141e30e6;--color-text:#fff;--color-text-dark:#0f172a;--gb-darkest:#0f172a;--gb-dark:#1e293b;--gb-light:#3776ab;--gb-lightest:#ffd43b;--gb-white:#f8fafc;--tile-size:32px;--viewport-w:480px;--viewport-h:352px}*{box-sizing:border-box;image-rendering:pixelated;touch-action:manipulation;margin:0;padding:0}html{touch-action:manipulation;-ms-touch-action:manipulation}html,body{width:100%;height:100%;min-height:100dvh;color:var(--color-text);overscroll-behavior:none;touch-action:manipulation;background:linear-gradient(135deg,#141e30 0%,#243b55 100%);justify-content:center;align-items:center;font-family:"Press Start 2P",monospace;display:flex;overflow:hidden}#root{width:480px;height:620px;min-height:unset;border:6px solid var(--color-primary);background-color:var(--color-bg);transform-origin:50%;border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}#root:after{content:"";pointer-events:none;z-index:9999;background:linear-gradient(#12101000 50%,#0000001a 50%) 0 0/100% 3px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/3px 100%;position:absolute;inset:0}button{font-family:"Press Start 2P",monospace;transition:all .2s}button:active{transform:scale(.95)}.bug-sprite{width:40px;height:40px;animation:2s ease-in-out infinite float;position:relative}.wasp .body-wasp{background:#ffd43b;border:2px solid #000;border-radius:10px;width:20px;height:30px;position:relative}.wasp .wing-l,.wasp .wing-r{background:#ffffff80;border-radius:50%;width:15px;height:10px;position:absolute;top:5px}.wasp .wing-l{left:-10px;transform:rotate(-30deg)}.wasp .wing-r{right:-10px;transform:rotate(30deg)}.wasp .stinger{clip-path:polygon(50% 100%,0 0,100% 0);background:#000;width:4px;height:8px;position:absolute;bottom:-5px;left:8px}.goblin .body-goblin{background:#2ecc71;border:2px solid #000;border-radius:5px;width:30px;height:30px;position:relative}.goblin .ear-l,.goblin .ear-r{background:#27ae60;width:10px;height:10px;position:absolute;top:5px}.goblin .ear-l{left:-8px;transform:skewY(20deg)}.goblin .ear-r{right:-8px;transform:skewY(-20deg)}.bat .body-bat,.bat-bool .body-bat{background:#34495e;border:2px solid #000;border-radius:50%;width:24px;height:24px;position:relative}.bat .wing-bat-l,.bat .wing-bat-r,.bat-bool .wing-bat-l,.bat-bool .wing-bat-r{background:#2c3e50;width:20px;height:15px;animation:.5s infinite flap;position:absolute;top:0}.bat .wing-bat-l,.bat-bool .wing-bat-l{clip-path:polygon(100% 0,0 50%,100% 100%);left:-15px}.bat .wing-bat-r,.bat-bool .wing-bat-r{clip-path:polygon(0 0,100% 50%,0 100%);right:-15px}.spider .spider-body{background:#2c3e50;border:2px solid #000;border-radius:50%;width:25px;height:20px;position:relative}.spider .spider-leg{background:#000;width:15px;height:2px;position:absolute}.spider .l1{top:5px;left:-10px;transform:rotate(-20deg)}.spider .l2{top:15px;left:-10px;transform:rotate(20deg)}.spider .r1{top:5px;right:-10px;transform:rotate(20deg)}.spider .r2{top:15px;right:-10px;transform:rotate(-20deg)}.worm .worm-seg{background:#e67e22;border:2px solid #000;border-radius:50%;width:12px;height:12px;margin-right:-4px;display:inline-block;position:relative}.worm .s1{transform:translateY(4px)}.worm .s2{transform:translateY(-4px)}.dragon .dragon-body{background:#c0392b;border:2px solid #000;border-radius:10px;width:35px;height:30px;position:relative}.dragon .dragon-wing{clip-path:polygon(0 100%,50% 0,100% 100%);background:#96281b;width:40px;height:20px;animation:.8s infinite flap;position:absolute;top:-10px;left:-2px}.dragon .dragon-fire{background:orange;border-radius:50%;width:10px;height:10px;animation:.1s infinite glitch;position:absolute;top:15px;left:-8px}.cat .cat-body{background:#2c3e50;border:2px solid #000;border-radius:5px;width:25px;height:25px;position:relative}.cat .cat-ear-l,.cat .cat-ear-r{clip-path:polygon(50% 0,0 100%,100% 100%);background:#2c3e50;border:2px solid #000;width:8px;height:8px;position:absolute;top:-6px}.cat .cat-ear-l{left:2px}.cat .cat-ear-r{right:2px}.cat .cat-tail{background:#2c3e50;width:15px;height:4px;position:absolute;bottom:5px;right:-10px;transform:rotate(-45deg)}.ghost .body-ghost{opacity:.8;background:#fff;border:2px solid #000;border-radius:15px 15px 0 0;width:28px;height:35px;position:relative}.ghost .ghost-tail{clip-path:polygon(0 0,20% 100%,40% 0,60% 100%,80% 0,100% 100%,100% 0);background:#fff;width:28px;height:10px;position:absolute;bottom:-8px}.slime-if .slime-body{background:#3498db;border:2px solid #000;border-radius:50% 50% 0 0;width:30px;height:20px;position:absolute;bottom:0}.snake .snake-body{background:#27ae60;border:2px solid #000;border-radius:10px;width:15px;height:35px;position:relative}.snake .tongue{background:red;border-radius:2px;width:4px;height:8px;position:absolute;top:-4px;left:5px}.troll .troll-body{background:#95a5a6;border:3px solid #000;border-radius:4px;width:35px;height:35px;position:relative}.troll .troll-horn{clip-path:polygon(50% 0,0 100%,100% 100%);background:#7f8c8d;width:8px;height:12px;position:absolute;top:-10px;left:13px}.generic-bug .generic-body{justifyContent:center;color:#fff;background:#444;border:2px dashed #888;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.rat .rat-body{background:#7f8c8d;border:2px solid #000;border-radius:50% 50% 0 0;width:20px;height:15px;position:relative}.rat .rat-tail{background:#555;width:15px;height:2px;position:absolute;bottom:2px;right:-10px;transform:rotate(20deg)}.beetle .beetle-shell{background:#8e44ad;border:2px solid #000;border-radius:10px;width:25px;height:25px}.beetle .beetle-head{background:#2c3e50;border:2px solid #000;width:12px;height:10px;position:absolute;top:-5px;left:6px}.raven .raven-body{background:#2c3e50;border:2px solid #000;border-radius:50% 50% 0 0;width:20px;height:25px;position:relative}.raven .raven-beak{clip-path:polygon(100% 0,0 50%,100% 100%);background:#f1c40f;width:8px;height:6px;position:absolute;top:8px;left:-6px}.pig .pig-body{background:#ff9ff3;border:2px solid #000;border-radius:8px;width:30px;height:25px;position:relative}.pig .pig-snout{background:#f368e0;border:1px solid #000;border-radius:4px;width:10px;height:8px;position:absolute;top:12px;left:10px}.scorp .scorp-body{background:#d35400;border:2px solid #000;border-radius:4px;width:25px;height:15px}.scorp .scorp-tail{border:4px solid #e67e22;border-bottom:none;border-radius:50% 50% 0 0;width:10px;height:20px;position:absolute;top:-15px;right:-5px}.owl .owl-body{background:#7f8c8d;border:2px solid #000;border-radius:12px;width:25px;height:30px}.squid .squid-head{background:#1abc9c;border:2px solid #000;border-radius:10px 10px 0 0;width:20px;height:25px}.squid .squid-tentacle{clip-path:polygon(0 0,25% 100%,50% 0,75% 100%,100% 0);background:#16a085;width:20px;height:10px;position:absolute;bottom:-5px}.monkey .monkey-body{background:#a04000;border:2px solid #000;border-radius:50%;width:25px;height:25px}.monkey .monkey-arm{background:#a04000;width:15px;height:4px;position:absolute;top:15px;left:-10px;transform:rotate(-20deg)}.eye-l,.eye-r{background:#000;width:4px;height:4px;position:absolute;top:8px}.wasp .eye-l,.wasp .eye-r,.bat .eye-l,.bat .eye-r,.bat-bool .eye-l,.bat-bool .eye-r,.snake .eye-l,.snake .eye-r,.scorp .eye-l{background:red}.eye-l{left:6px}.eye-r{right:6px}.troll .eye-l{left:8px}.troll .eye-r{right:20px}.slime-if .eye-l{top:6px;left:8px}.slime-if .eye-r{top:6px;right:8px}.rat .eye-l{top:4px;left:4px}.pig .eye-l{left:6px}.pig .eye-r{right:18px}.raven .eye-l{top:6px;right:4px}.owl .eye-l{top:10px;left:4px}.owl .eye-r{top:10px;right:4px}.squid .eye-l{left:4px}.squid .eye-r{right:4px}.monkey .eye-l{left:6px}.monkey .eye-r{right:6px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes flap{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.shake{animation:.5s shake}@keyframes capture-flash{0%{background-color:#0000}50%{background-color:#fffc}to{background-color:#0000}}.capture-flash{animation:.4s ease-out capture-flash}