@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;inset:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;inset:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width: 480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width: 374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}:root{--bg: #05040a;--panel: rgba(18, 9, 40, .7);--accent: #9b5cff;--accent-2: #4ef0c5;--text: #e8e5ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden}.game-host{width:100%;height:100%}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.topbar{display:flex;justify-content:space-between;padding:12px;gap:10px}.stat-pill{background:var(--panel);border:1px solid rgba(155,92,255,.4);padding:8px 12px;border-radius:12px;font-weight:600;backdrop-filter:blur(8px);box-shadow:0 0 10px #4f09ad80}.stat-label{opacity:.8}.stat-value{font-weight:700}.menus{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:12px}.menu-card{background:var(--panel);padding:20px 24px;border-radius:18px;border:1px solid rgba(78,240,197,.35);box-shadow:0 10px 40px #00000059;max-width:420px;text-align:center}.btn{background:linear-gradient(90deg,var(--accent),var(--accent-2));border:none;color:#0a0517;font-weight:700;padding:10px 16px;border-radius:12px;cursor:pointer;width:100%;pointer-events:auto;position:relative;z-index:100}.btn.secondary{background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.08)}.center-bottom{position:absolute;left:50%;transform:translate(-50%);bottom:16px}.center-vertical{bottom:auto!important;top:50%;transform:translate(-50%,-50%)!important;max-height:90vh;overflow-y:auto}.wallet-card{pointer-events:auto;background:var(--panel);padding:10px 12px;border-radius:12px;border:1px solid rgba(155,92,255,.4);display:flex;align-items:center;gap:8px}.badge{background:#4ef0c51f;color:var(--accent-2);padding:4px 8px;border-radius:8px;font-size:12px}.holder-badge{display:flex;align-items:center;gap:6px;background:var(--panel);padding:6px 12px;border-radius:12px;border:2px solid;font-weight:600;backdrop-filter:blur(8px);animation:holder-glow 2s ease-in-out infinite alternate}.holder-badge .tier-emoji{font-size:16px}.holder-badge .tier-name{font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:12px}.holder-badge .tier-balance{font-size:11px;opacity:.9}@keyframes holder-glow{0%{box-shadow:0 0 5px currentColor}to{box-shadow:0 0 15px currentColor}}.leaderboard-tier{margin-left:4px;font-size:14px}.leaderboard-row.diamond-tier{background:linear-gradient(90deg,#00ffff26,#00c8ff1a);border:1px solid rgba(0,255,255,.3)}.leaderboard-row.diamond-tier .name{color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.5)}.leaderboard-row.gold-tier{background:linear-gradient(90deg,#ffd7001a,#ffb4000d)}.leaderboard-row.gold-tier .name{color:gold}.leaderboard-row.silver-tier .name{color:silver}.leaderboard-row.bronze-tier .name{color:#cd7f32}.how-to-play-button{position:fixed;bottom:110px;left:20px;width:42px;height:42px;border-radius:50%;background:#9b5cff4d;border:2px solid rgba(155,92,255,.6);color:#e8e5ffe6;font-size:18px;font-weight:700;cursor:pointer;z-index:101;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.how-to-play-button:hover{background:#9b5cff80;border-color:#9b5cffe6;transform:scale(1.1)}.how-to-play-button:active{transform:scale(.95)}.cosmetics-button{position:fixed;bottom:110px;left:70px;width:42px;height:42px;border-radius:50%;background:#9b5cff4d;border:2px solid rgba(155,92,255,.6);color:#e8e5ffe6;font-size:18px;font-weight:700;cursor:pointer;z-index:101;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cosmetics-button:hover{background:#9b5cff80;border-color:#9b5cffe6;transform:scale(1.1)}.cosmetics-button:active{transform:scale(.95)}.cosmetics-card{min-width:340px;max-width:400px}.tier-status{font-weight:700;font-size:14px;margin-bottom:12px;padding:6px 12px;background:#0000004d;border-radius:8px;text-align:center}.cosmetics-section{margin:16px 0}.cosmetics-section h4{margin:0 0 10px;font-size:13px;color:var(--accent);text-transform:uppercase;letter-spacing:1px}.cosmetics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cosmetic-item{position:relative;background:#0000004d;border:2px solid rgba(155,92,255,.3);border-radius:8px;padding:8px;text-align:center;transition:all .2s ease}.cosmetic-item.unlocked:hover{background:#9b5cff33;border-color:var(--accent);transform:scale(1.05)}.cosmetic-item.locked{opacity:.5}.cosmetic-item.equipped{border-width:3px;box-shadow:0 0 10px currentColor}.cosmetic-preview{width:40px;height:40px;margin:0 auto 6px;border-radius:6px;display:flex;align-items:center;justify-content:center}.skin-preview{border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;min-height:40px}.trail-preview{background:#0006;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:40px}.trail-dots{width:90%;height:12px;border-radius:6px;box-shadow:0 0 8px currentColor}.cosmetic-name{font-size:10px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cosmetic-lock{position:absolute;top:4px;right:4px;font-size:10px;background:#000000b3;padding:2px 4px;border-radius:4px}.equipped-badge{position:absolute;top:4px;left:4px;font-size:12px;color:var(--accent-2);font-weight:700;text-shadow:0 0 4px var(--accent-2)}.cosmetics-hint{font-size:11px;color:#e8e5ff99;margin:12px 0;text-align:center}.combo-pill{position:relative;background:#321414cc!important;border:2px solid rgba(255,107,0,.3)!important;overflow:hidden;min-width:70px;transition:all .2s ease}.combo-pill.inactive{opacity:.5;border-color:#ff6b0033!important}.combo-pill.active{border-color:#ff6b00cc!important;opacity:1;animation:combo-glow .3s ease-in-out infinite alternate}.combo-fill{position:absolute;left:0;top:0;height:100%;transition:width .1s linear;z-index:0}.combo-timer-fill{background:linear-gradient(90deg,#ff6b00,#f06);opacity:.6}.combo-progress-fill{background:linear-gradient(90deg,#fd0,#f80);top:auto;bottom:0;height:4px;z-index:1;border-radius:0 0 6px 6px}.combo-text{position:relative;z-index:1;text-shadow:0 0 4px rgba(0,0,0,.8)}@keyframes combo-glow{0%{box-shadow:0 0 5px #ff6b0066}to{box-shadow:0 0 15px #ff6b00cc}}.combo-pill.energized{background:linear-gradient(135deg,#ffd7004d,#ff6b0066)!important;border-color:gold!important;animation:energized-pulse .15s ease-in-out infinite alternate,energized-shake .1s ease-in-out infinite}.combo-pill.energized .combo-fill{background:linear-gradient(90deg,gold,#ff6b00,#f06,gold);background-size:200% 100%;animation:energized-flow .5s linear infinite}@keyframes energized-pulse{0%{box-shadow:0 0 10px #ffd70099,0 0 20px #ff6b0066,inset 0 0 10px #ffd70033;transform:scale(1)}to{box-shadow:0 0 20px #ffd700e6,0 0 40px #ff6b0099,inset 0 0 15px #ffd7004d;transform:scale(1.05)}}@keyframes energized-shake{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes energized-flow{0%{background-position:0% 0%}to{background-position:200% 0%}}.boost-indicators{position:absolute;top:52px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;gap:8px;z-index:100}.boost-pill{padding:6px 12px;border-radius:12px;font-weight:700;font-size:12px;backdrop-filter:blur(8px);animation:boost-glow .5s ease-in-out infinite alternate;white-space:nowrap}.boost-double{background:linear-gradient(90deg,#ffd700cc,#ff8c00cc);border:2px solid #ffd700;color:#000;box-shadow:0 0 20px #ffd70099}.boost-shield{background:linear-gradient(90deg,#00ffffb3,#00d4ffb3);border:2px solid #00ffff;color:#000;box-shadow:0 0 20px #0ff9}.shield-with-bar{display:flex;align-items:center;gap:6px;min-width:140px;padding:5px 10px!important}.shield-label{font-weight:700}.shield-bar-container{flex:1;height:12px;background:#0006;border-radius:6px;overflow:hidden;border:1px solid rgba(0,255,255,.5)}.shield-bar-fill{height:100%;background:linear-gradient(90deg,#0ff,#0f8);border-radius:6px;transition:width .1s linear;box-shadow:0 0 8px #0ff}.shield-time{font-size:12px;font-weight:700;min-width:35px;text-align:right}.boost-magnet{background:linear-gradient(90deg,#ff00ffb3,#ff0066b3);border:2px solid #ff00ff;color:#fff;box-shadow:0 0 20px #f0f9}.magnet-with-bar{display:flex;align-items:center;gap:6px;min-width:140px;padding:5px 10px!important}.magnet-label{font-weight:700}.magnet-bar-container{flex:1;height:12px;background:#0006;border-radius:6px;overflow:hidden;border:1px solid rgba(255,0,255,.5)}.magnet-bar-fill{height:100%;background:linear-gradient(90deg,#f0f,#f06);border-radius:6px;transition:width .1s linear;box-shadow:0 0 8px #f0f}.magnet-time{font-size:12px;font-weight:700;min-width:35px;text-align:right}@keyframes boost-glow{0%{box-shadow:0 0 15px currentColor;transform:scale(1)}to{box-shadow:0 0 25px currentColor;transform:scale(1.03)}}.boost-inventory{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:50;pointer-events:auto}.inventory-slot{position:relative;width:50px;height:50px;background:#120928e6;border:2px solid rgba(155,92,255,.4);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:all .2s ease;overflow:hidden}.slot-fill{position:absolute;bottom:0;left:0;width:100%;transition:height .5s cubic-bezier(.34,1.56,.64,1);z-index:0;opacity:.7}.slot-fill-double{background:linear-gradient(0deg,gold,#ff8c00)}.slot-fill-shield{background:linear-gradient(0deg,#0ff,#08f)}.slot-fill-magnet{background:linear-gradient(0deg,#f0f,#f06)}.inventory-slot.has-boost{border-color:#4ef0c5cc;box-shadow:0 0 10px #4ef0c566}.inventory-slot.has-boost .slot-fill{animation:slot-pulse 1s ease-in-out infinite alternate}.inventory-slot.charging{border-color:#96969680;box-shadow:0 0 8px #9696964d;opacity:.85}.inventory-slot.charging .slot-fill{animation:charging-pulse .8s ease-in-out infinite alternate}.inventory-slot.charging .slot-fill-double{box-shadow:0 0 6px #ffd70066}.inventory-slot.charging .slot-fill-shield{box-shadow:0 0 6px #0ff6}.inventory-slot.charging .slot-fill-magnet{box-shadow:0 0 6px #f0f6}@keyframes charging-pulse{0%{opacity:.4}to{opacity:.7}}@keyframes slot-pulse{0%{opacity:.5}to{opacity:.8}}.inventory-slot.empty{opacity:.6}.inventory-slot .boost-key{position:absolute;top:2px;left:4px;font-size:10px;color:#fffc;font-weight:700;z-index:1;text-shadow:0 0 3px rgba(0,0,0,.8)}.inventory-slot .boost-icon{font-size:18px;z-index:1;filter:drop-shadow(0 0 2px rgba(0,0,0,.8));font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji","Android Emoji",emoji;font-style:normal;font-variant:normal;font-weight:400;line-height:1;display:inline-block}.inventory-slot .boost-count{position:absolute;bottom:2px;right:3px;font-size:10px;font-weight:700;color:#fff;z-index:1;text-shadow:0 0 3px rgba(0,0,0,.9);white-space:nowrap}.gameover-card{min-width:320px}.score-breakdown{background:#0000004d;border-radius:12px;padding:12px 16px;margin:12px 0}.score-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px}.score-row .score-label{color:#e8e5ffcc}.score-row .score-value{font-weight:700;color:var(--accent-2)}.score-row.total{font-size:18px;padding-top:10px}.score-row.total .score-label{color:var(--text);font-weight:700}.score-row.total .score-value{color:gold;font-size:22px;text-shadow:0 0 10px rgba(255,215,0,.5)}.score-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(155,92,255,.5),transparent);margin:8px 0}.best-score{font-size:16px;color:gold;margin:8px 0 16px}.leaderboard{margin-top:16px;padding-top:16px;border-top:1px solid rgba(155,92,255,.3)}.leaderboard h4{margin:0 0 12px;font-size:14px;color:var(--accent);text-align:center}.no-scores{text-align:center;color:#e8e5ff80;font-style:italic}.leaderboard-list{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto}.leaderboard-row{display:flex;align-items:center;padding:6px 10px;background:#0003;border-radius:6px;font-size:13px}.leaderboard-row.top-three{background:#9b5cff26}.leaderboard-row.highlight{background:linear-gradient(90deg,#4ef0c54d,#9b5cff4d);border:1px solid var(--accent-2);animation:highlight-pulse 1s ease-in-out infinite alternate}@keyframes highlight-pulse{0%{box-shadow:0 0 5px #4ef0c54d}to{box-shadow:0 0 15px #4ef0c580}}.leaderboard-row .rank{width:30px;font-weight:700}.leaderboard-row .name{flex:1;font-weight:600;color:var(--text)}.leaderboard-row .score{font-weight:700;color:var(--accent-2)}.highscore-entry{margin:16px 0;padding:16px;background:linear-gradient(135deg,#ffd7001a,#9b5cff1a);border:2px solid #ffd700;border-radius:12px;text-align:center}.highscore-banner{font-size:18px;font-weight:700;color:gold;margin-bottom:8px;text-shadow:0 0 10px rgba(255,215,0,.5);animation:banner-glow .5s ease-in-out infinite alternate}@keyframes banner-glow{0%{text-shadow:0 0 10px rgba(255,215,0,.5)}to{text-shadow:0 0 20px rgba(255,215,0,.8)}}.highscore-entry p{margin:8px 0;color:var(--text)}.name-input{width:100%;padding:12px 16px;font-size:18px;font-weight:700;text-align:center;background:#0006;border:2px solid var(--accent);border-radius:8px;color:var(--text);text-transform:uppercase;letter-spacing:2px;margin:12px 0}.name-input:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 15px #4ef0c566}.name-input::placeholder{color:#e8e5ff66}.twitter-input{width:100%;padding:10px 14px;font-size:14px;font-weight:600;text-align:center;background:#0006;border:2px solid rgba(29,161,242,.5);border-radius:8px;color:#1da1f2;letter-spacing:1px;margin:8px 0;box-shadow:0 0 8px #1da1f24d;text-shadow:0 0 4px rgba(29,161,242,.5)}.twitter-input:focus{outline:none;border-color:#1da1f2;box-shadow:0 0 15px #1da1f280;text-shadow:0 0 6px rgba(29,161,242,.7)}.twitter-input::placeholder{color:#1da1f280;text-shadow:none}.or-divider{color:#e8e5ff80;font-size:12px;font-weight:600;text-align:center;margin:4px 0}.x-logo{display:inline-block;font-family:system-ui,-apple-system,sans-serif;font-weight:900;color:#fff;font-size:15px;vertical-align:middle;background:#0009;padding:2px 4px;border-radius:3px;margin:0 2px}.twitter-link-name{color:#1da1f2;font-weight:600;text-decoration:none;transition:opacity .2s;pointer-events:auto;text-shadow:0 0 4px rgba(29,161,242,.5)}.twitter-link-name:hover{opacity:.9;text-decoration:underline;text-shadow:0 0 6px rgba(29,161,242,.7)}.entry-buttons{display:flex;gap:10px;margin-top:12px}.entry-buttons .btn{flex:1}.submitted-message{margin:16px 0;padding:12px;background:#4ef0c526;border:1px solid var(--accent-2);border-radius:8px;color:var(--accent-2);font-weight:600;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.share-x-btn{display:inline-flex;align-items:center;gap:8px;background:#000!important;border:2px solid #ffffff!important;color:#fff!important;padding:10px 20px;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease}.share-x-btn:hover{background:#1a1a1a!important;transform:scale(1.05);box-shadow:0 0 15px #ffffff4d}.share-x-btn .x-logo{font-size:18px;font-weight:900}.gameover-buttons{display:flex;gap:10px;margin-top:16px}.gameover-buttons .btn{flex:1}.title-card{max-width:450px}.boost-hint{font-size:12px;color:#e8e5ff99;margin-bottom:12px}.gameover-card{max-width:380px}@media screen and (max-width: 768px){.app-shell{height:100vh;height:100dvh}.game-host{height:100%;min-height:100%}.topbar{padding-top:max(8px,env(safe-area-inset-top));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));gap:6px}.holder-badge{padding:10px 12px!important;font-size:12px!important;gap:4px!important;min-width:160px;max-width:170px;min-height:70px;flex-shrink:0;flex-wrap:wrap;justify-content:center;align-content:center;box-sizing:border-box}.holder-badge .tier-emoji{font-size:18px!important}.holder-badge .tier-name{font-size:12px!important}.holder-badge .tier-balance{font-size:10px!important;width:100%;text-align:center}.wallet-card{flex-shrink:0;min-width:160px;max-width:170px;min-height:70px;flex-direction:column;align-items:center;justify-content:center;padding:8px 10px!important;box-sizing:border-box}.wallet-card .wallet-adapter-button{width:100%;justify-content:center;padding:6px 8px!important;font-size:12px!important}.wallet-card .badge{text-align:center;font-size:11px;padding:3px 6px}.wallet-card .sol-balance-badge{display:none}.boost-indicators{top:95px!important}.boost-inventory{right:max(10px,env(safe-area-inset-right))}.menus{padding:10px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.menu-card{max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px);overflow-y:auto;margin:10px}.gameover-card{max-width:95vw;min-width:unset;padding:16px}.title-card{max-width:95vw;padding:20px}.score-breakdown{padding:10px 12px}.score-row{font-size:12px;padding:4px 0}.score-row.total{font-size:16px}.score-row.total .score-value{font-size:18px}.leaderboard-list{max-height:150px}.leaderboard-row{padding:5px 8px;font-size:12px}.inventory-slot{width:55px;height:55px}.inventory-slot .boost-icon{font-size:18px!important;font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji","Android Emoji",emoji!important;line-height:1!important;display:inline-block!important}.stat-pill:not(.combo-pill){padding:5px 4px;font-size:11px;width:70px;min-width:70px;max-width:70px;height:38px;min-height:38px;max-height:38px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.stat-pill:not(.combo-pill) .stat-label{font-size:8px;text-transform:uppercase;letter-spacing:.3px;opacity:.7;line-height:1;margin-bottom:1px;display:block}.stat-pill:not(.combo-pill) .stat-value{font-size:11px;font-weight:700;line-height:1.1;white-space:nowrap;display:block}.stat-pill:not(.combo-pill) .stat-value:only-child{font-size:12px}.stat-pill.combo-pill{min-width:60px;padding:5px 8px;font-size:11px}.center-vertical{top:45%}.btn{padding:14px 24px;font-size:15px;min-height:48px}.how-to-play-button{width:50px;height:50px;font-size:22px;bottom:275px;left:15px}.cosmetics-button{width:50px;height:50px;font-size:22px;bottom:210px;left:15px}.cosmetics-card{min-width:unset;max-width:95vw}.cosmetics-grid{grid-template-columns:repeat(3,1fr);gap:6px}.cosmetic-preview{width:35px;height:35px}.cosmetic-name{font-size:9px}}.tutorial-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;animation:tutorial-fade-in .4s ease}.tutorial-overlay.tutorial-exit{animation:tutorial-fade-out .3s ease forwards;pointer-events:none}@keyframes tutorial-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tutorial-fade-out{0%{opacity:1}to{opacity:0}}.tutorial-backdrop{position:absolute;inset:0;background:#05040aeb;backdrop-filter:blur(8px)}.tutorial-container{position:relative;background:linear-gradient(135deg,#120928f2,#1e0f3cf2);border:2px solid rgba(155,92,255,.5);border-radius:24px;padding:32px 40px;max-width:480px;width:90%;text-align:center;box-shadow:0 0 60px #9b5cff4d,0 20px 60px #00000080,inset 0 1px #ffffff1a;animation:tutorial-slide-up .5s cubic-bezier(.34,1.56,.64,1);pointer-events:auto;z-index:10000}@keyframes tutorial-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tutorial-skip{position:absolute;top:16px;right:20px;background:none;border:1px solid rgba(255,255,255,.2);color:#e8e5ff99;font-size:12px;padding:6px 12px;border-radius:20px;cursor:pointer;transition:all .2s ease;pointer-events:auto;z-index:10001}.tutorial-skip:hover{background:#ffffff1a;color:#e8e5ffe6;border-color:#fff6}.tutorial-progress{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.tutorial-dot{width:10px;height:10px;border-radius:50%;background:#9b5cff4d;border:1px solid rgba(155,92,255,.5);cursor:pointer;transition:all .3s ease}.tutorial-dot:hover{transform:scale(1.2);background:#9b5cff80}.tutorial-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent);transform:scale(1.2)}.tutorial-dot.completed{background:var(--accent-2);border-color:var(--accent-2)}.tutorial-content{margin-bottom:28px}.tutorial-icon{font-size:56px;margin-bottom:16px;animation:tutorial-icon-bounce 2s ease-in-out infinite}@keyframes tutorial-icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tutorial-title{font-size:24px;font-weight:700;color:var(--text);margin:0 0 16px;text-shadow:0 0 20px rgba(155,92,255,.5)}.tutorial-text{font-size:15px;line-height:1.7;color:#e8e5ffd9;margin:0;white-space:pre-line}.tutorial-nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.tutorial-btn{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;pointer-events:auto}.tutorial-btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#0a0517;box-shadow:0 4px 15px #9b5cff66}.tutorial-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9b5cff99}.tutorial-btn-secondary{background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.15)}.tutorial-btn-secondary:hover:not(:disabled){background:#ffffff1f}.tutorial-btn-secondary:disabled{cursor:not-allowed}.tutorial-step-count{font-size:13px;color:#e8e5ff80;font-weight:600}@media screen and (max-width: 768px){.tutorial-container{padding:24px 20px;max-width:95%;border-radius:20px}.tutorial-icon{font-size:48px}.tutorial-title{font-size:20px}.tutorial-text{font-size:14px;line-height:1.6}.tutorial-btn{padding:10px 16px;font-size:13px}.tutorial-skip{font-size:11px;padding:5px 10px}.tutorial-dot{width:8px;height:8px}.tutorial-progress{gap:6px}}@media screen and (max-width: 380px){.menu-card{padding:12px}.gameover-card h3{font-size:20px}.inventory-slot{width:48px;height:48px}.stat-pill:not(.combo-pill){width:62px;min-width:62px;max-width:62px;height:36px;min-height:36px;max-height:36px;padding:4px 3px}.stat-pill:not(.combo-pill) .stat-label{font-size:7px}.stat-pill:not(.combo-pill) .stat-value{font-size:10px}.stat-pill:not(.combo-pill) .stat-value:only-child{font-size:11px}.stat-pill.combo-pill{min-width:55px;font-size:10px}.score-row{font-size:11px}.cosmetics-grid{grid-template-columns:repeat(2,1fr)}}
