@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&family=Share+Tech+Mono&display=swap";:root{--bg-void: #05050f;--bg-deep: #0a0a1a;--bg-panel: #0f0f22;--bg-card: #141428;--bg-machine: #1a1a35;--metal-1: #252542;--metal-2: #1e1e38;--metal-3: #2e2e55;--metal-highlight: #3a3a6a;--cyan: #00f5ff;--cyan-dim: #00b8c8;--cyan-glow: rgba(0, 245, 255, .35);--pink: #ff00aa;--pink-dim: #cc0088;--pink-glow: rgba(255, 0, 170, .35);--gold: #ffd700;--gold-glow: rgba(255, 215, 0, .5);--text-primary: #e8eaf6;--text-dim: #7070a0;--text-accent: var(--cyan);--rarity-common: #9ca3af;--rarity-uncommon: #34d399;--rarity-rare: #60a5fa;--rarity-epic: #a78bfa;--rarity-legendary: #ffd700;--border-subtle: rgba(255, 255, 255, .06);--border-glow: rgba(0, 245, 255, .3);--font-mono: "Share Tech Mono", "Courier New", monospace;--font-display: "Silkscreen", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-med: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{background:var(--bg-void);color:var(--text-primary);font-family:var(--font-mono);min-height:100dvh;overflow-x:hidden;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.18) 2px,rgba(0,0,0,.18) 4px),radial-gradient(ellipse 120% 80% at 50% 10%,#0d0d2e,#05050f)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--metal-highlight);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-dim)}@keyframes machineShake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-3px) rotate(-.5deg)}20%{transform:translate(3px) rotate(.5deg)}30%{transform:translate(-3px) rotate(-.4deg)}40%{transform:translate(2px) rotate(.4deg)}50%{transform:translate(-2px) rotate(-.3deg)}60%{transform:translate(2px) rotate(.3deg)}70%{transform:translate(-1px) rotate(-.2deg)}80%{transform:translate(1px) rotate(.2deg)}90%{transform:translate(-1px) rotate(0)}to{transform:translate(0) rotate(0)}}@keyframes capsuleSpin{0%{transform:translateY(0) rotate(0) scale(1)}20%{transform:translateY(-14px) rotate(72deg) scale(1.05)}40%{transform:translateY(-8px) rotate(144deg) scale(.95)}60%{transform:translateY(-18px) rotate(216deg) scale(1.08)}80%{transform:translateY(-5px) rotate(288deg) scale(.97)}to{transform:translateY(0) rotate(360deg) scale(1)}}@keyframes capsuleDrop{0%{transform:translateY(-60px) scaleY(.7) rotate(-5deg);opacity:0}40%{transform:translateY(8px) scaleY(1.05) rotate(2deg);opacity:1}65%{transform:translateY(-4px) scaleY(.98) rotate(-1deg)}80%{transform:translateY(3px) scaleY(1.02) rotate(.5deg)}to{transform:translateY(0) scaleY(1) rotate(0);opacity:1}}@keyframes eggCrack{0%{transform:rotate(0) scale(1)}10%{transform:rotate(-5deg) scale(1.02)}20%{transform:rotate(5deg) scale(1.03)}30%{transform:rotate(-6deg) scale(1.02)}40%{transform:rotate(6deg) scale(1.04)}50%{transform:rotate(-4deg) scale(1.06)}60%{transform:rotate(4deg) scale(1.08)}70%{transform:rotate(-3deg) scale(1.12)}80%{transform:rotate(3deg) scale(1.2)}88%{transform:rotate(0) scale(1.35);opacity:1}95%{transform:rotate(0) scale(1.6);opacity:.4}to{transform:rotate(0) scale(2);opacity:0}}@keyframes characterReveal{0%{transform:scale(0) rotate(-10deg);opacity:0;filter:brightness(3) blur(8px)}30%{transform:scale(1.25) rotate(3deg);opacity:.9;filter:brightness(2) blur(2px)}55%{transform:scale(.9) rotate(-1deg);opacity:1;filter:brightness(1.5) blur(0)}75%{transform:scale(1.06) rotate(0);opacity:1;filter:brightness(1.2) blur(0)}90%{transform:scale(.97) rotate(0);opacity:1;filter:brightness(1) blur(0)}to{transform:scale(1) rotate(0);opacity:1;filter:brightness(1) blur(0)}}@keyframes shimmer{0%{filter:hue-rotate(0deg) brightness(1.4) saturate(1.5)}25%{filter:hue-rotate(90deg) brightness(1.6) saturate(2)}50%{filter:hue-rotate(180deg) brightness(1.4) saturate(1.5)}75%{filter:hue-rotate(270deg) brightness(1.6) saturate(2)}to{filter:hue-rotate(360deg) brightness(1.4) saturate(1.5)}}@keyframes float{0%{transform:translateY(0)}33%{transform:translateY(-5px)}66%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes coinInsert{0%{transform:translateY(-40px) rotate(-20deg) scale(1.2);opacity:0}30%{transform:translateY(0) rotate(5deg) scale(1.1);opacity:1}55%{transform:translateY(4px) rotate(-3deg) scale(1)}75%{transform:translateY(-2px) rotate(1deg) scale(1.02)}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}@keyframes sparkle{0%{transform:scale(0) rotate(0);opacity:0}20%{transform:scale(1.2) rotate(45deg);opacity:1}40%{transform:scale(.8) rotate(90deg);opacity:.8}60%{transform:scale(1.1) rotate(135deg);opacity:.9}80%{transform:scale(.5) rotate(180deg);opacity:.4}to{transform:scale(0) rotate(225deg);opacity:0}}@keyframes pulseGlow{0%{box-shadow:0 0 8px var(--cyan-glow),0 0 20px var(--cyan-glow)}50%{box-shadow:0 0 16px var(--cyan-glow),0 0 40px var(--cyan-glow),0 0 60px #00f5ff26}to{box-shadow:0 0 8px var(--cyan-glow),0 0 20px var(--cyan-glow)}}@keyframes pulseGlowPink{0%{box-shadow:0 0 8px var(--pink-glow),0 0 20px var(--pink-glow)}50%{box-shadow:0 0 16px var(--pink-glow),0 0 40px var(--pink-glow),0 0 60px #ff00aa26}to{box-shadow:0 0 8px var(--pink-glow),0 0 20px var(--pink-glow)}}@keyframes rarityBurst{0%{transform:scale(0);opacity:.9}40%{transform:scale(1.5);opacity:.6}70%{transform:scale(2.5);opacity:.25}to{transform:scale(3.5);opacity:0}}@keyframes numberFlash{0%{color:var(--cyan);text-shadow:0 0 12px var(--cyan-glow)}to{color:var(--text-primary);text-shadow:none}}@keyframes progressFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes machineBreathe{0%{box-shadow:0 0 20px #00f5ff1a,inset 0 0 30px #00000080}50%{box-shadow:0 0 35px #00f5ff33,inset 0 0 20px #0006}to{box-shadow:0 0 20px #00f5ff1a,inset 0 0 30px #00000080}}@keyframes capsuleFloat{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(3deg)}50%{transform:translateY(-4px) rotate(-2deg)}75%{transform:translateY(-10px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes overlayIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(12px)}}@keyframes collectBounce{0%{transform:scale(0) translateY(20px);opacity:0}60%{transform:scale(1.15) translateY(-5px);opacity:1}80%{transform:scale(.95) translateY(2px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes tokenBump{0%{transform:scale(1)}40%{transform:scale(1.18);color:var(--cyan)}70%{transform:scale(.96)}to{transform:scale(1)}}.game-wrapper{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:130px}.game-header{text-align:center;padding:24px 16px 16px;position:relative}.game-title{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.8rem);color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow),0 0 30px var(--cyan-glow),0 0 60px rgba(0,245,255,.15);letter-spacing:.05em;line-height:1.2}.game-title span{color:var(--pink);text-shadow:0 0 10px var(--pink-glow),0 0 30px var(--pink-glow)}.game-subtitle{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);margin-top:6px;letter-spacing:.12em}.stats-bar{display:flex;justify-content:center;gap:24px;margin-top:14px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-label{font-size:.6rem;color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase}.stat-value{font-family:var(--font-display);font-size:.9rem;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 8px var(--gold-glow)}.game-main{display:flex;align-items:flex-start;justify-content:center;gap:24px;padding:20px 16px;flex:1}.token-panel{display:flex;flex-direction:column;gap:12px;width:220px;flex-shrink:0}.panel-block{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;position:relative;overflow:hidden}.panel-block:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,245,255,.03) 0%,transparent 60%);pointer-events:none}.panel-label{font-size:.6rem;color:var(--text-dim);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}.stats-display{display:flex;flex-direction:column;gap:10px}.token-count-wrap{display:flex;flex-direction:column}.token-amount{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1}.token-amount.flash{animation:tokenBump .4s ease-out}.token-unit{font-size:.65rem;color:var(--text-dim);margin-top:3px;letter-spacing:.1em}.progress-wrap{margin-top:4px}.progress-bar-track{height:6px;background:var(--metal-2);border-radius:3px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--cyan-dim),var(--cyan));border-radius:3px;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px var(--cyan-glow);transform-origin:left}.progress-label{font-size:.58rem;color:var(--text-dim);margin-top:4px;text-align:right;letter-spacing:.08em}.coin-display{display:flex;align-items:center;gap:8px;margin-top:4px}.coin-icon{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff7b0,var(--gold) 50%,#b8860b);box-shadow:0 0 10px var(--gold-glow),inset 0 0 6px #ffffff4d;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-family:var(--font-display);color:#7a5800;flex-shrink:0;position:relative}.coin-icon.animate{animation:coinInsert .5s cubic-bezier(.4,0,.2,1)}.coin-amount{font-family:var(--font-display);font-size:1.8rem;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 10px var(--gold-glow);line-height:1}.coin-label{font-size:.58rem;color:var(--text-dim);letter-spacing:.1em}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:var(--radius-md);font-family:var(--font-display);font-size:.85rem;letter-spacing:.08em;cursor:pointer;border:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);position:relative;overflow:hidden;user-select:none;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.35;cursor:not-allowed;animation:none!important;box-shadow:none!important}.btn:not(:disabled):active{transform:scale(.94) translateY(1px)}.btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.12) 0%,transparent 70%);pointer-events:none}.btn-cyan{background:linear-gradient(180deg,#00c8d4,#008fa0);color:#002830;box-shadow:0 2px #005060,0 4px 12px #00f5ff4d}.btn-cyan:not(:disabled):hover{background:linear-gradient(180deg,#00e8f8,#00aabf);box-shadow:0 2px #006070,0 6px 20px #00f5ff73;transform:translateY(-1px)}.btn-cyan:not(:disabled).available{animation:pulseGlow 2s ease-in-out infinite}.btn-pink{background:linear-gradient(180deg,#e0009a,#a00070);color:#fff;box-shadow:0 2px #600040,0 4px 12px #ff00aa4d}.btn-pink:not(:disabled):hover{background:linear-gradient(180deg,#ff22b8,#c08);box-shadow:0 2px #800050,0 6px 20px #ff00aa80;transform:translateY(-1px)}.btn-token{background:linear-gradient(180deg,#ffe566,#c8920a);color:#3a2000;font-size:1rem;padding:14px 16px;box-shadow:0 3px #7a5200,0 5px 18px #ffd70059}.btn-token:not(:disabled):hover{background:linear-gradient(180deg,#ffef88,#e0a800);box-shadow:0 3px #9a6600,0 8px 24px #ffd70080;transform:translateY(-1px)}.btn-token:not(:disabled):active{box-shadow:0 1px #5a3a00,0 2px 8px #ffd7004d}.machine-wrap{display:flex;flex-direction:column;align-items:center;gap:0;flex-shrink:0}.gacha-machine{width:240px;display:flex;flex-direction:column;align-items:center;animation:machineBreathe 4s ease-in-out infinite;transform-origin:center bottom}.gacha-machine.shaking{animation:machineShake .55s ease-out,machineBreathe 4s ease-in-out infinite .55s}.machine-dome-wrap{width:200px;height:140px;position:relative;z-index:2}.machine-dome{width:200px;height:140px;border-radius:100px 100px 0 0;background:radial-gradient(ellipse 60% 55% at 35% 35%,rgba(180,240,255,.18) 0%,transparent 65%),radial-gradient(ellipse 100% 100% at 50% 50%,#001e32b3,#000a1ed9);border:2px solid rgba(0,245,255,.3);border-bottom:none;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0009,inset 0 20px 40px #00f5ff0f,0 -2px 20px #00f5ff26}.machine-dome:before{content:"";position:absolute;top:12px;left:20px;width:50px;height:80px;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 70%);border-radius:40px;transform:rotate(-10deg)}.dome-capsules{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:20px 24px 16px}.dome-capsule{width:28px;height:40px;border-radius:14px;position:relative;box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff4d;animation:capsuleFloat linear infinite;animation-duration:var(--float-dur, 3.5s);animation-delay:var(--float-delay, 0s)}.dome-capsule:after{content:"";position:absolute;top:4px;left:4px;width:8px;height:14px;background:#ffffff40;border-radius:4px;transform:rotate(5deg)}.machine-body{width:240px;background:linear-gradient(180deg,var(--metal-3) 0%,var(--metal-2) 40%,var(--metal-1) 100%);border:1px solid var(--metal-highlight);border-top:3px solid var(--cyan-dim);border-radius:0 0 16px 16px;padding:16px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 8px 32px #0009,inset 0 1px #ffffff14,inset 0 -2px #0006;position:relative;z-index:1}.machine-brand{font-family:var(--font-display);font-size:.6rem;color:var(--cyan);letter-spacing:.3em;text-shadow:0 0 8px var(--cyan-glow);text-align:center;width:100%;border-bottom:1px solid var(--border-subtle);padding-bottom:10px}.machine-slot-area{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.machine-slot{width:60px;height:24px;background:#000;border-radius:8px;border:2px solid var(--metal-highlight);box-shadow:inset 0 4px 8px #000c,0 0 8px #00f5ff1a;position:relative;overflow:hidden}.machine-slot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:2px;background:#00f5ff33;border-radius:1px}.slot-capsule{width:44px;height:60px;border-radius:22px;display:none;margin:0 auto;box-shadow:0 4px 16px #00000080,inset 0 2px #ffffff4d;position:relative}.slot-capsule.dropping{display:block;animation:capsuleDrop .55s cubic-bezier(.2,.8,.4,1) forwards}.slot-capsule:after{content:"";position:absolute;top:8px;left:8px;width:12px;height:22px;background:#ffffff38;border-radius:6px;transform:rotate(8deg)}.btn-pull{width:100%;padding:16px;font-size:1.4rem;border-radius:var(--radius-md);background:linear-gradient(180deg,#e8003a,#a00020);color:#fff;font-family:var(--font-display);letter-spacing:.12em;border:none;cursor:pointer;box-shadow:0 4px #600010,0 6px 20px #e8003a66,inset 0 1px #fff3;transition:transform var(--transition-fast),box-shadow var(--transition-fast);user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.btn-pull:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.18) 0%,transparent 65%);pointer-events:none}.btn-pull:not(:disabled):hover{background:linear-gradient(180deg,#ff1a50,#c80030);box-shadow:0 4px #800020,0 8px 30px #e8003a99,inset 0 1px #ffffff40;transform:translateY(-2px)}.btn-pull:not(:disabled):active{transform:scale(.96) translateY(2px);box-shadow:0 1px #600010,0 2px 10px #e8003a4d}.btn-pull:not(:disabled){animation:pulseGlowPink 2s ease-in-out infinite}.btn-pull:disabled{background:linear-gradient(180deg,#4a4a5a,#303040);color:var(--text-dim);box-shadow:none;cursor:not-allowed;animation:none}.machine-base{width:260px;height:14px;background:linear-gradient(180deg,var(--metal-1) 0%,#111125 100%);border-radius:0 0 20px 20px;border:1px solid var(--metal-highlight);border-top:none;box-shadow:0 6px 16px #0009;display:flex;justify-content:space-between;padding:0 30px;align-items:flex-end}.machine-foot{width:30px;height:8px;background:#111120;border-radius:0 0 8px 8px;border:1px solid var(--metal-highlight);border-top:none}.reveal-overlay{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:#020212e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.reveal-overlay.active{display:flex;animation:overlayIn .35s ease-out forwards}.reveal-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;max-width:420px;width:90%;padding:0}.rarity-burst{position:absolute;width:260px;height:260px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);pointer-events:none;opacity:0;z-index:0}.rarity-burst.bursting{animation:rarityBurst 1.2s cubic-bezier(.2,.8,.4,1) forwards}.reveal-egg{width:80px;height:110px;border-radius:40px 40px 38px 38px;margin-bottom:-10px;position:relative;z-index:2;box-shadow:0 8px 32px #00000080,inset 0 3px #ffffff59;transform-origin:center bottom}.reveal-egg.cracking{animation:eggCrack 1.4s cubic-bezier(.4,0,.6,1) forwards}.reveal-egg:after{content:"";position:absolute;top:14px;left:14px;width:18px;height:36px;background:#ffffff38;border-radius:9px;transform:rotate(8deg)}.buddy-reveal-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:28px 32px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:2;width:100%;border:1px solid var(--border-subtle);box-shadow:0 20px 60px #000000b3,inset 0 1px #ffffff12;opacity:0;transform:scale(0)}.buddy-reveal-card.revealed{animation:characterReveal .9s cubic-bezier(.34,1.56,.64,1) .2s forwards}.buddy-reveal-card.legendary-shimmer{animation:characterReveal .9s cubic-bezier(.34,1.56,.64,1) .2s forwards,shimmer 3s linear 1.1s infinite}.reveal-ascii{font-family:var(--font-mono);font-size:1.05rem;line-height:1.5;white-space:pre;text-align:center;padding:12px 16px;border-radius:var(--radius-md);background:#0000004d;min-width:160px}.reveal-name{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.06em;text-align:center}.reveal-species{font-size:.65rem;color:var(--text-dim);letter-spacing:.15em;margin-top:-10px}.reveal-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%}.stat-bar-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-bar-label{font-size:.5rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase}.stat-bar-track{width:100%;height:40px;background:var(--metal-2);border-radius:3px;position:relative;overflow:hidden}.stat-bar-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,var(--cyan-dim),var(--cyan));border-radius:3px;transition:height .6s cubic-bezier(.4,0,.2,1) .5s}.stat-bar-val{font-size:.6rem;color:var(--text-primary);font-variant-numeric:tabular-nums}.btn-collect{width:100%;margin-top:4px}.buddy-reveal{display:none;flex-direction:column;align-items:center}.collection-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;background:linear-gradient(0deg,#05050ffa,#0a0a1cf2);border-top:1px solid var(--border-subtle);padding:10px 16px 12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.collection-bar-label{font-size:.55rem;color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}.collection-track{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.buddy-card{flex-shrink:0;width:90px;background:var(--bg-card);border-radius:var(--radius-md);padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;border:1px solid var(--border-subtle);transition:transform var(--transition-fast),border-color var(--transition-med);animation:float var(--buddy-float-dur, 4s) ease-in-out infinite;animation-delay:var(--buddy-float-delay, 0s);position:relative}.buddy-card:hover{transform:translateY(-4px) scale(1.04)}.buddy-card.new-card{animation:collectBounce .5s cubic-bezier(.34,1.56,.64,1) forwards,float var(--buddy-float-dur, 4s) ease-in-out .5s infinite}.buddy-card-ascii{font-family:var(--font-mono);font-size:.48rem;line-height:1.4;white-space:pre;text-align:center}.buddy-card-name{font-family:var(--font-display);font-size:.52rem;color:var(--text-primary);text-align:center;letter-spacing:.05em}.rarity-badge{font-size:.48rem;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:99px;color:#000;font-weight:700}.rarity-badge.common{background:var(--rarity-common);color:#1a1a2e}.rarity-badge.uncommon{background:var(--rarity-uncommon);color:#0a2a1a}.rarity-badge.rare{background:var(--rarity-rare);color:#0a1a3a}.rarity-badge.epic{background:var(--rarity-epic);color:#1a0a3a}.rarity-badge.legendary{background:linear-gradient(90deg,var(--gold),#fff8a0,var(--gold));color:#3a2000;animation:shimmer 2.5s linear infinite}.collection-empty{font-size:.65rem;color:var(--text-dim);letter-spacing:.12em;padding:8px 16px;display:flex;align-items:center;height:60px}.particles-canvas{position:fixed;inset:0;pointer-events:none;z-index:99}.info-panel{width:180px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.rate-table{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px}.rate-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--border-subtle);font-size:.62rem}.rate-row:last-child{border-bottom:none}.rate-pct{font-family:var(--font-display);font-size:.7rem;font-variant-numeric:tabular-nums}.toast-container{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 20px;font-family:var(--font-display);font-size:.7rem;letter-spacing:.08em;color:var(--text-primary);box-shadow:0 4px 20px #00000080;animation:collectBounce .35s ease-out forwards;white-space:nowrap}@media(max-width:700px){.game-main{flex-direction:column;align-items:center;padding:12px;gap:16px}.token-panel{width:100%;max-width:400px;flex-direction:row;flex-wrap:wrap}.token-panel .panel-block{flex:1;min-width:140px}.info-panel{width:100%;max-width:400px;flex-direction:row;flex-wrap:wrap}.rate-table{flex:1}.gacha-machine,.machine-body{width:220px}.machine-dome-wrap{width:180px}.machine-dome{width:180px;height:126px}.machine-base{width:238px}.reveal-content{max-width:340px}.reveal-ascii{font-size:.9rem}.reveal-name{font-size:1.2rem}}@media(max-width:440px){.game-title{font-size:1.4rem}.stats-bar{gap:14px}.buddy-card{width:80px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-flash{animation:numberFlash .5s ease-out forwards}.panel-hint{margin-top:6px;font-size:.58rem;color:var(--text-dim);letter-spacing:.1em}.credits{max-width:600px;margin:24px auto 80px;padding:16px 20px;background:#0a0a1cb3;border:1px solid var(--border-subtle);border-radius:8px;font-size:.65rem;color:var(--text-dim);line-height:1.7;text-align:center}.credits a{color:var(--cyan);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.credits a:hover{border-bottom-color:var(--cyan)}.credits p{margin:4px 0}.credits-note{margin-top:8px!important;font-style:italic;opacity:.7}