:root{--color-bg-primary: #050505;--color-bg-secondary: #0f0f11;--color-bg-tertiary: #18181b;--color-text-primary: #f4f4f5;--color-text-secondary: #a1a1aa;--color-text-muted: #52525b;--color-brand-primary: #8b5cf6;--color-brand-secondary: #ec4899;--color-brand-accent: #06b6d4;--color-border: #27272a;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--transition-fast: .15s ease;--transition-normal: .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font-family:inherit}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-gradient{background:linear-gradient(to right,var(--color-brand-primary),var(--color-brand-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-header{height:70px;border-bottom:1px solid var(--color-border);background-color:#050505cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;display:flex;align-items:center}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;font-size:1.25rem;letter-spacing:-.025em}.logo-image{height:40px;width:auto}.logo-icon{color:var(--color-brand-primary)}.text-highlight{color:var(--color-brand-secondary)}.desktop-nav{display:none}.mobile-nav{display:flex;gap:var(--spacing-sm)}.nav-link{display:flex;align-items:center;gap:.35rem;color:var(--color-text-secondary);font-weight:500;font-size:.95rem;padding:.5rem .75rem;border-radius:6px;transition:color .2s,background-color .2s}.nav-link:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.nav-link-daily{background:linear-gradient(135deg,#845ef7,#7950f2);color:#fff;font-weight:600;box-shadow:0 2px 8px #845ef74d}.nav-link-daily:hover{background:linear-gradient(135deg,#9775fa,#845ef7);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #845ef766}@media(min-width:768px){.desktop-nav{display:flex;gap:var(--spacing-md)}.mobile-nav{display:none}}.main-content{flex:1}.app-footer{border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0;text-align:center;color:var(--color-text-muted);font-size:.875rem;background-color:var(--color-bg-secondary)}.home-page{padding-bottom:var(--spacing-2xl)}.hero-section{padding:4rem 0 3rem;text-align:center;background:radial-gradient(circle at center,rgba(139,92,246,.15) 0%,transparent 70%)}.hero-title{font-size:3rem;font-weight:800;line-height:1.1;letter-spacing:-.05em;margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.game-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;padding:var(--spacing-xl);display:flex;flex-direction:column;transition:transform .2s,border-color .2s,background-color .2s}.game-card:hover{transform:translateY(-4px);border-color:var(--color-brand-primary);background-color:var(--color-bg-tertiary)}.card-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);color:#fff}.icon-mic{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.icon-eq{background:linear-gradient(135deg,#ec4899,#db2777)}.icon-tuner{background:linear-gradient(135deg,#06b6d4,#0891b2)}.icon-wave{background:linear-gradient(135deg,#6366f1,#4338ca)}.icon-tetris{background:linear-gradient(135deg,#10b981,#059669)}.icon-cpm{background:linear-gradient(135deg,#f59e0b,#d97706)}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.card-desc{color:var(--color-text-secondary);line-height:1.6;flex:1;margin-bottom:var(--spacing-lg)}.card-footer{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-brand-primary);font-weight:600}.featured-section{margin-top:var(--spacing-xl)}.featured-card{display:block;background:linear-gradient(135deg,#8b5cf6,#ec4899,#f59e0b);border-radius:20px;padding:3px;transition:transform .2s,box-shadow .2s}.featured-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #8b5cf64d}.featured-card>*{background-color:var(--color-bg-secondary);border-radius:17px}.featured-card .featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-size:.75rem;font-weight:700;padding:6px 16px;border-radius:20px;letter-spacing:.1em;text-transform:uppercase}.featured-card{position:relative;background:linear-gradient(135deg,#8b5cf6,#ec4899,#f59e0b);border-radius:20px;padding:var(--spacing-xl);padding-top:calc(var(--spacing-xl) + 10px)}.featured-content{display:flex;align-items:center;gap:var(--spacing-xl);background:transparent}.featured-icon{width:100px;height:100px;background:#ffffff26;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.featured-icon img{filter:brightness(0) invert(1)}.featured-text{flex:1;background:transparent}.featured-title{font-size:2rem;font-weight:800;color:#fff;margin-bottom:var(--spacing-sm)}.featured-desc{color:#ffffffe6;font-size:1.1rem;line-height:1.6}.featured-footer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);color:#fff;font-weight:700;font-size:1.1rem;background:transparent}@media(max-width:640px){.featured-content{flex-direction:column;text-align:center}.featured-title{font-size:1.5rem}.featured-desc{font-size:1rem}}.mic-drop-game{min-height:calc(100vh - 70px);background:radial-gradient(circle at center,#2e1065,#000);color:var(--color-text-primary);padding:var(--spacing-md) 0 var(--spacing-xl)}.game-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.back-btn{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.875rem;transition:color .2s}.back-btn:hover{color:var(--color-text-primary)}.high-score{color:var(--color-brand-secondary);font-weight:600;font-size:.875rem}.game-container{display:flex;flex-direction:column;align-items:center;max-width:600px}.game-title{font-size:1.5rem;font-weight:800;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(to right,#8b5cf6,#d8b4fe);-webkit-background-clip:text;background-clip:text;color:transparent}.stats-bar{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:#ffffff0d;border-radius:99px;font-size:.9rem;font-weight:500;border:1px solid rgba(255,255,255,.1)}.stat-level{color:#d8b4fe}.level-name{color:#fff;font-weight:700}.stat-score{color:#4ade80}.heart-alive{color:#ef4444}.heart-dead{color:#3f3f46}.modifiers{display:flex;gap:.5rem;margin-bottom:var(--spacing-md);height:24px}.mod{font-size:.75rem;padding:.1rem .5rem;border-radius:4px;font-weight:600}.mod-fast{background:#eab30833;color:#facc15}.mod-small{background:#f9731633;color:#fb923c}.mod-move{background:#ef444433;color:#f87171}.game-area{width:100%;height:350px;background:#0006;border:2px solid rgba(139,92,246,.3);border-radius:1rem;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 0 40px #8b5cf61a}.game-area:active{background:#00000080}.target-glow{position:absolute;bottom:12px;height:12px;background:#4ade8033;border-radius:99px;transform:translate(-50%);filter:blur(4px);transition:all .05s linear}.target-outer{position:absolute;bottom:16px;height:8px;background:linear-gradient(90deg,transparent,#22c55e,transparent);border-radius:99px;transform:translate(-50%);transition:all .05s linear}.target-perfect{position:absolute;bottom:16px;height:8px;background:#4ade80;border-radius:99px;transform:translate(-50%);box-shadow:0 0 10px #4ade80;transition:all .05s linear}.mic-emoji{position:absolute;font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(139,92,246,.5));will-change:transform,top,left}.game-hint{position:absolute;bottom:20%;left:50%;transform:translate(-50%);color:#fff6;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;pointer-events:none}.round-result,.game-over{margin-top:var(--spacing-lg);text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-score{font-size:2.5rem;font-weight:800;margin-bottom:var(--spacing-xs)}.score-high{color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.4)}.score-mid{color:#facc15}.score-low{color:#f87171}.result-text{color:var(--color-text-secondary);font-size:1rem;margin-bottom:var(--spacing-lg)}.go-title{font-size:2rem;color:#f87171;font-weight:800}.go-score{font-size:1.25rem;color:#fff;margin:var(--spacing-sm) 0 var(--spacing-lg)}.action-btn{background:var(--color-brand-primary);color:#fff;font-weight:600;padding:.75rem 2rem;border-radius:99px;font-size:1rem;transition:all .2s}.action-btn:hover{background:var(--color-brand-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #ec48994d}.eq-stacker-game{min-height:calc(100vh - 70px);background:radial-gradient(circle at center,#1e1b4b,#000);color:var(--color-text-primary);padding:var(--spacing-md) 0 var(--spacing-xl)}.score-display{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-lg)}.score-label{text-transform:uppercase;font-size:.75rem;letter-spacing:.2em;color:var(--color-text-secondary)}.score-value{font-size:3rem;font-weight:800;color:#06b6d4;text-shadow:0 0 20px rgba(6,182,212,.4);line-height:1}.game-area-eq{width:100%;height:400px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:1rem;position:relative;overflow:hidden;cursor:pointer;box-shadow:inset 0 0 50px #00000080}.stack-block{position:absolute;transform:translate(-50%);border-radius:4px;transition:bottom .3s ease-out}.moving-block{will-change:left}.tuner-game{min-height:calc(100vh - 70px);background:radial-gradient(circle at center,#451a03,#000);color:var(--color-text-primary);padding:var(--spacing-md) 0 var(--spacing-xl)}.tuner-stats{display:flex;width:100%;justify-content:space-around;margin-bottom:var(--spacing-lg);background:#0000004d;padding:1rem;border-radius:12px}.tuner-stat{display:flex;flex-direction:column;align-items:center}.tuner-stat .label{font-size:.8rem;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:.25rem}.tuner-stat .value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.text-amber{color:#fbbf24}.tuner-vis{width:100%;height:200px;background:#1a1a1a;border:2px solid #333;border-radius:8px;position:relative;overflow:hidden;margin-bottom:var(--spacing-xl);box-shadow:inset 0 0 20px #000c}.static-overlay{position:absolute;inset:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPgo8cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9IjAuMSIvPgo8L3N2Zz4=);pointer-events:none;z-index:10}.signal-icon{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-size:4rem;z-index:5;transition:opacity .2s}.locked{opacity:1;text-shadow:0 0 20px #22c55e}.searching{opacity:.2}.status-badge{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:800;z-index:20}.status-locked{background:#22c55e;color:#000}.status-search{background:#ef444433;color:#f87171}.target-line{position:absolute;top:0;bottom:0;width:2px;background:#22c55e33;z-index:2;transition:left .1s linear}.player-line{position:absolute;top:0;bottom:0;width:4px;background:#fbbf24;z-index:3;box-shadow:0 0 10px #fbbf24;transition:left .05s ease-out}.frequency-slider{-webkit-appearance:none;width:100%;height:12px;background:#422006;border-radius:6px;outline:none;cursor:pointer}.frequency-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fbbf24;cursor:pointer;box-shadow:0 0 10px #fbbf2480;transition:transform .1s}.frequency-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.scale-marks{display:flex;justify-content:space-between;margin-top:.5rem;color:var(--color-text-muted);font-size:.75rem;font-family:monospace}.start-overlay{margin-top:var(--spacing-xl);text-align:center}.start-btn{background:#d97706}.start-btn:hover{background:#fbbf24;color:#000}.waveform-game{min-height:calc(100vh - 70px);background:radial-gradient(circle at center,#111827,#000);color:var(--color-text-primary);padding:var(--spacing-md) 0 var(--spacing-xl)}.waveform-display{width:100%;max-width:600px;height:300px;background:#111827cc;border:1px solid #374151;border-radius:16px;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;box-shadow:0 0 30px #8b5cf61a;transition:border-color .2s}.waveform-display:active{border-color:#8b5cf6;background:#111827e6}.wave-svg{width:100%;height:100%;pointer-events:none}.active-wave{filter:drop-shadow(0 0 8px currentColor);transition:stroke .2s}.sync-indicator{position:absolute;bottom:20px;font-size:.75rem;letter-spacing:.2em;color:#ffffff4d;pointer-events:none}.sync-zone{color:#4ade80;text-shadow:0 0 10px #4ade80;animation:pulse .5s infinite}.feedback-msg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:900;font-size:2rem;pointer-events:none;opacity:.8;white-space:nowrap}.feedback-msg.good{color:#4ade80;text-shadow:0 0 20px black}.feedback-msg.bad{color:#f87171;text-shadow:0 0 20px black}.start-prompt{position:absolute;top:60%;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;animation:bounce 1s infinite}.game-over-prompt{position:absolute;text-align:center;background:#000c;padding:2rem;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.instructions{margin-top:var(--spacing-lg);color:var(--color-text-secondary);font-size:.9rem;text-align:center}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.tetris-game{min-height:calc(100vh - 70px);background:radial-gradient(circle at center,#1e293b,#000);color:var(--color-text-primary);padding:var(--spacing-md) 0}.tetris-container{display:flex;justify-content:center}.tetris-layout{display:flex;gap:var(--spacing-xl);align-items:flex-start}.tetris-board{width:480px;height:600px;background:#00000080;border:4px solid #334155;border-radius:4px;position:relative;display:flex;flex-direction:column}.board-row{flex:1;display:flex}.board-cell{flex:1;border:1px solid rgba(255,255,255,.05)}.board-cell.filled{background-color:#cbd5e1;box-shadow:inset 0 0 10px #00000080;border-color:#fff3}.active-block{position:absolute;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#0009;border:2px solid rgba(255,255,255,.4);box-shadow:0 0 15px #fff3;transition:left .05s linear,top .05s linear}.board-overlay{position:absolute;inset:0;background:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.tetris-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg);width:140px}.next-piece{background:#0f172a;padding:1rem;border-radius:8px;text-align:center}.next-preview{height:30px;margin:1rem auto 0;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#00000080}.active-block-cpm{border-radius:2px;font-size:.6rem}.cpm-piece-label{position:absolute;font-size:.5rem;font-weight:700;color:#000000b3;white-space:nowrap}.next-preview-cpm{height:auto;background:#0000004d;padding:8px;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:4px}.next-cpm-grid{margin:0 auto}.next-cpm-label{font-size:.65rem;font-weight:600;color:var(--color-text-secondary);margin-top:4px}.controls-hint{font-size:.8rem;color:var(--color-text-secondary)}.control-btn.big{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:var(--color-brand-primary);color:#fff;border-radius:8px;font-weight:600}.controls-mobile{display:none;gap:.5rem}@media(max-width:768px){.tetris-layout{flex-direction:column;align-items:center}.tetris-board{width:320px;height:400px}.controls-mobile{display:flex;width:100%;margin-top:1rem}.controls-mobile button{flex:1;background:#334155;padding:1rem;border-radius:8px;font-size:1.5rem}}.cpm-game{height:100vh;background:linear-gradient(180deg,#3b0764,#1e1b4b);color:#fff;overflow:hidden;position:relative;touch-action:none}.cpm-container{width:100%;height:100%;position:relative;cursor:col-resize}.start-screen{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0009;z-index:20}.start-title{font-size:3rem;margin-bottom:2rem;text-shadow:0 4px 0 #4c1d95}.cpm-wallet-icon{color:#fbeb23;margin-bottom:2rem;filter:drop-shadow(0 0 20px rgba(251,235,35,.5))}.falling-coin{position:absolute;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:800;color:#0009;transform:translate(-50%,-50%);box-shadow:inset 0 -2px #0003,0 0 10px #ffffff4d}.coin-base{background:#fb923c;border:2px solid #fff7ed}.coin-premium{background:#a78bfa;border:2px solid #f5f3ff}.coin-gold{background:#facc15;border:2px solid #fefce8;box-shadow:0 0 20px #facc15}.player-basket{position:absolute;bottom:10%;width:15%;min-width:60px;height:40px;transform:translate(-50%);background:#0f172a;border:2px solid #38bdf8;border-radius:0 0 8px 8px;display:flex;justify-content:center;align-items:flex-start;box-shadow:0 0 20px #38bdf866;transition:all .2s ease;cursor:grab}.player-basket.dragging{cursor:grabbing;box-shadow:0 0 30px #38bdf8cc;border-color:#22d3ee;transform:translate(-50%) scale(1.1)}.player-basket.dragging .basket-inner{background:#22d3ee}.player-basket.dragging .basket-label{color:#22d3ee;animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.basket-inner{width:100%;height:5px;background:#38bdf8;position:absolute;top:-5px;border-radius:4px}.basket-label{font-size:.5rem;margin-top:12px;color:#38bdf8;font-weight:900;letter-spacing:.1em}@media(max-width:768px){.player-basket{width:20%;min-width:80px;height:50px}.basket-label{font-size:.6rem;margin-top:15px}.falling-coin{width:40px;height:40px;font-size:1.2rem}}@media(hover:none)and (pointer:coarse){.cpm-container{cursor:default}}.cpm-rush-game{min-height:100vh;background:#0a0a0a;color:#fff;padding:1rem}.cpm-rush-container{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.cpm-header-info{text-align:center;margin-bottom:.5rem}.cpm-date-display{font-size:.75rem;color:#868e96}.cpm-title-display{font-size:1.25rem;font-weight:700;color:#fff}.cpm-admin-badge{display:inline-block;padding:.25rem .5rem;background:linear-gradient(135deg,#f76707,#e8590c);border-radius:.25rem;font-size:.625rem;font-weight:700;color:#fff;letter-spacing:.1em;margin-top:.25rem}.cpm-admin-date-picker{background:#2e2e2e;border:1px solid #3B3B3B;border-radius:.5rem;padding:.5rem;color:#fff;font-size:.875rem;cursor:pointer}.cpm-admin-date-picker::-webkit-calendar-picker-indicator{filter:invert(1)}.cpm-admin-controls{display:flex;gap:.5rem;justify-content:center}.cpm-admin-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#f76707,#e8590c);border:none;border-radius:.5rem;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.cpm-admin-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #f7670766}.cpm-admin-btn:disabled{opacity:.6;cursor:not-allowed}.cpm-difficulty-selector{display:flex;gap:.5rem}.cpm-difficulty-btn{flex:1;padding:.5rem .75rem;border-radius:.5rem;background:#242424;border:2px solid #3B3B3B;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.125rem}.cpm-difficulty-btn:hover:not(.active){border-color:#5c5c5c}.cpm-difficulty-btn.active{background:#7950f2;border-color:#7950f2}.cpm-difficulty-label{font-weight:600;font-size:.875rem;color:#fff}.cpm-difficulty-desc{font-size:.625rem;color:#adb5bd}.cpm-difficulty-btn.active .cpm-difficulty-desc{color:#fffc}.cpm-todays-rules{background:linear-gradient(135deg,#2e2e2e,#1a1a1a);border:1px solid #3B3B3B;border-radius:.75rem;overflow:hidden}.cpm-todays-rules-header{background:linear-gradient(135deg,#7950f2,#5f3dc4);padding:.5rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-align:center;color:#fff}.cpm-todays-rules-content{padding:.75rem}.cpm-todays-rule-item{display:flex;gap:.5rem;align-items:center;justify-content:center;margin-bottom:.25rem}.cpm-rule-label{font-size:.75rem;color:#868e96}.cpm-rule-value{font-size:.875rem;font-weight:600;color:#b197fc}.cpm-todays-rule-desc{font-size:.75rem;color:#adb5bd;text-align:center}.cpm-advertiser-legend{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.cpm-advertiser-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.625rem;font-weight:600;color:#fff}.cpm-stats{display:flex;gap:.5rem}.cpm-stat-card{flex:1;text-align:center;padding:.75rem;border-radius:.5rem;background:#242424}.cpm-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#868e96;margin-bottom:.25rem}.cpm-stat-value{font-size:1.5rem;font-weight:700;color:#fff}.cpm-stat-value.positive{color:#38d9a9}.cpm-stat-value.negative{color:#fa5252}.cpm-stat-value.cpm-high{color:#38d9a9}.cpm-stat-value.cpm-mid{color:#ff922b}.cpm-stat-value.cpm-low{color:#fa5252}.cpm-zone-legend{display:flex;gap:.5rem;justify-content:center;font-size:.75rem}.cpm-zone-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.25rem}.cpm-zone-name{color:#fff}.cpm-zone-mult{color:#e9ecef}.cpm-grid-wrapper{display:flex;justify-content:center;padding:.5rem;border-radius:.5rem;background:#242424;touch-action:none;user-select:none;-webkit-user-select:none}.cpm-grid{display:grid;gap:1px;touch-action:none}.cpm-grid-cell{border-radius:.125rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative;background:#1a1a1a}.cpm-grid-cell:hover{opacity:.9}.cpm-grid-cell-active{animation:activePiecePulse 1.5s ease-in-out infinite;box-shadow:inset 0 0 0 3px #845ef7cc}@keyframes activePiecePulse{0%,to{box-shadow:inset 0 0 0 3px #845ef7cc,0 0 #845ef766}50%{box-shadow:inset 0 0 0 3px #845ef7cc,0 0 12px 4px #845ef799}}.cpm-grid-preview{position:absolute;inset:0;border-radius:.125rem;opacity:.6}.cpm-grid-preview.valid{background:#20c997}.cpm-grid-preview.invalid{background:#fa5252}.cpm-grid-mult{font-size:.75rem;opacity:.3;color:#f8f9fa}.cpm-grid-cell-host-read{background:linear-gradient(135deg,#fa525280,#e0313180);animation:hostReadCellPulse 2s ease-in-out infinite;box-shadow:inset 0 0 0 2px #fa5252cc}@keyframes hostReadCellPulse{0%,to{box-shadow:inset 0 0 0 2px #fa5252cc,0 0 #fa525266}50%{box-shadow:inset 0 0 0 2px #fa5252cc,0 0 12px 4px #fa525299}}.cpm-grid-cell-triple{background:linear-gradient(135deg,#fcc41966,#f59f0066);box-shadow:inset 0 0 0 2px #fcc419cc}.cpm-grid-cell-double{background:linear-gradient(135deg,#4dabf766,#339af066);box-shadow:inset 0 0 0 2px #4dabf7cc}.cpm-grid-cell-bonus-filled{box-shadow:inset 0 0 0 3px #fff9}.cpm-grid-bonus-label{font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cpm-grid-bonus-label.cpm-bonus-filled{position:absolute;top:2px;right:2px;font-size:.5rem;background:#00000080;padding:1px 3px;border-radius:2px}.cpm-bonus-host-read{color:#fff}.cpm-bonus-triple{color:#fcc419;text-shadow:0 1px 2px rgba(0,0,0,.8)}.cpm-bonus-double{color:#fff}.cpm-piece-tray-wrapper{width:100%}.cpm-piece-tray-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#868e96;margin-bottom:.5rem}.cpm-piece-tray{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;border-radius:.5rem;background:#242424}.cpm-piece-item{padding:.5rem;border-radius:.5rem;background:#2e2e2e;border:2px solid;cursor:grab;transition:all .2s;touch-action:none;user-select:none;-webkit-user-select:none}.cpm-piece-item:active{cursor:grabbing}.cpm-piece-item:hover{transform:scale(1.05)}.cpm-touch-preview{filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.cpm-touch-preview .cpm-piece-preview{transform:scale(1.2)}.cpm-piece-content{display:flex;align-items:center;gap:.5rem}.cpm-piece-preview{position:relative}.cpm-piece-cell{position:absolute;border-radius:.125rem}.cpm-piece-info{font-size:.75rem}.cpm-piece-advertiser{font-weight:500}.cpm-piece-cpm{font-size:.625rem;color:#868e96;font-weight:600}.cpm-piece-cpm.high{color:#38d9a9}.cpm-piece-zone{color:#868e96}.cpm-piece-empty{font-size:.875rem;color:#868e96}.cpm-ppn-button-wrapper{width:100%;text-align:center;padding:.75rem;background:linear-gradient(135deg,#adb5bd1a,#ced4da1a);border:1px solid rgba(173,181,189,.3);border-radius:.5rem}.cpm-ppn-btn{padding:.625rem 1.25rem;background:linear-gradient(135deg,#dee2e6,#ced4da);border:none;border-radius:.5rem;color:#212529;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0003}.cpm-ppn-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000004d;background:linear-gradient(135deg,#e9ecef,#dee2e6)}.cpm-ppn-hint{font-size:.75rem;color:#868e96;margin-top:.5rem}.cpm-last-piece-wrapper{width:100%;padding:.75rem;background:#f767071a;border:2px solid rgba(247,103,7,.4);border-radius:.5rem}.cpm-last-piece-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#ff922b;margin-bottom:.5rem;font-weight:600}.cpm-last-piece-display{display:flex;justify-content:center}.cpm-last-piece-item{padding:.5rem;border-radius:.5rem;background:#2e2e2e;border:2px solid}.cpm-last-piece-value{font-size:.625rem;color:#38d9a9;font-weight:600;margin-top:.25rem}.cpm-start-screen{display:flex;flex-direction:column;align-items:center;gap:1rem}.cpm-quick-tips{display:flex;gap:1rem;font-size:.75rem;color:#adb5bd;flex-wrap:wrap;justify-content:center}.cpm-tutorial-details{width:100%}.cpm-tutorial-summary{cursor:pointer;text-align:center;color:#868e96;font-size:.875rem;padding:.5rem;list-style:none}.cpm-tutorial-summary::-webkit-details-marker{display:none}.cpm-tutorial-summary:before{content:"▶ ";font-size:.625rem}.cpm-tutorial-details[open] .cpm-tutorial-summary:before{content:"▼ "}.cpm-tutorial{width:100%;background:#1a1a1a;border:1px solid #3B3B3B;border-radius:1rem;padding:1.25rem}.cpm-tutorial-title{font-size:1.125rem;font-weight:700;color:#fff;text-align:center;margin-bottom:1rem}.cpm-tutorial-grid{display:flex;flex-direction:column;gap:.75rem}.cpm-tutorial-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem .75rem;background:#242424;border-radius:.5rem}.cpm-tutorial-icon{font-size:1.25rem;flex-shrink:0}.cpm-tutorial-text{font-size:.875rem;color:#adb5bd;line-height:1.4}.cpm-tutorial-text strong{color:#e9ecef}.cpm-tutorial-hostread{background:linear-gradient(135deg,#2e2020,#3b2020);border:1px solid rgba(250,82,82,.3)}.cpm-highlight-5x{color:#fa5252;font-weight:700}.cpm-highlight-3x{color:#fcc419;font-weight:700}.cpm-highlight-2x{color:#4dabf7;font-weight:700}.cpm-rules-triple{color:#fcc419}.cpm-rules-double{color:#4dabf7}.cpm-tutorial-warning{background:#f767071a;border:1px solid rgba(247,103,7,.3)}.cpm-tutorial-conditions{display:flex;gap:.5rem;margin-top:1rem;justify-content:center;flex-wrap:wrap}.cpm-tutorial-win{padding:.375rem .75rem;background:#20c99726;border:1px solid rgba(32,201,151,.3);border-radius:.5rem;font-size:.75rem;font-weight:600;color:#63e6be}.cpm-tutorial-lose{padding:.375rem .75rem;background:#fa525226;border:1px solid rgba(250,82,82,.3);border-radius:.5rem;font-size:.75rem;font-weight:600;color:#ffa8a8}.cpm-start-btn{padding:.75rem 2rem;border-radius:9999px;font-weight:700;font-size:1.125rem;background:#845ef7;color:#fff;border:none;cursor:pointer;transition:all .2s}.cpm-start-btn:hover{transform:scale(1.05);background:#7950f2}.cpm-rules-link{background:transparent;border:none;color:#868e96;font-size:.875rem;cursor:pointer;text-decoration:underline;transition:color .2s}.cpm-rules-link:hover{color:#adb5bd}.cpm-win-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.cpm-win-card{position:relative;width:100%;max-width:28rem;padding:1.5rem;border-radius:1rem;background:#242424;text-align:center}.cpm-modal-close{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:#868e96;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.cpm-modal-close:hover{background:#ffffff1a;color:#fff}.cpm-win-emoji{font-size:3rem;margin-bottom:.75rem}.cpm-win-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.cpm-win-time{font-size:.875rem;color:#adb5bd;margin-bottom:1rem}.cpm-win-revenue{margin-bottom:1rem;padding:1rem;border-radius:.75rem;background:#1a1a1a}.cpm-win-revenue-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#868e96;margin-bottom:.25rem}.cpm-win-revenue-value{font-size:3rem;font-weight:700;color:#38d9a9}.cpm-win-cpm{font-size:.875rem;color:#adb5bd;margin-top:.5rem}.cpm-win-card-wide{max-width:32rem}.cpm-win-grid-wrapper{display:flex;justify-content:center;margin:1rem 0;padding:.75rem;background:#1a1a1a;border-radius:.5rem}.cpm-win-grid{display:grid;gap:2px}.cpm-win-grid-cell{border-radius:3px;display:flex;align-items:center;justify-content:center;position:relative}.cpm-win-cell-host-read{box-shadow:0 0 6px 2px #fa525280}.cpm-win-cell-triple{box-shadow:inset 0 0 0 2px #fcc41980}.cpm-win-cell-double{box-shadow:inset 0 0 0 2px #4dabf780}.cpm-win-bonus-label{font-size:.5rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.cpm-win-actions{display:flex;gap:.5rem}.cpm-win-btn{flex:1;padding:.5rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:all .2s}.cpm-win-btn:hover{opacity:.9}.cpm-win-btn-reset{background:#2e2e2e;color:#e9ecef}.cpm-win-btn-share{background:#228be6;color:#fff}.cpm-win-promo{margin-top:1rem;padding-top:1rem;border-top:1px solid #3B3B3B}.cpm-win-promo-text{font-size:.75rem;color:#adb5bd;margin-bottom:.5rem}.cpm-win-btn-tetris{display:block;text-decoration:none;background:linear-gradient(135deg,#845ef7,#339af0);color:#fff;text-align:center}.cpm-win-btn-tetris:hover{opacity:.95;transform:translateY(-1px)}.cpm-loss-overlay{background:#140000f2}.cpm-loss-card{border:1px solid rgba(250,82,82,.3)}.cpm-loss-title{color:#fa5252}.cpm-loss-subtitle{font-size:.875rem;color:#868e96;margin-bottom:1rem}.cpm-loss-value{color:#ff922b}.cpm-loss-pieces{font-size:.875rem;color:#868e96;margin-top:.5rem}.cpm-win-pieces-wrapper{margin:1rem 0;padding:.75rem;background:#1a1a1a;border-radius:.5rem}.cpm-win-pieces-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#868e96;margin-bottom:.5rem;text-align:center}.cpm-win-pieces-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center}.cpm-win-piece-mini{padding:.25rem;border-radius:.25rem;background:#2e2e2e;cursor:default;transition:transform .2s}.cpm-win-piece-mini:hover{transform:scale(1.1)}.cpm-win-piece-mini.placed{opacity:1}.cpm-win-piece-mini.unplaced{opacity:.4;border:1px dashed #5C5C5C}.cpm-toast-container{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:50;pointer-events:none}.cpm-toast{padding:.75rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;box-shadow:0 4px 6px #0000001a;animation:slideIn .3s ease-out}.cpm-toast-positive{background:#0ca678;color:#fff}.cpm-toast-negative{background:#f03e3e;color:#fff}.cpm-toast-warning{background:#f76707;color:#fff}.cpm-toast-amount{margin-left:.5rem;font-weight:700}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.cpm-rules-btn{background:#2e2e2e;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#adb5bd;transition:all .2s}.cpm-rules-btn:hover{background:#3b3b3b;color:#fff}.cpm-rules-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cpm-rules-panel{width:100%;max-width:500px;max-height:85vh;overflow-y:auto;padding:1.5rem;border-radius:1rem;background:#1a1a1a;border:1px solid #3B3B3B;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cpm-rules-close{position:absolute;top:1rem;right:1rem;background:#2e2e2e;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#868e96;transition:all .2s}.cpm-rules-close:hover{background:#3b3b3b;color:#fff}.cpm-rules-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.25rem;padding-right:2rem}.cpm-rules-section{margin-bottom:1.25rem}.cpm-rules-section h3{font-size:1rem;font-weight:600;color:#e9ecef;margin-bottom:.5rem}.cpm-rules-section p{color:#adb5bd;font-size:.875rem;line-height:1.6;margin-bottom:.5rem}.cpm-rules-section ul{list-style:none;padding:0;margin:0}.cpm-rules-section li{color:#adb5bd;font-size:.875rem;line-height:1.6;padding-left:1.25rem;position:relative;margin-bottom:.25rem}.cpm-rules-section li:before{content:"•";position:absolute;left:0;color:#7950f2}.cpm-rules-section strong{color:#e9ecef}.cpm-rules-section code{background:#2e2e2e;padding:.125rem .375rem;border-radius:.25rem;font-size:.8125rem;color:#b197fc}.cpm-rules-tag{display:inline-block;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;margin-right:.25rem}.cpm-rules-tag-pre{background:#8b5cf633;color:#b197fc}.cpm-rules-tag-mid{background:#228be633;color:#74c0fc}.cpm-rules-warning{background:#fa525226;border:1px solid rgba(250,82,82,.3);border-radius:.5rem;padding:.75rem;margin-top:.5rem;color:#ffa8a8;font-size:.875rem}.cpm-rules-warning strong{color:#ff8787}.cpm-rules-highlight{background:linear-gradient(135deg,#fa52521a,#fa525233);border:1px solid rgba(250,82,82,.3);border-radius:.5rem;padding:.75rem}.cpm-rules-highlight p{margin-bottom:.25rem}.cpm-rules-highlight p:last-child{margin-bottom:0}.cpm-rules-hostread{color:#fa5252;text-transform:uppercase;letter-spacing:.05em}.cpm-rules-conditions{display:flex;flex-direction:column;gap:.5rem}.cpm-rules-win-box{background:#20c99726;border:1px solid rgba(32,201,151,.3);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;color:#63e6be}.cpm-rules-lose-box{background:#fa525226;border:1px solid rgba(250,82,82,.3);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;color:#ffa8a8}@media(max-width:640px){.cpm-rush-game{padding:.5rem}.cpm-rules-panel{max-height:90vh;padding:1rem}.cpm-rules-title{font-size:1.25rem}}