.slot-roll-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:clamp(14px,3vw,32px);background:radial-gradient(circle at 50% 36%,rgba(255,79,163,.2),transparent 38%),rgba(5,3,11,.78);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2)}.slot-roll-panel{width:min(920px,100%);color:var(--ink-primary,#f8f4ff);border:2px solid var(--border-accent,#ff4fa3);border-radius:18px;background:linear-gradient(180deg,rgba(26,13,32,.96),rgba(5,3,11,.94)),radial-gradient(circle at 20% 0,rgba(124,247,255,.22),transparent 32%);box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 0 6px rgba(255,79,163,.1);overflow:hidden}.slot-roll-copy{display:grid;grid-gap:6px;gap:6px;padding:20px clamp(18px,4vw,34px) 10px;text-align:center}.slot-roll-eyebrow{justify-self:center;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:4px 10px;color:var(--accent-yolk,#ffd36e);font-family:var(--font-pixel-body),monospace;font-size:11px;text-transform:uppercase}.slot-roll-copy h2{margin:0;font-family:var(--font-marker),var(--font-pixel),sans-serif;font-size:clamp(30px,6vw,58px);color:#fff5e1;text-shadow:0 0 18px rgba(255,79,163,.55)}.slot-roll-copy p{margin:0;color:var(--ink-soft,#c9bddd);font-family:var(--font-pixel-body),monospace;font-size:clamp(12px,2vw,15px)}.slot-roll-stage{width:100%;height:min(58vh,500px);min-height:320px;position:relative}.slot-roll-canvas{width:100%;height:100%}.slot-roll-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(18px,4vw,34px) 22px}.slot-roll-result-strip{display:flex;align-items:center;gap:10px}.slot-roll-reduced-cell,.slot-roll-result{width:46px;height:46px;display:grid;place-items:center;border:2px solid #1a0813;border-radius:10px;color:#1a0813;font-family:var(--font-pixel),monospace;font-size:22px;font-weight:900;box-shadow:3px 3px 0 rgba(0,0,0,.35)}.slot-roll-result-sheep{background:#b8ff60}.slot-roll-result-wolf{background:#7a1a30;color:#fff5e1}.slot-roll-result-uru{background:#ffd36e}.slot-roll-result-fang{background:#d63b5e;color:#fff5e1}.slot-roll-result-miss{background:#3a2c3a;color:#fff5e1}.slot-roll-result-sparkle{background:#7cf7ff}.slot-roll-result-ticket{background:#ffb9d2}.slot-roll-result-heart{background:#fff0a3}.slot-roll-skip{min-width:82px;min-height:38px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);color:#f8f4ff;cursor:pointer;font-family:var(--font-pixel-body),monospace;font-weight:800}.slot-roll-skip:disabled{cursor:wait;opacity:.45}.slot-roll-overlay-good .slot-roll-panel{border-color:var(--accent-yolk,#ffd36e);box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 34px rgba(255,211,110,.32)}.slot-roll-overlay-bad .slot-roll-panel{border-color:var(--accent-danger,#ff8585);box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 34px rgba(255,107,107,.28)}.slot-roll-reduced{min-height:280px;display:flex;align-items:center;justify-content:center;gap:16px}.slot-roll-reduced-cell{width:90px;height:90px;font-size:46px}.slot-showcase{width:100%;display:grid;grid-gap:18px;gap:18px}.slot-showcase-buttons{width:min(640px,100%);display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px}.slot-showcase-button{border:1px solid var(--line,rgba(255,255,255,.16));border-radius:10px;min-height:76px;padding:10px;background:var(--panel-soft,rgba(255,255,255,.08));color:var(--text,#f8f4ff);cursor:pointer;display:grid;grid-gap:4px;gap:4px;text-align:left}.slot-showcase-button span{color:var(--text-dim,#8d7ca9);font-family:var(--font-pixel-body),monospace;font-size:10px;text-transform:uppercase}.slot-showcase-button strong{font-family:var(--font-pixel-body),monospace;font-size:14px}.slot-showcase-button-good{border-color:rgba(255,211,110,.55)}.slot-showcase-button-neutral{border-color:rgba(124,247,255,.42)}.slot-showcase-button-bad{border-color:rgba(255,107,107,.55)}@media (max-width:640px){.slot-roll-overlay{align-items:end;padding:10px}.slot-roll-panel{border-radius:14px}.slot-roll-stage{height:330px;min-height:280px}.slot-roll-bottom{align-items:stretch;flex-direction:column}.slot-roll-result-strip{justify-content:center}.slot-roll-skip{width:100%}}.sticker-peel{--peel:8deg;--peel-size:28px;--peel-shadow-1:0 6px 0 rgba(0,0,0,0.18);--peel-shadow-2:0 14px 28px rgba(0,0,0,0.28);--peel-shadow-hover:0 14px 30px rgba(0,0,0,0.35);position:relative;display:inline-block;background:var(--peel-bg,linear-gradient(135deg,var(--kawaii-rose),var(--pink-strong)));color:var(--wolf-ink);padding:18px 22px;font-family:var(--font-pixel-body),monospace;font-weight:700;border-radius:14px;cursor:pointer;transform-origin:bottom right;transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .32s ease;box-shadow:var(--peel-shadow-1),var(--peel-shadow-2);isolation:isolate}.sticker-peel-compact{--peel:6deg;--peel-shadow-1:0 2px 0 rgba(0,0,0,0.16);--peel-shadow-2:0 3px 6px rgba(0,0,0,0.18);--peel-shadow-hover:0 5px 10px rgba(0,0,0,0.22);padding:4px 8px;font-size:10px;border-radius:8px}.sticker-peel-compact:after,.sticker-peel-compact:before{display:none}.sticker-peel:before{content:"";position:absolute;inset:auto -2px -2px auto;width:var(--peel-size);height:var(--peel-size);background:linear-gradient(135deg,transparent 0 50%,rgba(0,0,0,.18) 50%,rgba(0,0,0,.05) 80%);-webkit-clip-path:polygon(100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 100%,0 100%);transform:rotate(0deg);transform-origin:100% 100%;transition:width .32s ease,height .32s ease,transform .32s ease;z-index:2}.sticker-peel:after{content:"";position:absolute;inset:auto 0 -4px 0;height:18px;background:radial-gradient(50% 100% at 50% 0,rgba(0,0,0,.35),transparent 70%);filter:blur(4px);opacity:0;transition:opacity .32s ease;z-index:-1}.sticker-peel:hover{transform:rotate(calc(var(--peel) * -1)) translateY(-3px);box-shadow:var(--peel-shadow-hover)}.sticker-peel:hover:before{width:calc(var(--peel-size) * 2);height:calc(var(--peel-size) * 2);transform:rotate(8deg)}.sticker-peel:hover:after{opacity:1}.crt-frame{position:relative;display:inline-block;border-radius:18px;overflow:hidden;isolation:isolate;background:#061010;padding:14px}.crt-frame>.crt-content{position:relative;z-index:0;filter:contrast(1.1) saturate(1.15)}.crt-frame:before{background:repeating-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 2px,rgba(0,0,0,.32) 3px,rgba(0,0,0,0) 4px);z-index:2;mix-blend-mode:multiply}.crt-frame:after,.crt-frame:before{content:"";position:absolute;inset:0;pointer-events:none}.crt-frame:after{background:radial-gradient(120% 120% at 50% 50%,transparent 55%,rgba(0,0,0,.45) 100%);z-index:3;animation:crt-flicker 5s steps(60) infinite}@keyframes crt-flicker{0%,96%,to{opacity:1}97%{opacity:.92}98%{opacity:.86}99%{opacity:.96}}.retro-panel{--bevel-light:var(--kawaii-rose);--bevel-dark:#6e2d56;--face:var(--kawaii-paper);background:var(--face);color:var(--wolf-ink);border-color:var(--wolf-ink);border-top:2px solid var(--bevel-light);border-left:2px solid var(--bevel-light);border-right:2px solid var(--bevel-dark);border-bottom:2px solid var(--bevel-dark);box-shadow:4px 4px 0 var(--wolf-ink);font-family:var(--font-pixel-body),monospace;font-size:12px;min-width:220px}.retro-panel-title{background:linear-gradient(180deg,var(--pink-strong),var(--pink));color:#fff;padding:4px 8px;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-pixel),monospace;font-size:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4)}.retro-panel-x{background:var(--face);color:var(--wolf-ink);border:1px solid var(--wolf-ink);width:14px;height:14px;display:grid;place-items:center;line-height:1;cursor:pointer}.retro-panel-body{padding:12px 10px;display:flex;flex-direction:column;gap:8px}.retro-panel-row{display:flex;justify-content:space-between;border-bottom:1px dotted #6e2d56;padding:2px 0}.glitch-text{position:relative;display:inline-block;font-family:var(--font-blackletter),serif;font-size:64px;color:#fff;letter-spacing:.04em;text-transform:uppercase}.glitch-text:after,.glitch-text:before{content:attr(data-text);position:absolute;inset:0;background:var(--bg-deep,#05030b);overflow:hidden}.glitch-text:before{left:2px;text-shadow:-2px 0 var(--red,var(--red));animation:glitch-anim-1 2.6s linear infinite alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px 0 var(--cyan,var(--cyan));animation:glitch-anim-2 3.4s linear infinite alternate-reverse}@keyframes glitch-anim-1{0%{-webkit-clip-path:inset(20% 0 60% 0);clip-path:inset(20% 0 60% 0)}20%{-webkit-clip-path:inset(80% 0 5% 0);clip-path:inset(80% 0 5% 0)}40%{-webkit-clip-path:inset(40% 0 40% 0);clip-path:inset(40% 0 40% 0)}60%{-webkit-clip-path:inset(10% 0 75% 0);clip-path:inset(10% 0 75% 0)}80%{-webkit-clip-path:inset(55% 0 25% 0);clip-path:inset(55% 0 25% 0)}to{-webkit-clip-path:inset(0 0 90% 0);clip-path:inset(0 0 90% 0)}}@keyframes glitch-anim-2{0%{-webkit-clip-path:inset(70% 0 10% 0);clip-path:inset(70% 0 10% 0)}20%{-webkit-clip-path:inset(15% 0 70% 0);clip-path:inset(15% 0 70% 0)}40%{-webkit-clip-path:inset(50% 0 30% 0);clip-path:inset(50% 0 30% 0)}60%{-webkit-clip-path:inset(85% 0 5% 0);clip-path:inset(85% 0 5% 0)}80%{-webkit-clip-path:inset(5% 0 80% 0);clip-path:inset(5% 0 80% 0)}to{-webkit-clip-path:inset(35% 0 55% 0);clip-path:inset(35% 0 55% 0)}}.blood-frame{position:relative;display:inline-block;padding:22px 32px 26px;background:var(--red);color:#fff;border-radius:8px;font-family:var(--font-blackletter),serif;font-size:28px;letter-spacing:.05em;text-shadow:0 1px 0 rgba(0,0,0,.4);filter:url(#gooey-drip)}.blood-frame:after{content:"";position:absolute;left:0;right:0;top:calc(100% - 14px);height:28px;background:radial-gradient(circle at 12% 30%,var(--red) 7px,transparent 8px) 0 0 /28px 100%,radial-gradient(circle at 38% 55%,var(--red) 9px,transparent 10px) 0 0 /44px 100%,radial-gradient(circle at 62% 35%,var(--red) 6px,transparent 7px) 0 0 /36px 100%,radial-gradient(circle at 88% 60%,var(--red) 10px,transparent 11px) 0 0 /52px 100%;background-repeat:repeat-x;animation:blood-drip 4s ease-in-out infinite}@keyframes blood-drip{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.cursor-trail-canvas{position:fixed;inset:0;pointer-events:none;z-index:9999}.snap-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:16px;padding:8px 16px 16px;scrollbar-width:thin;scrollbar-color:var(--pink) transparent}.snap-rail::-webkit-scrollbar{height:8px}.snap-rail::-webkit-scrollbar-thumb{background:var(--pink);border-radius:4px}.snap-rail>*{scroll-snap-align:center;flex:0 0 auto}.holo-card{--x:50%;--y:50%;--rx:0deg;--ry:0deg;position:relative;width:220px;height:308px;border-radius:14px;background:linear-gradient(135deg,#2a1444,#0d0524);color:#fff;display:grid;place-items:center;cursor:-webkit-grab;cursor:grab;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .28s ease;overflow:hidden;font-family:var(--font-kawaii),sans-serif;font-size:22px;text-shadow:0 2px 0 rgba(0,0,0,.4);box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}.holo-card:before{background:radial-gradient(circle at var(--x) var(--y),rgba(255,255,255,.65),transparent 35%),conic-gradient(from 0deg at var(--x) var(--y),var(--pink-strong),var(--acid),var(--cyan),var(--gold),var(--pink-strong));mix-blend-mode:color-dodge;opacity:.55}.holo-card:after,.holo-card:before{content:"";position:absolute;inset:0;pointer-events:none}.holo-card:after{background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.06) 0 2px,transparent 2px 6px);mix-blend-mode:overlay}.ticker-board{display:flex;align-items:center;gap:0;background:#0a0612;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;font-family:var(--font-pixel-body),monospace;font-size:12px}.ticker-board-live{display:inline-flex;align-items:center;gap:6px;background:#1a0008;color:var(--danger);padding:6px 10px;font-family:var(--font-pixel),monospace;font-size:10px;letter-spacing:.08em;flex:0 0 auto;border-right:1px solid var(--line-strong)}.ticker-board-live-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 8px var(--danger);animation:ticker-live-pulse 1.4s ease-in-out infinite}@keyframes ticker-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}.ticker-board-label{background:var(--pink);color:var(--wolf-ink);padding:6px 10px;font-family:var(--font-pixel),monospace;font-size:10px;letter-spacing:.06em;flex:0 0 auto}.ticker-board-track{display:flex;gap:18px;padding:6px 14px;white-space:nowrap;overflow:hidden;flex:1 1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.ticker-board-inner{display:inline-flex;gap:18px;animation:ticker-scroll 28s linear infinite}.ticker-board-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.06)}.ticker-board-pill[data-tone=up]{color:var(--success);border:1px solid var(--success)}.ticker-board-pill[data-tone=down]{color:var(--danger);border:1px solid var(--danger)}.ticker-board-pill[data-tone=info]{color:var(--cyan);border:1px solid var(--cyan)}@keyframes ticker-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.blood-frame:after,.crt-frame:after,.glitch-text:after,.glitch-text:before,.ticker-board-inner,.ticker-board-live-dot{animation:none}}body[data-tab-hidden] *,body[data-tab-hidden] :after,body[data-tab-hidden] :before{animation-play-state:paused!important}.holo-card,.sticker-peel,.ticker-board-inner{will-change:transform}.blood-frame,.crt-frame,.glitch-text{transform:translateZ(0)}