:root{--bg-deep:#160a22;--neon-magenta:#ff2e88;--neon-cyan:#00e5ff;--neon-gold:#ffd23f;--text-main:#f8fafc}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1e0f06;background-image:radial-gradient(ellipse 90% 25% at 50% 0,rgba(255,210,130,.1) 0,transparent 65%),repeating-linear-gradient(91.2deg,transparent,transparent 2px,rgba(255,185,80,.038) 0,rgba(255,185,80,.038) 3px,transparent 0,transparent 8px,rgba(0,0,0,.055) 0,rgba(0,0,0,.055) 9px,transparent 0,transparent 15px,rgba(255,155,50,.028) 0,rgba(255,155,50,.028) 16px,transparent 0,transparent 25px),repeating-linear-gradient(89.6deg,rgba(0,0,0,.045),rgba(0,0,0,.045) 55px,transparent 0,transparent 115px,rgba(0,0,0,.07) 0,rgba(0,0,0,.07) 160px,transparent 0,transparent 230px,rgba(180,100,30,.03) 0,rgba(180,100,30,.03) 285px,transparent 0,transparent 350px),radial-gradient(ellipse 140% 100% at 50% 50%,#2e1a0a 0,#170c03 70%),linear-gradient(170deg,#2a160a,#1a0c04 45%,#221209);color:var(--text-main);font-family:Inter,sans-serif;overflow:hidden;height:100vh;width:100vw;display:flex;flex-direction:column;border:8px solid #120a03;box-shadow:inset 0 0 80px rgba(0,0,0,.6),inset 0 2px 0 rgba(255,210,130,.06)}@media (max-width:1024px),(pointer:coarse){body{border:none;height:100dvh;width:100vw;box-shadow:inset 0 0 70px rgba(8,2,16,.45);overflow:hidden}}.table-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;padding:2rem;position:relative}.scoreboard{display:flex;gap:2rem;background:rgba(0,0,0,.5);padding:1rem 2rem;border-radius:12px;border:2px solid rgba(255,255,255,.1);box-shadow:0 10px 20px rgba(0,0,0,.4);z-index:10}.score-stat{display:flex;flex-direction:column;align-items:center}.score-stat span:first-child{font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:#aaa}.score-stat span:last-child{font-size:2rem;font-weight:900}.diamond-area{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center;margin-top:2rem}.diamond-lines{width:260px;height:260px;border:4px solid rgba(255,255,255,.4);transform:rotate(45deg);position:relative;box-shadow:0 0 20px rgba(0,0,0,.2),inset 0 0 20px rgba(0,0,0,.2)}.base-slot{position:absolute;width:80px;height:112px;border:2px dashed rgba(255,255,255,.4);border-radius:8px;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2)}.slot-2{top:-56px;left:-40px}.slot-1{top:-56px;right:-40px}.slot-3{bottom:-56px;left:-40px}.slot-home{bottom:-56px;right:-40px}.deck-area{right:40px;top:50%;transform:translateY(-50%);gap:1rem}.active-batter-area,.deck-area{position:absolute;display:flex;flex-direction:column;align-items:center}.active-batter-area{bottom:-110px;gap:.5rem;z-index:20}.playing-card{width:140px;height:196px;background:#f8fafc;border-radius:8px;color:#0f172a;box-shadow:0 10px 20px rgba(0,0,0,.5),inset 0 0 0 4px white;border-top:6px solid #ccc;display:flex;flex-direction:column;overflow:hidden;transition:all .3s;position:relative}.playing-card.small{width:70px;height:98px;border-top-width:4px;box-shadow:0 5px 10px rgba(0,0,0,.5),inset 0 0 0 2px white}.playing-card.empty{background:transparent;border:none;box-shadow:none}.playing-card.face-down{background:#0f172a;border:4px solid white}.card-back-pattern{width:100%;height:100%;background:repeating-linear-gradient(45deg,#1e293b,#1e293b 5px,#0f172a 0,#0f172a 10px)}.card-art{height:45%;width:100%;display:flex;align-items:center;justify-content:center;background:#ccc}.playing-card.small .card-art{height:60%}.card-number{font-size:2rem;font-weight:900;color:rgba(255,255,255,.5)}.playing-card.small .card-number{font-size:1.2rem}.card-info{padding:.5rem;display:flex;flex-direction:column;gap:.2rem}.card-name{font-weight:900;font-size:.9rem;line-height:1.1}.card-trait{font-size:.7rem;color:#64748b;font-weight:700;text-transform:uppercase}.card-desc{font-size:.65rem;line-height:1.2;margin-top:.2rem}.card-info-small{padding:.2rem;text-align:center}.card-name-small{font-weight:900;font-size:.6rem;line-height:1.1}.controls{display:flex;gap:2rem;background:rgba(0,0,0,.5);padding:1.5rem;border-radius:12px;border:2px solid rgba(255,255,255,.1);z-index:10}.dice-area{display:flex;gap:.5rem}.die{width:60px;height:60px;background:white;color:black;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;cursor:pointer;box-shadow:0 5px 10px rgba(0,0,0,.3);transition:all .2s;border:none}.die.locked{background:#facc15;transform:scale(.9)}.die:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;flex-direction:column;gap:.5rem}.btn{padding:.5rem 1.5rem;font-weight:900;text-transform:uppercase;border-radius:6px;border:none;cursor:pointer;transition:all .2s}.btn-roll{background:#3b82f6;color:white}.btn-swing{background:#22c55e;color:white}.btn:disabled{opacity:.5;cursor:not-allowed}.action-log{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;font-weight:900;font-style:italic;text-transform:uppercase;text-shadow:0 10px 20px rgba(0,0,0,.8);z-index:50;pointer-events:none;color:#facc15}.jokers-area{display:flex;gap:1rem;margin-top:1rem;z-index:10;padding:1rem;background:rgba(0,0,0,.3);border-radius:12px;border:1px solid rgba(255,255,255,.05);position:relative}.joker-slot{width:70px;height:98px;border:2px dashed rgba(255,255,255,.2);border-radius:6px;background:rgba(0,0,0,.2)}.joker-card,.joker-slot{display:flex;align-items:center;justify-content:center}.joker-card{width:100%;height:100%;background:linear-gradient(135deg,#4c1d95,#2e1065);border:2px solid #a855f7;border-radius:6px;flex-direction:column;padding:.2rem;box-shadow:0 5px 10px rgba(0,0,0,.5);color:white;text-align:center}.joker-image{width:36px;height:36px;background:rgba(255,255,255,.2);border-radius:4px;margin-bottom:4px}.joker-name{font-size:.55rem;font-weight:900;margin-bottom:2px}.joker-name,.joker-power{line-height:1;text-transform:uppercase}.joker-power{font-size:.45rem;color:#d8b4fe}.store-joker-card{width:140px;height:196px;background:linear-gradient(135deg,#4c1d95,#2e1065);border:4px solid #a855f7;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;color:white;cursor:pointer;transition:all .2s;box-shadow:0 10px 20px rgba(0,0,0,.5);text-align:center}.store-joker-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 30px rgba(168,85,247,.4)}.store-joker-image{width:60px;height:60px;background:rgba(255,255,255,.2);border-radius:8px;margin-bottom:12px}.store-joker-name{font-size:1rem;font-weight:900;line-height:1.1;margin-bottom:8px;text-transform:uppercase}.store-joker-power{font-size:.8rem;color:#d8b4fe;line-height:1.2;text-transform:uppercase}.bottom-area{display:flex;width:100%;align-items:flex-end;justify-content:space-between;margin-top:auto;padding:0 40px}.opposing-pitcher-area{display:flex;flex-direction:column;align-items:center;z-index:10}.jokers-area.right-panel{position:absolute;right:40px;top:50%;transform:translateY(-50%);flex-direction:column;padding:1.5rem 1rem;background:rgba(0,0,0,.6);border:2px solid rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.7);border-radius:16px;gap:1.2rem;margin-top:0}.panel-title{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;font-weight:900;color:#facc15;text-align:center;margin-bottom:.5rem}@keyframes closer-blink{0%,to{opacity:1;box-shadow:0 0 18px 4px rgba(181,107,255,.9)}50%{opacity:.25;box-shadow:0 0 6px 1px rgba(181,107,255,.3)}}.closer-lights{background:repeating-linear-gradient(90deg,#b56bff 0 14px,transparent 14px 30px);animation:closer-blink .45s steps(2,start) infinite}@keyframes closer-title-pulse{0%,to{text-shadow:0 0 10px rgba(255,46,136,.7),0 0 30px rgba(181,107,255,.6)}50%{text-shadow:0 0 22px rgba(255,46,136,1),0 0 60px rgba(181,107,255,.9)}}.closer-title{animation:closer-title-pulse .7s ease-in-out infinite}@keyframes ninth-flood{0%,to{opacity:.55}45%{opacity:.12}55%{opacity:.6}}.ninth-glow{position:absolute;top:0;bottom:0;width:32%}.ninth-glow-l{left:0;background:linear-gradient(90deg,rgba(181,107,255,.5),rgba(181,107,255,0))}.ninth-glow-l,.ninth-glow-r{animation:ninth-flood 1.6s ease-in-out infinite}.ninth-glow-r{right:0;background:linear-gradient(270deg,rgba(255,46,136,.45),rgba(255,46,136,0));animation-delay:.8s}@keyframes ninth-heartbeat{0%,to{opacity:.18}8%{opacity:.7}18%{opacity:.28}26%{opacity:.6}40%{opacity:.16}}.ninth-heartbeat{position:fixed;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 120px 30px rgba(220,0,40,.55),inset 0 0 40px 6px rgba(255,40,60,.35);animation:ninth-heartbeat 1.5s ease-in-out infinite}@keyframes ninth-tag-pulse{0%,to{opacity:.7;text-shadow:0 0 6px rgba(255,40,60,.5)}8%{opacity:1;text-shadow:0 0 16px rgba(255,60,80,.95)}26%{opacity:1;text-shadow:0 0 14px rgba(255,60,80,.85)}40%{opacity:.7;text-shadow:0 0 6px rgba(255,40,60,.5)}}.ninth-tag{animation:ninth-tag-pulse 1.5s ease-in-out infinite}@keyframes closer-strobe-bg{0%{background:#000}12%{background:#ffffff}24%{background:#06010c}36%{background:#b56bff}48%{background:#000}60%{background:#ff2e88}72%{background:#06010c}84%{background:#ffffff}to{background:#000}}.closer-strobe{animation:closer-strobe-bg .5s steps(1) infinite}@keyframes closer-strobe-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.closer-strobe-text{animation:closer-strobe-pulse .28s ease-in-out infinite}@keyframes closer-name-pop{0%{transform:scale(1.7);opacity:0;letter-spacing:.25em}60%{transform:scale(.94);opacity:1;letter-spacing:0}to{transform:scale(1);opacity:1}}.closer-name-pop{animation:closer-name-pop .4s cubic-bezier(.2,1.4,.4,1) both}@keyframes closer-enh-pulse{0%,to{box-shadow:0 0 22px rgba(181,107,255,.55),inset 0 0 14px rgba(255,46,136,.12);border-left-color:#ff2e88}50%{box-shadow:0 0 38px rgba(255,46,136,.85),inset 0 0 20px rgba(255,46,136,.22);border-left-color:#ff6bb0}}.closer-enh-pulse{animation:closer-enh-pulse 1.3s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.closer-strobe{animation-duration:1.4s}.closer-enh-pulse,.closer-name-pop,.closer-strobe-text{animation:none}.ninth-heartbeat{animation:none;opacity:.3}.ninth-tag{animation:none;opacity:1}}