@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap";:root{--bg: #0b0b0f;--fg: #f2f2f2;--accent: #e10600;--accent2: #ffcc00;--accent3: #7a3cff;--accent4: #00e0ff;--accent5: #ff2fb9}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Rubik,Noto Sans JP,system-ui,Arial;background:radial-gradient(1200px 600px at 20% 10%,#12121a,#0b0b0f 60%),linear-gradient(135deg,#e0000026,#ff2fb91f 40%,#00e0ff1f);color:var(--fg);animation:bgshift 12s linear infinite;overflow-x:hidden;width:100vw}@keyframes bgshift{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(12deg)}to{filter:hue-rotate(0deg)}}.wrap{display:grid;grid-template-rows:auto 1fr auto;height:100%}.top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:2px solid #1c1c22}.brand{font-weight:700;letter-spacing:.5px;color:var(--accent2);text-shadow:0 0 8px rgba(255,204,0,.5);display:flex;align-items:center;gap:8px}.brand-jp{display:inline-block;padding:4px 6px;border-radius:6px;border:1px solid rgba(255,204,0,.4);background:linear-gradient(135deg,#e1060033,#ffcc0026);color:var(--accent);font-family:Noto Sans JP,Rubik;text-shadow:0 0 8px rgba(225,6,0,.4)}.stats{display:flex;gap:16px;align-items:center}.stat{background:#14141a;padding:6px 10px;border-radius:8px}.meter{width:clamp(100px,40vw,160px);height:10px;background:#1f1f26;border-radius:999px;overflow:hidden;border:1px solid #2a2a33}.meter-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent5),var(--accent4))}.toggle{height:30px;padding:0 10px;border:none;border-radius:8px;background:#22222a;color:var(--fg)}.main{position:relative;display:grid;grid-template-rows:auto auto;justify-items:center;gap:16px;padding:0;transition:transform .2s ease,filter .2s ease}.main.crazy{filter:saturate(1.5) contrast(1.15) hue-rotate(8deg);transform:scale(1.03)}.win-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(50px);z-index:60;font-size:clamp(40px,14vw,92px);font-weight:700;color:var(--accent2);text-shadow:0 0 10px #ffcc00,0 0 24px #ffcc00,0 0 40px rgba(225,6,0,.35);animation:win-overlay-in .8s ease-out both,float 2.6s ease-in-out infinite;pointer-events:none;white-space:nowrap;line-height:1;max-width:100vw}.event-overlay{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:4;font-size:clamp(28px,10vw,64px);font-weight:800;color:var(--accent);text-shadow:0 0 12px rgba(225,6,0,.5),0 0 28px rgba(255,204,0,.4);letter-spacing:1px;animation:eventPulse 1.2s ease-in-out infinite alternate}@keyframes eventPulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.05)}}@keyframes win-overlay-in{0%{opacity:0;transform:translate(-50%,-55%) scale(.9) translateZ(50px)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08) translateZ(50px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateZ(50px)}}@keyframes blink{0%{opacity:1}50%{opacity:.25}to{opacity:1}}.yt-audio{width:1px;height:1px;overflow:hidden}.game-area{position:relative;width:min(900px,95vw);margin:0 auto;display:grid;place-items:center}.reels{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:var(--cell-gap, 8px);width:100%;background:linear-gradient(180deg,#ffffff08,#ffffff03);border-radius:16px;padding:var(--reels-pad, 8px);max-width:100%;box-sizing:border-box;perspective:1000px;transform-style:preserve-3d;z-index:5}.banzai-overlay{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;z-index:90;display:grid;place-items:center;border-radius:20px;background:radial-gradient(140px 140px at 50% 50%,rgba(255,47,185,.15),transparent 60%),radial-gradient(160px 160px at 30% 60%,rgba(0,224,255,.15),transparent 60%),#08080c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .25s ease-out}.banzai-text{font-size:clamp(28px,8vw,64px);font-weight:900;color:var(--accent);text-shadow:0 0 12px rgba(225,6,0,.5),0 0 28px rgba(255,204,0,.4);letter-spacing:2px}.reels:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;border:2px solid rgba(255,204,0,.4);box-shadow:0 0 24px #ffcc0040,inset 0 0 12px #ffcc0026;pointer-events:none}.reels:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:12px;background:radial-gradient(90px 90px at 25% 30%,rgba(255,47,185,.08),transparent 60%),radial-gradient(120px 120px at 75% 60%,rgba(0,224,255,.08),transparent 60%);pointer-events:none}.reel{display:grid;grid-template-rows:repeat(3,1fr);gap:8px;transform-style:preserve-3d}.cell{display:grid;place-items:center;height:var(--cell-h, 120px);border-radius:12px;background:#131318;border:2px solid #23232b;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:inset 0 0 20px #ffffff08,0 0 18px #7a3cff1f;transition:transform .3s cubic-bezier(.25,1.5,.5,1),box-shadow .3s ease;transform:translateZ(0);backface-visibility:hidden}.cell.spinning{animation:spinPulse .5s ease-in-out infinite alternate}.cell:nth-child(2n).spinning{animation-delay:.15s}.cell:nth-child(3n).spinning{animation-delay:.3s}.cell:nth-child(5n).spinning{animation-delay:.45s}@keyframes spinPulse{0%{transform:translateZ(0) scale(1)}to{transform:translateZ(15px) scale(1.05)}}.cell:hover{transform:translateZ(20px) scale(1.05);box-shadow:0 10px 30px #00000080;z-index:5}.cell.win{border-color:var(--accent2);box-shadow:0 0 24px #ffcc0080,inset 0 0 20px #ffffff1a;animation:winPulse .8s ease-in-out infinite alternate;transform:translateZ(15px) scale(1.05);z-index:2}.giffx-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:1;pointer-events:none}.sym-carella{background:linear-gradient(135deg,#2d0b0b,#6b0f0f);border-color:var(--accent);box-shadow:0 0 16px #e1060059}.sym-dragone{background:linear-gradient(135deg,#0b2d2d,#156d6d);box-shadow:0 0 16px #00e0ff38}.sym-katana{background:linear-gradient(135deg,#1f1f26,#3a3a52);box-shadow:0 0 16px #7a3cff38}.sym-pistola{background:linear-gradient(135deg,#1a1a21,#3a1f1f);box-shadow:0 0 16px #e1060047}.sym-maschera{background:linear-gradient(135deg,#261f1f,#5a2a2a);box-shadow:0 0 16px #ff2fb938}.sym-sakura{background:linear-gradient(135deg,#2d1b2d,#743074);box-shadow:0 0 16px #ff2fb947}.sym-koi{background:linear-gradient(135deg,#1b2d22,#2f6b4a);box-shadow:0 0 16px #00e0ff2e}.sym-fumo{background:linear-gradient(135deg,#1b1b1f,#3a3a44);box-shadow:0 0 16px #ffffff14}.panel{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;width:min(900px,95vw);max-width:100%;box-sizing:border-box}.bet{display:flex;align-items:center;gap:8px}.bet button{width:36px;height:36px;border-radius:8px;border:none;background:#22222a;color:var(--fg)}.bet-val{padding:6px 10px;background:#14141a;border-radius:8px}.spin{height:40px;padding:0 18px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent5));color:#fff;font-weight:700;letter-spacing:.5px;box-shadow:0 8px 20px #e1060040}.spin:disabled{background:#3a3a45}.spin:not(:disabled):hover{filter:brightness(1.1) saturate(1.2)}.msg{justify-self:end;opacity:.9}.chips{grid-column:1 / -1;display:grid;gap:6px}.chips-row{display:flex;gap:6px;align-items:center;font-size:12px;opacity:.9}.chip{height:28px;padding:0 10px;border:1px solid #2a2a33;border-radius:999px;background:linear-gradient(135deg,#16161c,#1f1f28);color:var(--fg)}.chip:hover{filter:brightness(1.1)}.chip.active{background:linear-gradient(135deg,#24242c,#2e2e38);border-color:var(--accent2);color:var(--accent2);box-shadow:0 0 12px #ffcc004d}.chip:disabled{opacity:.5;cursor:not-allowed}.foot{text-align:center;padding:12px;opacity:.7}.legend{width:min(900px,95vw);background:#14141a;border:1px solid #23232b;border-radius:12px;padding:12px;display:grid;gap:10px;max-width:100%;box-sizing:border-box}.legend-head{display:flex;align-items:center;justify-content:space-between}.legend-title{font-weight:700;color:var(--accent2)}.legend-toggle{height:30px;padding:0 10px;border-radius:8px;border:1px solid #2a2a33;background:#16161c;color:var(--fg)}.legend-grid{display:grid;grid-template-columns:1.4fr repeat(3,.8fr);gap:6px}.legend-row{display:contents}.legend-sym{background:#1a1a20;padding:8px 10px;border-radius:8px}.legend-val{background:#18181e;padding:8px 10px;border-radius:8px;text-align:right}.legend-note{font-size:12px;opacity:.8}.cell{position:relative;overflow:hidden}.giffx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}@keyframes winPulse{0%{filter:brightness(1)}to{filter:brightness(1.15)}}.prize-overlay{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:100;background:radial-gradient(circle at center,#0009,#000000e6);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:24px;overflow:hidden;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;transition:opacity .3s ease-out;box-shadow:0 0 50px #000c}.prize-overlay.fade-out{opacity:0;pointer-events:none}.prize-shine{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(255,204,0,.3) 60deg,transparent 120deg);animation:rotateShine 4s linear infinite;pointer-events:none}@keyframes rotateShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prize-gif{position:relative;max-width:80%;max-height:60%;object-fit:contain;z-index:51;filter:drop-shadow(0 0 30px rgba(255,204,0,.6));animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.prize-text{position:relative;z-index:52;margin-top:20px;text-align:center}.prize-label{font-size:24px;color:#fff;text-transform:uppercase;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.8);letter-spacing:2px}.prize-amount{font-size:48px;color:var(--accent);font-weight:900;text-shadow:0 0 20px rgba(225,6,0,.8),0 4px 8px rgba(0,0,0,.8);animation:bounceText .8s infinite alternate}@keyframes bounceText{0%{transform:scale(1)}to{transform:scale(1.1);text-shadow:0 0 30px rgba(255,204,0,1)}}.reels:before{z-index:1}.reels:after{z-index:2}.payline-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;filter:drop-shadow(0 0 4px rgba(255,204,0,.6))}.status-box{width:100%;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;position:relative}.status-counter{background:#14141ce6;border:1px solid rgba(255,204,0,.35);color:var(--accent2);border-radius:10px;padding:8px 12px;font-weight:700;text-align:center;min-height:36px}.status-msg{background:#14141cb3;border:1px solid #23232b;color:var(--fg);border-radius:10px;padding:8px 12px;text-align:center;min-height:36px}.win-reason{grid-column:1 / -1;padding:6px 10px;border-radius:10px;background:#14141cf2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--accent2);font-weight:700;border:1px solid rgba(255,204,0,.35);z-index:20;white-space:nowrap;text-align:center}@keyframes float{0%{transform:translate(-50%,-50%) translateZ(50px)}50%{transform:translate(-50%,-53%) translateZ(50px)}to{transform:translate(-50%,-50%) translateZ(50px)}}.win-overlay{animation:win-overlay-in .8s ease-out both,float 2.6s ease-in-out infinite}@supports (padding:max(env(safe-area-inset-top))){.wrap{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 768px){.top,.stats{flex-wrap:wrap;gap:8px}.brand{font-size:18px}.reels{gap:6px;padding:6px;width:95vw}.reel{gap:6px}.panel{position:sticky;bottom:0;grid-template-columns:1fr;gap:10px;width:100%;padding:10px;background:#121218b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid #23232b}.bet button{width:52px;height:52px}.spin{height:54px;width:100%}.msg{justify-self:center}.chips{gap:8px}.chips-row{flex-wrap:wrap}.legend{width:95vw;gap:6px;padding:8px}.legend-grid{gap:4px}.legend-sym,.legend-val{padding:4px 6px;font-size:12px}.legend-title{font-size:14px}.legend-toggle{font-size:12px;height:26px}}.pachinko-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:200;background:#0b0b0ffa;display:flex;flex-direction:column;align-items:center;gap:15px;padding:10px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .5s ease-out;overflow:hidden}.pachinko-hud{position:relative;width:100%;display:flex;justify-content:space-evenly;align-items:center;gap:8px;z-index:202;pointer-events:none;flex-shrink:0}.pachinko-title{font-size:48px;font-weight:900;color:#fc0;text-transform:uppercase;text-shadow:0 0 20px rgba(255,204,0,.8),0 0 40px rgba(225,6,0,.6);animation:pulseTitle 2s ease-in-out infinite alternate;margin-top:10px;z-index:202;text-align:center;font-family:Rubik,sans-serif;letter-spacing:2px;position:relative;flex-shrink:0}@keyframes pulseTitle{0%{text-shadow:0 0 20px rgba(255,204,0,.8),0 0 40px rgba(225,6,0,.6);transform:scale(1)}to{text-shadow:0 0 30px rgba(255,204,0,1),0 0 60px rgba(225,6,0,.8);transform:scale(1.05)}}@media (max-width: 768px){.pachinko-overlay{padding:0}.pachinko-title{font-size:32px;margin-top:20px}.pachinko-hud{padding-top:0}.pachinko-btn{scale:.9;margin-bottom:20px}}.ball-counter{display:flex;align-items:center;gap:36px}.ball-count-text{font-size:96px;font-weight:800;color:var(--accent2);text-shadow:0 0 12px rgba(255,204,0,.6)}.score-counter{font-size:54px;color:var(--fg);opacity:.8;font-weight:700}.coin-spin-container{width:120px;height:120px;perspective:1000px}.coin-spin-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:spinCoinNew 3s linear infinite}@keyframes spinCoinNew{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.coin-front,.coin-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:url(/images/carella-coin.png) no-repeat center/contain;backface-visibility:hidden;box-shadow:inset 0 0 0 6px #d4af37}.coin-front{transform:translateZ(7.5px)}.coin-back{transform:rotateY(180deg) translateZ(7.5px)}.coin-spin-inner:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:#c69c06;transform:translateZ(0)}.coin-side{position:absolute;top:50%;left:50%;width:15px;height:16.5px;background:#b8860b;transform-origin:center;backface-visibility:hidden}.coin-side.s1{transform:translate(-50%,-50%) rotateY(90deg) rotateX(0) translateZ(59px)}.coin-side.s2{transform:translate(-50%,-50%) rotateY(90deg) rotateX(15deg) translateZ(59px)}.coin-side.s3{transform:translate(-50%,-50%) rotateY(90deg) rotateX(30deg) translateZ(59px)}.coin-side.s4{transform:translate(-50%,-50%) rotateY(90deg) rotateX(45deg) translateZ(59px)}.coin-side.s5{transform:translate(-50%,-50%) rotateY(90deg) rotateX(60deg) translateZ(59px)}.coin-side.s6{transform:translate(-50%,-50%) rotateY(90deg) rotateX(75deg) translateZ(59px)}.coin-side.s7{transform:translate(-50%,-50%) rotateY(90deg) rotateX(90deg) translateZ(59px)}.coin-side.s8{transform:translate(-50%,-50%) rotateY(90deg) rotateX(105deg) translateZ(59px)}.coin-side.s9{transform:translate(-50%,-50%) rotateY(90deg) rotateX(120deg) translateZ(59px)}.coin-side.s10{transform:translate(-50%,-50%) rotateY(90deg) rotateX(135deg) translateZ(59px)}.coin-side.s11{transform:translate(-50%,-50%) rotateY(90deg) rotateX(150deg) translateZ(59px)}.coin-side.s12{transform:translate(-50%,-50%) rotateY(90deg) rotateX(165deg) translateZ(59px)}.coin-side.s13{transform:translate(-50%,-50%) rotateY(90deg) rotateX(180deg) translateZ(59px)}.coin-side.s14{transform:translate(-50%,-50%) rotateY(90deg) rotateX(195deg) translateZ(59px)}.coin-side.s15{transform:translate(-50%,-50%) rotateY(90deg) rotateX(210deg) translateZ(59px)}.coin-side.s16{transform:translate(-50%,-50%) rotateY(90deg) rotateX(225deg) translateZ(59px)}.coin-side.s17{transform:translate(-50%,-50%) rotateY(90deg) rotateX(240deg) translateZ(59px)}.coin-side.s18{transform:translate(-50%,-50%) rotateY(90deg) rotateX(255deg) translateZ(59px)}.coin-side.s19{transform:translate(-50%,-50%) rotateY(90deg) rotateX(270deg) translateZ(59px)}.coin-side.s20{transform:translate(-50%,-50%) rotateY(90deg) rotateX(285deg) translateZ(59px)}.coin-side.s21{transform:translate(-50%,-50%) rotateY(90deg) rotateX(300deg) translateZ(59px)}.coin-side.s22{transform:translate(-50%,-50%) rotateY(90deg) rotateX(315deg) translateZ(59px)}.coin-side.s23{transform:translate(-50%,-50%) rotateY(90deg) rotateX(330deg) translateZ(59px)}.coin-side.s24{transform:translate(-50%,-50%) rotateY(90deg) rotateX(345deg) translateZ(59px)}.pachinko-btn{position:relative;bottom:auto;left:auto;transform:none;width:280px;height:80px;border-radius:12px;background:linear-gradient(to bottom,gold,#e6c200);border:none;border-bottom:10px solid #b8860b;box-shadow:0 10px 20px #00000080;color:#5a3e02;font-weight:900;font-size:36px;letter-spacing:2px;cursor:pointer;z-index:205;transition:all .1s;display:flex;align-items:center;justify-content:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin-bottom:10px;flex-shrink:0}.pachinko-btn:active{border-bottom-width:0px;margin-bottom:0;margin-top:10px;transform:translateY(0);box-shadow:0 2px 5px #00000080}.pachinko-canvas{flex:1;width:100%;min-height:0;display:flex;justify-content:center;align-items:center;overflow:hidden;padding-bottom:0}.pachinko-canvas canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.pachinko-buckets-labels{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}