*{margin:0;padding:0;box-sizing:border-box}:root{--coco-purple: #8A15FF}body{font-family:Plus Jakarta Sans,Arial,sans-serif;overflow-x:hidden;background-color:#0c0c0c;color:#fff}#game-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%}#ui-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#landing-hero{position:relative;min-height:100vh;z-index:2;overflow:hidden}#start-screen.start-hero{position:relative;inset:auto;display:grid;place-items:center;padding:24px;pointer-events:auto;z-index:3}#products-section{position:relative;z-index:2;background:#0c0c0c;padding:24px 20px 80px}.product-cards{max-width:920px;margin:-64px auto 0}.start-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/fp-bg2.webp) center/cover no-repeat,#eae6df;z-index:1}.start-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;pointer-events:none;transition:opacity .2s ease}.start-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000,#0000 60%,#0006 85%,#000c);pointer-events:none;transition:opacity .2s ease}.start-bg.no-fade:before,.start-bg.no-fade:after{opacity:0}.start-brand{position:absolute;top:28px;left:28px;display:flex;align-items:center;gap:12px}.brand-logo{width:40px;height:40px;border-radius:12px;background:#fffffff5;padding:6px;display:block;box-shadow:0 6px 16px #00000040}.brand-text{display:flex;align-items:baseline;gap:6px;font-size:20px}.brand-strong{font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}.brand-light{font-weight:500;color:#fff;opacity:.95;text-shadow:0 2px 8px rgba(0,0,0,.35)}#start-screen.start-hero{position:absolute;right:0;bottom:0;display:grid;place-items:center;padding:24px;pointer-events:none;width:100%;max-width:none;transform:none;top:0;left:0;background:none;z-index:2000}.hero-inner{width:min(820px,92vw);display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center;pointer-events:auto;padding-top:40px;max-height:100vh;overflow-y:auto}.hero-title{font-weight:800;font-size:clamp(28px,5vw,44px);letter-spacing:-.02em;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.5);color:#fff;margin-bottom:24px;max-width:760px;margin-left:auto;margin-right:auto}.hero-list{list-style:none;display:flex;flex-direction:column;gap:14px;padding:0;margin:0 auto 32px;align-items:flex-start;align-self:center;text-align:left;width:max-content}.hero-list li{display:flex;align-items:center;gap:12px;font-weight:700;font-size:18px;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.35)}.hero-list .check:before{display:none;content:none}.hero-list .check-icon{width:32px;height:32px;display:inline-block;flex-shrink:0}.hero-list .check-icon svg{width:100%;height:100%;display:block}.hero-ctas{display:grid;gap:8px;margin:0 0 16px;width:100%;max-width:360px;justify-items:center}.btn-hero-primary,.btn-hero-secondary{border-radius:100px;padding:14px 24px;font-weight:600;font-size:15px;line-height:1.1;letter-spacing:0;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:52px}.btn-hero-primary,.btn-hero-secondary{min-width:320px}.btn-hero-primary{background:#fff;color:#111;box-shadow:0 4px 16px #00000014}.btn-hero-primary:hover{background:#fafafa;transform:translateY(-2px);box-shadow:0 6px 18px #0000001a}.btn-hero-primary:active{transform:translateY(0);box-shadow:0 4px 16px #00000014}.btn-hero-secondary{background:var(--coco-purple, #8A15FF);color:#fff;box-shadow:0 4px 16px #00000014}.btn-hero-secondary:hover{filter:brightness(.96);transform:translateY(-2px);box-shadow:0 6px 18px #0000001a}.btn-hero-secondary:active{transform:translateY(0);box-shadow:0 4px 16px #00000014}.hero-or{color:#ffffffb3;text-align:center;font-weight:500;font-size:13px;margin:2px 0}.hero-scribble{font-family:Indie Flower,cursive;margin:0 0 60px;color:#fff;font-size:clamp(24px,3vw,32px);font-weight:700;text-shadow:0 4px 16px rgba(0,0,0,.5);letter-spacing:-.02em}.product-cards{display:flex;flex-direction:column;gap:20px;width:100%;max-width:860px;margin:-80px auto 80px;padding:0 20px}.product-card{background:#fff;border-radius:24px;padding:24px 28px;display:flex;align-items:center;gap:24px;box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;cursor:pointer;width:100%}.product-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 24px 72px #0003,0 12px 32px #00000026}.product-icon{flex-shrink:0;width:96px;height:96px;border-radius:24px;overflow:hidden;background:#eaeaea}.product-icon img,.product-thumb{width:100%;height:100%;object-fit:cover;display:block}.icon-placeholder{font-size:32px}.product-content{flex-grow:1}.product-content h3{margin:0 0 8px;font-size:20px;font-weight:700;color:#1a1a1a}.product-features{list-style:none;padding:0;margin:0;font-size:14px;color:#666;line-height:1.6}.product-features li{position:relative;padding-left:20px;margin-bottom:4px}.product-features li:before{content:"✓";position:absolute;left:0;color:#8ae27f;font-weight:700}.product-value{flex-shrink:0;text-align:center;padding:20px 56px 20px 32px;background:linear-gradient(135deg,#e8d5ff,#d8c5ff);border-radius:20px;min-width:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.product-card:hover .product-value{background:linear-gradient(135deg,#e0cbff,#d0b5ff)}.value-amount{font-size:20px;font-weight:800;color:#7c3aed;margin-bottom:4px;letter-spacing:-.02em}.value-included{font-size:11px;color:#6b21a8;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.value-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:inline-block}@media (max-width: 768px){.hero-inner{padding-top:20px;gap:12px}.hero-title{font-size:clamp(24px,6vw,32px)}.hero-list{flex-direction:column;gap:8px;margin:8px 0 16px}.hero-list li{font-size:14px;padding:8px 12px}.btn-hero-primary,.btn-hero-secondary{padding:14px 24px;font-size:15px}.hero-scribble{font-size:clamp(16px,4vw,20px);margin-bottom:20px}.product-cards{gap:12px;margin-bottom:20px}.product-card{flex-direction:column;padding:16px;text-align:center}.product-icon{width:50px;height:50px}.product-content h3{font-size:18px}.product-features{font-size:13px}.product-value{width:100%;margin-top:12px}}.overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;padding:2rem;border-radius:10px;text-align:center;pointer-events:auto;width:80%;max-width:500px}#hud{position:absolute;top:0;left:0;width:100%;padding:1rem;pointer-events:none}#score-display{font-size:3rem;text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}#score-display:before{content:"Score: ";font-size:1.1rem;font-weight:700;vertical-align:middle;margin-right:8px}#discount-progress-container{position:absolute;top:70px;left:50%;transform:translate(-50%);width:280px;z-index:100}#discount-progress-bar{width:100%;height:24px;background:#0006;border-radius:12px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}#discount-progress-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(90deg,#8ae27f,#6bc966,#8ae27f);background-size:200% 100%;border-radius:12px;transition:width .4s cubic-bezier(.4,0,.2,1);animation:shimmer 2s linear infinite;box-shadow:inset 0 2px 4px #ffffff4d}#discount-progress-fill.max{background:linear-gradient(90deg,gold,#ffc700,gold);background-size:200% 100%;animation:shimmer 1.5s linear infinite,pulseGlow 1s ease-in-out}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes pulseGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}#discount-progress-glow{position:absolute;left:0;top:0;height:100%;width:0%;background:radial-gradient(ellipse at center,rgba(138,226,127,.6) 0%,transparent 70%);border-radius:12px;transition:width .4s cubic-bezier(.4,0,.2,1);pointer-events:none}#discount-progress-glow.max{background:radial-gradient(ellipse at center,rgba(255,215,0,.6) 0%,transparent 70%)}#discount-progress-text{text-align:center;margin-top:8px;font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.45);letter-spacing:.5px}#discount-progress-text:before{content:"Discount: ";font-weight:700;margin-right:6px}#discount-progress-text.max{color:gold;animation:celebrate .5s ease-out}@keyframes celebrate{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}#discount-display{display:none}#discount-display.max-discount{color:gold;animation:pulse 1s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.discount-hint{margin-top:10px;font-size:12px;color:#666;text-align:center;line-height:1.4}button{background-color:#4caf50;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:10px 2px;cursor:pointer;border-radius:5px;pointer-events:auto;transition:background-color .3s}button:hover{background-color:#45a049}h1{font-size:3rem;margin-bottom:1rem;color:#fd0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}h2{font-size:2.5rem;margin-bottom:1rem;color:#ff5252;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.start-card{background:transparent;box-shadow:none;padding:0;max-width:420px;width:90%}@media (min-width: 1024px){#start-screen.start-hero{left:0}}.promo-card{pointer-events:auto;background:#ffffff8c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#000;border-radius:32px;padding:40px 35px 35px;box-shadow:0 25px 80px #00000040;text-align:center;position:relative}.discount-visual{margin-top:16px;display:flex;align-items:center;gap:16px;justify-content:center}.discount-visual.compact{gap:12px}.ring{--pct: 62;width:96px;height:96px;border-radius:50%;background:conic-gradient(#8ae27f calc(var(--pct) * 1%),#ffffff1a 0);display:grid;place-items:center;position:relative;box-shadow:0 8px 24px #00000040}.ring:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:#fff3;border-radius:50%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ring-label{position:relative;z-index:1;font-weight:800;color:#0b1f14;font-size:22px}.ring.max{background:conic-gradient(#ffd54f 100%,#ffffff1a 0)}.ring.max .ring-label{color:#3a2a00}.discount-copy{text-align:left}.discount-title{font-weight:700;color:#0b1f14}.discount-sub{opacity:.9;color:#0b1f14}.promo-dark .discount-title,.promo-dark .discount-sub{color:#fff}.promo-card.promo-dark{background:#000000d9;color:#fff}.promo-card.promo-dark .btn-secondary{background:#fff;color:#7c3aed;border:none}.promo-card.promo-dark .promo-price{color:#fff}.promo-card.promo-dark .promo-price .old-price{color:#ffffff80;text-decoration-color:#ffffff80}.promo-card.promo-dark .discount-badge{background:#000;color:#fff;border:1px solid rgba(255,255,255,.3)}.promo-badge{font-size:16px;font-weight:600;color:#000;margin-bottom:20px;text-align:center;letter-spacing:-.02em}.promo-headline{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:800;font-size:36px;line-height:1.15;margin:0 0 35px;text-align:center;letter-spacing:-.03em}.black-text{color:#000}.purple-text{color:#7c3aed}.promo-actions{display:flex;flex-direction:column;gap:14px;margin:0 0 30px;width:100%}.btn-primary{background:#7c3aed;border-radius:100px;padding:16px 32px;color:#fff;border:none;font-weight:600;font-size:17px;cursor:pointer;width:100%;transition:all .2s;letter-spacing:-.01em}.btn-primary:hover{background:#6b21a8;transform:translateY(-1px)}.btn-secondary{background:#fff;color:#7c3aed;border-radius:100px;padding:16px 32px;border:none;font-weight:600;font-size:17px;cursor:pointer;width:100%;transition:all .2s;letter-spacing:-.01em}.btn-secondary:hover{background:#fff;transform:translateY(-1px)}.promo-price{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#000;margin-top:0;padding:0 30px}.promo-price-row{display:flex;align-items:center;gap:16px}.promo-price .old-price{text-decoration:line-through;color:#9ca3af;font-size:22px;font-weight:500;text-decoration-thickness:2px}.promo-price .new-price{color:#7c3aed;font-weight:700;font-size:32px}.discount-badge{background:#000;color:#fff;padding:6px 14px;border-radius:100px;font-weight:700;font-size:14px;letter-spacing:.05em}.start-hint{color:#fff9;font-size:14px;margin-top:24px;text-align:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.tap-hint{position:absolute;left:50%;transform:translate(-50%);bottom:24px;background:#ffffff1f;color:#fff;padding:10px 16px;border-radius:18px;font-size:12px;letter-spacing:.2px;pointer-events:none}.tap-hint .tap-mobile{display:none}.tap-hint .tap-desktop{display:inline}@media (max-width: 768px){.tap-hint .tap-mobile{display:inline}.tap-hint .tap-desktop{display:none}}.rules-card{background:#fffffff2;color:#000;max-width:520px;width:92%;border-radius:24px;padding:24px;box-shadow:0 25px 80px #00000040}.rules-content{display:flex;flex-direction:column;align-items:center;gap:16px}.rules-image{width:100%;height:auto;border-radius:16px;display:block}.rules-text{text-align:center;font-size:14px;color:#111}.gameover-card{background:transparent;box-shadow:none;padding:0;max-width:420px;width:90%}.gameover-title{font-size:24px;font-weight:800;color:#ff6b6b;margin-bottom:8px;text-align:center;letter-spacing:.5px}.gameover-sub{font-size:14px;color:#fffc;margin-bottom:20px;text-align:center}.score-line{font-size:18px;margin-bottom:16px;text-align:center;color:#fff;font-weight:500}.leaderboard-compact{background:transparent;border-radius:0;padding:8px 0;margin:16px 0 20px}.gameover-actions{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.gameover-price-row{display:flex;align-items:baseline;gap:10px;justify-content:center;margin:8px 0 12px}.gameover-price-row .old-price{text-decoration:line-through;opacity:.8}.gameover-price-row .new-price{color:#fff;font-weight:800}.gameover-price-row .achieved-discount{font-weight:800;color:#8ae27f}.gameover-actions .btn-primary{background:#8b5cf6;padding:14px 32px;font-size:16px;font-weight:600}.gameover-actions .btn-primary:hover{background:#7c3aed}.gameover-actions .btn-secondary{background:#fff;color:#8b5cf6;border:none;padding:14px 32px;font-size:16px;font-weight:600}.gameover-actions .btn-secondary:hover{background:#fff;transform:translateY(-1px)}.promo-price.compact{justify-content:center;gap:8px;color:#fff}.promo-price.compact .old-price{color:#ffffff80}.promo-price.compact .new-price{color:#fff;font-size:28px}.leaderboard-entry{padding:8px 0;background:transparent;margin:0;border:none;font-size:16px}.leaderboard-rank{color:#fff;font-weight:600;margin-right:12px}.leaderboard-name{font-weight:500;color:#fff;opacity:.9}.leaderboard-score{color:#fff;font-weight:600;opacity:.9}.hidden{display:none}#final-score-container{font-size:1.5rem;margin-bottom:.5rem}#environment-select{margin:20px 0;text-align:center}#environment-select h3{margin-bottom:15px;color:#fff;font-size:1.2rem}.environment-options{display:flex;justify-content:center;gap:20px}.env-button{background-color:#00000080;border:2px solid #666;border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;width:100px;cursor:pointer;transition:all .3s ease}.env-button:hover{background-color:#323232b3;border-color:#999}.env-button.selected{background-color:#4caf504d;border-color:#4caf50}.env-icon{width:60px;height:60px;margin-bottom:8px;border-radius:5px;background-size:cover;background-position:center}.nature-icon{background-image:linear-gradient(to bottom,#7cfc00,#228b22)}.city-icon{background-image:linear-gradient(to bottom,#666,#333)}.ocean-icon{background-image:linear-gradient(to bottom,#1e90ff,#00008b)}.sky-icon{background-image:linear-gradient(to bottom,#87ceeb,#1e90ff)}.nature-icon:before{content:"🌲";font-size:24px;display:flex;justify-content:center;padding-top:15px}.city-icon:before{content:"🏙️";font-size:24px;display:flex;justify-content:center;padding-top:15px}.ocean-icon:before{content:"🏝️";font-size:24px;display:flex;justify-content:center;padding-top:15px}.sky-icon:before{content:"✈️";font-size:24px;display:flex;justify-content:center;padding-top:15px}#environment-switcher{position:absolute;top:20px;right:20px;pointer-events:auto}#game-controls{position:absolute;top:15px;left:15px;display:flex;gap:10px;pointer-events:auto;z-index:101}#sideViewContainer{transition:opacity .3s ease,visibility .3s ease}#switch-environment,#toggle-view,#toggle-mute{background-color:#00000080;border:2px solid #fff;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:24px;padding:0;cursor:pointer;transition:all .3s ease}#switch-environment:hover,#toggle-view:hover,#toggle-mute:hover{background-color:#323232b3}#switch-environment:hover{transform:rotate(180deg)}#toggle-view.active{background-color:#4caf50b3}#toggle-mute.muted:after{content:"🔇";position:absolute}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.8rem}button{padding:10px 20px}.promo-headline{font-size:28px}.promo-card{padding:32px 25px 28px}.btn-primary,.btn-secondary{font-size:15px;padding:14px 24px}.promo-price .old-price{font-size:18px}.promo-price .new-price{font-size:24px}.discount-badge{font-size:12px;padding:5px 10px}#score-display{font-size:2rem;position:absolute;top:80px;left:0;right:0;text-shadow:2px 2px 8px rgba(0,0,0,.8),0 0 5px rgba(0,0,0,.9);font-weight:700}#discount-progress-container{top:130px;width:240px}#discount-progress-bar{height:20px}#discount-progress-text{font-size:16px}.environment-options{gap:10px}.env-button{width:80px;padding:8px}.env-icon{width:50px;height:50px}#game-controls{top:15px;left:15px;transform:scale(.9);transform-origin:left top}#switch-environment,#toggle-view,#toggle-mute{width:55px;height:55px}}#leaderboard-container{margin-top:20px;max-height:300px;overflow-y:auto}#leaderboard-list{width:100%;margin-top:10px}.leaderboard-entry{display:flex;justify-content:space-between;padding:5px 10px;margin:5px 0;background:#ffffff1a;border-radius:5px}.leaderboard-entry.highlight{background:#4caf504d}.leaderboard-rank{width:30px}.leaderboard-name{flex-grow:1;text-align:left;margin:0 10px}.leaderboard-score{width:60px;text-align:right}#leaderboard-container::-webkit-scrollbar{width:8px}#leaderboard-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}#leaderboard-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}#leaderboard-container::-webkit-scrollbar-thumb:hover{background:#fff6}