:root{--bg-void:#f5f5f7;--bg-surface:#fff;--bg-card:#fff;--bg-elevated:#f0f0f5;--accent:#06f;--accent-pink:#ff2d78;--accent-purple:#7c3aed;--accent-gold:#f59e0b;--text-primary:#1a1a2e;--text-secondary:#555570;--text-muted:#99a;--rarity-n:#8a8a9a;--rarity-r:#4d9eff;--rarity-sr:#7c3aed;--rarity-ur:#f59e0b;--glow-n:0 0 12px #8a8a9a44;--glow-r:0 0 12px #4d9eff44;--glow-sr:0 0 12px #7c3aed44;--glow-ur:0 0 20px #f59e0b66;--font-display:"Zen Dots", monospace;--font-body:"Noto Sans JP", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001a}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 50% -20%,#0066ff0a 0%,#0000 70%),radial-gradient(60% 50% at 80% 80%,#ff2d7808 0%,#0000 60%),radial-gradient(50% 40% at 20% 90%,#7c3aed08 0%,#0000 60%);position:fixed;inset:0}#root{z-index:1;position:relative}::selection{background:var(--accent);color:#fff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes capsule-drop{0%{opacity:0;transform:translateY(-120px)rotate(0)}40%{opacity:1;transform:translateY(0)rotate(10deg)}55%{transform:translateY(-20px)rotate(-5deg)}70%{transform:translateY(0)rotate(3deg)}85%{transform:translateY(-8px)rotate(-2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes shake-machine{0%,to{transform:translate(0)}10%{transform:translate(-4px)rotate(-1deg)}20%{transform:translate(4px)rotate(1deg)}30%{transform:translate(-4px)rotate(-1deg)}40%{transform:translate(4px)rotate(1deg)}50%{transform:translate(-2px)rotate(-.5deg)}60%{transform:translate(2px)rotate(.5deg)}70%{transform:translate(-1px)}80%{transform:translate(1px)}90%{transform:translate(-.5px)}}@keyframes burst-particle{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2)}}@keyframes screen-flash{0%{opacity:0}20%{opacity:.3}to{opacity:0}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.4}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}:root{--bg:#f0f0f5;--bg-card:#fff;--bg-surface:#f8f8fc;--text:#1a1a2e;--text-secondary:#6b6b80;--text-muted:#a0a0b0;--accent:#06f;--rarity-n:#8a8a9a;--rarity-r:#4d9eff;--rarity-sr:#7c3aed;--rarity-ur:#f59e0b;--font-display:"Zen Dots", monospace;--font-body:"Noto Sans JP", sans-serif;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 32px #00000014;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{background:var(--bg);max-width:480px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 60px #0000000f}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.pack{cursor:pointer;border-radius:16px;width:200px;height:280px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 8px 40px #667eea40}.pack:hover{transform:translateY(-4px)scale(1.02)}.pack:active{transform:scale(.96)}.pack-inner{background:linear-gradient(160deg,#667eea,#764ba2);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.pack-inner:before{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff0a 3px 4px),repeating-linear-gradient(90deg,#0000,#0000 3px,#ffffff0a 3px 4px);position:absolute;inset:0}.pack-foil{background:linear-gradient(105deg,#0000 25%,#ffffff26 45%,#fff3 50%,#ffffff26 55%,#0000 75%) 0 0/300% 100%;animation:4s ease-in-out infinite foil;position:absolute;inset:0}@keyframes foil{0%{background-position:300% 0}to{background-position:-300% 0}}.pack-seal{z-index:2;background:linear-gradient(#fbbf24,#f59e0b);border-radius:0 0 6px 6px;width:60px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #f59e0b4d}.pack-seal:after{content:"";background:#f59e0b;border-radius:2px 2px 0 0;width:40px;height:3px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.pack-label{font-family:var(--font-display);color:#fff;letter-spacing:.12em;text-shadow:0 2px 12px #0003;z-index:1;font-size:20px}.pack-sub{font-family:var(--font-display);color:#fff6;letter-spacing:.25em;z-index:1;margin-top:2px;font-size:8px}.pack-hint{font-family:var(--font-display);color:#ffffff40;letter-spacing:.15em;z-index:1;font-size:8px;animation:2s ease-in-out infinite pulse;position:absolute;bottom:16px}@keyframes pulse{0%,to{opacity:.25}50%{opacity:.6}}.fan-area{perspective:1000px;justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative}.fan-card{width:110px;height:154px;transform-style:preserve-3d;cursor:pointer;border-radius:10px;position:absolute;box-shadow:0 4px 20px #0000001a}.fan-card-face{backface-visibility:hidden;border-radius:10px;position:absolute;inset:0;overflow:hidden}.fan-card-front{background:linear-gradient(160deg,#f5f5fa,#e8e8f0);border:1px solid #dddde8;justify-content:center;align-items:center;display:flex}.fan-card-back{color:#fff;background:linear-gradient(160deg,#667eea,#764ba2);border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)}.fan-card-back:before{content:"";border:1px solid #ffffff1a;border-radius:7px;position:absolute;inset:4px}.fan-card.flipped{transform:rotateY(180deg)!important}.tcg-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #0000000f}.tcg-card-illust{justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.tcg-card-body{padding:20px}.tcg-stats{gap:8px;margin-bottom:14px;display:flex}.tcg-stat{text-align:center;background:#f5f5fa;border-radius:10px;flex:1;padding:10px}.tcg-stat-label{color:#999;letter-spacing:.08em;font-size:9px;font-weight:500}.tcg-stat-value{font-size:18px;font-weight:700;font-family:var(--font-display);margin-top:2px}.tcg-stat-sub{color:#aaa;margin-top:1px;font-size:8px}.lang-chip{border-radius:var(--radius-full);cursor:pointer;color:var(--text-secondary);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e8e8f0;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.lang-chip:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.lang-chip.active{color:var(--text);box-shadow:0 0 0 2px currentColor15;border-color:currentColor}.nav-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:10px 20px;font-size:13px;font-weight:500;transition:color .2s;position:relative}.nav-btn:hover{color:var(--text-secondary)}.nav-btn.active{color:var(--accent)}.nav-btn.active:after{content:"";background:var(--accent);border-radius:1px;width:20px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.history-item{border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #eeeef4;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.history-item:hover{box-shadow:var(--shadow-md);border-color:#dddde8}.screen-flash{pointer-events:none;z-index:100;animation:.6s ease-out forwards flash;position:fixed;inset:0}@keyframes flash{0%{opacity:0}15%{opacity:.2}to{opacity:0}}@media (width<=480px){.pack{width:160px;height:224px}.fan-card{width:88px;height:123px}.fan-area{height:180px}.tcg-card-illust{height:160px}}