:root{--main-bg-color: #000;--main-text-color: #fff;--accent-color: #ffcc00;--ghost-blue: #00ffff;--ghost-pink: #ffb8de;--ghost-red: #ff0000;--ghost-orange: #ffb847;--swag-purple: #9d00ff;--swag-gold: #ffd700;--swag-ice: #a5f2f3;--swag-neon: #39ff14;font-family:"Press Start 2P",system-ui,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--main-text-color);background-color:var(--main-bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes score-pulse{0%{transform:scale(1);text-shadow:0 0 5px var(--accent-color)}50%{transform:scale(1.2);text-shadow:0 0 15px var(--accent-color),0 0 25px var(--accent-color);color:var(--swag-gold)}to{transform:scale(1);text-shadow:0 0 5px var(--accent-color)}}.score-pulse{animation:score-pulse .3s ease-in-out}@keyframes float-up{0%{opacity:0;transform:translateY(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-50px)}}.score-popup{position:absolute;font-family:"Press Start 2P",monospace;color:#fff;font-size:14px;text-shadow:0 0 5px rgba(255,255,255,.7),0 0 10px rgba(255,255,255,.5),0 0 15px rgba(255,255,0,.5);pointer-events:none;z-index:1000;animation:float-up 1s forwards}.score-popup.bonus-popup{font-size:20px;color:gold;text-shadow:0 0 5px rgba(255,215,0,.7),0 0 10px rgba(255,215,0,.5),0 0 15px rgba(255,0,0,.5);animation:float-up 1.5s forwards}body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#050520;overflow:hidden;position:relative}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(30,30,70,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(30,30,70,.1) 1px,transparent 1px);background-size:40px 40px;z-index:-2;animation:moveGrid 20s linear infinite}@keyframes moveGrid{0%{background-position:0 0}to{background-position:40px 40px}}body:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(66,10,140,.05) 0%,rgba(0,200,255,.05) 100%),repeating-linear-gradient(0deg,rgba(0,0,0,0) 0px,rgba(0,0,0,0) 1px,rgba(0,0,0,.1) 1px,rgba(0,0,0,.1) 2px);z-index:-1;pointer-events:none}#game-wrapper{display:flex;flex-direction:column;max-width:800px;box-shadow:0 0 30px #ffcc004d;border-radius:8px;overflow:hidden;position:relative;border:3px solid var(--swag-gold)}#game-wrapper:after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:transparent;border-radius:12px;box-shadow:0 0 25px 5px #ffd70066;z-index:-1;animation:pulse 3s infinite}@keyframes pulse{0%{box-shadow:0 0 25px 5px #ffd70066}50%{box-shadow:0 0 35px 10px #ffd70099}to{box-shadow:0 0 25px 5px #ffd70066}}#game-header{display:flex;justify-content:space-between;padding:10px 20px;background-color:#000;color:var(--accent-color);border-bottom:4px solid var(--accent-color);font-size:.8rem;text-transform:uppercase;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#000000,#1a1a1a)}#game-header:before{content:"⛓️⛓️⛓️⛓️⛓️⛓️⛓️⛓️⛓️⛓️";position:absolute;bottom:-2px;left:0;width:100%;font-size:.7rem;opacity:.5;letter-spacing:5px;color:var(--swag-gold);text-shadow:0 0 5px var(--swag-gold);animation:chainMove 30s linear infinite}@keyframes chainMove{0%{transform:translate(0)}to{transform:translate(-50px)}}#game-container{position:relative}canvas{display:block;background-color:#000}#swag-meter{position:relative;padding-left:25px}#swag-meter:before{content:"💎";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:1rem}#swag-level.pulse{animation:swagPulse .5s ease-in-out;color:var(--swag-gold);text-shadow:0 0 10px var(--swag-gold)}@keyframes swagPulse{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000000d9;z-index:100;text-align:center;background-image:linear-gradient(45deg,rgba(0,0,0,.92),rgba(30,0,45,.92))}.overlay h1{color:var(--accent-color);font-size:4rem;margin-bottom:0;text-shadow:0 0 10px rgba(255,204,0,.7);letter-spacing:2px;position:relative;animation:titleFloat 3s ease-in-out infinite}.overlay h1:after{content:"🔥";position:absolute;font-size:2rem;top:-20px;right:-30px;transform:rotate(15deg);animation:flame 1s ease-in-out infinite alternate}@keyframes flame{0%{transform:rotate(15deg) scale(1)}to{transform:rotate(-5deg) scale(1.2)}}@keyframes titleFloat{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.overlay h2{color:#fff;margin-top:.5rem;font-size:1.2rem;background:linear-gradient(90deg,var(--ghost-pink),var(--ghost-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.hidden{display:none}button{background-color:var(--accent-color);color:#000;border:none;padding:15px 30px;margin:15px 0;font-family:inherit;font-size:1.1rem;cursor:pointer;border-radius:5px;transition:all .2s;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;border-style:solid;border-width:2px;border-color:transparent;box-shadow:0 4px #c90,0 8px 10px #0006}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.5s}button:hover{transform:translateY(-2px);box-shadow:0 6px #c90,0 10px 15px #0000004d}button:hover:before{left:100%}button:active{transform:translateY(4px);box-shadow:0 0 #c90,0 2px 5px #00000080}.secondary-button{background-color:#fff3;color:var(--accent-color);border:2px solid var(--accent-color);box-shadow:0 4px #cc990080,0 8px 10px #0003}.secondary-button:hover{background-color:#ffffff4d;box-shadow:0 6px #cc990080,0 10px 15px #0003}.secondary-button:active{box-shadow:0 0 #cc990080,0 2px 5px #0003}#leaderboard-list{width:90%;max-height:300px;overflow-y:auto;margin:20px 0;padding:10px;background-color:#000000b3;border:2px solid var(--swag-gold);border-radius:5px}.leaderboard-table{width:100%;border-collapse:collapse;color:#fff;text-transform:uppercase;font-size:.8rem}.leaderboard-table th{padding:10px;text-align:center;border-bottom:2px solid var(--swag-gold);color:var(--swag-gold)}.leaderboard-table td{padding:8px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.leaderboard-table .top-score{font-weight:700}.leaderboard-table .rank-1{background:linear-gradient(90deg,rgba(255,215,0,.2),transparent)}.leaderboard-table .rank-1 td:first-child{position:relative}.leaderboard-table .rank-1 td:first-child:before{content:"👑";position:absolute;left:-5px;top:-5px;font-size:1rem}.leaderboard-table .rank-2{background:linear-gradient(90deg,rgba(192,192,192,.2),transparent)}.leaderboard-table .rank-3{background:linear-gradient(90deg,rgba(205,127,50,.2),transparent)}#swag-shop-screen{background-image:linear-gradient(45deg,rgba(15,0,30,.95),rgba(30,0,15,.95))}#swag-shop-screen h1{color:var(--swag-gold);text-shadow:0 0 15px var(--swag-gold)}#swag-shop-screen h1:after{content:"💰"}.swag-items-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:90%;max-height:400px;overflow-y:auto;padding:20px}.swag-item{background:linear-gradient(135deg,#2b2b2b,#1a1a1a);border:2px solid var(--swag-gold);border-radius:10px;padding:15px;color:#fff;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.swag-item:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(135deg,var(--swag-gold),transparent);z-index:-1;opacity:0;transition:opacity .3s;border-radius:15px}.swag-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 5px 15px #ffd7004d}.swag-item:hover:before{opacity:.15}.swag-item.disabled{opacity:.6;cursor:not-allowed;border-color:#555}.swag-item.disabled:hover{transform:none;box-shadow:none}.swag-item-name{font-size:1rem;color:var(--swag-gold);margin-bottom:10px;font-weight:700}.swag-item-cost{font-size:.8rem;color:#f90;margin-bottom:5px}.swag-item-effect{font-size:.7rem;color:#ccc}#name-input-container{margin:20px 0;display:flex;flex-direction:column;align-items:center}#player-name{background-color:#000000b3;border:2px solid var(--swag-gold);color:#fff;padding:10px;font-family:inherit;font-size:1rem;border-radius:5px;margin:10px 0;width:200px;text-align:center}#player-name:focus{outline:none;box-shadow:0 0 10px var(--swag-gold)}.power-up-indicators{position:absolute;bottom:20px;left:20px;display:flex;gap:10px}.power-up-indicator{width:40px;height:40px;border-radius:50%;background-color:#000000b3;border:2px solid var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:1.2rem;position:relative}.power-up-timer{position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(transparent var(--progress),rgba(0,0,0,.5) var(--progress));transform:rotate(-90deg)}.touch-controls{position:absolute;bottom:20px;right:20px;display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:5px}.direction-btn{width:40px;height:40px;background-color:#ffcc004d;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;-webkit-user-select:none;user-select:none;cursor:pointer}.up-btn{grid-column:2;grid-row:1;border-radius:10px 10px 0 0}.down-btn{grid-column:2;grid-row:3;border-radius:0 0 10px 10px}.left-btn{grid-column:1;grid-row:2;border-radius:10px 0 0 10px}.right-btn{grid-column:3;grid-row:2;border-radius:0 10px 10px 0}.direction-btn:active{background-color:var(--accent-color)}.active-power-ups{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.power-up-badge{background-color:#000000b3;border:1px solid var(--accent-color);border-radius:15px;padding:5px 10px;font-size:.7rem;display:flex;align-items:center;gap:5px;color:#fff;animation:fadeIn .3s}.power-up-badge .icon{font-size:1rem}.power-up-badge .timer{opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}#power-abilities{position:absolute;bottom:20px;left:20px;display:flex;gap:15px;align-items:flex-end;z-index:50}.ability{width:50px;height:60px;background:rgba(0,0,0,.6);border:2px solid #39ff14;border-radius:8px;position:relative;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 10px #39ff1480;transition:all .3s ease;animation:abilityPulse 2s infinite ease-in-out}@keyframes abilityPulse{0%,to{box-shadow:0 0 10px #39ff1480;transform:scale(1)}50%{box-shadow:0 0 20px #39ff14cc;transform:scale(1.05)}}.ability-icon{font-size:24px;margin-top:5px}.ability-cooldown{position:absolute;bottom:0;left:0;width:100%;background-color:#ff000080;height:0%;transition:height .3s ease}.ability-key{position:absolute;bottom:-25px;left:0;width:100%;text-align:center;font-size:10px;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.8)}#power-meter-container{width:20px;height:150px;background:rgba(0,0,0,.6);border:2px solid #ffcc00;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 0 10px #ffcc0080}#power-meter-fill{position:absolute;bottom:0;width:100%;height:0%;background:linear-gradient(to top,#ff0000,#ffff00);transition:height .3s ease}#power-meter-text{position:absolute;bottom:0;left:50%;transform:translate(-50%) rotate(-90deg);transform-origin:left center;font-size:12px;white-space:nowrap;color:#fff;text-shadow:0 0 3px black;margin-bottom:65px}#level-display{margin-left:auto;font-size:16px;color:#39ff14;text-shadow:0 0 8px rgba(57,255,20,.7);animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{text-shadow:0 0 5px rgba(57,255,20,.7)}50%{text-shadow:0 0 15px rgba(57,255,20,.9)}to{text-shadow:0 0 5px rgba(57,255,20,.7)}}#achievements-container{position:fixed;width:80%;max-width:800px;height:80%;max-height:600px;background-color:#000000e6;border:3px solid var(--accent-color);border-radius:15px;box-shadow:0 0 20px var(--accent-color),0 0 40px #ffcc0080;display:flex;flex-direction:column;align-items:center;padding:20px;z-index:200;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;color:var(--main-text-color)}#achievements-list{width:100%;height:calc(100% - 120px);overflow-y:auto;margin:15px 0;padding:10px;display:flex;flex-direction:column;gap:10px}.achievement-item{display:flex;align-items:center;padding:10px;border-radius:8px;background-color:#ffffff1a;transition:all .3s ease}.achievement-item.unlocked{background-color:#fc03;box-shadow:0 0 10px #ffcc004d}.achievement-item.locked{opacity:.7;filter:grayscale(.8)}.achievement-icon{font-size:2em;margin-right:15px;min-width:40px;text-align:center}.achievement-details{flex:1}.achievement-name{font-weight:700;margin-bottom:5px}.achievement-description{font-size:.8em;margin-bottom:8px;opacity:.8}.achievement-progress-container{height:8px;background-color:#fff3;border-radius:4px;margin:5px 0;position:relative;overflow:hidden}.achievement-progress-bar{height:100%;background-color:var(--accent-color);border-radius:4px;transition:width .3s ease}.achievement-progress-text{font-size:.7em;text-align:right;margin-top:2px}.achievement-reward{font-size:.75em;color:var(--swag-gold);margin-top:5px}.achievement-notification{position:fixed;bottom:30px;right:30px;background-color:#000000d9;border:2px solid var(--accent-color);border-radius:8px;padding:15px;display:flex;align-items:center;z-index:1000;transform:translate(150%);animation:slide-in .5s ease forwards,glow 2s infinite alternate;box-shadow:0 0 15px var(--accent-color)}.achievement-notification.hide{animation:slide-out .5s ease forwards}@keyframes slide-in{to{transform:translate(0)}}@keyframes slide-out{to{transform:translate(150%)}}@keyframes glow{0%{box-shadow:0 0 10px var(--accent-color)}to{box-shadow:0 0 20px var(--accent-color),0 0 30px var(--swag-gold)}}.achievement-notification-icon{font-size:2.5em;margin-right:15px}.achievement-notification-details{display:flex;flex-direction:column}.achievement-notification-title{font-size:.9em;margin-bottom:5px;color:var(--swag-gold)}.achievement-notification-name{font-size:1.1em;font-weight:700}.header-button{background-color:#00000080;border:2px solid var(--accent-color);border-radius:5px;color:var(--accent-color);font-size:18px;padding:5px 10px;margin-left:10px;cursor:pointer;transition:all .3s ease}.header-button:hover{background-color:var(--accent-color);color:var(--main-bg-color);box-shadow:0 0 10px var(--accent-color)}#tutorial-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none}#tutorial-step{pointer-events:auto;position:absolute;width:400px;background-color:#000000e6;border:3px solid var(--accent-color);border-radius:10px;padding:20px;box-shadow:0 0 20px var(--accent-color);color:var(--main-text-color);animation:pulse-glow 2s infinite alternate}@keyframes pulse-glow{0%{box-shadow:0 0 10px var(--accent-color)}to{box-shadow:0 0 25px var(--accent-color)}}#tutorial-step.position-center{top:50%;left:50%;transform:translate(-50%,-50%)}#tutorial-step.position-top{top:80px;left:50%;transform:translate(-50%)}#tutorial-step.position-bottom{bottom:80px;left:50%;transform:translate(-50%)}#tutorial-step.position-left{left:80px;top:50%;transform:translateY(-50%)}#tutorial-step.position-right{right:80px;top:50%;transform:translateY(-50%)}#tutorial-step.position-top-left{top:80px;left:80px}#tutorial-step.position-top-right{top:80px;right:80px}#tutorial-step.position-bottom-left{bottom:80px;left:80px}#tutorial-step.position-bottom-right{bottom:80px;right:80px}#tutorial-title{font-size:1.2em;margin-bottom:10px;color:var(--swag-gold)}#tutorial-description{font-size:.9em;line-height:1.5;margin-bottom:20px}#tutorial-buttons{display:flex;justify-content:space-between}#tutorial-skip-button,#tutorial-next-button{padding:8px 15px;border:none;border-radius:5px;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:.8em;transition:all .2s ease}#tutorial-skip-button{background-color:#fff3;color:var(--main-text-color)}#tutorial-skip-button:hover{background-color:#ffffff4d}#tutorial-next-button{background-color:var(--accent-color);color:var(--main-bg-color)}#tutorial-next-button:hover{background-color:var(--swag-gold);box-shadow:0 0 10px var(--swag-gold)}#tutorial-highlight{position:absolute;border:3px dashed var(--swag-gold);border-radius:5px;box-shadow:0 0 0 2000px #000000b3;pointer-events:none;animation:highlight-pulse 1.5s infinite alternate}@keyframes highlight-pulse{0%{border-color:var(--accent-color);box-shadow:0 0 0 2000px #000000b3,0 0 10px var(--accent-color)}to{border-color:var(--swag-gold);box-shadow:0 0 0 2000px #000000b3,0 0 20px var(--swag-gold)}}#touch-controls{position:absolute;bottom:20px;width:100%;display:none;justify-content:center;z-index:100}.touch-control-group{margin:0 10px}.touch-button{width:60px;height:60px;background-color:#0009;border:2px solid var(--accent-color);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;color:var(--accent-color);margin:5px;-webkit-user-select:none;user-select:none;touch-action:manipulation}.touch-button:active{background-color:var(--accent-color);color:var(--main-bg-color);transform:scale(.95)}.touch-direction-pad{display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.touch-up{grid-area:up}.touch-down{grid-area:down}.touch-left{grid-area:left}.touch-right{grid-area:right}.touch-action-group{display:flex}@media (max-width: 768px){#touch-controls{display:flex}#game-header{flex-wrap:wrap;font-size:.7em}#power-abilities{zoom:.8}.ability{margin:0 5px}}.feature-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:20px 0;max-width:800px}.feature-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #ff6b6b;border-radius:10px;color:#fff;padding:15px 20px;font-family:"Press Start 2P",monospace;font-size:12px;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 4px 15px #0000004d}.feature-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0006;border-color:gold}.feature-button:active{transform:translateY(-1px);box-shadow:0 2px 10px #0000004d}#daily-rewards-button{background:linear-gradient(135deg,#ff6b6b 0%,#ffa500 100%)}#challenges-button{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%)}#cosmetic-shop-button{background:linear-gradient(135deg,#9c27b0 0%,#673ab7 100%)}#season-pass-button{background:linear-gradient(135deg,#ffd700 0%,#ff8c00 100%);color:#000}#social-share-button{background:linear-gradient(135deg,#2196F3 0%,#21CBF3 100%)}@media (max-width: 768px){.feature-buttons{grid-template-columns:1fr;gap:10px}.feature-button{font-size:10px;padding:12px 15px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:2px solid #ff6b6b;border-radius:15px;padding:20px;max-width:90%;max-height:90%;overflow-y:auto;box-shadow:0 10px 30px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #ff6b6b}.modal-header h2{margin:0;color:#ff6b6b;font-size:18px}.close-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease}.close-button:hover{background:#ff6b6b;transform:rotate(90deg)}.modal-body{margin-bottom:20px}.modal-footer{display:flex;justify-content:center;gap:10px;padding-top:10px;border-top:2px solid #ff6b6b}.daily-reward-modal{max-width:600px}.streak-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.streak-stat{text-align:center;padding:15px;background:rgba(255,107,107,.1);border-radius:10px;border:1px solid #ff6b6b}.stat-label{display:block;font-size:12px;color:#ccc;margin-bottom:5px}.stat-value{display:block;font-size:16px;color:#ff6b6b;font-weight:700}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.reward-card{background:rgba(255,255,255,.05);border:2px solid #333;border-radius:10px;padding:15px;text-align:center;transition:all .3s ease;position:relative}.reward-card.available{border-color:#4caf50;background:rgba(76,175,80,.1)}.reward-card.claimed{border-color:gold;background:rgba(255,215,0,.1)}.reward-card.locked{opacity:.5;border-color:#666}.reward-icon{font-size:24px;margin-bottom:10px}.reward-day{font-size:14px;color:#ff6b6b;font-weight:700;margin-bottom:5px}.reward-description{font-size:10px;color:#ccc;margin-bottom:5px}.reward-status{position:absolute;top:10px;right:10px;font-size:16px}.claim-button{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);border:none;border-radius:5px;color:#fff;padding:10px 20px;font-family:"Press Start 2P",monospace;font-size:10px;cursor:pointer;transition:all .3s ease}.claim-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #4caf504d}.claim-button:disabled{background:#666;cursor:not-allowed}.share-modal{max-width:500px}.share-preview{background:rgba(255,255,255,.05);border:1px solid #333;border-radius:10px;padding:20px;margin-bottom:20px}.share-title{font-size:14px;color:#ff6b6b;margin-bottom:10px;font-weight:700}.share-text{font-size:12px;color:#ccc;margin-bottom:10px;line-height:1.4}.share-url{font-size:10px;color:#666;word-break:break-all}.share-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.share-button{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid #333;border-radius:8px;padding:12px;color:#fff;cursor:pointer;transition:all .3s ease;font-family:"Press Start 2P",monospace;font-size:10px}.share-button:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.share-button.twitter:hover{background:rgba(29,161,242,.2);border-color:#1da1f2}.share-button.facebook:hover{background:rgba(24,119,242,.2);border-color:#1877f2}.share-button.linkedin:hover{background:rgba(0,119,181,.2);border-color:#0077b5}.share-button.copy:hover{background:rgba(76,175,80,.2);border-color:#4caf50}.cosmetic-shop-modal{max-width:800px}.currency-display{display:flex;justify-content:center;gap:20px;margin-bottom:20px;padding:15px;background:rgba(255,255,255,.05);border-radius:10px}.currency-item{display:flex;align-items:center;gap:8px;font-size:12px}.currency-icon{font-size:16px}.currency-amount{color:#ff6b6b;font-weight:700}.category-tabs{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto}.category-tab{background:rgba(255,255,255,.1);border:1px solid #333;border-radius:8px;padding:10px 15px;color:#fff;cursor:pointer;transition:all .3s ease;font-family:"Press Start 2P",monospace;font-size:10px;white-space:nowrap}.category-tab.active{background:rgba(255,107,107,.2);border-color:#ff6b6b;color:#ff6b6b}.category-tab:hover{background:rgba(255,255,255,.2)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.cosmetic-item{background:rgba(255,255,255,.05);border:2px solid #333;border-radius:10px;padding:15px;transition:all .3s ease;position:relative}.cosmetic-item.unlocked{border-color:#4caf50}.cosmetic-item.equipped{border-color:gold;background:rgba(255,215,0,.1)}.cosmetic-item.locked{opacity:.5;border-color:#666}.item-icon{font-size:24px;text-align:center;margin-bottom:10px}.item-info{text-align:center;margin-bottom:15px}.item-name{font-size:12px;color:#fff;font-weight:700;margin-bottom:5px}.item-description{font-size:10px;color:#ccc;margin-bottom:5px}.item-rarity{font-size:8px;padding:2px 6px;border-radius:3px;text-transform:uppercase}.item-rarity.common{background:rgba(255,255,255,.2);color:#fff}.item-rarity.rare{background:rgba(0,123,255,.2);color:#007bff}.item-rarity.epic{background:rgba(138,43,226,.2);color:#8a2be2}.item-rarity.legendary{background:rgba(255,215,0,.2);color:gold}.item-actions{text-align:center}.action-button{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);border:none;border-radius:5px;color:#fff;padding:8px 16px;font-family:"Press Start 2P",monospace;font-size:8px;cursor:pointer;transition:all .3s ease;width:100%}.action-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #4caf504d}.action-button:disabled{background:#666;cursor:not-allowed}.action-button.equipped{background:linear-gradient(135deg,#ffd700 0%,#ff8c00 100%);color:#000}.season-pass-modal{max-width:700px}.season-info{text-align:center;margin-bottom:20px;padding:20px;background:rgba(255,255,255,.05);border-radius:10px}.season-info h3{color:#ff6b6b;margin-bottom:10px}.season-info p{color:#ccc;font-size:12px;margin-bottom:10px}.time-remaining{color:#4caf50;font-size:14px;font-weight:700}.progress-section{margin-bottom:20px}.xp-progress{text-align:center}.progress-bar{width:100%;height:20px;background:rgba(255,255,255,.1);border-radius:10px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#4CAF50 0%,#45a049 100%);transition:width .3s ease}.progress-text{color:#fff;font-size:12px}.rewards-section h4{color:#ff6b6b;margin-bottom:15px;text-align:center}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.reward-item{background:rgba(255,255,255,.05);border:2px solid #333;border-radius:10px;padding:15px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.reward-item:hover{border-color:#ff6b6b;background:rgba(255,107,107,.1)}.reward-icon{font-size:24px;flex-shrink:0}.reward-info{flex:1}.reward-name{font-size:12px;color:#fff;font-weight:700;margin-bottom:5px}.reward-tier{font-size:10px;color:#4caf50}.upgrade-button{background:linear-gradient(135deg,#ffd700 0%,#ff8c00 100%);border:none;border-radius:8px;color:#000;padding:12px 24px;font-family:"Press Start 2P",monospace;font-size:10px;cursor:pointer;transition:all .3s ease;font-weight:700}.upgrade-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffd7004d}.challenges-modal{max-width:600px}.challenges-section{margin-bottom:30px}.challenges-section h3{color:#ff6b6b;margin-bottom:15px;text-align:center}.challenges-list{display:flex;flex-direction:column;gap:15px}.challenge-item{background:rgba(255,255,255,.05);border:2px solid #333;border-radius:10px;padding:15px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.challenge-item.completed{border-color:#4caf50;background:rgba(76,175,80,.1)}.challenge-item:hover{border-color:#ff6b6b;background:rgba(255,107,107,.1)}.challenge-info{flex:1}.challenge-title{font-size:12px;color:#fff;font-weight:700;margin-bottom:5px}.challenge-description{font-size:10px;color:#ccc;margin-bottom:10px}.challenge-progress{margin-bottom:5px}.challenge-progress .progress-bar{height:8px;margin-bottom:5px}.challenge-progress .progress-text{font-size:10px;color:#4caf50}.challenge-reward{display:flex;align-items:center;gap:8px;margin-right:15px}.reward-icon{font-size:16px}.reward-amount{font-size:12px;color:#4caf50;font-weight:700}.challenge-actions{flex-shrink:0}.challenge-button{background:#666;border:none;border-radius:5px;color:#ccc;padding:8px 16px;font-family:"Press Start 2P",monospace;font-size:8px;cursor:not-allowed}.notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 4px 15px #0000004d;z-index:1001;font-family:"Press Start 2P",monospace;font-size:10px;animation:notificationSlideIn .3s ease-out}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.modal-content{max-width:95%;padding:15px}.modal-header h2{font-size:14px}.streak-info{grid-template-columns:1fr;gap:10px}.rewards-grid,.share-buttons{grid-template-columns:1fr}.category-tabs{flex-wrap:wrap}.items-grid{grid-template-columns:1fr}.challenge-item{flex-direction:column;text-align:center}.challenge-reward{margin-right:0;margin-bottom:10px}.currency-display{flex-direction:column;gap:10px}}