body{margin:0;display:flex;place-items:center;width:100vw;height:100vh;overflow:hidden}:root{font-family:Cinzel,serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#d4c9a8;background-color:#0a0806;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#c8a84e;text-decoration:inherit}a:hover{color:#d4b85e}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:2px;border:1px solid #3a3020;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Cinzel,serif;background-color:#15120e;color:#c8a84e;cursor:pointer;transition:border-color .25s}button:hover{border-color:#c8a84e}button:focus,button:focus-visible{outline:2px solid rgba(200,168,78,.5)}:root{--bg-color: #0a0806;--card-bg: #15120e;--text-color: #d4c9a8;--primary-color: #c8a84e;--accent-color: #c8a84e;--glass-bg: rgba(15, 12, 8, .9);--neon-shadow: 0 0 10px rgba(200, 168, 78, .3);--gold: #c8a84e;--gold-light: #fff8dc;--gold-dark: #8b6914;--border-color: #3a3020;--border-highlight: #5a4a2a}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Cinzel,serif;overflow:hidden;user-select:none}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.title-screen{position:absolute;inset:0;cursor:pointer;overflow:hidden;z-index:9999}.title-bg{position:absolute;inset:0}.title-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.4) saturate(.8)}.title-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,rgba(0,0,0,.7) 70%)}.title-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.title-content.visible{opacity:1;transform:translateY(0)}.title-logo{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1;margin-bottom:60px}.title-shadow{font-size:96px;font-family:Cinzel,serif;font-weight:900;color:#c8a84e;background:linear-gradient(180deg,#c8a84e,#8b6914,#5a4010);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 60px rgba(200,168,78,.3);letter-spacing:12px}.title-card{font-size:48px;font-family:Cinzel,serif;font-weight:400;color:#d4c9a8;letter-spacing:20px;margin-top:-10px}.title-game{font-size:36px;font-family:Cinzel,serif;font-weight:300;color:#6b6050;letter-spacing:30px;margin-top:-5px}.title-press{font-size:24px;font-family:Cinzel,serif;color:#d4c9a8;font-weight:700;letter-spacing:8px;opacity:0;transition:opacity .5s ease;text-shadow:0 4px 10px rgba(0,0,0,.8),0 0 10px rgba(200,168,78,.4)}.title-press.pulse{opacity:1;animation:titlePulse 2s ease-in-out infinite;will-change:opacity}@keyframes titlePulse{0%,to{opacity:.4}50%{opacity:1;color:#c8a84e}}.title-particles{position:absolute;inset:0;pointer-events:none}.title-desktop-panel{position:absolute;right:28px;bottom:28px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:2}.title-desktop-version{padding:8px 12px;border:1px solid rgba(200,168,78,.35);background:#0a0806d1;color:#d4c9a8;font-size:12px;letter-spacing:.08em;text-shadow:0 0 12px rgba(0,0,0,.6)}.title-update-button{min-width:180px;padding:10px 16px;border:1px solid rgba(200,168,78,.45);background:#120e0ae6;color:#c8a84e;font-size:14px;letter-spacing:.08em;box-shadow:0 0 18px #c8a84e2e}.title-update-button:disabled{cursor:wait;opacity:.7}.title-info-links{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:2}.title-info-link-btn{background:none;border:none;color:#c8a84ea6;font-size:12px;letter-spacing:.05em;cursor:pointer;padding:4px 6px;transition:color .2s ease;font-family:inherit}.title-info-link-btn:hover{color:#c8a84e;text-decoration:underline}.title-info-link-sep{color:#c8a84e4d;font-size:11px}.info-page{height:100vh;background:linear-gradient(180deg,#0d0b08,#1a1208);color:#d4c9a8;font-family:Noto Sans JP,sans-serif;display:flex;flex-direction:column;overflow:hidden}.info-page-header{display:flex;align-items:center;gap:20px;padding:20px 32px;background:#00000080;border-bottom:1px solid rgba(200,168,78,.2);position:sticky;top:0;z-index:10}.info-page-title{font-family:Cinzel,serif;font-size:22px;color:#c8a84e;margin:0;letter-spacing:.08em}.info-page-body{flex:1;overflow-y:auto;max-width:860px;width:100%;margin:0 auto;padding:32px 24px 60px}.info-section{margin-bottom:36px}.info-section h2{font-family:Cinzel,serif;font-size:16px;color:#c8a84e;border-bottom:1px solid rgba(200,168,78,.25);padding-bottom:8px;margin:0 0 14px;letter-spacing:.06em}.info-section p{line-height:1.8;color:#c8c0ae;margin:0 0 10px;font-size:14px}.info-updated{color:#7a7060;font-size:12px}.info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.info-list li{font-size:14px;line-height:1.7;color:#c8c0ae;padding-left:16px;position:relative}.info-list li:before{content:"▸";position:absolute;left:0;color:#c8a84e;font-size:11px;top:3px}.cards-page-filters{margin-bottom:24px;display:flex;flex-direction:column;gap:10px}.cards-page-search{width:100%;max-width:400px;padding:8px 14px;background:#ffffff12;border:1px solid rgba(200,168,78,.3);border-radius:4px;color:#d4c9a8;font-size:14px;outline:none}.cards-page-search:focus{border-color:#c8a84e99}.cards-page-filter-row{display:flex;flex-wrap:wrap;gap:6px}.cards-filter-btn{padding:5px 12px;font-size:12px;background:#ffffff0d;border:1px solid rgba(200,168,78,.25);border-radius:4px;color:#a09070;cursor:pointer;transition:all .15s ease;font-family:inherit}.cards-filter-btn:hover{border-color:#c8a84e80;color:#c8a84e}.cards-filter-btn.active{background:#c8a84e26;border-color:#c8a84e;color:#c8a84e}.cards-page-count{font-size:12px;color:#7a7060;margin:0}.cards-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.cards-page-card{display:flex;gap:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px;transition:border-color .15s ease}.cards-page-card:hover{border-color:#c8a84e59}.cards-page-card-img{width:64px;height:90px;object-fit:cover;border-radius:4px;flex-shrink:0;background:#111}.cards-page-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cards-page-card-name{font-size:13px;font-weight:700;color:#e8d8b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cards-page-card-meta{display:flex;gap:6px;flex-wrap:wrap}.cards-page-card-type,.cards-page-card-cost,.cards-page-card-rarity{font-size:11px;padding:1px 6px;border-radius:3px;background:#ffffff14;color:#a09070}.cards-page-card-stats{font-size:12px;color:#c8a84e}.cards-page-card-desc{font-size:11px;color:#8a8070;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 600px){.info-page-header{padding:14px 16px}.info-page-body{padding:20px 14px 48px}.info-page-title{font-size:17px}.cards-page-grid{grid-template-columns:1fr}}.title-particle{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;animation:particleFloat linear infinite;will-change:transform,opacity}.title-particle.p-0{background:#c8a84e;box-shadow:0 0 6px #c8a84e}.title-particle.p-1{background:#8b6914;box-shadow:0 0 4px #8b6914;width:2px;height:2px}.title-particle.p-2{background:#d4c9a8;box-shadow:0 0 8px #d4c9a8;width:4px;height:4px}.title-particle.p-3{background:#5a4a2a;box-shadow:0 0 3px #5a4a2a}.title-particle.p-4{background:#c8a84e;box-shadow:0 0 5px #c8a84e;width:2px;height:2px}@keyframes particleFloat{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:.5}to{transform:translateY(-100vh) scale(0);opacity:0}}.home-screen{position:fixed;inset:0;background:transparent;display:flex;flex-direction:column;align-items:center;overflow-y:hidden;opacity:0;transition:opacity .6s ease}.home-screen.entered{opacity:1}.home-header{width:100%;max-width:860px;padding:10px 20px 5px;display:flex;flex-direction:column;align-items:stretch;gap:8px;border-bottom:1px solid #3a3020}.home-header-main{display:flex;justify-content:space-between;align-items:center;gap:14px}.home-title{font-family:Cinzel,serif;font-size:24px;background:linear-gradient(90deg,#c8a84e,#fff8dc,#c8a84e);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:3px}.home-player-info{display:flex;gap:20px;font-size:13px;color:#8b7d5e;font-family:sans-serif}.home-name-row{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.home-player-name-display{min-width:220px;padding:6px 10px;border:1px solid rgba(200,168,78,.25);background:#ffffff05;color:#e7d9b0;font-size:24px;font-family:"Noto Serif JP",Yu Mincho,serif;letter-spacing:1px;cursor:pointer;user-select:none;text-align:left}.home-player-name-display:hover{border-color:#c8a84e8c;background:#ffffff0a}.home-name-editor-input{width:220px;padding:6px 10px;border-radius:2px;border:1px solid rgba(200,168,78,.6);background:#0000008c;color:#fff;outline:none;font-size:22px;font-family:"Noto Serif JP",Yu Mincho,serif}.home-menu{width:100%;max-width:860px;padding:8px 20px;display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.home-banner{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid #3a3020;transition:transform .3s ease,box-shadow .3s ease}.home-banner:hover{transform:translateY(-3px);box-shadow:0 8px 30px #c8a84e33}.banner-img{width:100%;height:100%;object-fit:cover;filter:brightness(.5);transition:filter .3s ease,transform .5s ease}.home-banner:hover .banner-img{filter:brightness(.65);transform:scale(1.05)}.banner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 100%);z-index:2}.banner-overlay h2{font-family:Cinzel,serif;font-size:28px;color:#c8a84e;text-shadow:0 0 20px rgba(200,168,78,.4);margin:0;letter-spacing:4px}.banner-overlay p{font-size:13px;color:#8b7d5e;margin:8px 0 0;letter-spacing:2px}.banner-glow{position:absolute;inset:0;z-index:1;pointer-events:none}.battle-banner{border-color:#5a3a10}.battle-glow{background:radial-gradient(ellipse at center,rgba(200,100,20,.15) 0%,transparent 70%);animation:battleGlow 3s ease-in-out infinite}@keyframes battleGlow{0%,to{opacity:.5}50%{opacity:1}}.online-banner{border-color:#2c3e50}.online-banner:hover{border-color:#3498db;box-shadow:0 0 25px #3498db66}.online-banner .banner-overlay h2{color:#aed6f1;text-shadow:0 0 20px rgba(52,152,219,.6)}.online-banner .banner-overlay p{color:#85c1e9}.online-glow{background:radial-gradient(ellipse at center,rgba(52,152,219,.2) 0%,transparent 70%);animation:onlineGlow 4s ease-in-out infinite}@keyframes onlineGlow{0%,to{opacity:.4}50%{opacity:.8}}.banner-badge.beta{background:#2980b933;border:1px solid #3498db;color:#3498db;box-shadow:0 0 10px #3498db4d;letter-spacing:1px}.home-banner-row{display:flex;gap:8px;flex:1;min-height:0}.half-banner,.quarter-banner{flex:1}.quarter-banner .banner-overlay h2{font-size:16px;letter-spacing:2px}.quarter-banner .banner-overlay p{font-size:11px;margin:4px 0 0;letter-spacing:1px}.pack-img{object-fit:contain!important;object-position:center;background:linear-gradient(135deg,#1a1510,#0a0806)}.banner-badge{position:absolute;top:12px;right:12px;background:#c8a84e26;border:1px solid #c8a84e;color:#c8a84e;font-size:10px;font-family:Cinzel,serif;padding:4px 10px;border-radius:4px;letter-spacing:2px;z-index:3}.home-footer{width:100%;max-width:700px;padding:4px 20px;text-align:center;color:#3a3020;font-size:11px;font-family:sans-serif}.home-back-title-btn{position:fixed;right:24px;bottom:18px;z-index:1000;padding:10px 16px;font-size:12px}.game-container{display:flex;width:100%;height:100%}.game-container.screen-shake{animation:heavyScreenShake .6s ease-out}@keyframes heavyScreenShake{0%{transform:translate(0)}10%{transform:translate(-8px,5px)}20%{transform:translate(7px,-6px)}30%{transform:translate(-6px,4px)}40%{transform:translate(5px,-3px)}50%{transform:translate(-4px,2px)}60%{transform:translate(3px,-2px)}70%{transform:translate(-2px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}.destroy-effect-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:4000;pointer-events:none;animation:destroyOverlayFade 1.8s ease-out forwards}.destroy-effect-container{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center}.destroy-shard{position:absolute;width:8px;height:20px;background:linear-gradient(180deg,#8b3030,#2a0a0a);border:1px solid rgba(200,100,50,.3);box-shadow:0 0 8px #8b303099;animation:shardFly 1.2s ease-out forwards;transform-origin:center center}.shard-0{--angle: 0deg;--dist: 150px;animation-delay:0s}.shard-1{--angle: 30deg;--dist: 180px;animation-delay:.02s}.shard-2{--angle: 60deg;--dist: 140px;animation-delay:.04s}.shard-3{--angle: 90deg;--dist: 170px;animation-delay:.01s}.shard-4{--angle: 120deg;--dist: 160px;animation-delay:.05s}.shard-5{--angle: 150deg;--dist: 145px;animation-delay:.03s}.shard-6{--angle: 180deg;--dist: 175px;animation-delay:.02s}.shard-7{--angle: 210deg;--dist: 155px;animation-delay:.04s}.shard-8{--angle: 240deg;--dist: 165px;animation-delay:.01s}.shard-9{--angle: 270deg;--dist: 185px;animation-delay:.03s}.shard-10{--angle: 300deg;--dist: 135px;animation-delay:.05s}.shard-11{--angle: 330deg;--dist: 170px;animation-delay:.02s}@keyframes shardFly{0%{transform:rotate(var(--angle)) translateY(0) scale(1);opacity:1}60%{opacity:.8}to{transform:rotate(var(--angle)) translateY(calc(-1 * var(--dist))) scale(.3) rotate(720deg);opacity:0}}.destroy-flash{position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(139,48,48,.8) 0%,rgba(40,10,10,.4) 50%,transparent 100%);animation:destroyFlash .6s ease-out forwards}@keyframes destroyFlash{0%{transform:scale(0);opacity:1}40%{transform:scale(3);opacity:.8}to{transform:scale(5);opacity:0}}.destroy-text{position:absolute;font-family:Cinzel,serif;font-size:18px;font-weight:700;letter-spacing:4px;color:transparent;background:linear-gradient(180deg,#d4836a,#8b3030);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px rgba(139,48,48,.5));white-space:nowrap;animation:destroyTextReveal 1.5s ease-out forwards}@keyframes destroyTextReveal{0%{opacity:0;letter-spacing:15px;transform:scale(.8)}20%{opacity:1;letter-spacing:4px;transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(.9) translateY(-20px)}}@keyframes destroyOverlayFade{0%{opacity:1}80%{opacity:1}to{opacity:0}}.hp-wrapper{display:flex;align-items:center;justify-content:center;gap:6px}.overheal-badge{display:inline-flex;justify-content:center;will-change:box-shadow;align-items:center;background:linear-gradient(135deg,#2a1040,indigo);border:1px solid #7b3aba;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:900;color:#d4aaff;text-shadow:0 0 6px rgba(138,43,226,.8);box-shadow:0 0 8px #8a2be280,0 0 15px #4b00824d;animation:overhealPulse 2s ease-in-out infinite}@keyframes overhealPulse{0%,to{box-shadow:0 0 8px #8a2be280,0 0 15px #4b00824d}50%{box-shadow:0 0 12px #8a2be2b3,0 0 25px #4b008280}}.life-shield-badge{display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0a1a40,#102060);border:1px solid #4488ff;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:900;color:#8cf;text-shadow:0 0 6px rgba(100,180,255,.9);box-shadow:0 0 8px #50a0ff8c,0 0 16px #2864dc4d;animation:lifeShieldPulse 1.6s ease-in-out infinite;cursor:default;will-change:box-shadow}.hand-container.life-shield-active{box-shadow:0 0 18px #50a0ff73,0 0 40px #2864dc33,inset 0 0 12px #50a0ff1f;border-radius:8px;animation:handShieldGlow 1.6s ease-in-out infinite;will-change:box-shadow}@keyframes lifeShieldPulse{0%,to{box-shadow:0 0 8px #50a0ff8c,0 0 16px #2864dc4d;border-color:#48f}50%{box-shadow:0 0 14px #50a0ffd9,0 0 28px #2864dc8c;border-color:#8cf}}@keyframes handShieldGlow{0%,to{box-shadow:0 0 18px #50a0ff73,0 0 40px #2864dc33,inset 0 0 12px #50a0ff1f}50%{box-shadow:0 0 28px #50a0ffa6,0 0 55px #2864dc59,inset 0 0 18px #50a0ff33}}.main-board{flex:1;display:flex;flex-direction:column;padding:15px;gap:10px;background:#0006}.opponent-zone,.player-zone{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;background:#140f0a99;border:1px solid rgba(200,168,78,.1);border-radius:8px;height:180px}.field-zone{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:20px;background:#0000004d;border-radius:8px}.field-half{display:flex;justify-content:center;align-items:center;gap:20px;height:45%}.field-separator{height:2px;background:linear-gradient(90deg,transparent,#3a3020,transparent);width:80%;margin:0 auto}.enemy-hand-container{display:flex;align-items:center;justify-content:center;perspective:600px}.enemy-hand-card{transition:transform .3s ease}.enemy-card-back{width:45px;height:65px;border-radius:2px;border:1px solid var(--border-color);box-shadow:0 2px 6px #00000080;object-fit:cover}.hand-info{min-width:180px}.card{width:120px;height:170px;background:#15120e;border:1px solid #3a3020;border-radius:6px;position:relative;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease;cursor:grab;box-shadow:0 4px 12px #000000b3;overflow:hidden;user-select:none}.card:hover{transform:translateY(-8px) scale(1.05);border-color:#c8a84e;box-shadow:0 15px 30px #000000e6,0 0 20px #c8a84e66;z-index:100}.card-header{height:28px;display:flex;align-items:center;background:linear-gradient(to bottom,#2a2518,#1a1510);border-bottom:1px solid rgba(200,168,78,.3)}.card-cost{width:28px;height:28px;background:linear-gradient(135deg,#c8a84e,#8b6914);color:#000;display:flex;justify-content:center;align-items:center;font-weight:900;font-size:16px;border-right:1px solid rgba(200,168,78,.5);flex-shrink:0}.card-name{flex:1;font-size:10px;font-weight:800;padding:0 6px;color:#fff8dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.5px}.card-image-container{flex:1;width:100%;overflow:hidden;background:#000;position:relative}.card-image{width:100%;height:100%;object-fit:cover}.card-footer{height:32px;background:#000;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding:0 4px}.card-stats{width:100%;display:flex;justify-content:center;gap:8px}.stat-box{flex:0 1 45%;display:flex;justify-content:center;align-items:center;gap:2px;height:24px;border-radius:4px;font-size:10px;font-weight:900;border-width:1px;border-style:solid;padding:0 4px}.atk{background:#140000cc;color:#f55;border-color:#f556;text-shadow:0 0 5px rgba(255,0,0,.5)}.def{background:#001400cc;color:#5f5;border-color:#5f56;text-shadow:0 0 5px rgba(0,255,0,.5)}.card-type-tag{width:100%;text-align:center;font-size:9px;color:#aaa;font-weight:700}.can-attack{border-color:gold!important;box-shadow:0 0 15px #ffd70080,inset 0 0 10px #ffd70033!important}.enemy-card{border-color:#ff4d4d}.hand-container{flex:1;display:flex;justify-content:center;align-items:center;gap:10px;padding:0 20px}.hand-card-wrapper{transition:transform .2s}.hand-card-wrapper:hover{transform:translateY(-26px) scale(1.12);z-index:5000}.leader-orb{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#1a1510,#0a0806);border:2px solid var(--gold-dark);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 15px #c8a84e26,inset 0 0 20px #00000080;transition:transform .2s;cursor:crosshair}.leader-orb:hover{transform:scale(1.05);box-shadow:0 0 25px #c8a84e4d,inset 0 0 20px #00000080}.leader-orb.opponent{border-color:#8b3030}.leader-orb.player{border-color:var(--gold);background:radial-gradient(circle,#15120e,#0a0806);box-shadow:0 0 15px #c8a84e33,inset 0 0 20px #00000080}.leader-orb.player:hover{box-shadow:0 0 25px #c8a84e66,inset 0 0 20px #00000080}.hp-text{font-size:24px;font-weight:900;color:var(--gold-light)}.mana-display{color:var(--gold);font-weight:700;font-size:18px;margin-top:5px}.nameplate-row{display:flex;align-items:center;gap:8px}.badge-icon-wrapper{position:relative;display:inline-block;line-height:0}.player-badge-icon{width:28px;height:28px;object-fit:contain;border-radius:6px;border:1px solid rgba(200,168,78,.45);background:#08060499;box-shadow:0 0 8px #c8a84e33;cursor:pointer;display:block}.badge-card-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:154px;background:#080503f7;border:1px solid rgba(200,168,78,.65);border-radius:8px;padding:12px 10px 10px;box-shadow:0 0 22px #c8a84e47,0 6px 20px #000c;z-index:9999;pointer-events:none}.badge-card-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#c8a84e8c}.badge-tooltip-img{width:56px;height:56px;object-fit:contain;display:block;margin:0 auto 8px;border-radius:6px;border:1px solid rgba(200,168,78,.35);background:#0f0a05b3}.badge-tooltip-name{font-size:13px;font-weight:800;color:#e8c96a;text-align:center;margin-bottom:5px;letter-spacing:.04em}.badge-tooltip-desc{font-size:11px;color:#b8a276;text-align:center;line-height:1.45}.shop-screen{width:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(circle at top,#16110b,#090704 55%,#050403);color:#d8c39b;padding:24px;box-sizing:border-box;overflow:hidden}.shop-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid rgba(200,168,78,.35);padding-bottom:12px}.shop-header h2{margin:0;font-size:36px;letter-spacing:.08em}.shop-header p{margin:5px 0 0;color:#a89061;font-size:12px}.shop-balance{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.shop-balance>span{font-size:14px;color:#d8c39b}.shop-equip-nav-btn{border-color:#c8a84e99!important;color:#e0ba63!important}.shop-category-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.shop-category-row .neon-button.is-active{border-color:#e0ba63;color:#f3d487;box-shadow:0 0 10px #e0ba6359}.shop-layout{display:grid;grid-template-columns:2fr 1fr;gap:14px}.shop-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;max-height:calc(100vh - 260px);overflow-y:auto;padding-right:4px}.shop-item-card{text-align:left;background:#0a0806d1;border:1px solid rgba(200,168,78,.35);border-radius:8px;color:#e9d5ae;padding:8px;cursor:pointer}.shop-item-card:hover,.shop-item-card.selected{border-color:#e0ba63;box-shadow:0 0 12px #e0ba6340}.shop-item-card img{width:100%;height:120px;object-fit:cover;border-radius:6px;margin-bottom:8px}.shop-item-name{font-size:13px;font-weight:700;margin-bottom:4px}.shop-item-price{color:#7bc0ff;font-size:12px}.shop-item-state{color:#9b865e;font-size:11px;margin-top:4px}.shop-detail-panel{background:#0a0806e6;border:1px solid rgba(200,168,78,.35);border-radius:8px;padding:12px;min-height:320px}.shop-detail-image{width:100%;height:180px;object-fit:cover;border-radius:6px;margin-bottom:10px}.shop-detail-panel h3{margin:0 0 8px;color:#efcf85}.shop-detail-panel p{margin:0 0 10px;color:#c7b081;line-height:1.5;font-size:13px}.shop-detail-price{color:#8cc6ff;margin-bottom:10px}.shop-empty{color:#8f7a54}@media (max-width: 920px){.shop-layout{grid-template-columns:1fr}.shop-item-grid{max-height:none}.shop-balance{flex-wrap:wrap;justify-content:flex-end}}.shop-equip-body{flex:1;min-height:0;margin-top:16px;overflow-y:auto;padding-right:4px;padding-bottom:24px}.shop-equip-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(200,168,78,.15)}.shop-equip-section:last-child{border-bottom:none}.shop-equip-section-title{font-size:16px;font-weight:700;color:#c8a84e;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.shop-equip-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.shop-equip-card{position:relative;width:130px;flex:0 0 130px;max-width:130px;box-sizing:border-box;overflow:hidden;background:#0a0806d9;border:1px solid rgba(200,168,78,.2);border-radius:8px;color:#e9d5ae;padding:8px;cursor:pointer;text-align:center;transition:border-color .18s,box-shadow .18s,background .18s}.shop-equip-card:hover{border-color:#e0ba638c;box-shadow:0 0 10px #e0ba632e}.shop-equip-card.equipped{border-color:#e0ba63;box-shadow:0 0 18px #e0ba6373;background:#1c1406f2}.shop-equip-card img{width:100%;max-width:100%;height:90px;object-fit:cover;border-radius:6px;margin-bottom:6px;display:block;flex-shrink:0}.shop-equip-card-name{font-size:11px;font-weight:600;color:#d8c39b;line-height:1.3;margin-top:2px}.shop-equip-badge{position:absolute;top:4px;right:4px;background:#e0ba63e6;color:#0a0806;font-size:9px;font-weight:800;padding:2px 5px;border-radius:3px;letter-spacing:.04em}.shop-equip-empty-slot{width:100%;height:90px;display:flex;align-items:center;justify-content:center;color:#6a5a3a;font-size:11px;border:1px dashed rgba(200,168,78,.25);border-radius:6px;margin-bottom:6px;box-sizing:border-box}.shop-equip-no-items{width:auto;color:#6a5a3a;font-size:11px;cursor:default;padding:16px 18px;border-style:dashed;border-color:#c8a84e1f}.shop-equip-no-items:hover{border-color:#c8a84e1f;box-shadow:none}@media (max-width: 920px){.shop-equip-grid{gap:8px}.shop-equip-card{width:110px}}.mobile-layout .shop-screen{height:800px;display:flex;flex-direction:column;overflow:hidden;padding:10px 14px;box-sizing:border-box}.mobile-layout .shop-header{flex-shrink:0;padding-bottom:8px;gap:10px;align-items:center}.mobile-layout .shop-header h2{font-size:22px}.mobile-layout .shop-header p{display:none}.mobile-layout .shop-balance{gap:6px}.mobile-layout .shop-balance>span{font-size:12px}.mobile-layout .shop-balance .neon-button{padding:.35em .75em;font-size:.8em}.mobile-layout .shop-category-row{flex-shrink:0;margin:5px 0;gap:5px}.mobile-layout .shop-category-row .neon-button{padding:.3em .7em;font-size:.8em}.mobile-layout .shop-layout{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:2fr 1fr;gap:10px}.mobile-layout .shop-item-grid{overflow-y:auto;max-height:none;height:100%}.mobile-layout .shop-detail-panel{overflow-y:auto;min-height:0;height:100%}.mobile-layout .shop-detail-image{height:110px}.mobile-layout .shop-equip-body{flex:1;overflow-y:auto;max-height:none;margin-top:8px}.mp-gauge-container{display:flex;align-items:center;gap:10px;margin-top:8px;padding:5px 10px;background:#0a0806cc;border-radius:2px;border:1px solid var(--border-color);transition:all .3s ease}.mp-gauge-container.absorbing{border-color:var(--gold);box-shadow:0 0 10px #c8a84e4d,0 0 20px #c8a84e26;animation:gaugeAbsorb 1.5s ease-out}.mp-gauge-label{color:var(--gold);font-weight:700;font-size:14px;text-shadow:0 0 5px rgba(200,168,78,.3)}.mp-gauge-bar{position:relative;width:120px;height:16px;background:linear-gradient(to bottom,#1a1510,#0a0806);border-radius:2px;border:1px solid var(--border-color);overflow:hidden}.mp-gauge-fill{height:100%;background:linear-gradient(to right,var(--gold-dark),var(--gold),#d4b85e);border-radius:2px;transition:width .5s ease;box-shadow:0 0 8px #c8a84e80,inset 0 1px 2px #fff3}.mp-gauge-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,248,220,.15) 0%,transparent 50%);pointer-events:none}.mp-gauge-container.absorbing .mp-gauge-glow{animation:gaugeGlowPulse .3s ease-in-out infinite}.mp-gauge-text{color:var(--gold-light);font-weight:700;font-size:14px;min-width:35px;text-shadow:0 0 5px rgba(200,168,78,.3)}@keyframes gaugeAbsorb{0%{transform:scale(1)}20%{transform:scale(1.05);box-shadow:0 0 15px #c8a84e80,0 0 30px #c8a84e4d}to{transform:scale(1)}}@keyframes gaugeGlowPulse{0%,to{opacity:.5}50%{opacity:1}}.deck-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;flex-shrink:0;margin:0 10px}.deck-stack{position:relative;width:70px;height:100px}.deck-card{width:70px;height:100px;border-radius:2px;box-shadow:0 4px 8px #00000080,0 0 8px #c8a84e26;border:1px solid var(--border-color)}.deck-shadow{position:absolute;bottom:-3px;left:3px;width:70px;height:100px;background:#00000080;border-radius:2px;z-index:-1}.deck-count{margin-top:5px;color:var(--gold);font-weight:700;font-size:14px;text-shadow:0 0 5px rgba(200,168,78,.3)}.drawing-card{position:fixed;z-index:1000;pointer-events:none}.drawing-card img{width:90px;height:130px;border-radius:2px;box-shadow:0 0 20px #c8a84e80,0 0 40px #c8a84e33;border:1px solid var(--gold)}.drawing-card.player{left:80px;bottom:180px;animation:drawCardPlayer .8s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform,opacity}.drawing-card.opponent{right:100px;top:80px;animation:drawCardOpponent .8s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform,opacity}@keyframes drawCardPlayer{0%{transform:translateY(0) translate(0) scale(.8) rotate(0);opacity:0}15%{transform:translateY(-30px) translate(20px) scale(1.3) rotate(-5deg);opacity:1}40%{transform:translateY(-80px) translate(150px) scale(1.2) rotate(-8deg);opacity:1}70%{transform:translateY(-40px) translate(350px) scale(1) rotate(-3deg);opacity:1}to{transform:translateY(0) translate(450px) scale(.9) rotate(0);opacity:0}}@keyframes drawCardOpponent{0%{transform:translateY(0) translate(0) scale(.8) rotate(0);opacity:0}15%{transform:translateY(20px) translate(-20px) scale(1.2) rotate(3deg);opacity:1}40%{transform:translateY(60px) translate(-100px) scale(1.1) rotate(5deg);opacity:1}70%{transform:translateY(40px) translate(-200px) scale(1) rotate(2deg);opacity:1}to{transform:translateY(20px) translate(-280px) scale(.9) rotate(0);opacity:0}}.token-gain-card{position:fixed;z-index:1100;pointer-events:none}.token-gain-card img{width:84px;height:120px;border-radius:4px;border:1px solid #d9b44a;box-shadow:0 0 12px #b172ffb3,0 0 28px #b172ff73}.token-gain-label{margin-top:6px;text-align:center;color:#e6c261;font-size:10px;font-weight:700;letter-spacing:1px;text-shadow:0 0 8px rgba(230,194,97,.55)}.token-gain-card.player{left:47%;top:43%;animation:tokenGainToPlayer .9s ease-out forwards;will-change:transform,opacity}.token-gain-card.opponent{left:47%;top:43%;animation:tokenGainToOpponent .9s ease-out forwards;will-change:transform,opacity}@keyframes tokenGainToPlayer{0%{transform:translate(0) scale(.6);opacity:0}20%{transform:translateY(-10px) scale(1.05);opacity:1}to{transform:translate(-360px,250px) scale(.75);opacity:0}}@keyframes tokenGainToOpponent{0%{transform:translate(0) scale(.6);opacity:0}20%{transform:translateY(12px) scale(1.05);opacity:1}to{transform:translate(360px,-230px) scale(.75);opacity:0}}.neon-button{background:linear-gradient(145deg,#1a1510,#0d0b08);color:var(--gold);border:1px solid var(--border-highlight);padding:12px 24px;font-size:14px;font-weight:700;font-family:Cinzel,serif;border-radius:2px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:3px;position:relative;overflow:hidden}.neon-button:hover{background:linear-gradient(145deg,#2a2015,#1a150e);border-color:var(--gold);box-shadow:0 0 15px #c8a84e33;color:var(--gold-light);text-shadow:0 0 5px rgba(200,168,78,.3)}.neon-button:active{transform:scale(.97)}.neon-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-primary{border-color:var(--gold);color:var(--gold-light)}.btn-primary:hover{background:linear-gradient(145deg,#2a2015,#1a150e);box-shadow:0 0 20px #c8a84e4d;color:#fff}.btn-danger{border-color:#8b3030;color:#d4836a}.btn-danger:hover{background:linear-gradient(145deg,#2a1510,#1a0d08);box-shadow:0 0 15px #8b30304d;color:#faa}.roguelike-map-canvas-wrap{position:relative;width:100%;min-width:0;display:flex;justify-content:center}.roguelike-map-canvas{position:relative;flex-shrink:0}.roguelike-map-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.roguelike-map-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:5px 3px;margin:0;border:1px solid #1e2c36;border-radius:10px;background:#070b0ecc;color:#cfd7d5;text-transform:none;letter-spacing:normal;overflow:visible;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease}.roguelike-map-node.is-boss{border-radius:50%;background:#2c2405eb;border-color:#6a5010}.roguelike-map-node.is-current{background:#1c3e36f5;border-color:#7ff0d2;box-shadow:0 0 18px #7ff0d252}.roguelike-map-node.is-selectable{background:#102642f0;border-color:#6aabff;box-shadow:0 0 22px #6aabff61,0 0 6px #6aabff24 inset}.roguelike-map-node.is-boss.is-selectable{background:#463408f5;border-color:#ffd060;box-shadow:0 0 26px #ffd06080,0 0 8px #ffd0602e inset}.roguelike-map-node.is-cleared{background:#0c1214e0;border-color:#222e38}.roguelike-map-node.is-dim{opacity:.44}.roguelike-map-node:disabled{cursor:default}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.turn-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:radial-gradient(ellipse at center,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 60%,transparent 100%);padding:50px 120px;z-index:2000;text-align:center;pointer-events:none;animation:darkSoulsIn 3s ease-in-out forwards;width:80vw}.turn-banner:before,.turn-banner:after{content:"";position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#c8a84e,#fff8dc,#c8a84e,transparent);box-shadow:0 0 8px #c8a84e80}.turn-banner:before{top:15px}.turn-banner:after{bottom:15px}.turn-banner h1{margin:0;font-family:Cinzel,serif;font-size:56px;font-weight:700;letter-spacing:16px;text-transform:uppercase;background:linear-gradient(180deg,#fff8dc,#c8a84e 40%,#8b6914);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px rgba(200,168,78,.4));animation:textGlow 3s ease-in-out forwards}.turn-banner.enemy:before,.turn-banner.enemy:after{background:linear-gradient(90deg,transparent,#8b3030,#d4836a,#8b3030,transparent);box-shadow:0 0 8px #8b303080}.turn-banner.enemy h1{background:linear-gradient(180deg,#d4836a,#8b3030 40%,#4a1515);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px rgba(139,48,48,.5))}.turn-banner.end:before,.turn-banner.end:after{background:linear-gradient(90deg,transparent,#666,#999,#666,transparent);box-shadow:0 0 5px #9696964d}.turn-banner.end h1{background:linear-gradient(180deg,#e0e0e0,#999 40%,#555);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px rgba(150,150,150,.3));font-size:48px;letter-spacing:12px}.turn-timer{position:absolute;bottom:100%;left:0;right:0;margin-bottom:6px;z-index:50;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 8px;border:1px solid rgba(100,200,255,.4);border-radius:6px;background:#001428d9;pointer-events:none}.turn-timer__label{font-family:Cinzel,serif;font-size:8px;color:#96c8ffcc;letter-spacing:1px}.turn-timer__count{font-family:Cinzel,serif;font-size:20px;font-weight:700;color:#7ecfff;line-height:1;text-shadow:0 0 8px rgba(100,180,255,.6)}.turn-timer--danger .turn-timer__count{color:#f44;text-shadow:0 0 10px rgba(255,60,60,.8);animation:timerPulse .5s ease-in-out infinite alternate}.turn-timer--danger .turn-timer__label{color:#ff9696e6}.turn-timer--danger{border-color:#ff505099;background:#280000b3}@keyframes timerPulse{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes darkSoulsIn{0%{transform:translate(-50%,-50%) scale(1);opacity:0}15%{transform:translate(-50%,-50%) scale(1);opacity:1}75%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes textGlow{0%{letter-spacing:40px;opacity:0;filter:drop-shadow(0 0 0px rgba(200,168,78,0))}15%{letter-spacing:16px;opacity:1;filter:drop-shadow(0 0 8px rgba(200,168,78,.6))}75%{opacity:1;filter:drop-shadow(0 0 4px rgba(200,168,78,.3))}to{opacity:0;filter:drop-shadow(0 0 0px rgba(200,168,78,0))}}.damage-popup{position:absolute;color:#d4836a;font-size:48px;font-weight:900;font-family:Cinzel,serif;text-shadow:2px 2px 0 #000,0 0 8px rgba(212,131,106,.5);pointer-events:none;z-index:3000;animation:floatUp 1s ease-out forwards;will-change:transform,opacity}@keyframes floatUp{0%{transform:translateY(0) scale(.5);opacity:0}20%{transform:translateY(-20px) scale(1.5);opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.detail-view{text-align:center}.detail-view img{width:100%;border-radius:2px;border:1px solid var(--border-color);margin-bottom:20px}.full-desc{background:#0f0c08cc;padding:10px;border-radius:2px;font-size:14px;line-height:1.5;color:var(--text-color);text-align:left;border:1px solid var(--border-color);font-family:sans-serif}.drag-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.card.enemy-card{border-color:#3a2020}.card:hover{transform:scale(1.08) translateY(-8px);z-index:100;border-color:var(--gold);box-shadow:0 10px 20px #000c,0 0 12px #c8a84e4d}.card.can-attack{border-color:var(--gold);box-shadow:0 0 10px #c8a84e66}.card.can-attack:hover{box-shadow:0 0 15px #c8a84e99,0 0 30px #c8a84e4d;border:2px solid var(--gold-light)}.card.blocker{border-color:#4a6a8a;box-shadow:0 0 8px #4a6a8a66,0 0 15px #4a6a8a33;animation:blockerPulse 3s ease-in-out infinite}.card.blocker:before{content:"??";position:absolute;top:5px;right:5px;font-size:16px;z-index:10}@keyframes blockerPulse{0%,to{box-shadow:0 0 8px #4a6a8a66,0 0 15px #4a6a8a33}50%{box-shadow:0 0 12px #4a6a8a99,0 0 25px #4a6a8a4d}}.card.reflect{border-color:#7b3fa0;box-shadow:0 0 8px #7b3fa080,0 0 20px #7b3fa040;animation:reflectPulse 2.5s ease-in-out infinite}.reflect-badge{position:absolute;top:5px;left:5px;font-size:16px;z-index:10;filter:drop-shadow(0 0 4px rgba(123,63,160,.8));animation:reflectGlow 1.5s ease-in-out infinite;will-change:filter}@keyframes reflectPulse{0%,to{box-shadow:0 0 8px #7b3fa080,0 0 20px #7b3fa040}50%{box-shadow:0 0 15px #7b3fa0b3,0 0 30px #7b3fa066}}@keyframes reflectGlow{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.speed-badge{position:absolute;bottom:5px;right:5px;font-size:14px;z-index:10;filter:drop-shadow(0 0 3px rgba(255,200,0,.8))}.card.unusable{filter:grayscale(.22) brightness(.78)}.unusable-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:4px 8px;border:1px solid rgba(255,90,90,.85);border-radius:4px;background:#1e0000c7;color:#ff7d7d;font-size:11px;font-weight:700;letter-spacing:.5px;text-shadow:0 0 8px rgba(255,90,90,.45);pointer-events:none;z-index:12}.dice-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000000e6;z-index:5000;pointer-events:none}.dice-scene{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:800px}.dice-shadow{position:absolute;bottom:-60px;width:120px;height:30px;background:radial-gradient(ellipse,rgba(200,168,78,.2) 0%,transparent 70%);border-radius:50%;animation:shadowPulse 1.5s ease-in-out infinite;will-change:transform,opacity}.dice-cube{width:100px;height:100px;position:relative;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.22,1,.36,1);will-change:transform}.dice-cube.rolling{animation:diceRoll3D .6s linear infinite}.dice-cube.result{transition:transform 1.2s cubic-bezier(.25,.46,.45,.94)}.dice-cube.absorbing{transition:transform .8s ease-out;animation:diceAbsorbShrink 1.5s ease-in-out forwards;animation-delay:.5s}.dice-face-3d{position:absolute;width:100px;height:100px;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:42px;font-weight:900;color:#c8a84e;background:linear-gradient(145deg,#1a1510,#0d0b08 40%,#1a1510);border:2px solid #5a4a2a;box-shadow:inset 0 0 20px #000c,inset 0 0 5px #c8a84e1a;backface-visibility:visible}.dice-face-3d:before{content:"";position:absolute;inset:4px;border:1px solid rgba(200,168,78,.2)}.dice-face-3d:after{content:"";position:absolute;inset:8px;border:1px solid rgba(200,168,78,.08)}.dice-face-3d.front{transform:rotateY(0) translateZ(50px)}.dice-face-3d.back{transform:rotateY(180deg) translateZ(50px)}.dice-face-3d.right{transform:rotateY(90deg) translateZ(50px)}.dice-face-3d.left{transform:rotateY(-90deg) translateZ(50px)}.dice-face-3d.top{transform:rotateX(90deg) translateZ(50px)}.dice-face-3d.bottom{transform:rotateX(-90deg) translateZ(50px)}.dice-result-text{font-family:Cinzel,serif;font-size:24px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:transparent;background:linear-gradient(180deg,#fff8dc,#c8a84e,#8b6914);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px rgba(200,168,78,.4));margin-top:40px;animation:resultFadeIn .8s ease-out forwards}.mana-number-display{position:absolute;font-family:Cinzel,serif;font-size:52px;font-weight:900;letter-spacing:4px;color:transparent;background:linear-gradient(180deg,#fff8dc,#c8a84e 40%,#8b6914);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(200,168,78,.7));animation:manaAbsorb 2s ease-in-out forwards;will-change:transform,opacity;z-index:100}@keyframes diceRoll3D{0%{transform:rotateX(0) rotateY(0)}25%{transform:rotateX(90deg) rotateY(90deg)}50%{transform:rotateX(180deg) rotateY(180deg)}75%{transform:rotateX(270deg) rotateY(270deg)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes diceAbsorbShrink{0%{transform:scale(1);opacity:1}60%{transform:scale(.6);opacity:.7}to{transform:scale(0) rotateY(720deg);opacity:0}}@keyframes manaAbsorb{0%{transform:translate(0) scale(1.3);opacity:0}15%{transform:translateY(-15px) scale(1.1);opacity:1;filter:drop-shadow(0 0 20px rgba(200,168,78,.9))}50%{transform:translate(-100px,100px) scale(.9);opacity:1}to{transform:translate(-300px,250px) scale(.3);opacity:0;filter:drop-shadow(0 0 0px rgba(200,168,78,0))}}@keyframes shadowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes resultFadeIn{0%{opacity:0;letter-spacing:20px;transform:translateY(10px)}to{opacity:1;letter-spacing:6px;transform:translateY(0)}}.dark-mist{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(75,0,130,.6) 0%,transparent 70%);animation:mistFloat 2s ease-in-out infinite}.mist-1{animation-delay:0s;transform:translate(-30px,-30px)}.mist-2{animation-delay:.3s;transform:translate(20px,20px)}.mist-3{animation-delay:.6s;transform:translate(-10px,40px)}.dark-orb{position:relative;width:100px;height:100px;display:flex;justify-content:center;align-items:center}.smoke-trail{position:absolute;width:400px;height:200px;left:50px;top:50px;transform:translateY(-50%) rotate(-45deg);transform-origin:0% 50%;pointer-events:none}.trail-segment{position:absolute;border-radius:50%;background:radial-gradient(ellipse,rgba(138,43,226,.6) 0%,rgba(75,0,130,.3) 50%,transparent 70%);filter:blur(10px);animation:trailPulse .8s ease-in-out infinite}.trail-segment.t1{width:80px;height:40px;left:20px;top:50%;transform:translateY(-50%);animation-delay:0s}.trail-segment.t2{width:120px;height:50px;left:80px;top:45%;transform:translateY(-50%);opacity:.7;animation-delay:.1s}.trail-segment.t3{width:160px;height:60px;left:150px;top:40%;transform:translateY(-50%);opacity:.5;animation-delay:.2s}.trail-segment.t4{width:200px;height:70px;left:220px;top:35%;transform:translateY(-50%);opacity:.3;animation-delay:.3s}.trail-segment.t5{width:250px;height:80px;left:300px;top:30%;transform:translateY(-50%);opacity:.15;animation-delay:.4s}.trail-wisp{position:absolute;border-radius:50%;background:radial-gradient(ellipse,rgba(148,0,211,.5) 0%,transparent 70%);filter:blur(15px);animation:wispFloat 1.5s ease-in-out infinite}.trail-wisp.w1{width:60px;height:30px;left:60px;top:30%;animation-delay:0s}.trail-wisp.w2{width:80px;height:25px;left:140px;top:60%;animation-delay:.3s}.trail-wisp.w3{width:100px;height:35px;left:220px;top:25%;animation-delay:.6s}.trail-wisp.w4{width:70px;height:20px;left:280px;top:55%;animation-delay:.9s}@keyframes trailPulse{0%,to{opacity:var(--base-opacity, 1);transform:translateY(-50%) scaleX(1)}50%{opacity:calc(var(--base-opacity, 1) * .7);transform:translateY(-50%) scaleX(1.1)}}@keyframes wispFloat{0%,to{transform:translate(0) rotate(0);opacity:.5}33%{transform:translate(10px,-5px) rotate(5deg);opacity:.8}66%{transform:translate(-5px,5px) rotate(-3deg);opacity:.4}}.dissipate-smoke{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(148,0,211,.7) 0%,rgba(75,0,130,.3) 50%,transparent 80%);filter:blur(6px);animation:dissipate 2s ease-out infinite}.dissipate-smoke.ds1{width:25px;height:25px;left:50px;top:40%;animation-delay:0s;--end-x: -40px;--end-y: -60px}.dissipate-smoke.ds2{width:30px;height:30px;left:100px;top:60%;animation-delay:.2s;--end-x: 30px;--end-y: 70px}.dissipate-smoke.ds3{width:20px;height:20px;left:150px;top:30%;animation-delay:.4s;--end-x: -50px;--end-y: -80px}.dissipate-smoke.ds4{width:35px;height:35px;left:200px;top:70%;animation-delay:.6s;--end-x: 40px;--end-y: 90px}.dissipate-smoke.ds5{width:22px;height:22px;left:250px;top:25%;animation-delay:.8s;--end-x: -60px;--end-y: -100px}.dissipate-smoke.ds6{width:28px;height:28px;left:300px;top:55%;animation-delay:1s;--end-x: 50px;--end-y: 80px}.dissipate-smoke.ds7{width:18px;height:18px;left:350px;top:35%;animation-delay:1.2s;--end-x: -30px;--end-y: -90px}.dissipate-smoke.ds8{width:24px;height:24px;left:400px;top:65%;animation-delay:1.4s;--end-x: 35px;--end-y: 70px}@keyframes dissipate{0%{transform:translate(0) scale(.5);opacity:0}20%{transform:translate(calc(var(--end-x) * .2),calc(var(--end-y) * .2)) scale(1);opacity:.8}to{transform:translate(var(--end-x),var(--end-y)) scale(2);opacity:0}}.spiral-particles{position:absolute;width:200px;height:200px;left:50%;top:50%;transform:translate(-50%,-50%)}.spiral-particle{position:absolute;width:10px;height:10px;background:radial-gradient(circle,#da70d6 0%,#8a2be2 50%,transparent 100%);border-radius:50%;left:50%;top:50%;margin-left:-5px;margin-top:-5px;animation:spiralOut 2s ease-out infinite;box-shadow:0 0 10px #8a2be2,0 0 20px #8a2be280}.spiral-particle.sp1{animation-delay:0s;--angle: 0deg}.spiral-particle.sp2{animation-delay:.25s;--angle: 45deg}.spiral-particle.sp3{animation-delay:.5s;--angle: 90deg}.spiral-particle.sp4{animation-delay:.75s;--angle: 135deg}.spiral-particle.sp5{animation-delay:1s;--angle: 180deg}.spiral-particle.sp6{animation-delay:1.25s;--angle: 225deg}.spiral-particle.sp7{animation-delay:1.5s;--angle: 270deg}.spiral-particle.sp8{animation-delay:1.75s;--angle: 315deg}@keyframes spiralOut{0%{transform:rotate(var(--angle)) translate(20px) rotate(0) scale(.3);opacity:0}20%{opacity:1}to{transform:rotate(calc(var(--angle) + 360deg)) translate(120px) rotate(-360deg) scale(0);opacity:0}}.orb-core{position:absolute;width:80px;height:80px;background:radial-gradient(circle,#1a0033,#0a0015,#000);border-radius:50%;box-shadow:0 0 20px indigo,0 0 40px #8b008b,0 0 60px indigo,inset 0 0 30px #8a2be280;animation:orbPulse .5s ease-in-out infinite}.orb-ring{position:absolute;border:2px solid rgba(138,43,226,.5);border-radius:50%;animation:ringExpand 1s ease-out infinite}.ring-1{width:100px;height:100px;animation-delay:0s}.ring-2{width:120px;height:120px;animation-delay:.3s}.ring-3{width:140px;height:120px;animation-delay:.6s}.orb-particles{position:absolute;width:200px;height:200px;left:50%;top:50%;transform:translate(-50%,-50%)}.particle{position:absolute;width:8px;height:8px;background:#8a2be2;border-radius:50%;left:50%;top:50%;margin-left:-4px;margin-top:-4px;animation:particleOrbit 1.5s linear infinite}.particle.p0{animation-delay:0s}.particle.p1{animation-delay:.125s}.particle.p2{animation-delay:.25s}.particle.p3{animation-delay:.375s}.particle.p4{animation-delay:.5s}.particle.p5{animation-delay:.625s}.particle.p6{animation-delay:.75s}.particle.p7{animation-delay:.875s}.particle.p8{animation-delay:1s}.deck-builder-screen{position:fixed;inset:0;background-color:var(--bg-color);background:radial-gradient(circle at center,#1a1510,#0a0806);display:flex;flex-direction:column;padding:5px 20px;overflow:hidden;z-index:100}.deck-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #3a3020;padding-bottom:10px}.deck-header h2{font-family:Cinzel,serif;color:#c8a84e;margin:0;text-shadow:0 0 10px rgba(200,168,78,.5)}.deck-body{display:flex;flex:1;gap:20px;overflow:hidden}.card-pool{flex:3;border-right:1px solid #3a3020;padding-right:20px;overflow-y:auto;padding-bottom:40px}.deck-detail-panel{flex:2;background:#0006;border:1px solid #3a3020;border-radius:8px;padding:16px;display:flex;flex-direction:column;overflow-y:auto}.detail-view.large{display:flex;flex-direction:column;align-items:center;gap:8px}.detail-img{width:100%;max-width:200px;border-radius:8px;border:2px solid #3a3020;box-shadow:0 0 15px #000c}.detail-name{font-family:Cinzel,serif;color:#c8a84e;font-size:20px;margin:0;text-align:center}.detail-stats{display:flex;gap:10px;justify-content:center;width:100%}.stat-box{background:#0009;padding:4px 8px;border-radius:4px;font-family:Cinzel,serif;font-size:14px;border:1px solid #555}.stat-box.cost{color:#4a90e2;border-color:#1a3a5a}.stat-box.atk{color:#e74c3c;border-color:#5a1a1a}.stat-box.def{color:#2ecc71;border-color:#1a5a2a}.stat-box.count{color:#f1c40f;border-color:#5a4a1a;font-family:sans-serif}.detail-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.badge{font-size:12px;padding:2px 6px;border-radius:4px;background:#333;color:#fff;font-family:sans-serif}.badge.blocker{background:#27ae60}.badge.speed{background:#e67e22}.badge.reflect{background:#8e44ad}.empty-detail-msg{flex:1;display:flex;align-items:center;justify-content:center;color:#555;text-align:center;font-style:italic;line-height:1.6}.card-pool h3,.current-deck h3{font-family:Cinzel,serif;color:#8b7d5e;margin-top:0;border-bottom:1px solid #3a3020;padding-bottom:8px;margin-bottom:16px}.current-deck{flex:2;display:flex;flex-direction:column;background:#0000004d;border:1px solid #3a3020;border-radius:8px;padding:16px;overflow-y:auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;padding-bottom:20px}.builder-card-wrapper{position:relative;cursor:pointer;transition:all .2s;zoom:.65}.builder-card-wrapper:hover{transform:translateY(-5px) scale(1.05);z-index:10;filter:drop-shadow(0 0 8px rgba(200,168,78,.4))}.card-count-badge{position:absolute;top:-5px;right:-5px;background:#c8a84e;color:#000;font-weight:700;padding:2px 8px;border-radius:12px;font-size:16px;z-index:20;box-shadow:0 2px 4px #00000080;border:1px solid #fff}.card-list{display:flex;flex-direction:column;gap:8px}.deck-list-item{display:flex;align-items:center;background:#1a1510;border:1px solid #3a3020;padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .2s;user-select:none}.deck-list-item:hover{background:#2a2018;border-color:#5a4a2a;transform:translate(5px)}.cost-circle{width:24px;height:24px;background:#15120e;color:#4a90e2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px;border:1px solid #4a90e2;font-size:12px;box-shadow:0 0 5px #4a90e24d}.list-name{flex:1;color:#d4c9a8;font-family:sans-serif;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-count{color:#c8a84e;font-weight:700;margin-left:8px}.remove-x{color:#ff4d4d;font-weight:700;margin-left:8px;opacity:0;transition:opacity .2s}.deck-list-item:hover .remove-x{opacity:1}.empty-msg{color:#666;text-align:center;margin-top:40px;font-size:13px;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}.modal-content{background:#15120e;border:1px solid #c8a84e;padding:40px;border-radius:4px;width:400px;text-align:center;box-shadow:0 0 50px #000c,0 0 20px #c8a84e33;position:relative}.modal-content:before{content:"";position:absolute;inset:4px;border:1px solid #3a3020;pointer-events:none}.modal-content h3{font-family:Cinzel,serif;color:#c8a84e;font-size:24px;margin-top:0;margin-bottom:30px;letter-spacing:2px;text-shadow:0 0 10px rgba(200,168,78,.4)}.modal-buttons{display:flex;flex-direction:column;gap:15px}.neon-button.secondary{background:transparent;border:1px solid #5a4a2a;color:#8b7d5e;margin-top:10px}.neon-button.secondary:hover{background:#5a4a2a1a;color:#c8a84e;box-shadow:none;border-color:#c8a84e}.particle.p9{animation-delay:1.125s}.particle.p10{animation-delay:1.25s}.particle.p11{animation-delay:1.375s}@keyframes mistFloat{0%,to{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(10px,-10px) scale(1.1);opacity:.6}}@keyframes orbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes ringExpand{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes particleOrbit{0%{transform:rotate(0) translate(60px) rotate(0);opacity:1}50%{opacity:.5}to{transform:rotate(360deg) translate(60px) rotate(-360deg);opacity:1}}@keyframes absorbToMP{0%{transform:translate(0) scale(1);opacity:1}30%{transform:translateY(50px) scale(.6);opacity:1}to{transform:translate(-350px,250px) scale(.05);opacity:0}}.smoke-particle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(138,43,226,.8) 0%,rgba(75,0,130,.4) 40%,transparent 70%);pointer-events:none;filter:blur(8px);animation:smokeRise 2s ease-out infinite}.smoke-particle.sp1{width:60px;height:60px;top:0;left:-30px;animation-delay:0s}.smoke-particle.sp2{width:80px;height:80px;top:-20px;right:-40px;animation-delay:.2s}.smoke-particle.sp3{width:50px;height:50px;bottom:0;left:10px;animation-delay:.4s}.smoke-particle.sp4{width:70px;height:70px;bottom:-30px;right:0;animation-delay:.6s}.smoke-particle.sp5{width:40px;height:40px;top:50%;left:-50px;animation-delay:.8s}.smoke-particle.sp6{width:55px;height:55px;top:30%;right:-45px;animation-delay:1s}.smoke-particle.sp7{width:45px;height:45px;bottom:20%;left:-40px;animation-delay:1.2s}.smoke-particle.sp8{width:65px;height:65px;top:-10px;left:50%;animation-delay:1.4s}@keyframes smokeRise{0%{transform:translate(0) scale(.5);opacity:0}20%{opacity:.8}50%{transform:translate(var(--dx, 10px),var(--dy, -30px)) scale(1);opacity:.6}to{transform:translate(var(--dx2, 20px),var(--dy2, -60px)) scale(1.5);opacity:0}}.smoke-particle.sp1{--dx: -20px;--dy: -40px;--dx2: -30px;--dy2: -80px}.smoke-particle.sp2{--dx: 25px;--dy: -35px;--dx2: 40px;--dy2: -70px}.smoke-particle.sp3{--dx: 10px;--dy: -50px;--dx2: 15px;--dy2: -90px}.smoke-particle.sp4{--dx: 15px;--dy: -30px;--dx2: 25px;--dy2: -60px}.smoke-particle.sp5{--dx: -30px;--dy: -25px;--dx2: -50px;--dy2: -50px}.smoke-particle.sp6{--dx: 35px;--dy: -45px;--dx2: 55px;--dy2: -85px}.smoke-particle.sp7{--dx: -15px;--dy: -55px;--dx2: -25px;--dy2: -100px}.smoke-particle.sp8{--dx: 5px;--dy: -60px;--dx2: 10px;--dy2: -110px}.game-end-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:9999;pointer-events:auto}.game-end-content{display:flex;flex-direction:column;align-items:center;text-align:center}.game-end-overlay.victory{background:#000000b3;animation:victoryBg 2s ease forwards}@keyframes victoryBg{0%{background:#0000}to{background:#000000d9}}.victory-text{font-family:Cinzel,serif;font-size:80px;letter-spacing:12px;color:#f1c40f;text-shadow:0 0 30px rgba(241,196,15,.6);opacity:0;transform:scale(1.5);animation:victoryTextAnim 1s cubic-bezier(.215,.61,.355,1) forwards}@keyframes victoryTextAnim{0%{opacity:0;transform:scale(2);letter-spacing:50px}to{opacity:1;transform:scale(1);letter-spacing:12px}}.game-end-overlay.defeat{background:transparent;backdrop-filter:blur(0px) grayscale(0%);animation:defeatBg 4s ease forwards}@keyframes defeatBg{0%{background:#0000;backdrop-filter:blur(0px) grayscale(0%)}to{background:#140000f2;backdrop-filter:blur(5px) grayscale(100%)}}.defeat-text{font-family:Cinzel,serif;font-size:130px;letter-spacing:10px;color:#6a0404;margin:0;position:relative;text-shadow:0 0 20px rgba(106,4,4,.8);opacity:0;transform:scale(1.1);animation:youDiedZoom 5s cubic-bezier(.25,1,.5,1) forwards}.defeat-text:after{content:"";position:absolute;top:55%;left:-20%;width:140%;height:2px;background:linear-gradient(90deg,transparent,rgba(106,4,4,.6),transparent);filter:blur(1px);opacity:0;animation:lineFadeIn 3s ease 1s forwards;z-index:-1}@keyframes youDiedZoom{0%{opacity:0;transform:scale(1.3);filter:blur(10px)}20%{opacity:1;transform:scale(1.05);filter:blur(0px)}to{opacity:1;transform:scale(1);filter:blur(0px)}}@keyframes lineFadeIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.game-end-subtitle{font-family:Cinzel,serif;color:#ccc;font-size:22px;margin-top:20px;letter-spacing:4px;opacity:0;animation:uiFadeIn 1s 2s ease forwards}.game-end-button{margin-top:50px;font-size:18px;padding:12px 40px;opacity:0;animation:uiFadeIn 1s 3.5s ease forwards;cursor:pointer;transition:all .3s}@keyframes btnFadeIn{to{opacity:1}}@keyframes uiFadeIn{to{opacity:1}}.game-end-overlay.victory{background:radial-gradient(ellipse at center,#0f0c05f7,#000000fa)}.game-end-overlay.defeat{background:radial-gradient(ellipse at center,#140505f7,#000000fa)}.game-end-content{text-align:center}.game-end-icon{font-size:80px;opacity:.6;animation:iconFade 3s ease-in-out infinite}.game-end-title{font-family:Cinzel,serif;font-size:72px;font-weight:700;margin:20px 0;letter-spacing:16px;animation:titleReveal 2s ease-out forwards}.victory .game-end-title{color:transparent;background:linear-gradient(180deg,#fff8dc,#c8a84e 40%,#8b6914);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(200,168,78,.5))}.defeat .game-end-title{color:transparent;background:linear-gradient(180deg,#ff6b6b,#8b0000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(139,0,0,.5))}.game-end-subtitle{font-family:Cinzel,serif;font-size:20px;color:var(--text-color);margin-bottom:50px;letter-spacing:6px;opacity:0;animation:subtitleFadeIn 1s ease-out 1s forwards}.game-end-button{font-size:20px;padding:18px 50px;font-family:Cinzel,serif;letter-spacing:4px;opacity:0;animation:subtitleFadeIn 1s ease-out 1.5s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes titleReveal{0%{letter-spacing:40px;opacity:0}to{letter-spacing:16px;opacity:1}}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes iconFade{0%,to{opacity:.4}50%{opacity:.7}}.transition-overlay{position:fixed;inset:0;background:#000;z-index:100000;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out}.transition-overlay.active{opacity:1;pointer-events:auto}.game-container{display:flex;width:100%;height:100%;background:#000;overflow:hidden}.main-board{flex:1;display:flex;flex-direction:column;padding:10px;gap:10px;position:relative;background:radial-gradient(circle at center,#1a1510,#000);border-right:1px solid #3a3020}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:#0000008c;border:1px solid rgba(255,215,0,.15)}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffd7008c,#c99c46d9);border:1px solid rgba(255,215,0,.35)}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffd700bf,#c99c46)}.main-board.playmat-ashen-ruins{background:linear-gradient(180deg,#4e301c2e,#1a0f0973),radial-gradient(circle at center,#22160f,#070503)}.main-board.playmat-ashen-ruins .field-zone{border-color:#d68d5747;box-shadow:inset 0 0 120px #3c1c0db3}.main-board.playmat-cat .field-zone{border-color:#ffb4b459;box-shadow:inset 0 0 80px #00000073}.side-panel{width:280px;background:#000;display:flex;flex-direction:column;padding:15px;box-sizing:border-box}.side-panel h3{font-family:Cinzel,serif;font-size:17px;color:var(--gold);letter-spacing:3px;text-align:center;border-bottom:2px solid var(--gold-dark);padding-bottom:10px;margin-bottom:20px;text-shadow:0 0 10px rgba(200,168,78,.3)}.detail-view{flex:1;min-height:0;display:flex;flex-direction:column;background:#0003;border-radius:12px;border:1px solid rgba(200,168,78,.1);padding:15px;overflow-y:auto;overflow-x:hidden;position:relative;animation:fadeIn .3s ease-out}.detail-view::-webkit-scrollbar{width:6px}.detail-view::-webkit-scrollbar-track{background:#0000001a}.detail-view::-webkit-scrollbar-thumb{background:#c8a84e80;border-radius:10px}.detail-view::-webkit-scrollbar-thumb:hover{background:#c8a84ecc}.detail-view img{display:block;margin:0 auto 15px;max-width:200px;max-height:280px;width:auto;height:auto;border-radius:8px;box-shadow:0 10px 25px #0009;border:1px solid rgba(200,168,78,.3);object-fit:contain}.detail-view h4{font-family:Cinzel,serif;font-size:18px;color:#fff8dc;margin:0 0 10px;text-align:center;border-bottom:1px solid rgba(200,168,78,.2);padding-bottom:8px}.full-desc{font-size:13px;line-height:1.5;color:#ccc;padding:12px;white-space:pre-wrap;background:#0006;border-radius:6px;border-left:2px solid var(--gold-dark);margin-bottom:10px}.spellboost-info,.selfdamage-info{margin-top:15px;padding:10px;border-radius:4px;background:#00000080;display:flex;justify-content:space-between;align-items:center}.game-log{flex:0 0 180px;margin-top:15px;border-radius:6px;border:1px solid rgba(200,168,78,.1)}.opponent-zone,.player-zone{height:120px;display:flex;align-items:center;padding:10px 30px;background:linear-gradient(135deg,#140f0af2,#1e1914cc);border-radius:8px;border:1px solid rgba(200,168,78,.2);position:relative;gap:30px}.opponent-zone{margin-bottom:5px}.player-zone{margin-top:5px;height:140px;z-index:60;overflow:visible}.nameplate{font-family:Cinzel,serif;font-size:14px;font-weight:900;color:#fff8dc;background:linear-gradient(90deg,rgba(200,168,78,.4),transparent);padding:4px 15px;border-left:3px solid #c8a84e;letter-spacing:2px;text-shadow:0 1px 3px #000;white-space:nowrap}.nameplate.nameplate-skin-void{background:linear-gradient(90deg,#5875b38c,#1e2c4c1a);border-left-color:#78a8ff;box-shadow:0 0 12px #78a8ff47}.nameplate.nameplate-skin-archivist{background:linear-gradient(90deg,#977d488c,#4931121f);border-left-color:#f2cf83;box-shadow:0 0 12px #f2cf833d}.hp-overall-display{display:flex;align-items:center;gap:10px}.hp-label{font-family:Cinzel,serif;font-size:16px;color:#c8a84e}.hp-text{font-size:32px;font-weight:900;color:#fff}.field-zone{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;background:#00000080;border-radius:12px;border:1px solid rgba(255,255,255,.05);padding:10px;box-shadow:inset 0 0 100px #000c;z-index:1}.field-half{flex:1;display:flex;justify-content:center;align-items:center;gap:20px}.field-separator{height:2px;width:80%;margin:0 auto;background:linear-gradient(90deg,transparent,rgba(200,168,78,.3),transparent)}.controls{width:160px;display:flex;flex-direction:column;gap:10px;border-left:1px solid rgba(200,168,78,.1);padding-left:20px;z-index:10}.stats{width:250px;display:flex;flex-direction:column}.hand-container{flex:1;display:flex;justify-content:center;align-items:center;gap:0;padding:0 10px;overflow:visible;position:relative;z-index:70}.hand-card-wrapper{transition:transform .2s,margin .2s,z-index 0s;position:relative;z-index:1}.hand-card-wrapper:hover{transform:translateY(-30px) scale(1.15);z-index:9999;margin-right:20px}.hand-card-wrapper.tap-selected .card,.field-card-wrapper.tap-selected .card{border-color:#c8a84e!important;box-shadow:0 0 18px #c8a84e73,inset 0 0 12px #c8a84e33!important}.result-container{max-width:1000px;width:100%;text-align:center;position:relative}.result-hover-panel{margin:8px auto 18px;max-width:720px;text-align:left;background:#0a0a0ee0;border:1px solid rgba(241,196,15,.45);border-radius:10px;padding:10px 14px;box-shadow:0 0 16px #f1c40f33}.result-hover-name{margin:0 0 6px;color:#ffe08a;font-size:16px}.result-hover-stats{display:flex;gap:10px;margin-bottom:6px;font-size:12px}.result-hover-stats .atk{color:#ff5252;font-weight:700}.result-hover-stats .def{color:#4cff7d;font-weight:700}.result-hover-desc{margin:0;color:#ddd;font-size:12px;line-height:1.45}.result-hover-follow{position:absolute;margin:0;width:320px;max-width:320px;z-index:7000;pointer-events:none}.gacha-screen{width:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(circle at center,#1a1a2e,#000);color:#fff;padding:5px 20px;box-sizing:border-box}.gacha-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.currency-display{display:flex;align-items:center;gap:8px;font-size:20px;background:#00000080;padding:8px 16px;border-radius:20px;border:1px solid #444}.gacha-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.pack-container{position:relative;width:300px;height:420px;transition:transform .1s}.pack-container.shaking{animation:packShake .5s ease-in-out infinite;will-change:transform}@keyframes packShake{0%{transform:translate(0) rotate(0)}25%{transform:translate(-5px,5px) rotate(-5deg)}50%{transform:translate(5px,-5px) rotate(5deg)}75%{transform:translate(-5px,-5px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}.pack-image-main{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 30px rgba(138,43,226,.6))}.pack-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(138,43,226,.4) 0%,transparent 70%);z-index:-1;animation:pulseGlow 2s infinite;will-change:opacity}.pack-title{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-family:Cinzel,serif;font-size:24px;color:#e0d0ff;text-shadow:0 0 10px #8a2be2}.gacha-controls{display:flex;gap:20px}.gacha-btn{display:flex;flex-direction:column;align-items:center;padding:15px 30px;min-width:160px}.gacha-btn .cost{font-size:14px;color:#ccc;margin-top:5px}.gacha-btn.multi{border-color:gold;color:gold;box-shadow:0 0 15px #ffd7004d}.gacha-result-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:5000;overflow-y:auto;padding:40px}.result-container{max-width:1000px;width:100%;text-align:center}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin:30px 0}.result-card{perspective:1000px;opacity:0;transform:translateY(20px);animation:cardReveal .5s ease-out forwards}@keyframes cardReveal{to{opacity:1;transform:translateY(0)}}.result-card-inner{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #00000080;border:2px solid #444;transform:translateZ(0)}.result-card-inner img{width:100%;display:block}.result-card.Legendary .result-card-inner{border-color:gold;box-shadow:0 0 20px #ffd70099}.result-card.Epic .result-card-inner{border-color:#a020f0;box-shadow:0 0 15px #a020f099}.result-card.Rare .result-card-inner{border-color:silver}.shine-effect{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,transparent,rgba(255,255,255,.4),transparent);transform:rotate(45deg);animation:shine 2s infinite;will-change:transform}@keyframes shine{0%{transform:translate(-100%,-100%) rotate(45deg)}to{transform:translate(100%,100%) rotate(45deg)}}.scarcity-label{position:absolute;bottom:0;left:0;right:0;background:#000000b3;font-size:10px;padding:2px}.opening-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:5001}.light-burst{width:10px;height:10px;background:#fff;border-radius:50%;box-shadow:0 0 20px 10px #fff;animation:burst 1.5s ease-out forwards;will-change:transform,opacity}@keyframes burst{0%{transform:scale(1);opacity:0}50%{transform:scale(50);opacity:1}to{transform:scale(100);opacity:0}}.gacha-main{perspective:1000px;overflow:visible!important}.chest-scene{width:300px;height:300px;position:relative;transform-style:preserve-3d;display:flex;justify-content:center;align-items:center;animation:floatChest 3s ease-in-out infinite;margin-bottom:20px;will-change:transform}.chest-scene.animating{animation:none}@keyframes floatChest{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chest{width:200px;height:100px;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(30deg);transition:transform .5s}.face{position:absolute;box-sizing:border-box;background:#5d4037;border:1px solid #3e2723;width:100.5%;height:100.5%;left:-.25%;top:-.25%;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 10px);box-shadow:inset 0 0 20px #00000080}.chest>.face.front{width:200px;height:100px;transform:translateZ(60px)}.chest>.face.back{width:200px;height:100px;transform:rotateY(180deg) translateZ(60px)}.chest>.face.right{width:120px;height:100px;left:40px;transform:rotateY(90deg) translateZ(100px)}.chest>.face.left{width:120px;height:100px;left:40px;transform:rotateY(-90deg) translateZ(100px)}.chest>.face.bottom{width:200px;height:120px;top:-10px;transform:rotateX(-90deg) translateZ(50px);background:#2e1a0f}.chest>.face.inner-bottom{width:196px;height:116px;top:-8px;left:2px;transform:rotateX(90deg) translateZ(-45px);background:#000;border:none;box-shadow:inset 0 0 40px #000}.chest-lid{width:200px;height:40px;position:absolute;top:-40px;left:0;transform-style:preserve-3d;transform-origin:50% 100% -60px;transition:transform 1.5s cubic-bezier(.4,0,.2,1)}.chest-lid .face.front{width:200px;height:40px;transform:translateZ(60px)}.chest-lid .face.back{width:200px;height:40px;transform:rotateY(180deg) translateZ(60px)}.chest-lid .face.right{width:120px;height:40px;left:40px;transform:rotateY(90deg) translateZ(100px)}.chest-lid .face.left{width:120px;height:40px;left:40px;transform:rotateY(-90deg) translateZ(100px)}.chest-lid .face.top{width:200px;height:120px;top:-40px;left:0;transform:rotateX(90deg) translateZ(20px);background:radial-gradient(ellipse at center,#8d6e63,#3e2723);border:4px solid #b8860b}.face:before{content:"";position:absolute;top:0;bottom:0;width:20px;left:30px;background:linear-gradient(90deg,#b8860b,gold,#b8860b);border:1px solid #3d2b1f}.face:after{content:"";position:absolute;top:0;bottom:0;width:20px;right:30px;background:linear-gradient(90deg,#b8860b,gold,#b8860b);border:1px solid #3d2b1f}.face.top:before,.face.top:after,.face.bottom:before,.face.bottom:after,.face.inner-bottom:before,.face.inner-bottom:after{display:none}.face.right:before,.face.right:after,.face.left:before,.face.left:after{display:none}.chest-scene.animating .chest{animation:chestShake 2s ease-in-out forwards}@keyframes chestShake{0%{transform:rotateX(-20deg) rotateY(30deg)}10%,90%{transform:rotateX(-20deg) rotateY(30deg) translate3d(-2px,1px,0)}20%,80%{transform:rotateX(-20deg) rotateY(30deg) translate3d(2px,-1px,0)}30%,50%,70%{transform:rotateX(-20deg) rotateY(30deg) translate3d(-4px,2px,0)}40%,60%{transform:rotateX(-20deg) rotateY(30deg) translate3d(4px,-2px,0)}to{transform:rotateX(-10deg) rotateY(0)}}.chest.open .chest-lid{transform:rotateX(120deg)}.chest-light{position:absolute;width:140px;height:80px;top:50px;left:30px;transform:rotateX(90deg);background:radial-gradient(circle,#fff,gold,transparent);opacity:0;filter:blur(15px);mix-blend-mode:screen;pointer-events:none;transition:opacity .5s;z-index:5}.chest.open .chest-light{opacity:1;transition-delay:.2s}.chest-shadow{position:absolute;width:240px;height:240px;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(90deg) translateZ(-80px);background:radial-gradient(black,transparent 70%);opacity:.5;filter:blur(20px);z-index:-1}.card-tooltip{pointer-events:none;z-index:10000}.result-grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:20px;max-width:900px;margin:0 auto;padding:40px 20px}.result-card{width:160px!important;height:auto;flex-shrink:0;transition:transform .2s,z-index 0s!important}.result-card:hover{transform:translateY(-10px) scale(1.1)!important;z-index:100}.card-tooltip{bottom:100%;margin-bottom:15px;width:200px;font-size:12px}.result-card{position:relative!important;overflow:visible!important}.card-tooltip{position:absolute!important;bottom:50%!important;left:50%!important;transform:translate(-50%,-20%) scale(.8)!important;width:200px!important;max-width:none!important;background:#0a0a0ffa!important;border:1px solid #666!important;border-radius:8px!important;padding:12px!important;font-size:12px;z-index:9999!important;pointer-events:none;opacity:0!important;visibility:hidden!important;box-shadow:0 10px 40px #000!important;transition:all .2s cubic-bezier(.175,.885,.32,1.275)!important}.featured-tooltip-container{position:absolute;top:50%;left:100%;transform:translateY(-50%);margin-left:20px;z-index:99999!important;pointer-events:none;animation:tooltipFadeIn .2s ease-out}.featured-tooltip-container .card-tooltip{position:relative!important;left:0!important;bottom:0!important;transform:none!important;opacity:1!important;visibility:visible!important;display:block!important;width:240px!important}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.featured-card-wrapper .card-tooltip{left:120%!important;bottom:auto!important;top:50%!important;transform:translateY(-30%) scale(.8)!important}.result-card:hover .card-tooltip{opacity:1!important;visibility:visible!important;transform:translate(-50%,-50%) scale(1)!important;z-index:10000!important}.featured-card-wrapper:hover .card-tooltip{opacity:1!important;visibility:visible!important;transform:translateY(-50%) scale(1)!important;z-index:10000!important}.tooltip-name{font-size:14px;margin-bottom:5px;text-align:center}.tooltip-stats{display:flex;justify-content:center;gap:10px;margin:8px 0}.tooltip-desc{text-align:left;font-size:11px;line-height:1.4}.card-tooltip hr{border-color:#fff3;margin:8px 0}.gacha-header{position:relative;z-index:100}.gacha-pack-info{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:100%}.pack-name-en{font-family:Cinzel,serif;font-size:36px;font-weight:900;margin:0;letter-spacing:6px;background:linear-gradient(180deg,#fff,#f1c40f,#b7950b);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 5px 15px rgba(0,0,0,.8);position:relative}.pack-name-en:after{content:"ABYSS REVELATION";position:absolute;left:0;top:0;width:100%;height:100%;background:inherit;-webkit-background-clip:text;background-clip:text;color:transparent;filter:blur(8px);opacity:.6;z-index:-1}.pack-name-jp{font-family:Yu Mincho,Hiragino Mincho ProN,MS PMincho,serif;font-size:14px;color:#a0a0a0;letter-spacing:12px;display:block;margin-top:5px;text-shadow:0 2px 4px rgba(0,0,0,.8);margin-left:12px}.gacha-bg-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,var(--pack-glow, #2e003e),#050505 80%);opacity:.2;z-index:0;transition:background 1s ease;pointer-events:none}.gacha-content-container{display:flex;flex:1;width:100%;height:100%;position:relative;z-index:10;padding-top:80px;box-sizing:border-box}.pack-selector{width:240px;height:100%;background:linear-gradient(90deg,#000c,#0006);border-right:1px solid rgba(255,255,255,.05);padding:5px 12px;display:flex;flex-direction:column;gap:0;backdrop-filter:blur(5px);z-index:20;flex-shrink:0;overflow:hidden;box-sizing:border-box}.pack-items-scroll{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;display:flex;flex-direction:column;gap:8px;padding:5px 0 10px;scrollbar-width:thin;scrollbar-color:#444 transparent}.pack-items-scroll::-webkit-scrollbar{width:4px}.pack-items-scroll::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.pickup-badge{display:inline-block;background:linear-gradient(135deg,#c8a84e,#f0d080);color:#000;font-family:Cinzel,serif;font-size:11px;font-weight:700;letter-spacing:2px;padding:3px 10px;border-radius:3px;box-shadow:0 0 10px #c8a84e99}.pickup-card-wrapper{position:relative}.pickup-card-wrapper:after{content:"";position:absolute;inset:-2px;border-radius:6px;border:2px solid rgba(200,168,78,.8);box-shadow:0 0 8px #c8a84e80;pointer-events:none;z-index:2}.rarity-card-list{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-top:none;border-radius:0 0 4px 4px;padding:8px;margin-bottom:6px;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 transparent}.rarity-card-list::-webkit-scrollbar{width:4px}.rarity-card-list::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.rarity-card-list-item{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:5px 4px;border-bottom:1px solid rgba(255,255,255,.04);overflow:hidden}.rarity-card-list-item:last-child{border-bottom:none}.rarity-card-thumb-wrap{width:40px;min-width:40px;max-width:40px;height:56px;min-height:56px;max-height:56px;border-radius:3px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.rarity-card-thumb{display:block;width:40px!important;min-width:40px!important;max-width:40px!important;height:56px!important;min-height:56px!important;max-height:56px!important;object-fit:cover;border-radius:3px;flex-shrink:0}.rarity-card-info{flex:1;min-width:0}.rarity-card-name{font-size:12px;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.rarity-card-sub{font-size:10px;color:#666;margin-top:2px}.pickup-mini-badge{display:inline-block;background:linear-gradient(135deg,#c8a84e,#f0d080);color:#000;font-size:9px;font-weight:700;padding:1px 5px;border-radius:2px;letter-spacing:1px;flex-shrink:0}.selector-title{font-family:Cinzel,serif;color:#666;border-bottom:1px solid #333;padding-bottom:8px;margin-bottom:10px;letter-spacing:2px;font-size:16px}.pack-item{padding:15px;border:1px solid rgba(255,255,255,.1);background:#ffffff05;cursor:pointer;transition:all .3s;position:relative;border-radius:4px}.pack-item:hover{background:#ffffff14;transform:translate(3px)}.pack-item{box-sizing:border-box;width:100%}.pack-item.active{background:#ffffff0d;border-left-width:4px}.pack-item-name{font-family:Cinzel,serif;font-weight:700;font-size:13px;color:#eee;margin-bottom:4px;letter-spacing:1px}.pack-item-status{font-size:10px;color:#aaa;text-transform:uppercase;letter-spacing:1px}.pack-description{margin-top:auto;padding:15px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#ccc;line-height:1.6;font-family:Yu Mincho,serif}.pack-description h4{margin:0 0 8px;color:#666;font-size:11px;text-transform:uppercase}.gacha-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding-bottom:80px}.neon-button.disabled{border-color:#444!important;color:#666!important;background:transparent!important;box-shadow:none!important;cursor:not-allowed;opacity:.7}.neon-button.disabled:hover{transform:none!important;box-shadow:none!important}.gacha-header{position:absolute;top:0;left:0;width:100%;z-index:50}.gacha-main{justify-content:flex-start!important;padding-top:20px;gap:20px;overflow-y:auto}.pack-banner-display{display:flex;flex-direction:column;align-items:center;gap:10px;z-index:5;transition:opacity .5s;width:90%;max-width:700px;flex-shrink:0;margin-top:10px}.pack-banner-display.fade-out{opacity:0;pointer-events:none}.active-pack-banner{width:100%;height:auto;max-height:240px;object-fit:contain;filter:drop-shadow(0 0 15px var(--pack-glow));transition:filter .5s ease}.pack-desc-text{font-family:Yu Mincho,Hiragino Mincho ProN,serif;color:#e0e0e0;text-align:center;font-size:14px;line-height:1.6;letter-spacing:1.2px;white-space:pre-line;max-width:600px;text-shadow:0 2px 5px rgba(0,0,0,.9)}.chest-scene{margin-top:20px;margin-bottom:20px}.pack-title-fallback{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;animation:bannerFloat 4s ease-in-out infinite;padding:5px 20px;border:1px solid rgba(255,255,255,.1);background:#0006;border-radius:8px;width:100%}.fallback-title{font-family:Cinzel,serif;font-size:48px;font-weight:900;margin:0;letter-spacing:6px;text-align:center;line-height:1.2;-webkit-background-clip:text;background-clip:text;color:transparent}.fallback-sub{font-family:Yu Mincho,serif;font-size:18px;color:#ccc;letter-spacing:12px;margin-top:5px;text-shadow:0 2px 5px rgba(0,0,0,.9)}.pack-character-container{position:absolute;right:0;bottom:0;height:90vh;max-width:60vw;z-index:5;pointer-events:none;transition:opacity .5s ease-out,transform .8s cubic-bezier(.2,.8,.2,1);transform:translate(0) scale(1);overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-end}.pack-character-container.fade-out{opacity:0;transform:translate(100px) scale(.95)}.featured-character{height:100%;width:auto;object-fit:contain;mask-image:linear-gradient(to left,black 60%,transparent 100%),linear-gradient(to top,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(120deg,black 40%,transparent 90%);filter:drop-shadow(-10px 0 30px rgba(0,0,0,.8));opacity:.9}.character-glow{position:absolute;top:40%;right:10%;width:500px;height:500px;background:radial-gradient(circle,var(--pack-glow),transparent 70%);opacity:.3;z-index:-1;filter:blur(80px);mix-blend-mode:screen}@media (max-width: 900px){.pack-character-container{opacity:.4;right:-20%}}.featured-cards-panel{display:flex;flex-direction:column;width:220px;height:100%;margin-right:0;padding:20px 10px;background:#0000004d;z-index:100;overflow:visible;position:relative;border-right:1px solid rgba(255,255,255,.05);flex-shrink:0}.featured-title{font-family:Cinzel,serif;color:var(--gold);border-bottom:1px solid var(--gold-dark);padding-bottom:8px;margin-bottom:15px;letter-spacing:2px;font-size:16px;text-align:center;background:linear-gradient(90deg,transparent,rgba(200,168,78,.2),transparent);text-shadow:0 2px 4px rgba(0,0,0,.8)}.featured-scroll-area{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:80px;scrollbar-width:none}.featured-scroll-area::-webkit-scrollbar{display:none}.featured-card-wrapper{transform:scale(.85);transform-origin:center top;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease,margin-bottom .3s cubic-bezier(.175,.885,.32,1.275);position:relative;cursor:pointer;opacity:0;animation:slideInLeft .5s ease-out forwards;margin-bottom:-30px;height:170px;z-index:1}.featured-card-wrapper:hover{transform:scale(1) translateY(-10px)!important;z-index:20000!important;margin-bottom:20px}.card-name-label{display:none}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px) scale(.85)}to{opacity:1;transform:translate(0) scale(.85)}}.rarity-tag{position:absolute;top:-5px;right:-5px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;box-shadow:0 2px 4px #00000080;z-index:10;text-shadow:0 1px 2px rgba(0,0,0,.8)}.rarity-tag.Legendary{background:linear-gradient(135deg,gold,#ff8c00);color:#fff;border:1px solid #fff}.rarity-tag.Epic{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:1px solid #dcd0ff}.rarity-tag.Rare{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:1px solid #aed6f1}.rarity-tag.Common{background:#95a5a6;color:#fff;border:1px solid #bdc3c7}.featured-card-wrapper.fade-out{opacity:0;pointer-events:none}.featured-cards-panel{transition:opacity .5s ease,width .5s ease,padding .5s ease,margin .5s ease}.featured-cards-panel.fade-out{opacity:0;pointer-events:none;width:0;padding:0;border:none;margin:0}.featured-cards-panel{width:420px!important;background:linear-gradient(90deg,#0009,#0003)!important}.featured-scroll-area{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;padding:10px 5px!important;justify-items:center!important;align-content:start!important}.featured-card-wrapper{transform:scale(.65)!important;transform-origin:center top!important;margin-bottom:-60px!important;height:140px!important;width:100%!important;display:flex!important;justify-content:center!important;opacity:0;animation:slideInGrid .5s ease-out forwards!important}.featured-card-wrapper:hover{transform:scale(.8) translateY(-10px)!important;z-index:1000!important;filter:drop-shadow(0 0 10px gold)!important}@keyframes slideInGrid{0%{opacity:0;transform:translateY(20px) scale(.65)}to{opacity:1;transform:translateY(0) scale(.65)}}.rarity-tag{font-size:12px!important;padding:2px 8px!important;top:-10px!important;right:-10px!important}.gacha-content-container{justify-content:center!important;width:100%!important;max-width:1600px!important;margin:0 auto!important;gap:0!important}.pack-selector{border-top-left-radius:8px;border-bottom-left-radius:8px}.gacha-main{flex:1!important;max-width:900px!important;display:flex!important;flex-direction:column!important;align-items:center!important;position:relative!important}.mulligan-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .5s ease}.mulligan-title{font-family:Cinzel,serif;font-size:32px;color:var(--gold-light);margin-bottom:30px;text-shadow:0 0 20px rgba(200,168,78,.5);letter-spacing:5px}.mulligan-cards{display:flex;gap:30px;margin-bottom:40px}.mulligan-card-item{position:relative;cursor:pointer;transition:transform .3s ease}.mulligan-card-item:hover{transform:translateY(-10px)}.mulligan-card-item.selected{transform:translateY(-20px)}.mulligan-card-item.selected:after{content:"REPLACE";position:absolute;top:-20px;left:50%;transform:translate(-50%);background:#e74c3c;color:#fff;padding:4px 12px;font-size:12px;font-weight:700;border-radius:4px;box-shadow:0 0 10px #e74c3c80;z-index:10;animation:bounce 1s infinite}.mulligan-card-item.selected .card{filter:grayscale(.8) brightness(.5);border-color:#e74c3c!important;box-shadow:0 0 20px #e74c3c66!important}.graveyard-recover-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;width:min(96vw,1400px);max-height:min(52vh,460px);overflow-y:auto;overflow-x:hidden;padding:8px 10px;margin-bottom:24px}.graveyard-recover-cards .mulligan-card-item{justify-self:center}.mulligan-hint{color:#888;font-size:14px;margin-bottom:20px}.mulligan-hover-panel{position:absolute;width:340px;max-width:340px;background:#08080af5;border:1px solid rgba(200,168,78,.85);border-radius:10px;box-shadow:0 0 16px #c8a84e59;padding:12px 14px;z-index:2105;pointer-events:none}.mulligan-hover-panel h4{margin:0 0 8px;color:#e5c86e;font-size:18px;line-height:1.2}.mulligan-hover-panel p{margin:8px 0 0;color:#ddd;font-size:13px;line-height:1.45;white-space:pre-line}.mulligan-hover-stats{display:flex;gap:12px;font-size:12px;color:#f3ecd0}.mulligan-hover-stats .atk{color:#e74c3c;font-weight:700}.mulligan-hover-stats .def{color:#2ecc71;font-weight:700}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.opponent-zone,.player-zone{position:relative}.field-zone{position:relative;z-index:10}.player-zone{position:relative;z-index:120;overflow:visible!important}.visual-effect{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;display:flex;justify-content:center;align-items:center;border-radius:10px;overflow:hidden}.heal-effect{animation:heal-flash 1.5s ease-out forwards;will-change:opacity}.heal-effect:before{content:"";position:absolute;bottom:0;width:100%;height:50%;background:linear-gradient(to top,rgba(0,255,128,.4),transparent);animation:heal-rise 1s ease-out forwards}.heal-effect:after{content:"✨ +HP ✨";font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:#4ff;text-shadow:0 0 10px rgba(0,255,128,.8),0 0 20px #0f0;position:absolute;animation:heal-float 1.5s ease-out forwards}@keyframes heal-flash{0%{box-shadow:inset 0 0 #00ff8000;background-color:#00ff8000}20%{box-shadow:inset 0 0 50px 20px #00ff8080;background-color:#00ff801a}to{box-shadow:inset 0 0 #00ff8000;background-color:#00ff8000}}@keyframes heal-rise{0%{height:0%;opacity:0}20%{height:60%;opacity:1}to{height:100%;opacity:0;transform:translateY(-20px)}}@keyframes heal-float{0%{transform:translateY(20px) scale(.5);opacity:0}20%{transform:translateY(0) scale(1.2);opacity:1}to{transform:translateY(-50px) scale(1);opacity:0}}.damage-effect{animation:damage-flash .8s ease-out forwards;will-change:opacity}.damage-effect:before,.damage-effect:after{content:"";position:absolute;width:120%;height:8px;background:linear-gradient(90deg,transparent,#ff0000,#8b0000,transparent);top:50%;left:-10%;filter:drop-shadow(0 0 8px #f00);opacity:0;box-shadow:0 0 15px #f00c}.damage-effect:before{transform:rotate(45deg) scaleX(0);animation:slash-1 .4s ease-out forwards}.damage-effect:after{transform:rotate(-45deg) scaleX(0);animation:slash-2 .4s ease-out .15s forwards}@keyframes damage-flash{0%{background-color:#f000}10%{background-color:#ff00004d}30%{background-color:#ff00001a}to{background-color:#f000}}@keyframes slash-1{0%{transform:rotate(45deg) scaleX(0);opacity:.8}50%{transform:rotate(45deg) scaleX(1);opacity:1}to{transform:rotate(45deg) scaleX(1);opacity:0}}@keyframes slash-2{0%{transform:rotate(-45deg) scaleX(0);opacity:.8}50%{transform:rotate(-45deg) scaleX(1);opacity:1}to{transform:rotate(-45deg) scaleX(1);opacity:0}}.rates-modal{padding:30px!important;border-radius:4px!important;animation:modalSlideIn .3s cubic-bezier(.175,.885,.32,1.275);box-sizing:border-box;overflow-x:hidden}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.rate-section{display:flex;flex-direction:column;gap:8px}.rarity-rate-item,.pickup-item{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#ffffff08;border-radius:2px;font-size:13px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.rarity-rate-item:hover,.pickup-item:hover{background:#ffffff14}.rate-val{font-family:Cinzel,serif;font-weight:700;letter-spacing:1px}.rarity-rate-item.legendary{border-left:4px solid #ffd700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.3)}.rarity-rate-item.epic{border-left:4px solid #9b59b6;color:#9b59b6}.rarity-rate-item.rare{border-left:4px solid #3498db;color:#3498db}.rarity-rate-item.common{border-left:4px solid #95a5a6;color:#95a5a6}.pickup-item{color:#eee;border-left:4px solid rgba(255,255,255,.2)}.pack-stats-panel{margin-top:auto;padding:15px;background:#0006;border-radius:4px;display:flex;flex-direction:column;gap:12px}.probability-btn{text-transform:none!important;letter-spacing:1px!important;font-family:sans-serif!important;font-weight:500!important}.overheal-badge{background:#2ecc71!important;color:#fff!important;padding:4px 8px!important;border-radius:20px!important;font-size:14px!important;font-weight:800!important;font-family:Cinzel,serif!important;box-shadow:0 0 15px #2ecc71b3!important;border:1px solid rgba(255,255,255,.5)!important;margin-left:10px!important;display:inline-block!important;animation:pulse-green 2s infinite!important;text-shadow:1px 1px 2px rgba(0,0,0,.5)!important;z-index:100!important}@keyframes pulse-green{0%{transform:scale(1);box-shadow:0 0 10px #2ecc7180}50%{transform:scale(1.05);box-shadow:0 0 20px #2ecc71e6}to{transform:scale(1);box-shadow:0 0 10px #2ecc7180}}.online-lobby-screen{width:100%;height:100%;padding:28px 34px;box-sizing:border-box;color:#f4e7c0;overflow:hidden}.online-lobby-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;border-bottom:1px solid rgba(200,168,78,.35);padding-bottom:12px}.online-lobby-header h1{margin:0;font-size:36px;letter-spacing:.14em;color:#d8b35f}.online-lobby-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;height:calc(100% - 80px)}.online-lobby-grid.online-lobby-grid-single{grid-template-columns:minmax(320px,920px);justify-content:center}.online-mode-tabs{display:flex;gap:8px;margin-bottom:12px}.online-room-shell{display:flex;flex-direction:column;gap:12px;height:calc(100% - 84px)}.online-room-topbar{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(200,168,78,.35);border-radius:12px;background:linear-gradient(180deg,#14100ceb,#0a0806f2);padding:12px 14px}.online-room-topbar h2{margin:0;font-size:24px;color:#e2be6f;letter-spacing:.08em}.online-room-status{margin-top:4px;font-size:12px;color:#aa9a78}.online-room-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(260px,320px) minmax(280px,1fr) minmax(300px,380px);gap:12px}.online-chat-log{min-height:220px}.online-rank-shell{display:flex;flex-direction:column;gap:12px;height:calc(100% - 84px)}.online-rank-topbar{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(200,168,78,.35);border-radius:12px;background:linear-gradient(180deg,#14100ceb,#0a0806f2);padding:12px 14px}.online-rank-topbar h2{margin:0;font-size:24px;color:#e2be6f;letter-spacing:.08em}.online-rank-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.online-rank-summary--clickable{cursor:pointer;transition:opacity .15s,border-color .15s}.online-rank-summary--clickable:hover{opacity:.82;border-color:#c8a84e99}.online-rank-stat--hint{border:1px solid rgba(200,168,78,.18);border-radius:10px;background:#0000001f;padding:10px 12px;display:flex;align-items:center;justify-content:center}.online-rank-stat--hint span{color:#c8a84e!important;font-size:12px!important;letter-spacing:.05em}.rank-modal-overlay{position:fixed;inset:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.rank-modal{background:#13100a;border:1px solid rgba(200,168,78,.45);border-radius:14px;width:min(700px,100%);max-height:90vh;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 0 40px #c8a84e26}.rank-modal-header{display:flex;align-items:center;justify-content:space-between}.rank-modal-header h2{color:#c8a84e;font-size:20px;letter-spacing:.1em;margin:0}.rank-modal-close{background:none;border:1px solid rgba(200,168,78,.4);color:#c8a84e;font-size:16px;border-radius:6px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center}.rank-modal-close:hover{background:#c8a84e26}.rank-modal-my-rank{background:#ffffff0a;border:1px solid rgba(200,168,78,.22);border-radius:10px;padding:16px 20px;display:flex;flex-direction:column;gap:6px}.rank-modal-my-label{font-size:26px;font-weight:700;letter-spacing:.1em}.rank-modal-my-rating{color:#f1d48f;font-size:18px}.rank-modal-my-record{color:#8e836f;font-size:13px}.rank-modal-progress-wrap{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-top:6px}.rank-modal-progress-bar{height:100%;border-radius:4px;transition:width .4s ease}.rank-modal-progress-label{color:#8e836f;font-size:12px;text-align:right}.rank-modal-tiers{display:flex;flex-direction:column;gap:4px}.rank-modal-tier-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px;background:#ffffff08}.rank-modal-tier-row--current{background:#c8a84e1a;border:1px solid rgba(200,168,78,.3)}.rank-modal-tier-gem{width:12px;height:12px;border-radius:3px;flex-shrink:0}.rank-modal-tier-name{font-size:14px;font-weight:700;width:80px;flex-shrink:0}.rank-modal-tier-range{color:#8e836f;font-size:13px;flex:1}.rank-modal-tier-you{color:#c8a84e;font-size:13px;font-weight:700;letter-spacing:.05em}.rank-modal-leaderboard h3{color:#c8a84e;font-size:14px;margin:0 0 10px;letter-spacing:.08em}.rank-modal-loading{color:#8e836f;font-size:13px;text-align:center;padding:16px 0}.rank-modal-table{width:100%;border-collapse:collapse;font-size:13px}.rank-modal-table th{color:#8e836f;text-align:left;padding:6px 8px;border-bottom:1px solid rgba(200,168,78,.2);font-weight:400}.rank-modal-table td{color:#d4c9a8;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.rank-modal-table-rank{text-align:center;width:40px}.rank-modal-table-me td{color:#f1d48f;font-weight:700}.rank-modal-table tr:hover td{background:#ffffff08}.online-rank-stat{border:1px solid rgba(200,168,78,.28);border-radius:10px;background:#0000003d;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.online-rank-stat span{color:#8e836f;font-size:11px}.online-rank-stat strong{color:#f1d48f;font-size:17px}.online-rank-layout{flex:1;min-height:0;display:grid;gap:12px;grid-template-columns:minmax(320px,.95fr) minmax(340px,1.05fr)}.online-rank-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.online-rank-connection{margin-bottom:10px}.online-rank-countdown{margin-top:10px;padding:8px 10px;border:1px solid rgba(255,215,0,.45);border-radius:8px;color:gold;background:#5a3a0a33;font-size:12px}.online-rank-state-grid{margin-top:10px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.online-rank-state-card{border:1px solid rgba(200,168,78,.22);border-radius:8px;padding:8px 10px;font-size:12px;color:#b8a57f;background:#120e0a99}.online-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;height:calc(100% - 84px)}.online-menu-banner{position:relative;border-radius:12px;border:1px solid rgba(200,168,78,.45);background-color:#13100c;background-size:cover;background-position:center;padding:18px 16px;text-align:left;color:#f4e7c0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;display:flex;flex-direction:column;justify-content:flex-end;min-height:220px}.online-menu-banner:hover{transform:translateY(-4px);border-color:#e8c668d1;box-shadow:0 12px 24px #00000059,0 0 24px #e8c6682e}.online-menu-tag{display:inline-block;width:fit-content;padding:2px 8px;font-size:11px;letter-spacing:.09em;color:#15100a;background:#d8b35f;border-radius:999px;margin-bottom:10px}.online-menu-banner h3{margin:0;color:#f0d38a;letter-spacing:.06em;font-size:24px}.online-menu-banner p{margin:8px 0 0;font-size:12px;color:#ddcca8}.event-nav-btn{border-color:#ffa01e99!important;color:#ffd470!important}.event-nav-btn:hover{border-color:#ffb43ce6!important;box-shadow:0 0 12px #ffa01e40!important}.event-banner-wide{min-height:220px;background-size:200%;background-position:center 20%;border-color:#ffb43c99}.event-banner-wide:hover{border-color:#ffd250e6;box-shadow:0 12px 32px #00000073,0 0 28px #ffb43c47}.online-menu-tag.event{background:linear-gradient(90deg,#f6a623,#e05c00);color:#fff}.event-banner-mypts{margin-top:6px;font-size:13px;color:#ffe89a;font-weight:700}.event-ranking-panel{display:flex;flex-direction:column;gap:12px;height:calc(100% - 84px);overflow:hidden}.event-ranking-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-shrink:0}.event-ranking-header h2{margin:0;color:#f0d38a}.event-ranking-period{font-size:13px;color:#bba97a;margin-top:4px}.event-status-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.05em}.event-status-badge.active{background:#2e7d32;color:#c8e6c9}.event-status-badge.ended{background:#555;color:#ccc}.event-status-badge.upcoming{background:#1565c0;color:#bbdefb}.event-ranking-info{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:stretch;flex-shrink:0}@media (max-width: 600px){.event-ranking-info{grid-template-columns:1fr}}.event-rule-card{background:#14100ad9;border:1px solid rgba(200,168,78,.4);border-radius:10px;padding:14px 18px;flex:1;min-width:200px}.event-rule-title{font-weight:700;color:#f0d38a;margin-bottom:8px;font-size:15px}.event-rule-line{font-size:13px;color:#ddd;margin-bottom:4px}.event-my-stats{background:#ffa01e1f;border:1px solid rgba(255,160,30,.45);border-radius:10px;padding:14px 20px;text-align:center;min-width:140px}.event-my-pts-label{font-size:12px;color:#bba97a}.event-my-pts-value{font-size:32px;font-weight:700;color:#ffe89a;letter-spacing:.02em}.event-my-rank{font-size:13px;color:#f6a623;margin-top:2px}.event-my-stats-large{background:#ffa01e1f;border:1px solid rgba(255,160,30,.5);border-radius:10px;padding:18px 28px;text-align:center;min-width:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.event-my-stats-large-label{font-size:12px;color:#bba97a;margin-bottom:4px}.event-my-stats-large-value{font-size:56px;font-weight:900;color:#ffe89a;line-height:1;letter-spacing:-.02em}.event-my-stats-large-value small{font-size:22px;font-weight:700;margin-left:2px;color:#f6a623}.event-my-stats-large-rank{font-size:14px;color:#f6a623;margin-top:4px}.event-my-stats-large-hint{font-size:11px;color:#777;margin-top:4px}.rank-topbar-event-pts{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:6px 14px;border:1px solid rgba(255,160,30,.4);border-radius:8px;background:#ffa01e14;transition:background .2s;min-width:90px}.rank-topbar-event-pts:hover{background:#ffa01e29}.rank-topbar-event-label{font-size:10px;color:#bba97a;line-height:1}.rank-topbar-event-value{font-size:28px;font-weight:900;color:#ffe89a;line-height:1.1}.rank-topbar-event-value small{font-size:13px;color:#f6a623;margin-left:1px}.rank-topbar-event-rank{font-size:11px;color:#f6a623;line-height:1}.event-ranking-body{background:#0e0b08e0;border:1px solid rgba(200,168,78,.35);border-radius:12px;padding:16px;min-width:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}.event-ranking-empty{text-align:center;color:#888;padding:20px}.event-ranking-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(200,168,78,.3) transparent}.event-ranking-list::-webkit-scrollbar{width:4px}.event-ranking-list::-webkit-scrollbar-thumb{background:#c8a84e4d;border-radius:2px}.event-ranking-row{display:grid;grid-template-columns:60px 1fr 100px 80px;align-items:center;padding:8px 12px;border-radius:8px;background:#1e1810b3;border:1px solid rgba(200,168,78,.15);font-size:13px}.event-ranking-row.top3{border-color:#ffb43c66}.event-ranking-row.rank1{background:#d4af3726}.event-ranking-row.rank2{background:#b4b4b41f}.event-ranking-row.rank3{background:#b464321f}.event-rank-num{font-weight:700;color:#d8b35f;font-size:15px}.event-rank-name{color:#f4e7c0}.event-rank-pts{color:#ffe89a;text-align:right}.event-rank-wl{color:#9a8b6f;font-size:12px;text-align:right}.event-ranking-prize{display:flex;align-items:center;gap:16px;background:#140e08e6;border:1px solid rgba(255,180,60,.4);border-radius:12px;padding:14px 20px}.event-prize-badge-img{width:64px;height:64px;object-fit:cover;border-radius:50%;border:2px solid rgba(255,180,60,.6);flex-shrink:0}.event-prize-title{font-weight:700;color:#f0d38a;font-size:15px;margin-bottom:4px}.event-prize-desc{font-size:12px;color:#bba97a}.event-body-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;min-width:0;flex:1;min-height:0;overflow:hidden}@media (max-width: 700px){.event-body-columns{grid-template-columns:1fr}}.event-milestone-panel{background:#ffffff0a;border:1px solid rgba(212,175,55,.25);border-radius:8px;padding:16px;min-width:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}.event-milestone-list{display:flex;flex-direction:column;gap:5px;flex:1;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.35) transparent}.event-milestone-list::-webkit-scrollbar{width:4px}.event-milestone-list::-webkit-scrollbar-thumb{background:#d4af3759;border-radius:2px}.event-milestone-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:5px;transition:border-color .2s;flex-shrink:0}.event-milestone-row.reached{border-color:#d4af3780;background:#d4af370f}.event-milestone-row.claimed{border-color:#64dc644d;background:#64dc640a;opacity:.6}.event-milestone-icon{font-size:16px;flex-shrink:0}.event-milestone-info{flex:1;min-width:0}.event-milestone-label{font-size:12px;font-weight:700;color:#e8c84a}.event-milestone-desc{font-size:10px;color:#aaa;margin-top:1px}.event-milestone-action{flex-shrink:0}.event-milestone-btn{padding:3px 8px!important;font-size:11px!important;min-width:70px}.event-milestone-claimed-badge{font-size:11px;color:#6dc86d}.event-milestone-locked{font-size:10px;color:#555;white-space:nowrap}.event-milestone-prize-hint{display:flex;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);color:#ccc;font-size:11px}.online-lobby-panel{background:linear-gradient(180deg,#14100ceb,#0a0806f2);border:1px solid rgba(200,168,78,.45);border-radius:12px;padding:16px;display:flex;flex-direction:column;min-height:0}.online-lobby-panel.featured{box-shadow:0 0 20px #c8a84e26}.online-lobby-panel h3{margin:0;color:#e2be6f;letter-spacing:.08em}.online-lobby-sub{margin:6px 0 12px;color:#9f8a63;font-size:12px}.online-lobby-input{width:100%;box-sizing:border-box;padding:8px 10px;background:#08080ae0;color:#f7f0db;border:1px solid rgba(200,168,78,.35);border-radius:6px;margin-bottom:10px}.online-lobby-buttons{display:grid;grid-template-columns:1fr;gap:8px}.online-lobby-log{margin-top:10px;flex:1;min-height:0;overflow-y:auto;background:#0000006b;border:1px solid rgba(200,168,78,.25);border-radius:8px;padding:8px;font-size:12px;color:#b8aea1}.online-lobby-checkbox{display:flex;align-items:center;gap:8px;font-size:12px;color:#c5b38d;margin-bottom:10px}.online-room-list{margin-top:10px;flex:1;min-height:0;overflow-y:auto;border:1px solid rgba(200,168,78,.22);border-radius:8px;background:#00000047;padding:8px}.online-room-empty{color:#81745e;font-size:12px;text-align:center;padding:10px}.online-room-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(200,168,78,.2);border-radius:7px;padding:8px;margin-bottom:8px;background:#1e160e8c}.online-room-code{font-size:13px;color:#f1d48f;letter-spacing:.08em}.online-room-meta{font-size:11px;color:#a89673}.online-rank-radar{position:relative;height:120px;border:1px solid rgba(200,168,78,.25);border-radius:10px;margin-bottom:12px;background:radial-gradient(circle at center,#7846142e,#00000040);overflow:hidden}.online-rank-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;letter-spacing:.12em;color:#e4c277;z-index:2}.online-rank-ring{position:absolute;left:50%;top:50%;width:28px;height:28px;border:1px solid rgba(255,204,102,.7);border-radius:999px;transform:translate(-50%,-50%);opacity:0}.online-rank-ring.active{animation:rankPulse 2.2s ease-out infinite}.online-rank-ring.delay.active{animation-delay:1.1s}@keyframes rankPulse{0%{width:24px;height:24px;opacity:.85}to{width:190px;height:190px;opacity:0}}.asset-preload-indicator{position:fixed;right:18px;bottom:18px;z-index:120000;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:1px solid rgba(200,168,78,.45);background:#080604eb;box-shadow:0 0 20px #00000073}.asset-preload-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(200,168,78,.25);border-top-color:#c8a84e;animation:assetPreloadSpin .8s linear infinite}.asset-preload-text{font-size:12px;color:#e0cda1;letter-spacing:.04em}@keyframes assetPreloadSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px),(pointer: coarse){.deck-builder-screen{padding:4px 8px}.deck-builder-screen .deck-list-sidebar{width:150px!important;padding:8px!important}.deck-builder-screen .deck-header{margin-bottom:8px;padding:6px 10px!important}.deck-builder-screen .deck-body{gap:8px}.deck-builder-screen .card-pool,.deck-builder-screen .current-deck,.deck-builder-screen .deck-detail-panel{padding:8px!important}.deck-builder-screen .card-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.deck-builder-screen .builder-card-wrapper{zoom:.56}.game-container{flex-direction:column}.main-board{border-right:none;padding:6px;gap:6px}.side-panel{width:100%;height:170px;min-height:170px;padding:8px;border-top:1px solid #3a3020}.side-panel h3{margin-bottom:8px;padding-bottom:6px;font-size:13px;letter-spacing:2px}.detail-view{padding:8px}.detail-view img{max-height:90px;margin-bottom:8px}.detail-view h4{font-size:13px;margin-bottom:6px}.full-desc{font-size:11px;padding:8px;line-height:1.35}.online-lobby-screen{padding:14px}.online-lobby-grid{grid-template-columns:1fr;height:auto}.online-lobby-grid.online-lobby-grid-single{grid-template-columns:1fr}.online-room-shell{height:auto}.online-room-topbar{flex-direction:column;align-items:flex-start;gap:10px}.online-room-layout{grid-template-columns:1fr}.online-rank-shell{height:auto}.online-rank-topbar{flex-direction:column;align-items:flex-start;gap:10px}.online-rank-summary,.online-rank-layout,.online-rank-action-row,.online-rank-state-grid{grid-template-columns:1fr}.online-menu-grid{grid-template-columns:1fr;height:auto}.online-menu-banner{min-height:160px}.event-ranking-row{grid-template-columns:50px 1fr 80px}.event-rank-wl{display:none}.opponent-zone{height:90px;padding:6px 10px;gap:8px}.player-zone{height:126px;padding:6px 8px;gap:8px}.stats{width:150px}.nameplate{font-size:11px;padding:3px 8px}.hp-text{font-size:24px}.hand-container{padding:0 2px}.hand-container .card{width:96px;height:140px}.controls{width:120px;padding-left:8px;gap:6px}.controls .neon-button{font-size:9px!important;padding:7px 6px!important;letter-spacing:1px}}.mobile-stage-outer{width:100vw;height:100dvh;background:#000;position:relative;overflow:hidden}.mobile-stage-inner{width:1200px;height:800px;transform-origin:center center;position:absolute;top:50%;left:50%;background:#0a0806;overflow:hidden}.mobile-layout .game-container{flex-direction:row;align-items:stretch;position:relative}.mobile-layout .side-panel{display:flex!important;position:absolute;top:0;left:0;bottom:0;z-index:180;width:320px;min-width:320px;height:100%;min-height:0;padding:10px;border-top:none;border-right:1px solid #3a3020;background:#060403f2;box-shadow:10px 0 24px #0006;transform:translate(0);transition:transform .2s ease}.mobile-layout .side-panel.mobile-left-info-panel.collapsed{transform:translate(-100%)}.mobile-layout .side-panel.mobile-left-info-panel.collapsed .mobile-left-info-tabs{display:none}.mobile-layout .side-panel.mobile-left-info-panel.collapsed .mobile-left-info-header{justify-content:center}.mobile-layout .side-panel.mobile-left-info-panel.collapsed .detail-view,.mobile-layout .side-panel.mobile-left-info-panel.collapsed .game-log,.mobile-layout .side-panel.mobile-left-info-panel.collapsed .mobile-left-info-empty{display:none}.mobile-left-open-handle{position:absolute;left:8px;bottom:92px;z-index:190;width:32px;height:32px;border:1px solid rgba(200,168,78,.55);border-radius:6px;background:#080604eb;color:#c8a84e;font-size:13px;cursor:pointer;box-shadow:0 0 10px #00000073}.mobile-layout .main-board{flex:1;min-width:0;border-right:none;border-left:none}.mobile-left-info-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.mobile-left-info-tabs{display:flex;gap:6px;flex:1}.mobile-left-tab-btn{flex:1;min-width:0;background:transparent;border:1px solid rgba(200,168,78,.35);color:#9f8f6c;font-size:11px;padding:5px 6px;border-radius:4px;cursor:pointer;font-family:Cinzel,serif;letter-spacing:.08em}.mobile-left-tab-btn.active{color:#e7d19b;border-color:#c8a84e;background:#c8a84e24}.mobile-left-toggle-btn{width:30px;height:28px;border:1px solid rgba(200,168,78,.45);background:#100c08f2;color:#c8a84e;border-radius:4px;cursor:pointer;flex-shrink:0}.mobile-left-info-empty{color:#7b705f;font-size:11px;padding:10px 6px;line-height:1.5}.mobile-layout .side-panel .detail-view{flex:1;min-height:0;padding:10px}.mobile-layout .side-panel .detail-view img{max-width:170px;max-height:220px;margin-bottom:10px}.mobile-layout .side-panel .detail-view h4{font-size:14px;margin-bottom:8px}.mobile-layout .side-panel .full-desc{font-size:12px;line-height:1.45;padding:9px}.mobile-layout .side-panel .game-log{flex:1;max-height:none!important;margin-top:8px}.portrait-guide-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;border:1px solid #c8a84e;border-radius:12px;padding:20px 28px;text-align:center;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:15px;color:#c8a84e;backdrop-filter:blur(4px);pointer-events:auto}.layout-toggle-btn{background:#c8a84e1a;border:1px solid rgba(200,168,78,.4);color:#c8a84e;font-size:12px;padding:5px 12px;border-radius:6px;cursor:pointer;font-family:Cinzel,serif;letter-spacing:.5px;transition:all .2s;margin-left:auto;white-space:nowrap}.layout-toggle-btn:hover{background:#c8a84e38;border-color:#c8a84e}.mobile-layout .main-board{flex:1}.mobile-layout .opponent-zone{height:100px}.mobile-layout .player-zone{height:152px}.mobile-layout .hand-container .card,.mobile-layout .hand-card-wrapper .card-face{width:82px!important;height:116px!important}.mobile-layout .controls .neon-button{min-height:44px;font-size:10px!important;padding:8px 4px!important}.mobile-layout .game-container{padding-bottom:0}.home-banner.daily-mission-banner{background:linear-gradient(135deg,#0e0a18,#1a1030,#0a0614);border-color:#a064dc80}.home-banner.daily-mission-banner:hover{border-color:#a064dce6;box-shadow:0 0 18px #8c50c859}.daily-mission-overlay{position:absolute!important;inset:0!important;background:transparent!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:8px 12px!important}.daily-mission-banner-title{display:flex;align-items:center;gap:8px;font-family:Cinzel,serif;font-size:15px;font-weight:700;color:#c8a0f0;letter-spacing:1.5px;text-shadow:0 0 10px rgba(180,120,255,.5)}.daily-mission-icon{font-size:18px}.daily-mission-claim-badge{background:#e55;color:#fff;font-size:12px;font-weight:700;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;animation:pulse-badge 1.2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.daily-mission-dots-row{display:flex;align-items:center;gap:8px}.daily-mission-dot{width:14px;height:14px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.25);transition:background .3s,border-color .3s}.daily-mission-dot.progress{background:#64b4ff80;border-color:#64b4ff}.daily-mission-dot.done{background:#64dc7899;border-color:#64dc78}.daily-mission-dot.claimed{background:#a064dc99;border-color:#a064dc}.daily-mission-count-label{color:#bbb;font-size:13px;margin-left:auto}.mission-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(140,80,220,.12) 0%,transparent 70%);pointer-events:none}.mission-toast{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:200000;background:linear-gradient(135deg,#140c24f7,#1e1032f7);border:1px solid rgba(160,100,220,.7);border-radius:10px;padding:10px 22px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 24px #8c50dc66,0 0 0 1px #ffffff0d;animation:mission-toast-in .35s cubic-bezier(.34,1.56,.64,1),mission-toast-out .4s 3.1s ease-in forwards;pointer-events:none;min-width:260px;max-width:480px;text-align:center}@keyframes mission-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes mission-toast-out{0%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.mission-toast-icon{font-size:20px;flex-shrink:0}.mission-toast-text{color:#e8d8ff;font-size:14px;font-weight:600;letter-spacing:.3px}.daily-mission-modal{max-width:520px;width:94%}.daily-mission-modal-title{font-family:Cinzel,serif;font-size:20px;color:#c8a0f0;text-align:center;margin:0 0 4px;letter-spacing:1px}.daily-mission-modal-date{text-align:center;color:#888;font-size:12px;margin:0 0 18px}.daily-mission-list{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.daily-mission-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px 16px;transition:border-color .2s}.daily-mission-item.progress{border-color:#64b4ff66}.daily-mission-item.done{border-color:#64dc7880;background:#50c8640d}.daily-mission-item.claimed{border-color:#7850a066;opacity:.65}.daily-mission-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.daily-mission-item-label{color:#e0e0e0;font-size:14px;font-weight:600;line-height:1.4}.daily-mission-item-reward{color:gold;font-size:13px;font-weight:700;white-space:nowrap;flex-shrink:0}.daily-mission-item-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.daily-mission-bar-bg{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.daily-mission-bar-fill{height:100%;background:linear-gradient(90deg,#a064dc,#64b4ff);border-radius:4px;transition:width .4s ease}.daily-mission-item.done .daily-mission-bar-fill,.daily-mission-item.claimed .daily-mission-bar-fill{background:linear-gradient(90deg,#64dc78,#a0f0c0)}.daily-mission-bar-count{color:#aaa;font-size:12px;white-space:nowrap;min-width:40px;text-align:right}.daily-mission-item-footer{display:flex;align-items:center;justify-content:flex-end}.daily-mission-status{font-size:12px}.daily-mission-status.claimed-label{color:#a064dc}.daily-mission-status.progress-label{color:#888}.daily-mission-claim-btn{padding:6px 18px!important;font-size:13px!important;background:linear-gradient(135deg,#64dc7833,#50b4641a)!important;border-color:#64dc7899!important;color:#80ee90!important}.daily-mission-claim-btn:hover{background:linear-gradient(135deg,#64dc7859,#50b46433)!important;box-shadow:0 0 12px #64c8784d!important}.rankup-overlay{position:fixed;inset:0;z-index:200000;display:flex;align-items:center;justify-content:center;background:#000000d9;animation:rankupFadeIn .4s ease forwards;cursor:pointer;overflow:hidden}@keyframes rankupFadeIn{0%{opacity:0}to{opacity:1}}.rankup-rays{position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,215,0,.08) 10deg,transparent 20deg,rgba(255,215,0,.08) 30deg,transparent 40deg,rgba(255,215,0,.06) 50deg,transparent 60deg,rgba(255,215,0,.08) 70deg,transparent 80deg,rgba(255,215,0,.06) 90deg,transparent 100deg,rgba(255,215,0,.08) 110deg,transparent 120deg,rgba(255,215,0,.06) 130deg,transparent 140deg,rgba(255,215,0,.08) 150deg,transparent 160deg,rgba(255,215,0,.06) 170deg,transparent 180deg,rgba(255,215,0,.08) 190deg,transparent 200deg,rgba(255,215,0,.06) 210deg,transparent 220deg,rgba(255,215,0,.08) 230deg,transparent 240deg,rgba(255,215,0,.06) 250deg,transparent 260deg,rgba(255,215,0,.08) 270deg,transparent 280deg,rgba(255,215,0,.06) 290deg,transparent 300deg,rgba(255,215,0,.08) 310deg,transparent 320deg,rgba(255,215,0,.06) 330deg,transparent 340deg,rgba(255,215,0,.08) 350deg,transparent 360deg);animation:rankupRaysRotate 6s linear infinite;transform-origin:center;will-change:transform}@keyframes rankupRaysRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rankup-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:gold;top:50%;left:50%;animation:rankupParticle 1.8s ease-out calc(var(--i) * .1s) infinite;opacity:0;will-change:transform,opacity}.rankup-particle:nth-child(odd){background:#ffe066;width:5px;height:5px}.rankup-particle:nth-child(3n){background:#fff;width:4px;height:4px}.rankup-particle:nth-child(4n){background:#c0c0ff}@keyframes rankupParticle{0%{opacity:1;transform:translate(-50%,-50%) rotate(calc(var(--i) * 22.5deg)) translateY(0) scale(1)}80%{opacity:.6;transform:translate(-50%,-50%) rotate(calc(var(--i) * 22.5deg)) translateY(-240px) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--i) * 22.5deg)) translateY(-280px) scale(0)}}.rankup-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;animation:rankupContentPop .6s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes rankupContentPop{0%{transform:scale(.5) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.rankup-title{font-size:clamp(48px,10vw,80px);font-weight:900;letter-spacing:.12em;color:#fff;text-shadow:0 0 20px rgba(255,215,0,.9),0 0 40px rgba(255,215,0,.6),0 0 80px rgba(255,215,0,.3);animation:rankupTitlePulse 1.2s ease-in-out infinite}@keyframes rankupTitlePulse{0%,to{text-shadow:0 0 20px rgba(255,215,0,.9),0 0 40px rgba(255,215,0,.6),0 0 80px rgba(255,215,0,.3)}50%{text-shadow:0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,215,0,.8),0 0 120px rgba(255,215,0,.5)}}.rankup-tier-change{display:flex;align-items:center;gap:20px;font-size:clamp(24px,5vw,40px);font-weight:700;letter-spacing:.05em}.rankup-before{opacity:.6;animation:rankupBeforeFade .5s .4s both}@keyframes rankupBeforeFade{0%{opacity:0;transform:translate(-20px)}to{opacity:.6;transform:translate(0)}}.rankup-arrow{color:#fff;font-size:1.2em;animation:rankupArrowPop .4s .7s both}@keyframes rankupArrowPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.rankup-after{font-size:1.4em;font-weight:900;animation:rankupAfterPop .6s cubic-bezier(.34,1.56,.64,1) .9s both}@keyframes rankupAfterPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.rankup-rate{font-size:clamp(16px,3vw,22px);font-weight:600;letter-spacing:.1em;opacity:0;animation:rankupFadeInUp .5s ease 1.6s forwards}.rankup-tap{font-size:13px;color:#fff6;letter-spacing:.05em;opacity:0;animation:rankupFadeInUp .5s ease 2.2s forwards}@keyframes rankupFadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.queue-floating-indicator{position:fixed;bottom:64px;right:18px;z-index:999998;display:flex;align-items:center;gap:8px;background:#0a0806eb;border:1px solid rgba(212,175,55,.6);border-radius:10px;padding:8px 12px;cursor:pointer;transition:border-color .2s,background .2s;min-width:160px;box-shadow:0 0 12px #d4af3733}.queue-floating-indicator:hover{background:#14100af7;border-color:#d4af37e6}.queue-floating-spinner{font-size:20px;color:#f0d38a;display:inline-block;animation:queue-spin 1.2s linear infinite;will-change:transform;line-height:1}@keyframes queue-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.queue-floating-text{flex:1}.queue-floating-label{font-size:11px;color:#bba97a;line-height:1.2}.queue-floating-time{font-size:16px;font-weight:700;color:#ffe89a;line-height:1.2}.queue-floating-cancel{background:none;border:none;color:#888;font-size:14px;cursor:pointer;padding:2px 4px;border-radius:4px;line-height:1;flex-shrink:0}.queue-floating-cancel:hover{color:#ff6b6b;background:#ff64641a}.volume-widget{position:fixed;bottom:18px;right:18px;z-index:999999;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:auto}.volume-widget__toggle{width:40px;height:40px;border-radius:50%;border:1px solid rgba(200,168,78,.5);background:#0a0806d9;color:#c8a84e;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s;box-shadow:0 2px 10px #0009}.volume-widget__toggle:hover{border-color:#c8a84ee6;background:#14100af2}.volume-widget__panel{background:#0a0806eb;border:1px solid rgba(200,168,78,.4);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;min-width:200px;box-shadow:0 4px 20px #000000b3;animation:volumePanelIn .15s ease}@keyframes volumePanelIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.volume-widget__panel-title{font-family:Cinzel,serif;font-size:11px;letter-spacing:2px;color:#c8a84e;text-align:center;border-bottom:1px solid rgba(200,168,78,.25);padding-bottom:6px}.volume-widget__row{display:flex;align-items:center;gap:8px}.volume-widget__label{font-family:Cinzel,serif;font-size:10px;color:#c8a84ed9;width:28px;flex-shrink:0}.volume-widget__slider{flex:1;height:4px;accent-color:#c8a84e;cursor:pointer}.volume-widget__val{font-family:Cinzel,serif;font-size:10px;color:#ffffffb3;width:26px;text-align:right;flex-shrink:0}.pity-select-overlay{position:fixed;inset:0;background:#000000eb;z-index:200000;display:flex;align-items:center;justify-content:center;padding:16px}.pity-select-modal{background:#0a0a10;border:1px solid rgba(200,168,78,.5);box-shadow:0 0 60px #c8a84e40,0 0 120px #000c;border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.pity-select-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid rgba(200,168,78,.2);flex-shrink:0}.pity-select-title{font-family:Cinzel,serif;font-size:1.6rem;letter-spacing:.2em;margin:0 0 8px;text-shadow:0 0 20px currentColor}.pity-select-subtitle{font-size:13px;color:#aaa;margin:0}.pity-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;padding:16px;overflow-y:auto;flex:1}.pity-card-item{position:relative;border:2px solid #333;border-radius:8px;padding:6px;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;background:#111;display:flex;flex-direction:column;align-items:center;gap:4px}.pity-card-item:hover{transform:translateY(-4px) scale(1.04);border-color:#c8a84e}.pity-card-item.selected{transform:translateY(-6px) scale(1.06)}.pity-card-img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px;display:block}.pity-card-name{font-size:9px;color:#ccc;text-align:center;line-height:1.2;word-break:break-all}.pity-card-rarity{font-size:8px;font-family:Cinzel,serif;letter-spacing:.05em}.pity-card-rarity.Legendary{color:#f1c40f}.pity-card-rarity.Epic{color:#9b59b6}.pity-card-rarity.Rare{color:#3498db}.pity-card-rarity.Common{color:#888}.pity-selected-badge{position:absolute;top:4px;right:4px;background:#c8a84e;color:#000;font-size:8px;font-weight:700;padding:2px 4px;border-radius:3px}.pity-hover-panel{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#0a0a14f7;border:1px solid #c8a84e;border-radius:8px;padding:12px 16px;min-width:240px;max-width:320px;pointer-events:none;z-index:10}.pity-select-footer{padding:14px 24px;border-top:1px solid rgba(200,168,78,.2);display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;background:#0a0a10}.pity-selected-info{font-size:13px;color:gold;font-family:Cinzel,serif}.pity-confirm-btn{min-width:200px;font-size:14px;padding:12px 24px;letter-spacing:.1em}.game-container,.field-card-wrapper,.hand-card-wrapper{transform:translateZ(0)}.transition-overlay{will-change:opacity}.dice-container,.mp-gauge-container{transform:translateZ(0)}