:root{--neon-cyan:#00f3ff;--neon-magenta:#f0f;--neon-yellow:#fff200;--bg-dark:#0a0a0b;--cyber-border:#1a1a1e}body{background-color:var(--bg-dark);color:#fff;margin:0;font-family:JetBrains Mono,Fira Code,monospace;overflow-x:hidden}.cyber-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.cyber-container:before{content:" ";z-index:10;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:absolute;inset:0}.cyber-card{background:#0a0a0be6;width:100%;max-width:600px;padding:2rem;position:relative}.cyber-card:before{content:"";background:var(--neon-cyan);clip-path:polygon(0 0,100% 0,100% 90%,95% 100%,0 100%,0 0,1px 1px,1px calc(100% - 1px),calc(95% + .5px) calc(100% - 1px),calc(100% - 1px) calc(90% - .5px),calc(100% - 1px) 1px,1px 1px);z-index:5;pointer-events:none;position:absolute;inset:0}.cyber-card:after{content:"";border:1px solid var(--neon-cyan);clip-path:polygon(0 0,100% 0,100% 90%,95% 100%,0 100%);pointer-events:none;z-index:-1;background:#0a0a0bcc;position:absolute;inset:0;box-shadow:0 0 15px #00f3ff33}.cyber-title{text-transform:uppercase;letter-spacing:4px;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan);margin-bottom:2rem;font-size:1.5rem}.cyber-input{border:1px solid var(--cyber-border);width:100%;color:var(--neon-yellow);background:#111;outline:none;min-height:150px;margin-bottom:1.5rem;padding:1rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.cyber-input:focus{border-color:var(--neon-magenta)}.cyber-button{border:1px solid var(--neon-magenta);color:var(--neon-magenta);text-transform:uppercase;cursor:pointer;letter-spacing:2px;background:0 0;padding:.8rem 2rem;font-family:inherit;font-weight:700;transition:all .3s;position:relative}.cyber-button:hover{background:var(--neon-magenta);color:#000;box-shadow:0 0 20px var(--neon-magenta)}.shuffle-display{text-align:center;min-height:100px;color:var(--neon-cyan);text-shadow:0 0 20px var(--neon-cyan);word-break:break-all;justify-content:center;align-items:center;margin:2rem 0;font-size:3.5rem;font-weight:900;display:flex}.winner{color:var(--neon-yellow);text-shadow:0 0 30px var(--neon-yellow);animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-5px,5px)}40%{transform:translate(-5px,-5px)}60%{transform:translate(5px,5px)}80%{transform:translate(5px,-5px)}to{transform:translate(0)}}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{color:#0ff;z-index:-1;animation:.4s cubic-bezier(.25,.46,.45,.94) infinite both glitch-anim}.glitch-text:after{color:#f0f;z-index:-2;animation:.4s cubic-bezier(.25,.46,.45,.94) infinite reverse both glitch-anim}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-5px,5px)}40%{transform:translate(-5px,-5px)}60%{transform:translate(5px,5px)}80%{transform:translate(5px,-5px)}to{transform:translate(0)}}.decryptor-container{color:#0f0;background:#000;border:1px solid #0f0;padding:2rem;font-family:JetBrains Mono,monospace;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0f03}.decryptor-header{border-bottom:1px solid #0f0;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;font-size:.8rem;display:flex}.decryptor-display{text-transform:uppercase;letter-spacing:.5rem;justify-content:center;align-items:center;height:120px;font-size:3rem;display:flex}.decryptor-char{min-width:1ch;display:inline-block}.decryptor-char.resolved{color:#fff;text-shadow:0 0 10px #0f0}.terminal-cursor{vertical-align:middle;background:#0f0;width:1ch;height:1.2em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.decryptor-stats{opacity:.7;margin-top:1rem;font-size:.7rem}.decryptor-log{border-top:1px solid #0f03;height:60px;margin-top:1rem;padding-top:.5rem;font-size:.6rem;overflow:hidden}.gashapon-machine{background:#ff4757;border:10px solid #2f3542;border-radius:50px 50px 10px 10px;flex-direction:column;align-items:center;min-height:400px;padding:2rem;display:flex;position:relative;box-shadow:0 20px #2f3542}.gashapon-globe{background:#fff3;border:5px solid #2f3542;border-radius:50%;width:250px;height:250px;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #ffffff4d}.gashapon-capsule{border:2px solid #0000001a;border-radius:50%;width:40px;height:40px;position:absolute}.shaking{animation:.1s infinite shake}@keyframes shake{0%{transform:translate(0)rotate(0)}25%{transform:translate(5px,-5px)rotate(1deg)}50%{transform:translate(-5px,5px)rotate(-1deg)}75%{transform:translate(5px,5px)rotate(1deg)}to{transform:translate(-5px,-5px)rotate(-1deg)}}.gashapon-dial{cursor:pointer;background:#dfe4ea;border:5px solid #2f3542;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .5s;display:flex}.gashapon-dial:after{content:"";background:#2f3542;border-radius:5px;width:60px;height:10px}.dial-spin{transform:rotate(360deg)}.capsule-reveal{z-index:100;color:#2f3542;text-align:center;background:#fff;border:5px solid #ff4757;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;padding:1rem;font-weight:700;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 50px #00000080}.capsule-reveal.show{transform:translate(-50%,-50%)scale(1)}.gashapon-label{color:#2f3542;background:#f1f2f6;border-radius:20px;margin-bottom:1rem;padding:.5rem 1rem;font-family:JetBrains Mono,monospace;font-size:.8rem}.slots-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;flex-direction:column;align-items:center;padding:2rem;display:flex;box-shadow:0 10px 30px #0000001a}.slots-window{border:4px solid var(--neon-cyan);background:#050505;border-radius:15px;justify-content:center;align-items:center;width:100%;height:280px;margin-bottom:2rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #00f3ff66,0 0 20px #00f3ff33}.slots-reel{will-change:transform;flex-direction:column;align-items:center;display:flex}.slots-item{color:#fff;text-align:center;word-break:break-word;text-shadow:0 0 15px #ffffff80;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:200px;padding:0 2rem;font-size:3.5rem;font-weight:900;transition:opacity .3s,filter .3s,transform .3s;display:flex}.slots-item.neighbor{opacity:.15;filter:blur(3px)grayscale(.5);transform:scale(.8)}.slots-item.active{opacity:1;filter:none;transform:scale(1.1)}.slots-item.blur-v{filter:blur(8px);opacity:.6;transform:scaleY(1.4)scaleX(.9)}.slots-indicator{background:var(--neon-magenta);z-index:100;opacity:.9;pointer-events:none;height:6px;box-shadow:0 0 20px var(--neon-magenta);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.slots-indicator:before,.slots-indicator:after{content:"▶";color:var(--neon-magenta);text-shadow:0 0 10px var(--neon-magenta);font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.slots-indicator:before{left:-20px}.slots-indicator:after{right:-20px;transform:translateY(-50%)rotate(180deg)}.slots-handle{cursor:pointer;color:#fff;background:#ff4757;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 5px 15px #ff475766}.slots-handle:hover{transform:scale(1.1)}.slots-handle:active{transform:scale(.9)}.slots-handle.pulling{transform:translateY(20px)}.slots-winner{color:#ff4757;animation:.5s infinite alternate bounce}@keyframes bounce{0%{transform:scale(1)}to{transform:scale(1.1)}}.lootbox-area{perspective:1000px;background:radial-gradient(circle,#2c3e50 0%,#000 100%);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative;overflow:hidden}.lootbox-chest{cursor:pointer;width:150px;height:120px;transform-style:preserve-3d;z-index:5;background:#8e44ad;border:6px solid #2c3e50;border-radius:12px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 10px #2c3e50,0 0 30px #8e44ad66}.lootbox-chest:hover{transform:translateY(-5px);box-shadow:0 15px #2c3e50,0 0 40px #8e44ad99}.lootbox-chest:after{content:"";background:#2c3e50;height:8px;position:absolute;top:40px;left:0;right:0}.lootbox-chest:before{content:"";z-index:2;background:#f1c40f;border:3px solid #2c3e50;border-radius:4px;width:30px;height:25px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.chest-shake{animation:.2s infinite chest-shake}@keyframes chest-shake{0%{transform:rotate(0)}25%{transform:rotate(5deg)scale(1.1)}50%{transform:rotate(0)scale(1.2)}75%{transform:rotate(-5deg)scale(1.1)}to{transform:rotate(0)}}.loot-burst{z-index:10;pointer-events:none;background:radial-gradient(circle,#fff 0%,#0000 70%);width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.loot-burst.active{animation:.8s ease-out forwards burst}@keyframes burst{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}.reward-card{z-index:20;background:linear-gradient(135deg,#fff 0%,#dfe6e9 100%);border:5px solid #fff;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:200px;height:280px;padding:1.5rem;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)rotateY(180deg);box-shadow:0 10px 40px #00000080}.reward-card.reveal{transform:translate(-50%,-50%)scale(1)rotateY(0)}.reward-rarity{letter-spacing:2px;color:#f1c40f;margin-bottom:1rem;font-size:.7rem;font-weight:700}.reward-name{color:#2d3436;text-align:center;word-break:break-word;font-size:1.8rem;font-weight:900}.lootbox-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#f1c40f66 0%,#0000 70%);width:100%;height:100%;transition:opacity .5s;position:absolute}.chest-shake+.lootbox-glow{opacity:1}.ramen-container{background:#fdf5e6;border:8px solid #c0392b;border-radius:30px;flex-direction:column;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px #a93226}.ramen-bowl{background:#e67e22;border:15px solid #d35400;border-radius:50%;justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 10px 20px #0003}.ramen-soup{background:#f39c12;border-radius:50%;width:260px;height:260px;transition:transform .1s linear;position:relative}.ramen-item{color:#7f8c8d;opacity:.4;white-space:nowrap;font-size:.8rem;font-weight:700;position:absolute}.narutomaki-winner{z-index:100;background:#fff;border:8px dashed #e91e63;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;transform:scale(0);box-shadow:0 5px 15px #0003}.narutomaki-winner.show{transform:scale(1)rotate(15deg)}.naruto-spiral{border:10px solid #e91e631a;border-top-color:#e91e634d;border-radius:50%;width:120px;height:120px;animation:2s linear infinite spin;position:absolute}.winner-name-ramen{color:#2c3e50;text-align:center;z-index:2;padding:10px;font-family:Brush Script MT,cursive,sans-serif;font-size:1.8rem}.chopsticks{z-index:110;background:#8e44ad;border-radius:5px;width:10px;height:250px;transition:transform .3s;position:absolute;top:-100px}.chopsticks.left{left:45%;transform:rotate(5deg)}.chopsticks.right{right:45%;transform:rotate(-5deg)}.chopsticks.stirring{animation:.2s infinite stir}@keyframes stir{0%{transform:translate(0)rotate(5deg)}50%{transform:translate(10px,10px)rotate(10deg)}to{transform:translate(0)rotate(5deg)}}@keyframes spin{to{transform:rotate(360deg)}}.ramen-button{color:#fff;cursor:pointer;background:#c0392b;border:none;border-radius:50px;margin-top:2rem;padding:1rem 2rem;font-size:1.2rem;font-weight:700;transition:all .1s;box-shadow:0 5px #a93226}.ramen-button:active{transform:translateY(3px);box-shadow:0 2px #a93226}.bounty-container{background:#f4e4bc;border:10px solid #5d4037;border-radius:10px;flex-direction:column;align-items:center;min-height:500px;padding:2rem;display:flex;position:relative}.poster{background:#e7d6ab url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E");border:2px solid #8d6e63;flex-direction:column;align-items:center;width:320px;height:450px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:5px 5px 15px #0000004d}.poster-header{letter-spacing:10px;color:#3e2723;text-align:center;border-bottom:4px double #3e2723;width:100%;margin-bottom:10px;font-family:Georgia,serif;font-size:3rem;font-weight:900}.poster-photo{background:#d7ccc8;border:4px solid #3e2723;justify-content:center;align-items:center;width:100%;height:280px;display:flex;position:relative;overflow:hidden}.silhouette{color:#3e2723;opacity:.8;filter:grayscale()contrast(2);font-size:15rem;transition:all .3s}.silhouette.shuffling{opacity:.3;animation:.1s infinite glitch}.winner-overlay{color:#3e2723;text-transform:uppercase;text-align:center;word-break:break-all;background:#3e27231a;justify-content:center;align-items:center;padding:10px;font-family:Impact,sans-serif;font-size:2rem;display:flex;position:absolute;inset:0}.poster-name{color:#3e2723;text-transform:uppercase;text-align:center;width:100%;min-height:3rem;margin-top:20px;font-family:Impact,sans-serif;font-size:2.5rem}.poster-bounty{color:#3e2723;align-items:center;gap:10px;margin-top:10px;font-family:Georgia,serif;font-size:1.2rem;font-weight:700;display:flex}.dead-or-alive{letter-spacing:2px;color:#c62828;font-size:.8rem;font-weight:900}.bounty-stamp{color:#c62828;opacity:0;pointer-events:none;border:10px solid #c62828;padding:10px 20px;font-family:Impact,sans-serif;font-size:3rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-20deg)scale(3)}.bounty-stamp.show{opacity:.6;transform:translate(-50%,-50%)rotate(-20deg)scale(1)}.bounty-button{color:#f4e4bc;letter-spacing:2px;cursor:pointer;background:#3e2723;border:none;margin-top:2rem;padding:1rem 3rem;font-family:Impact,sans-serif;font-size:1.5rem;box-shadow:4px 4px #1b0000}.bounty-button:active{transform:translate(2px,2px);box-shadow:2px 2px #1b0000}.hatchery-container{background:#f0f0f0;border-radius:20px;flex-direction:column;align-items:center;height:500px;padding:2rem;display:flex;position:relative;overflow:hidden}.pokemon-egg{background:#fff radial-gradient(circle at 30% 30%,#fff,#eee);border:4px solid #333;border-radius:50%/60% 60% 40% 40%;width:150px;height:200px;margin-top:50px;position:relative;box-shadow:inset -10px -10px 20px #0000001a}.egg-spots{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.egg-spot{opacity:.6;background:#81c784;border-radius:50%;position:absolute}.pokemon-egg.shaking{animation:.2s infinite shake-egg}@keyframes shake-egg{0%{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.hatch-flash{z-index:100;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.hatch-flash.active{animation:.5s forwards flash-white}.pokemon-reveal{z-index:110;flex-direction:column;align-items:center;width:100%;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.pokemon-reveal.show{transform:translate(-50%,-50%)scale(1)}.silhouette{clip-path:polygon(50% 0%,80% 10%,100% 35%,100% 70%,80% 90%,50% 100%,20% 90%,0% 70%,0% 35%,20% 10%);color:#fff;text-align:center;background:#333;justify-content:center;align-items:center;width:250px;height:250px;padding:20px;font-size:1rem;font-weight:700;display:flex}.hatchery-button{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:50px;margin-top:3rem;padding:1rem 3rem;font-size:1.5rem;font-weight:900;box-shadow:0 5px #2e7d32}.hatchery-button:active{transform:translateY(2px);box-shadow:0 2px #2e7d32}
