@import "https://fonts.googleapis.com/css2?family=Bangers&family=Inter:wght@400;600;700;800;900&family=Space+Mono:wght@700&display=swap";:root{--amber:#f5a623;--amber-dk:#d4851a;--blue:#0a84ff;--blue-dk:#005fcc;--red:#ff3b30;--red-dk:#c0392b;--green:#30d158;--green-dk:#1e8c3a;--yellow:#ffd60a;--cream:#fff8ee;--ink:#1a0a00;--shadow-card:0 8px 0 #00000040, 0 16px 40px #0003;--shadow-btn:0 6px 0 #0000004d;--shadow-ipad:0 30px 0 #00000040, 0 40px 80px #0006;--font-game:"Bangers", cursive;--font-ui:"Inter", -apple-system, sans-serif;--font-mono:"Space Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--ink);-webkit-user-select:none;user-select:none;background:url(/game-bg.png) 50%/cover no-repeat fixed;min-height:100vh;overflow-x:hidden}body:before{content:"";z-index:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#fff8ee99;position:fixed;inset:0}header,main,#ipad-overlay,#game-over,#leaderboard-overlay,#legal-overlay,#site-footer,.ad-slot,.win-pop{z-index:10;position:relative}.bg-shape{filter:blur(100px);opacity:.35;z-index:1;pointer-events:none;border-radius:50%;position:fixed}.bg-shape-1{background:var(--amber);width:500px;height:500px;animation:20s ease-in-out infinite alternate floatBg;top:-150px;left:-100px}.bg-shape-2{background:#ff8c00;width:600px;height:600px;animation:26s ease-in-out infinite alternate-reverse floatBg;bottom:-200px;right:-150px}@keyframes floatBg{0%{transform:translate(0)scale(1)}to{transform:translate(80px,60px)scale(1.15)}}#header{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:3px solid var(--amber);background:#1a0a00d9;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0006}.header-left{font-family:var(--font-game);color:#fff;letter-spacing:1px;align-items:center;gap:16px;font-size:28px;display:flex}.highlight{font-family:var(--font-game);text-shadow:0 3px #0006;color:var(--yellow)!important;-webkit-text-fill-color:var(--yellow)!important;font-size:36px!important}#btn-leaderboard{background:linear-gradient(180deg, var(--yellow), #e6be00);color:var(--ink);font-size:16px;font-family:var(--font-game);letter-spacing:1px;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-weight:400;transition:all .12s cubic-bezier(.16,1,.3,1);box-shadow:0 5px #9a8000,0 8px 20px #0000004d}#btn-leaderboard:hover{transform:translateY(-2px);box-shadow:0 7px #9a8000,0 12px 30px #0006}#btn-leaderboard:active{transform:translateY(3px);box-shadow:0 2px #9a8000}#main-content{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 20px 150px;display:flex}.hero{text-align:center;margin-bottom:48px;animation:.8s cubic-bezier(.16,1,.3,1) heroIn}@keyframes heroIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-family:var(--font-game);letter-spacing:3px;color:var(--ink);text-shadow:4px 4px 0 var(--amber), 8px 8px 0 #00000026;-webkit-text-stroke:2px #00000026;margin-bottom:12px;font-size:88px;line-height:1}.hero p{color:#1a0a0099;max-width:700px;margin:0 auto;font-size:22px;font-weight:700}.checkout-station{background:var(--cream);border:4px solid var(--ink);text-align:center;width:460px;max-width:95vw;box-shadow:8px 8px 0 var(--ink), var(--shadow-card);border-radius:32px;padding:40px 36px 36px;animation:.9s cubic-bezier(.16,1,.3,1) .1s both stationIn;position:relative;overflow:hidden}.checkout-station:before{content:"";background:repeating-linear-gradient(90deg, var(--amber) 0, var(--amber) 20px, var(--ink) 20px, var(--ink) 22px);height:6px;position:absolute;top:0;left:0;right:0}@keyframes stationIn{0%{opacity:0;transform:scale(.85)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.station-header{font-family:var(--font-mono);letter-spacing:4px;color:#1a0a0066;text-transform:uppercase;margin-bottom:28px;font-size:13px}#product-emoji{filter:drop-shadow(0 12px 24px #0003);margin-bottom:16px;font-size:120px;animation:2.5s ease-in-out infinite alternate floatEmoji;display:block}@keyframes floatEmoji{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-14px)rotate(3deg)}}#product-name{font-family:var(--font-game);letter-spacing:1px;color:var(--ink);text-shadow:2px 2px #0000001a;margin-bottom:4px;font-size:42px}#product-price{font-family:var(--font-mono);color:var(--blue);margin-bottom:36px;font-size:28px;font-weight:700}#btn-pay{width:100%;font-family:var(--font-game);letter-spacing:2px;color:#fff;cursor:pointer;background:linear-gradient(#333,#111);border:none;border-radius:20px;padding:20px;font-size:32px;transition:all .12s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 7px #000,0 10px 30px #0000004d}#btn-pay:after{content:"";background:linear-gradient(#ffffff14,#0000);border-radius:20px 20px 0 0;height:50%;position:absolute;top:0;left:0;right:0}#btn-pay:hover{transform:translateY(-3px);box-shadow:0 10px #000,0 16px 40px #0006}#btn-pay:active{transform:translateY(5px);box-shadow:0 2px #000}#ipad-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#0a0500d9;justify-content:center;align-items:flex-end;padding-bottom:40px;transition:opacity .35s;display:flex;position:fixed;inset:0}#ipad-overlay.active{opacity:1;pointer-events:auto}#ipad{width:660px;max-width:95vw;box-shadow:var(--shadow-ipad), inset 0 0 0 1px #ffffff0d;background:linear-gradient(160deg,#2a2a2a,#111);border:3px solid #3a3a3a;border-radius:36px;padding:18px;transition:transform .55s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(110vh)scale(.92)rotate(-1deg)}#ipad:before{content:"";pointer-events:none;z-index:20;background:linear-gradient(130deg,#ffffff12 0%,#0000 50%);border-radius:36px;position:absolute;inset:0}#ipad-overlay.active #ipad{transform:translateY(0)scale(1)rotate(0)}.ipad-camera{background:#050505;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:20px;transform:translateY(-50%);box-shadow:0 0 0 2px #222,0 0 8px #0096ff4d}.ipad-screen{background:var(--cream);border:2px solid #00000014;border-radius:22px;flex-direction:column;justify-content:center;width:100%;height:420px;padding:32px 32px 24px;display:flex;position:relative;overflow:hidden}.ipad-screen:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffff26,#0000);border-radius:0 0 50% 50%;height:40%;position:absolute;top:0;left:10%;right:10%}.dodge-counter{font-family:var(--font-game);color:#ff3b3000;z-index:1;pointer-events:none;mix-blend-mode:multiply;font-size:380px;transition:color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dodge-counter.pop{transform:translate(-50%,-50%)scale(1.08);color:#ff1e1e1f!important}.tip-header,.tip-grid,.ipad-actions{z-index:10;position:relative}.tip-header{text-align:center;margin-bottom:24px}.tip-store{font-family:var(--font-mono);letter-spacing:3px;color:#1a0a0073;text-transform:uppercase;margin-bottom:10px;font-size:13px;display:inline-block}.tip-header h2{font-family:var(--font-game);letter-spacing:1px;color:var(--ink);text-shadow:2px 2px #00000014;margin-bottom:6px;font-size:40px}.tip-sub{color:#1a0a0080;font-size:17px;font-weight:700}.tip-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.tip-btn{background:var(--cream);border:3px solid var(--ink);cursor:pointer;box-shadow:0 5px 0 var(--ink);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:28px 8px;transition:all .1s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.tip-btn:hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-3px)}.tip-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.tip-btn.highlight{background:linear-gradient(160deg, var(--blue), var(--blue-dk));border-color:#003a8c;box-shadow:0 5px #003a8c}.tip-btn.highlight:hover{box-shadow:0 8px #003a8c}.tip-btn.highlight:active{box-shadow:0 1px #003a8c}.tip-btn .pct{font-family:var(--font-game);color:var(--ink);font-size:36px;line-height:1}.tip-btn.highlight .pct{color:#fff;text-shadow:0 2px 4px #0000004d}.tip-btn .badge{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:900;position:absolute;top:-14px;box-shadow:0 3px #0000004d}.ipad-actions{justify-content:space-between;align-items:center;margin-top:auto;display:flex}#btn-custom-tip{color:#1a0a0066;cursor:pointer;font-size:16px;font-weight:800;font-family:var(--font-ui);background:0 0;border:none;transition:color .2s}#btn-custom-tip:hover{color:var(--ink)}#btn-no-tip{font-family:var(--font-game);letter-spacing:1px;color:#fff;background:linear-gradient(180deg, var(--red), var(--red-dk));cursor:pointer;z-index:50;border:3px solid #8b0000;border-radius:16px;padding:16px 36px;font-size:24px;transition:transform .1s cubic-bezier(.16,1,.3,1),box-shadow .1s;position:relative;box-shadow:0 6px #8b0000,0 10px 30px #ff3b3066}#btn-no-tip:hover{transform:translateY(-2px);box-shadow:0 8px #8b0000,0 14px 40px #ff3b3099}#game-over{z-index:2000;color:#fff;text-align:center;opacity:0;pointer-events:none;background:radial-gradient(at 50% 30%,#ff3b30 0%,#7a0000 70%,#3a0000 100%);flex-direction:column;justify-content:center;align-items:center;padding:40px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;overflow-y:auto;transform:scale(1.04)}#game-over:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#00000026 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}#game-over>*{z-index:1;position:relative}#game-over.active{opacity:1;pointer-events:auto;transform:scale(1)}#game-over h1{font-family:var(--font-game);letter-spacing:4px;color:#fff;text-shadow:6px 6px #0006,0 0 80px #ff646499;-webkit-text-stroke:3px #fff3;margin-bottom:24px;font-size:130px;line-height:1}.end-receipt{-webkit-backdrop-filter:blur(20px);background:#00000059;border:2px solid #ffffff26;border-radius:24px;max-width:700px;margin-bottom:32px;padding:40px 50px;font-size:26px;font-weight:700;line-height:1.7}.tip-shame{font-family:var(--font-mono);color:var(--yellow);text-shadow:0 2px 10px #ffd60a80;border-top:2px dashed #fff3;margin-top:24px;padding-top:24px;font-size:22px}.btn-retry{font-family:var(--font-game);letter-spacing:2px;color:var(--ink);background:var(--yellow);cursor:pointer;z-index:10;border:3px solid #0000004d;border-radius:50px;padding:18px 50px;font-size:28px;transition:all .12s cubic-bezier(.16,1,.3,1);box-shadow:0 7px #0006}.btn-retry:hover{transform:translateY(-3px);box-shadow:0 10px #0006}.btn-retry:active{transform:translateY(5px);box-shadow:0 2px #0006}#submit-score{z-index:10;width:600px;max-width:95vw;margin-bottom:32px;position:relative}#submit-score h3{font-family:var(--font-game);letter-spacing:1px;text-shadow:0 2px 10px #0000004d;margin-bottom:14px;font-size:30px}#player-name{width:100%;font-size:24px;font-family:var(--font-game);letter-spacing:1px;text-align:center;color:var(--ink);background:#ffffffeb;border:3px solid #ffffff4d;border-radius:16px;outline:none;margin-bottom:16px;padding:20px 24px;box-shadow:0 6px #0000004d,0 10px 30px #0000004d}#player-name::placeholder{color:#1a0a0059}#btn-submit{width:100%;font-family:var(--font-game);letter-spacing:1px;color:#fff;background:linear-gradient(180deg, var(--green), var(--green-dk));cursor:pointer;border:3px solid #0f5c25;border-radius:16px;padding:20px;font-size:28px;transition:all .12s;box-shadow:0 7px #0f5c25,0 12px 40px #30d15866}#btn-submit:hover{transform:translateY(-3px);box-shadow:0 10px #0f5c25,0 18px 50px #30d15880}#btn-submit:active{transform:translateY(5px);box-shadow:0 2px #0f5c25}#leaderboard-overlay{z-index:3000;-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#0a0500e6;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}#leaderboard-overlay.active{opacity:1;pointer-events:auto}.leaderboard-modal{border:3px solid var(--amber);text-align:center;color:#fff;background:linear-gradient(160deg,#1a0a00,#0f0500);border-radius:32px;flex-direction:column;width:680px;max-width:92vw;max-height:85vh;padding:48px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;transform:scale(.93);box-shadow:0 50px 120px #000c,0 0 60px #f5a62333}#leaderboard-overlay.active .leaderboard-modal{transform:scale(1)}.leaderboard-modal h2{font-family:var(--font-game);letter-spacing:2px;color:var(--yellow);text-shadow:0 0 30px #ffd60a66;margin-bottom:28px;font-size:46px}.leaderboard-list{text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;flex:1;margin-bottom:24px;padding:12px;overflow-y:auto}.lb-row{font-size:24px;font-family:var(--font-game);letter-spacing:.5px;border-bottom:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .2s;display:flex}.lb-row:hover{background:#ffffff0a}.lb-row:last-child{border-bottom:none}.lb-rank{color:#fff6;width:60px;font-size:28px}.lb-name{color:#fff;flex:1;margin-left:12px}.lb-score{color:var(--yellow);font-family:var(--font-mono);text-shadow:0 0 10px #ffd60a66;font-size:26px;font-weight:700}.btn-close{width:100%;font-family:var(--font-game);letter-spacing:1px;color:var(--ink);background:linear-gradient(180deg, var(--amber), var(--amber-dk));cursor:pointer;border:3px solid #0000004d;border-radius:16px;padding:20px;font-size:24px;transition:all .12s;box-shadow:0 6px #0006}.btn-close:hover{transform:translateY(-2px);box-shadow:0 8px #0006}.btn-close:active{transform:translateY(4px);box-shadow:0 2px #0006}.win-pop{font-family:var(--font-game);letter-spacing:2px;color:var(--green);text-shadow:4px 4px #00000040,0 0 60px #30d15899;opacity:0;pointer-events:none;z-index:9999;font-size:120px;animation:1.6s cubic-bezier(.16,1,.3,1) forwards winPop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.3)rotate(-15deg)}@keyframes winPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-15deg)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(4deg)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.shake{animation:.55s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-12px,10px)}20%,80%{transform:translate(20px,-12px)}30%,50%,70%{transform:translate(-28px,20px)}40%,60%{transform:translate(28px,-20px)}}.ad-slot{text-align:center;z-index:50;justify-content:center;align-items:center;width:100%;margin:0 auto;display:flex}.ad-placeholder{color:#1a0a004d;text-transform:uppercase;letter-spacing:1px;background:#1a0a000f;border:2px dashed #1a0a0026;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.ad-bottom{-webkit-backdrop-filter:blur(20px);z-index:100;background:#1a0a00b3;border-top:2px solid #ffffff14;padding:8px;position:fixed;bottom:0;left:0;right:0}.ad-bottom .ad-placeholder{color:#ffffff40;background:0 0;border-color:#ffffff1a;width:728px;max-width:100%;height:90px}#game-over .ad-slot{z-index:2005;margin:0 0 28px}#game-over .ad-placeholder{color:#ffffff4d;background:#00000040;border-color:#ffffff1f;width:300px;height:250px}#site-footer{text-align:center;z-index:90;pointer-events:none;padding:6px 20px;position:fixed;bottom:96px;left:0;right:0}.footer-inner{-webkit-backdrop-filter:blur(16px);color:#fff6;pointer-events:auto;background:#1a0a0099;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:16px;padding:8px 20px;font-size:12px;display:inline-flex;box-shadow:0 4px 16px #0000004d}.footer-links{gap:14px;display:flex}.footer-links a{color:#fff6;font-size:12px;font-weight:700;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--yellow)}#legal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5000;opacity:0;pointer-events:none;background:#000000bf;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}#legal-overlay.active{opacity:1;pointer-events:auto}#legal-modal{background:var(--cream);border:3px solid var(--ink);width:600px;max-width:90vw;max-height:80vh;box-shadow:6px 6px 0 var(--ink), 0 40px 80px #0006;border-radius:24px;padding:48px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto;transform:scale(.94)}#legal-overlay.active #legal-modal{transform:scale(1)}#legal-modal .btn-close{width:auto;box-shadow:none;color:var(--ink);background:#1a0a0014;border:2px solid #0000001a;border-radius:20px;padding:8px 18px;font-size:15px;position:absolute;top:16px;right:16px}#legal-modal .btn-close:hover{background:#1a0a0026}#legal-content h2{font-family:var(--font-game);color:var(--ink);margin-bottom:20px;font-size:32px}#legal-content h3{color:var(--blue);margin:20px 0 8px;font-size:16px;font-weight:800}#legal-content p{color:#1a0a00a6;margin-bottom:12px;font-size:15px;line-height:1.7}@media (width<=700px){.hero h1{font-size:58px}#header{padding:14px 20px}.checkout-station{width:95vw;padding:30px 20px}#ipad{border-radius:24px}.ipad-screen{height:360px;padding:20px}.tip-grid{gap:8px}.tip-btn{padding:20px 4px}.tip-btn .pct{font-size:26px}#game-over h1{font-size:80px}.leaderboard-modal{padding:32px 24px}}