: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:var(--bg-deep);background-image:repeating-linear-gradient(0deg,transparent,transparent 41px,rgba(0,229,255,.06) 0,rgba(0,229,255,.06) 42px),repeating-linear-gradient(90deg,transparent,transparent 41px,rgba(255,46,136,.05) 0,rgba(255,46,136,.05) 42px),radial-gradient(ellipse 100% 72% at 50% -8%,rgba(124,77,255,.55) 0,transparent 55%),radial-gradient(ellipse 120% 55% at 50% 108%,rgba(255,46,136,.42) 0,transparent 55%),linear-gradient(180deg,#1c0d30,#150a26 55%,#100a1f);color:var(--text-main);font-family:Inter,sans-serif;overflow:hidden;height:100vh;width:100vw;display:flex;flex-direction:column;border:8px solid #2a0f33;box-shadow:inset 0 0 120px rgba(8,2,16,.5)}@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}