:root{--bg-void:#0a0a0f;--bg-surface:#12121f;--bg-card:#1a1a2e;--bg-elevated:#22223a;--neon-cyan:#00f0ff;--neon-pink:#ff2d78;--neon-yellow:#ffe600;--neon-purple:#b44dff;--text-primary:#f0f0ff;--text-secondary:#88a;--text-muted:#555570;--rarity-n:#8a8a9a;--rarity-r:#4d9eff;--rarity-sr:#b44dff;--rarity-ur:gold;--glow-n:0 0 12px #8a8a9a66;--glow-r:0 0 12px #4d9eff66;--glow-sr:0 0 12px #b44dff66;--glow-ur:0 0 20px #ffd70088;--font-display:"Zen Dots", monospace;--font-body:"Noto Sans JP", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{height:100%}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%,#00f0ff0f 0%,#0000 70%),radial-gradient(60% 50% at 80% 80%,#ff2d780a 0%,#0000 60%),radial-gradient(50% 40% at 20% 90%,#b44dff0a 0%,#0000 60%);position:fixed;inset:0}#root{z-index:1;position:relative}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:#333350;border-radius:3px}::selection{background:var(--neon-cyan);color:var(--bg-void)}@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)}}.machine-container{flex-direction:column;align-items:center;display:flex;position:relative}.machine-body{background:linear-gradient(#1a1a3a 0%,#12122a 100%);border:2px solid #2a2a5a;border-radius:24px 24px 16px 16px;width:320px;position:relative;overflow:hidden;box-shadow:0 0 40px #00f0ff14,inset 0 0 60px #00f0ff08}.machine-body:before{content:"";background:linear-gradient(90deg, transparent, var(--neon-cyan), transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.machine-dome{background:linear-gradient(#00f0ff14 0%,#00f0ff05 100%);border:2px solid #00f0ff33;border-radius:120px 120px 16px 16px;width:240px;height:160px;margin:24px auto 0;position:relative;overflow:hidden}.machine-dome:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffffff0d 0%,#0000 50%),repeating-linear-gradient(0deg,#0000,#0000 20px,#00f0ff08 20px 21px);position:absolute;inset:0}.machine-dome-shine{filter:blur(4px);background:linear-gradient(#ffffff26,#0000);border-radius:50%;width:60%;height:30px;position:absolute;top:8px;left:20%}.capsule{opacity:.7;border-radius:16px 16px 12px 12px;width:32px;height:40px;transition:all .3s;position:absolute}.capsule:after{content:"";background:#fff3;border-radius:4px;height:6px;position:absolute;top:2px;left:4px;right:4px}.machine-screen{text-align:center;width:200px;font-family:var(--font-display);color:var(--neon-cyan);background:#0a0a15;border:1px solid #2a2a5a;border-radius:8px;justify-content:center;align-items:center;min-height:40px;margin:16px auto;padding:12px;font-size:12px;display:flex}.machine-lever-area{justify-content:center;padding:12px 0 20px;display:flex}.pull-button{border:2px solid var(--neon-cyan);cursor:pointer;width:80px;height:80px;color:var(--neon-cyan);background:radial-gradient(circle at 40% 35%,#1a3a4a,#0a1a2a);border-radius:50%;justify-content:center;align-items:center;font-size:28px;transition:all .2s;display:flex;position:relative;box-shadow:0 0 20px #00f0ff33,inset 0 -4px 8px #0006}.pull-button:hover{border-color:var(--neon-cyan);box-shadow:0 0 30px #00f0ff66,inset 0 -4px 8px #0006}.pull-button:active{transform:scale(.92)}.pull-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.pull-button:after{content:"";background:radial-gradient(#ffffff26,#0000);border-radius:50%;width:60%;height:20%;position:absolute;top:4px;left:20%}.machine-led{justify-content:center;gap:6px;padding:8px 0;display:flex}.machine-led-dot{border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-glow}.machine-led-dot:nth-child(2){animation-delay:.3s}.machine-led-dot:nth-child(3){animation-delay:.6s}.machine-led-dot:nth-child(4){animation-delay:.9s}.machine-led-dot:nth-child(5){animation-delay:1.2s}.rarity-glow-N{box-shadow:0 0 30px #8a8a9a66,0 0 60px #8a8a9a33}.rarity-glow-R{box-shadow:0 0 30px #4d9eff66,0 0 60px #4d9eff33}.rarity-glow-SR{box-shadow:0 0 40px #b44dff66,0 0 80px #b44dff33}.rarity-glow-UR{box-shadow:0 0 50px #ffd70088,0 0 100px #ffd70044,0 0 150px #ffd70022}.screen-flash{pointer-events:none;z-index:100;animation:.6s ease-out forwards screen-flash;position:fixed;inset:0}.result-card{position:relative;overflow:hidden}.result-card:before{content:"";pointer-events:none;background:conic-gradient(#0000,#ffffff08,#0000,#ffffff08,#0000);width:200%;height:200%;animation:8s linear infinite spin-slow;position:absolute;top:-50%;left:-50%}.result-card-inner{z-index:1;position:relative}.language-chip{border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-body);background:var(--bg-card);color:var(--text-secondary);border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.language-chip:hover{transform:translateY(-2px)}.language-chip.active{color:var(--text-primary);box-shadow:0 0 20px currentColor33;border-color:currentColor}.nav-tab{font-family:var(--font-body);cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:10px 24px;font-size:14px;font-weight:500;transition:color .2s;position:relative}.nav-tab:hover{color:var(--text-secondary)}.nav-tab.active{color:var(--neon-cyan)}.nav-tab.active:after{content:"";background:var(--neon-cyan);width:24px;height:2px;box-shadow:0 0 8px var(--neon-cyan);border-radius:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.history-item{border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;border:1px solid #1e1e3a;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.history-item:hover{background:var(--bg-elevated);border-color:#2a2a5a}.fav-btn{cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1;transition:transform .2s}.fav-btn:hover{transform:scale(1.2)}@media (width<=480px){.machine-body{width:280px}.machine-dome{width:200px;height:130px}}