:root{--gd-bg-primary: #0d1b2a;--gd-bg-secondary: #1a2d44;--gd-bg-card: rgba(255, 255, 255, .06);--gd-bg-card-hover: rgba(255, 255, 255, .1);--gd-border: rgba(255, 255, 255, .12);--gd-border-glow: rgba(0, 240, 255, .4);--gd-accent: #00f0ff;--gd-accent-2: #7c3aed;--gd-accent-warm: #ffd700;--gd-accent-green: #00e676;--gd-accent-red: #ff1744;--gd-accent-orange: #ff6d00;--gd-text: #f0f4f8;--gd-text-muted: rgba(240, 244, 248, .6);--gd-text-dim: rgba(240, 244, 248, .35);--gd-success: #00e676;--gd-warning: #ffd600;--gd-danger: #ff1744;--gd-info: #00b0ff;--font-display: "Orbitron", monospace;--font-body: "Inter", -apple-system, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-glow-cyan: 0 0 20px rgba(0, 240, 255, .4), 0 0 60px rgba(0, 240, 255, .15);--shadow-glow-gold: 0 0 20px rgba(255, 215, 0, .5), 0 0 60px rgba(255, 215, 0, .2);--shadow-glow-green: 0 0 15px rgba(0, 230, 118, .5);--shadow-glow-red: 0 0 15px rgba(255, 23, 68, .5);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--transition-fast: .15s ease;--transition-mid: .3s ease;--transition-slow: .5s ease;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:var(--gd-bg-primary);color:var(--gd-text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-webkit-user-select:none;user-select:none}.glass{background:var(--gd-bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--gd-border);border-radius:var(--radius-lg)}.glass-strong{background:#0d1b2ad9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--gd-border);border-radius:var(--radius-lg)}.glass-accent{background:#00f0ff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,240,255,.25);border-radius:var(--radius-lg)}.glow-cyan{box-shadow:var(--shadow-glow-cyan)}.glow-gold{box-shadow:var(--shadow-glow-gold)}.glow-green{box-shadow:var(--shadow-glow-green)}.glow-red{box-shadow:var(--shadow-glow-red)}.text-glow-cyan{text-shadow:0 0 10px rgba(0,240,255,.8),0 0 30px rgba(0,240,255,.4)}.text-glow-gold{text-shadow:0 0 10px rgba(255,215,0,.8),0 0 30px rgba(255,215,0,.4)}.btn-gd{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 28px;border:none;border-radius:var(--radius-full);font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;outline:none}.btn-gd:before{content:"";position:absolute;inset:0;background:#fff0;transition:background var(--transition-fast)}.btn-gd:hover:before{background:#ffffff14}.btn-gd:active:before{background:#ffffff24}.btn-gd:active{transform:scale(.97)}.btn-gd--primary{background:linear-gradient(135deg,var(--gd-accent),#0070f3);color:#000;box-shadow:0 4px 24px #00f0ff66,0 2px 8px #0000004d}.btn-gd--gold{background:linear-gradient(135deg,gold,#ff8c00);color:#1a0a00;box-shadow:var(--shadow-glow-gold)}.btn-gd--success{background:linear-gradient(135deg,#00e676,#00b248);color:#000;box-shadow:var(--shadow-glow-green)}.btn-gd--danger{background:linear-gradient(135deg,#ff1744,#c62828);color:#fff;box-shadow:var(--shadow-glow-red)}.btn-gd--ghost{background:transparent;color:var(--gd-text);border:1px solid var(--gd-border)}.btn-gd--ghost:hover{border-color:var(--gd-accent);color:var(--gd-accent)}.btn-gd--icon{padding:12px;border-radius:var(--radius-full);width:48px;height:48px}.btn-gd:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.display-1{font-family:var(--font-display);font-size:clamp(2rem,8vw,4rem);font-weight:900;letter-spacing:.04em;line-height:1.1}.display-2{font-family:var(--font-display);font-size:clamp(1.4rem,5vw,2.5rem);font-weight:700;letter-spacing:.03em}.label-sm{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gd-text-muted)}.coin-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#ffd70026,#ff8c001a);border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-full);font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--gd-accent-warm);box-shadow:0 0 12px #ffd70033}.coin-badge .coin-icon{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe566,#ff8c00);box-shadow:0 0 6px #ffc80099;flex-shrink:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gd-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--gd-accent)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes coinShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes platformPulse{0%,to{box-shadow:0 0 8px currentColor}50%{box-shadow:0 0 20px currentColor,0 0 40px currentColor}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse-glow 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-fadeIn{animation:fadeIn .4s ease both}.animate-slideUp{animation:slideUp .4s ease both}.animate-scaleIn{animation:scaleIn .35s cubic-bezier(.34,1.56,.64,1) both}.animate-shake{animation:shake .4s ease}.screen{position:fixed;inset:0;inset-top:var(--safe-top);inset-bottom:var(--safe-bottom);display:flex;flex-direction:column;overflow:hidden}.rarity-common{color:#aaa;border-color:#555}.rarity-rare{color:#4db6ff;border-color:#1e88e5}.rarity-epic{color:#ce93d8;border-color:#9c27b0}.rarity-legendary{color:var(--gd-accent-warm);border-color:#ff8c00}.modal-content{background:var(--gd-bg-secondary)!important;border:1px solid var(--gd-border)!important;border-radius:var(--radius-xl)!important;color:var(--gd-text)!important}.modal-backdrop{background:#000c!important}.toast-container{z-index:9999}ngb-toast{background:var(--gd-bg-card)!important;border:1px solid var(--gd-border)!important;color:var(--gd-text)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}