:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden}.game-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a}.game-canvas{display:block;max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 0 40px #ff6b3526,0 0 80px #4ecdc414;cursor:pointer;image-rendering:pixelated}.overlay-panel{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0a1ef2;display:flex;flex-direction:column;align-items:center;padding:2rem;overflow-y:auto;z-index:10}.panel-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;width:100%;max-width:700px}.panel-header h2{font-size:1.8rem;font-weight:700;letter-spacing:.05em;color:#ff6b35;flex:1}.panel-coins{font-size:1.2rem;font-weight:700;color:gold;display:flex;align-items:center;gap:.3rem}.coin-icon{display:inline-block;width:20px;height:20px;background:gold;color:#b8860b;border-radius:50%;text-align:center;line-height:20px;font-size:12px;font-weight:700}.panel-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.panel-close:hover{background:#fff3;color:#fff}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;max-width:700px;width:100%}.char-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.2rem;text-align:center;cursor:pointer;transition:all .2s}.char-card:hover{border-color:#fff3;transform:translateY(-2px)}.char-card.selected{border-color:#4ecdc4;background:#4ecdc414}.char-card.can-buy{border-color:#ffd70066}.char-avatar{width:64px;height:64px;border-radius:50%;margin:0 auto .8rem;display:flex;align-items:center;justify-content:center;border:3px solid transparent;font-size:1.8rem}.char-name{font-weight:700;font-size:1rem;margin-bottom:.3rem}.char-desc{font-size:.75rem;color:#ffffff80;margin-bottom:.8rem;line-height:1.3}.char-cost{font-size:.9rem;color:gold;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.3rem}.char-status{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:.1em}.char-status.selected-status{color:#4ecdc4;font-weight:700}.mission-list{max-width:600px;width:100%;display:flex;flex-direction:column;gap:.75rem}.mission-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem 1.2rem;display:flex;align-items:center;gap:1rem;transition:all .2s}.mission-card.completed{border-color:#4ecdc44d}.mission-card.claimed{opacity:.5}.mission-badge{font-size:.65rem;font-weight:700;letter-spacing:.1em;padding:.2rem .5rem;border-radius:4px;white-space:nowrap}.mission-badge.daily{background:#ff6b35;color:#fff}.mission-info{flex:1}.mission-desc{font-size:.9rem;font-weight:600;margin-bottom:.4rem}.mission-progress{display:flex;align-items:center;gap:.6rem;font-size:.75rem;color:#ffffff80}.mission-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.mission-bar-fill{height:100%;background:linear-gradient(90deg,#4ecdc4,#44bd9e);border-radius:3px;transition:width .3s}.mission-reward{font-size:.85rem;color:gold;font-weight:600;display:flex;align-items:center;gap:.3rem;white-space:nowrap}.mission-reward.claimed{color:#ffffff4d}.claim-btn{background:linear-gradient(135deg,#4ecdc4,#44bd9e);border:none;color:#fff;font-weight:700;font-size:.8rem;padding:.5rem .8rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:all .2s;white-space:nowrap}.claim-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #4ecdc466}