@font-face{font-family:Anton;src:url(assets/fonts/anton-400.woff2) format("woff2");font-display:block}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#05070f}body{font-family:Anton,Arial Black,sans-serif;color:#fff}#stage{position:absolute;left:0;top:0;width:1280px;height:720px;transform-origin:0 0;overflow:hidden;background:#0b1a4a}#world{position:absolute;inset:0}#hud{position:absolute;inset:0;pointer-events:none}.title{position:absolute;left:22px;top:18px;padding:7px 20px 9px;background:linear-gradient(#1b1b1f,#0b0b0d);border:3px solid #f4c430;border-radius:14px;box-shadow:0 6px #8a6a00,0 10px 24px #0009;transform:rotate(-2deg)}.title small{display:block;font-size:19px;letter-spacing:3px;color:#f4c430;line-height:1}.title b{display:block;font-size:50px;line-height:1;font-weight:400;text-shadow:3px 3px 0 #c8102e}.bag{position:absolute;right:22px;top:18px;min-width:190px;text-align:center;padding:7px 20px 9px;background:linear-gradient(#ffe07a,#f4c430 55%,#c99a10);border-radius:14px;color:#1a1200;box-shadow:0 6px #7a5a00,0 10px 24px #0009}.bag small{display:block;font-size:19px;letter-spacing:3px;line-height:1}.bag b{display:block;font-size:60px;line-height:1;font-weight:400}.bag.pop{animation:pop .3s}@keyframes pop{50%{transform:scale(1.12)}}#x2{position:absolute;left:-26px;top:-12px;width:58px;height:58px;border-radius:50%;background:#c8102e;color:#fff;border:3px solid #fff;font-style:normal;font-size:28px;line-height:52px;display:none;transform:rotate(-12deg)}#x2.on{display:block}.tag{position:absolute;left:0;top:0;padding:4px 14px 6px;background:#c8102e;border:3px solid #fff;border-radius:999px;font-size:26px;line-height:1;white-space:nowrap;box-shadow:0 4px 12px #00000080;transform:translate(-50%,-100%)}.tag:after{content:"";position:absolute;left:50%;bottom:-11px;margin-left:-8px;border:8px solid transparent;border-top-color:#fff;border-bottom:0}.tag:empty{display:none}.bubble{position:absolute;left:0;top:0;padding:6px 15px 8px;background:#fff;color:#111;border-radius:18px;font-size:26px;white-space:nowrap;box-shadow:0 4px 12px #00000080;opacity:0;transition:opacity .2s;transform:translate(-20%,-100%) rotate(-3deg)}.bubble.on{opacity:1}.bubble:after{content:"";position:absolute;left:28px;bottom:-13px;border:11px solid transparent;border-top-color:#fff;border-bottom:0}.banner{position:absolute;left:50%;top:150px;transform:translate(-50%) scale(.6);opacity:0;text-align:center;transition:transform .25s cubic-bezier(.2,1.6,.4,1),opacity .2s}.banner.on{opacity:1;transform:translate(-50%) scale(1)}.banner b{display:block;font-size:84px;font-weight:400;line-height:1;color:#ffe07a;-webkit-text-stroke:3px #1a1200;text-shadow:0 6px 0 #c8102e,0 12px 26px rgba(0,0,0,.7);white-space:nowrap}.banner small{display:block;margin-top:6px;font-size:32px;letter-spacing:1px;text-shadow:2px 2px 0 #000;white-space:nowrap}.banner.bad b{color:#ff8a8a;text-shadow:0 6px 0 #4a0010,0 12px 26px rgba(0,0,0,.7)}.banner.good b{color:#9ff0bf;text-shadow:0 6px 0 #0d5a2c,0 12px 26px rgba(0,0,0,.7)}.dice{position:absolute;left:50%;top:286px;display:flex;gap:20px;transform:translate(-50%);opacity:0;transition:opacity .15s}.dice.on{opacity:1}.dice p{position:absolute;left:50%;top:-44px;transform:translate(-50%);font-size:34px;color:#f4c430;text-shadow:2px 2px 0 #000;white-space:nowrap}.die{width:84px;height:84px;background:linear-gradient(145deg,#fff,#dcdce4);border-radius:16px;box-shadow:inset -5px -6px #b9b9c6,0 10px 18px #0009;position:relative}.die i{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#c8102e}.dice.cops{top:auto;bottom:150px;left:var(--cx,240px);gap:10px}.dice.cops .die{width:52px;height:52px;border-radius:11px;box-shadow:inset -3px -4px #b9b9c6,0 6px 12px #0009}.dice.cops .die i{width:10px;height:10px;margin:-5px 0 0 -5px;background:#1d4fd8}.dice.cops p{font-size:24px;top:-34px;color:#9fc3ff}.behind{position:absolute;left:40px;top:128px;padding:8px 14px 10px 30px;background:#1d4fd8;border:3px solid #fff;border-radius:12px;font-size:22px;line-height:1.05;opacity:0;transition:opacity .2s}.behind.on{opacity:1}.behind:before{content:"";position:absolute;left:-18px;top:50%;margin-top:-14px;border:14px solid transparent;border-right:18px solid #fff;border-left:0}.road{position:absolute;left:22px;right:22px;bottom:14px;height:58px;background:#080a14db;border:2px solid rgba(244,196,48,.7);border-radius:14px}.track{position:absolute;left:22px;right:172px;top:25px;height:8px;border-radius:4px;background:#2a2d3c}.track .done{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:#f4c430}.mk{position:absolute;top:-9px;width:24px;height:24px;margin-left:-12px;border-radius:6px;font-family:Arial,sans-serif;font-weight:900;font-size:15px;line-height:20px;text-align:center}.mk.safe{background:#2f9e5b;border:2px solid #9ff0bf}.mk.trap{background:#c8102e;border:2px solid #ffb3bd}.who{position:absolute;top:-17px;width:42px;height:42px;margin-left:-21px;border-radius:50%;border:3px solid #fff;font-size:21px;line-height:36px;text-align:center;transition:left .25s linear}.who.cop{background:#1d4fd8}.who.run{background:#f4c430;color:#111}.stagepill{position:absolute;right:9px;top:7px;width:150px;height:40px;border-radius:10px;background:linear-gradient(#ffe07a,#c99a10);color:#1a1200;text-align:center;font-size:23px;line-height:40px}.end{position:absolute;left:50%;top:50%;width:760px;padding:26px 30px 30px;transform:translate(-50%,-50%) scale(.7);opacity:0;text-align:center;background:linear-gradient(#1b1b1f,#0b0b0d);border:4px solid #f4c430;border-radius:24px;box-shadow:0 10px #8a6a00,0 20px 60px #000c;transition:transform .35s cubic-bezier(.2,1.5,.4,1),opacity .25s}.end.on{opacity:1;transform:translate(-50%,-50%) scale(1)}.end small{display:block;font-size:30px;letter-spacing:3px;color:#f4c430}.end b{display:block;font-size:110px;font-weight:400;line-height:1.05;color:#fff;text-shadow:4px 4px 0 #c8102e}.end p{font-size:30px;margin-top:8px}.setup{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#05070fc7;font-family:Arial,sans-serif}.setup h1{font-family:Anton,sans-serif;font-weight:400;font-size:84px;line-height:1;text-align:center;text-shadow:4px 4px 0 #c8102e;margin-bottom:10px}.setup h1 small{display:block;font-size:28px;letter-spacing:4px;color:#f4c430;text-shadow:none}.setup label{display:flex;align-items:center;gap:14px;width:440px;justify-content:space-between;font-size:22px;font-weight:700}.setup input,.setup select{width:240px;padding:10px 12px;font-size:22px;border-radius:10px;border:2px solid #f4c430;background:#111;color:#fff}.setup p{font-size:18px;color:#cfd6ea;min-height:24px}.setup button,.ctrl button{font-family:Anton,sans-serif;font-size:30px;padding:10px 34px 12px;border:0;border-radius:14px;background:linear-gradient(#ffe07a,#f4c430 55%,#c99a10);color:#1a1200;box-shadow:0 6px #7a5a00;cursor:pointer}.setup.off{display:none}.ctrl{position:absolute;right:22px;bottom:86px;display:none;gap:10px}.ctrl.on{display:flex}.ctrl button[disabled]{opacity:.45;cursor:default}.ctrl #b-auto.on{background:linear-gradient(#9ff0bf,#2f9e5b);box-shadow:0 6px #0d5a2c}.clean .ctrl{display:none!important}.road{display:none}.x2fly{position:absolute;left:640px;top:330px;font-size:220px;line-height:1;color:#ffe07a;-webkit-text-stroke:6px #1a1200;text-shadow:0 10px 0 #c8102e,0 0 60px rgba(255,224,122,.9);transform:translate(-50%,-50%) scale(0);animation:x2fly 2.4s cubic-bezier(.2,1.4,.4,1) forwards;pointer-events:none}@keyframes x2fly{0%{transform:translate(-50%,-50%) scale(0) rotate(-30deg)}18%{transform:translate(-50%,-50%) scale(1.25) rotate(6deg)}30%{transform:translate(-50%,-50%) scale(1) rotate(0)}62%{left:640px;top:330px;transform:translate(-50%,-50%) scale(1);opacity:1}to{left:1150px;top:60px;transform:translate(-50%,-50%) scale(.2);opacity:.2}}.bag.glow{box-shadow:0 6px #7a5a00,0 0 40px 10px #ffe07abf;animation:pop .3s}.bag.lose{background:linear-gradient(#ffb3bd,#ff4d5e 55%,#a0102a);transition:background .2s}.end.jack{top:30%;width:620px;padding:16px 24px 20px}.end.jack b{font-size:92px}
