@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Orbitron:wght@400;700;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary:#fc0;--color-secondary:#00d4ff;--color-accent:#ff4d4d;--color-bg:#050505;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;background-color:#050505;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex;overflow:hidden}#root{width:100%;height:100vh}h1,h2,h3,.font-game{text-transform:uppercase;letter-spacing:2px;font-family:Orbitron,sans-serif}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}button:hover{border-color:var(--color-secondary);box-shadow:0 0 15px var(--color-secondary);transform:translateY(-2px)}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:4px auto var(--color-secondary)}.welcome-container{color:#fff;text-align:center;background-image:url(../assets/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.welcome-container:before{content:"";z-index:1;background:radial-gradient(circle,#0000 0%,#0006 100%);width:100%;height:100%;position:absolute;top:0;left:0}.content{z-index:2;flex-direction:column;align-items:center;gap:2rem;animation:1.5s ease-out fadeIn;display:flex;position:relative}.logo-wrapper{margin-bottom:2rem;animation:4s ease-in-out infinite float}.logo{filter:drop-shadow(0 0 35px #fc09);width:95%;max-width:800px;transition:transform .3s}.logo:hover{transform:scale(1.02)}.menu-options{flex-direction:column;gap:1.5rem;width:500px;max-width:90vw;display:flex}.game-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:4px;cursor:pointer;background:#fffc;border:4px solid #fc0;padding:1.5rem 3rem;font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:900;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;color:#000!important;text-shadow:none!important}.game-btn:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.game-btn:hover:after{left:100%}.game-btn.primary{border-color:#fc0;color:#000!important}.game-btn:hover{background:#fc0;transform:scale(1.05);box-shadow:0 0 40px #fc0;color:#000!important}.game-btn.primary:hover{background:#fc0;color:#000!important}.game-btn.mini{letter-spacing:1px;border-width:1px;padding:.5rem 1rem;font-size:.8rem}.footer{z-index:2;opacity:.8;color:#000;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;position:absolute;bottom:2rem;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.grand-arena-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;justify-content:center;gap:10px;width:98vw;height:98vh;margin:0 auto;padding:5px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #000c}.arena-header-info{z-index:100;pointer-events:none;position:absolute;top:10px;left:10px}.corner-tr{position:absolute;top:20px;right:20px;box-shadow:0 0 15px #ff4d4d66;border-color:#ff4d4d!important}.corner-bl-absolute{z-index:500;position:absolute;bottom:30px;left:30px;transform:scale(.95);box-shadow:0 0 25px #00d4ff66;background:#0009!important;border-color:#00d4ff!important}.arena-row{z-index:1;grid-template-columns:repeat(5,1fr);place-items:center;gap:10px;width:100%;padding:5px 0;display:grid;position:relative}.arena-row.enemy-meta,.arena-row.player-meta{flex:.7}.clash-controls-unified{z-index:10;justify-content:center;align-items:center;width:100%;padding:10px 0;display:flex;position:relative}.arena-controls-row{grid-template-columns:repeat(5,1fr);place-items:center;gap:10px;width:100%;display:grid;position:relative}.active-card-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;width:100%;max-width:250px;min-height:auto;padding:15px;transition:all .3s;display:flex;box-shadow:0 10px 30px #00000080}.active-card-info:empty{opacity:0;pointer-events:none}.active-card-info.player{pointer-events:none;grid-column:4/span 2;width:100%;max-width:300px}.active-card-info.enemy{pointer-events:none;grid-column:1/span 2;width:100%;max-width:300px}.info-panel{width:100%}.info-rarity{background:var(--color-primary);color:#000;border-radius:4px;margin-bottom:5px;padding:2px 8px;font-size:.7rem;font-weight:900;display:inline-block}.info-panel h3{color:#fff;text-transform:uppercase;margin:0;font-family:Orbitron,sans-serif;font-size:.7rem}.info-panel .stats{color:#fff;margin:5px 0;font-family:Inter,sans-serif;font-size:.75rem}.info-panel .type{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.center-controls{flex-direction:column;grid-column:3;justify-content:center;align-items:center;display:flex}.suit-picker-unified{-webkit-backdrop-filter:blur(20px);border:4px solid var(--color-primary);color:#000;background:#ffffff4d;border-radius:15px;flex-direction:column;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 0 30px #ffcc004d}.suit-picker-unified .suit-btn{cursor:pointer;border:none;border-radius:10px;min-width:90px;padding:10px 15px;font-family:Orbitron,sans-serif;font-weight:700;transition:all .3s;position:relative;pointer-events:auto!important;z-index:2001!important}.suit-picker-unified .suit-btn:hover{background:#f1c40f;transform:scale(1.2)}.hand-label{color:#888;margin-bottom:5px;font-family:Orbitron,sans-serif;font-size:.7rem}.arena-slot{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08;border:2px solid #ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:150px;height:215px;transition:all .3s;display:flex;position:relative}.arena-slot.empty{visibility:hidden}.slot-label{color:#fff3;text-transform:uppercase;letter-spacing:2px;pointer-events:none;z-index:1;text-align:center;width:100%;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slot-label.bottom{bottom:10px}.arena-slot.aktif{background:#ffcc000d;border:3px solid #fc06;box-shadow:0 0 25px #fc03}.arena-slot.dek{background:0 0;border:none}.deck-visual-root{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.card-back-main{background-image:url(../assets/card_back.jpg);background-position:50%;background-size:cover;border:1px solid #fff3;border-radius:10px;width:130px;height:185px;transition:transform .2s;box-shadow:0 10px 20px #00000080}.card-back-main:hover{transform:translateY(-5px)}.deck-count-badge{color:#fff;z-index:10;background:linear-gradient(135deg,#00d4ff,#05f);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:900;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 10px #00000080}.battle-field-unified{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.play-hint{background:var(--color-primary);color:#000;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.hand-card-item{cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.hand-card-item:hover{z-index:50;transform:translateY(-20px)scale(1.1)}.play-hint{background:var(--color-primary);color:#000;opacity:0;border-radius:10px;padding:2px 10px;font-size:.75rem;font-weight:700;transition:opacity .3s;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.hand-card-item:hover .play-hint{opacity:1}.card-flip-container.is-face-down .card-inner{transform:rotateY(0)!important}.reveal-btn{color:#000;background:linear-gradient(135deg,#f1c40f,#f39c12);border-radius:50px;padding:1rem 2rem;font-size:.75rem;font-weight:900;animation:1.5s infinite pulse-gold;box-shadow:0 0 20px #f1c40f80}.arena-slot-anim-wrapper.attacking-player{filter:drop-shadow(0 0 20px #ffcc00e6);z-index:50;animation:.6s ease-in-out infinite playerAttackLunge}@keyframes playerAttackLunge{0%{transform:translateY(0)scale(1)}15%{transform:translateY(5px)scale(.95)}40%{transform:translateY(-40px)scale(1.15)}60%{transform:translateY(-35px)scale(1.1)}80%{transform:translateY(-40px)scale(1.15)}to{transform:translateY(0)scale(1)}}.arena-slot-anim-wrapper.attacking-enemy{filter:drop-shadow(0 0 20px #ff0000e6);z-index:50;animation:.6s ease-in-out infinite enemyAttackLunge}@keyframes enemyAttackLunge{0%{transform:translateY(0)scale(1)}15%{transform:translateY(-5px)scale(.95)}40%{transform:translateY(40px)scale(1.15)}60%{transform:translateY(35px)scale(1.1)}80%{transform:translateY(40px)scale(1.15)}to{transform:translateY(0)scale(1)}}.arena-slot-anim-wrapper.taking-damage{filter:brightness(1.3)drop-shadow(0 0 15px #f00c);animation:.15s ease-in-out infinite damageShake}@keyframes damageShake{0%{transform:translate(0)rotate(0)}20%{transform:translate(-6px,3px)rotate(-2deg)}40%{transform:translate(6px,-3px)rotate(2deg)}60%{transform:translate(-4px,-2px)rotate(-1.5deg)}80%{transform:translate(4px,2px)rotate(1.5deg)}to{transform:translate(0)rotate(0)}}.floating-hp{color:#fff;z-index:10;white-space:nowrap;pointer-events:none;text-transform:uppercase;background:linear-gradient(135deg,#2ecc71,#27ae60);border:2px solid #fff6;border-radius:6px;padding:8px 12px;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:900;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 15px #2ecc7166}.floating-atk{color:#fff;z-index:10;white-space:nowrap;pointer-events:none;text-transform:uppercase;background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #fff6;border-radius:6px;padding:8px 12px;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:900;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 15px #e74c3c66}.player-hp-badge{left:-200px}.player-atk-badge{right:-200px}.enemy-atk-badge{left:-200px}.enemy-hp-badge{right:-200px}@keyframes float-hp{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}.player-hand-display{background:#ffffff0d;border-radius:20px;align-items:flex-end;gap:15px;padding:10px 30px;display:flex}.hand-card-item:hover{transform:translateY(-20px)scale(1.05)}.deck-count{color:#fff;background:#3498db;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.7rem;font-weight:900;display:flex;position:absolute;top:-15px;right:-15px;box-shadow:0 5px 15px #0000004d}.warn{animation:1s infinite pulse-red}@keyframes pulse-red{0%{box-shadow:0 0 #ff4d4db3}70%{box-shadow:0 0 0 15px #ff4d4d00}to{box-shadow:0 0 #ff4d4d00}}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{-webkit-backdrop-filter:blur(25px);border:4px solid var(--color-primary);color:#000;background:#ffffffb3;border-radius:15px;width:90%;max-width:800px;max-height:80vh;padding:2.5rem;position:relative;overflow-y:auto;box-shadow:0 0 50px #00000080}.modal-content h2,.modal-content h3{color:#000!important}.modal-close{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.75rem;line-height:1;position:absolute;top:1rem;right:1rem}.modal-content h2{color:var(--color-primary);text-align:center;margin-bottom:2rem;font-size:.75rem}.guide-section{text-align:left;margin-bottom:2rem}.guide-section h3{color:var(--color-secondary);border-left:4px solid var(--color-secondary);margin-bottom:1rem;padding-left:1rem;font-size:.7rem}.guide-section p,.guide-section li{color:#fffc;margin-bottom:.5rem;font-family:Inter,sans-serif;line-height:1.6}.guide-section ul{padding-left:1rem;list-style-type:none}.guide-section li:before{content:"â–¹";color:var(--color-primary);margin-right:.5rem}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.card-item{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:1rem;transition:all .3s;position:relative;overflow:hidden}.card-item:hover{border-color:var(--color-primary);transform:scale(1.05);box-shadow:0 0 20px #ffcc004d}.card-thumb{aspect-ratio:2/3;color:#ffffff4d;background:#1a1a1a;border-radius:5px;justify-content:center;align-items:center;width:100%;margin-bottom:.5rem;font-size:.8rem;display:flex}.card-name{color:#fff;font-family:Orbitron,sans-serif;font-size:.75rem}.card-type{color:var(--color-secondary);text-transform:uppercase;font-size:.7rem}.digitalize-section{border:1px dashed var(--color-primary);text-align:center;background:#ffcc001a;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.redeem-input-group{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.redeem-input{border:1px solid var(--color-primary);color:#fff;letter-spacing:2px;text-transform:uppercase;background:#00000080;border-radius:5px;width:200px;padding:.8rem;font-family:Orbitron,sans-serif}.redeem-btn{background:var(--color-primary);color:#000;cursor:pointer;border:none;border-radius:5px;padding:.8rem 1.5rem;font-family:Orbitron,sans-serif;font-weight:700;transition:all .3s}.redeem-btn:hover{background:#fff;box-shadow:0 0 15px #fff}.modal-content.large{max-width:1000px}.card-flip-container{perspective:1000px;cursor:pointer;width:6cm;height:12.5cm;margin:10px auto;position:relative}.card-flip-container.mini{width:140px;height:200px;margin:0;transform:scale(1)}.card-flip-container.mini .card-image-container,.card-flip-container.mini .card-back-image{height:140px}.card-flip-container.mini .card-info,.card-flip-container.mini .card-info-back{height:auto;padding:5px}.card-flip-container.hide-info .card-image-container,.card-flip-container.hide-info .card-back-image{border-bottom:none!important;height:100%!important}.card-flip-container.mini .card-name{font-size:.65rem}.card-flip-container.mini .card-stats{gap:5px;font-size:.75rem}.card-flip-container.mini .card-type-desc,.card-flip-container.mini .card-serial-front{font-size:.75rem}.card-flip-container.mini .card-rarity-badge{width:16px;height:16px;font-size:.75rem}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.card-flip-container.is-revealed .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:12px;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;overflow:hidden;box-shadow:0 15px 35px #0009}.card-front{background:#111;border:1px solid #ffffff1a;transform:rotateY(180deg)}.card-back{border:2px solid var(--color-primary);background:#111}.card-image-container,.card-back-image{border-bottom:3px solid var(--color-primary);background-repeat:no-repeat;width:100%;height:9cm}.card-back-image{background-image:url(../assets/card_back.jpg);background-position:50%;background-size:cover}.card-info,.card-info-back{text-align:left;background:linear-gradient(135deg,#1e1e1e,#0a0a0a);flex-direction:column;justify-content:space-between;height:3.5cm;padding:.8rem;display:flex}.card-info-back{justify-content:center;align-items:center}.card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;overflow:hidden}.card-stats{gap:10px;margin:2px 0;font-size:.8rem;display:flex}.hp{color:#ff4d4d;font-weight:700}.atk{color:#fc0;font-weight:700}.card-type-desc{color:#aaa;font-size:.7rem;font-style:italic}.card-serial-front,.card-serial-back{color:var(--color-primary);font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700}.card-serial-back{text-shadow:0 0 5px #ffcc0080;font-size:.75rem}.card-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.card-rarity-badge{background:var(--color-primary);color:#000;width:22px;height:22px;box-shadow:0 0 8px var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:900;display:flex}.modal-header{text-align:center;margin-bottom:2rem}.modal-subtitle{color:#888;margin-top:.5rem;font-size:.75rem}.posting-container{flex-direction:column;gap:2rem;display:flex}.file-upload-box{text-align:center;cursor:pointer;background:#ffffff0d;border:2px dashed #ffcc004d;border-radius:15px;padding:3rem;transition:all .3s;position:relative}.file-upload-box:hover{border-color:var(--color-primary);background:#ffcc000d}.upload-icon{margin-bottom:1rem;font-size:.75rem}.file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.category-select{flex-direction:column;gap:1rem;display:flex}.category-select label{color:var(--color-primary);margin-top:1rem;font-family:Orbitron,sans-serif;font-size:.75rem}.sheet-selector{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.sheet-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.8rem;font-family:Orbitron,sans-serif;font-size:.7rem;transition:all .3s}.sheet-btn.active{background:var(--color-primary);color:#000;border-color:var(--color-primary)}.card-selector-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.mini-card-thumb{aspect-ratio:2/3;cursor:pointer;filter:grayscale(.5);border:2px solid #ffffff1a;border-radius:5px;transition:all .2s;position:relative}.mini-card-thumb.selected{border-color:var(--color-primary);filter:grayscale(0);box-shadow:0 0 15px var(--color-primary);transform:scale(1.05)}.selected-check{background:var(--color-primary);color:#000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.selected-preview{text-align:center;color:#fff;background:#ffcc001a;border-radius:8px;padding:1rem}.full-width{width:100%}.card-flip-container.locked{filter:grayscale()brightness(.4);cursor:not-allowed;pointer-events:none}.lock-overlay{color:#fff;z-index:20;white-space:nowrap;background:#000000b3;border:1px solid #fff3;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.no-flip .card-inner{transition:none!important;transform:rotateY(180deg)!important}.no-flip:hover .card-inner{transform:rotateY(180deg)!important}.zoom-hint{color:var(--color-primary);opacity:0;white-space:nowrap;font-family:Orbitron,sans-serif;font-size:.7rem;transition:opacity .3s;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.card-flip-container:hover .zoom-hint,div:hover>.zoom-hint-choice{opacity:1!important}.zoom-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0;z-index:200000!important}.arena-volume-control{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:10px;position:fixed;bottom:20px;left:20px}.deck-item-wrapper{border:2px solid #0000;border-radius:10px;padding:5px;transition:all .3s;position:relative}.deck-item-wrapper.selected{background:#00d4ff33;border-color:#00d4ff;box-shadow:0 0 15px #00d4ff80}.selection-badge{color:#fff;z-index:5;background:#00d4ff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.2rem;font-weight:700;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 10px #0000004d}.zoom-card-wrapper{-webkit-backdrop-filter:blur(30px);background:#ffffff4d;border:4px solid #fc0;border-radius:24px;flex-direction:row;align-items:stretch;gap:40px;width:auto;max-width:95vw;max-height:90vh;padding:30px;animation:.3s ease-out zoomInCustom;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 80px #000c}@keyframes zoomInCustom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.zoom-left-column{background:#0003;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:10px;display:flex}.zoom-left-column .card-flip-container{width:280px!important;height:400px!important;margin:0!important;transform:none!important}.zoom-left-column .card-image-container,.zoom-left-column .card-back-image{height:100%!important}.zoom-right-column{color:#fff;text-align:left;flex-direction:column;flex:1;justify-content:space-between;min-width:300px;max-width:500px;display:flex}.zoom-description h3{color:var(--color-primary);text-shadow:0 2px 10px #00000080;margin:0 0 10px;font-family:Orbitron,sans-serif;font-size:2rem}.zoom-stats{flex-direction:row;gap:20px;margin-bottom:15px;font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:700;display:flex}.zoom-stats span{background:#0000004d;border-radius:8px;padding:5px 15px}.zoom-type-tag{color:#aaa;text-transform:uppercase;margin-bottom:20px;font-family:Orbitron,sans-serif;font-size:1rem}.zoom-effect-text{border-left:5px solid var(--color-primary);background:#0006;border-radius:12px;flex:1;margin-bottom:20px;padding:20px;font-size:1rem;line-height:1.6;overflow-y:auto}.zoom-action-buttons{gap:15px;margin-top:auto;display:flex}.zoom-action-buttons .game-btn{padding:15px!important;font-size:1rem!important}.close-zoom-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:15px;right:15px}.close-zoom-btn:hover{opacity:1}.zoomed-card-container .card-flip-container{margin:0}.zoom-close{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;display:flex;position:absolute;top:-40px;right:-40px}.zoom-instructions{color:#fff;white-space:nowrap;border:1px solid var(--color-primary);background:#fc03;border-radius:20px;padding:5px 15px;font-family:Orbitron,sans-serif;font-size:.8rem;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.spark{pointer-events:none;z-index:1;background:#fff;border-radius:50%;width:2px;height:2px;position:absolute}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d}.modal-content::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:10px}.suit-picker{text-align:center;z-index:2001;pointer-events:auto;position:relative}.suit-picker h4{color:#f1c40f;text-shadow:0 0 10px #f1c40f80;margin-bottom:10px;font-family:Orbitron,sans-serif;font-size:.85rem}.suit-result-display{text-align:center;-webkit-backdrop-filter:blur(15px);color:#000;background:#ffffff4d;border:3px solid #fc0;border-radius:12px;padding:8px 15px;animation:.3s ease-out zoomInCustom}.suit-result-row{justify-content:center;align-items:center;gap:10px;margin-bottom:5px;display:flex}.suit-badge-label{border-radius:8px;padding:4px 12px;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:900}.suit-badge-label.air{color:#000;background:#00d4ff}.suit-badge-label.api{color:#000;background:#ff4d4d}.suit-badge-label.daun{color:#000;background:#2ecc71}.suit-vs{color:#aaa;font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:900}.suit-result-text{letter-spacing:1px;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:900}.suit-result-text.menang{color:#f1c40f;text-shadow:0 0 15px #f1c40fb3}.suit-result-text.kalah{color:#ff4d4d;text-shadow:0 0 15px #ff4d4db3}.suit-result-text.seri{color:#aaa}.continue-btn{margin-top:8px;animation:1.5s infinite pulse-gold;padding:10px 25px!important;font-size:.8rem!important}.suit-picker-overlay{text-align:center;z-index:100;background:#000000e6;border:2px solid #f1c40f;border-radius:20px;padding:20px;animation:.3s ease-out zoomIn}.suit-picker-overlay h3{color:#f1c40f;margin-bottom:15px;font-family:Orbitron,sans-serif;font-size:.75rem}.suit-options{gap:15px;display:flex}.suit-btn{cursor:pointer;border:none;border-radius:10px;min-width:90px;padding:10px 15px;font-family:Orbitron,sans-serif;font-weight:700;transition:all .3s;position:relative;pointer-events:auto!important;z-index:2001!important}.suit-btn.air{color:#000;background:#00d4ff}.suit-btn.api{color:#000;background:#ff4d4d}.suit-btn.daun{color:#000;background:#2ecc71}.suit-btn:hover{transform:scale(1.1);box-shadow:0 0 15px #ffffff80}.suit-badge{color:#000;z-index:50;background:#fff;border-radius:10px;padding:2px 12px;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:900;animation:.5s bounceIn;position:absolute;bottom:-20px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #00000080}.player-suit{border:2px solid #00d4ff}.enemy-suit{border:2px solid #ff4d4d}@keyframes bounceIn{0%{transform:translate(-50%,20px)scale(0)}50%{transform:translate(-50%,-5px)scale(1.2)}to{transform:translate(-50%)scale(1)}}.arena-page-container{z-index:2000;color:#fff;background-color:#0000;background-image:radial-gradient(at bottom,#1b2735 0%,#090a0f 100%),url(https://www.transparenttextures.com/patterns/stardust.png);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;width:100vw;height:100vh;padding:0;display:flex;position:fixed;top:0;left:0;overflow:hidden}.exit-arena{background:#00000080;border-color:#fff3;padding:10px 20px;font-size:.8rem;position:absolute;top:20px;right:20px}@keyframes slideIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.battle-result-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0;z-index:10000000!important}.battle-result-popup{text-align:center;-webkit-backdrop-filter:blur(25px);color:#000;background:#ffffff4d;border:4px solid #fc0;border-radius:24px;width:90%;max-width:380px;padding:30px 40px;animation:.4s ease-out zoomInCustom;position:relative;overflow:hidden;box-shadow:0 0 50px #0000004d}.battle-result-popup.win{background:#ffffff59;border-color:#fc0;box-shadow:0 0 60px #f1c40f66}.battle-result-popup.lose{background:#ffffff59;border-color:#ff4d4d;box-shadow:0 0 60px #ff4d4d66}.result-aura{pointer-events:none;z-index:0;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.battle-result-popup.win .result-aura{background:radial-gradient(circle,#f1c40f1a 0%,#0000 60%)}.battle-result-popup.lose .result-aura{background:radial-gradient(circle,#ff4d4d1a 0%,#0000 60%)}.result-title{z-index:1;letter-spacing:2px;color:#000;margin:0 0 8px;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:900;position:relative}.battle-result-popup.win .result-title{text-shadow:0 0 20px #f1c40fb3;color:#f1c40f!important}.battle-result-popup.lose .result-title{text-shadow:0 0 20px #ff4d4db3;color:#ff4d4d!important}.result-msg{color:#333;z-index:1;margin:0 0 20px;font-family:Inter,sans-serif;font-size:.85rem;position:relative}.result-card-preview{z-index:1;justify-content:center;margin-bottom:20px;display:flex;position:relative}.battle-result-popup .game-btn{z-index:1;width:100%;position:relative;padding:14px!important;font-size:.9rem!important}.victory-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s ease-out fadeIn;display:flex;position:absolute;top:0;left:0;z-index:10000000!important}.victory-content{text-align:center;-webkit-backdrop-filter:blur(25px);border:4px solid var(--color-primary);color:#000;background:#ffffff4d;border-radius:30px;max-width:500px;padding:3rem;box-shadow:0 0 100px #ffcc0080}.victory-icon{margin-bottom:1rem;font-size:5rem;animation:2s infinite bounce}.player-interaction-zone{background:0 0;border-top:1px solid #ffffff1a;flex-direction:column;align-items:center;height:auto;margin-top:5px;padding:0;display:flex}.hand-label{color:#aaa;letter-spacing:2px;font-family:Orbitron,sans-serif;font-size:.75rem}.player-hand-unified{flex-direction:row;justify-content:center;align-items:center;gap:5px;min-height:200px;display:flex}.hand-card-item{cursor:pointer;transition:transform .2s,filter .2s}.hand-card-item:hover{filter:drop-shadow(0 0 20px #ffcc00e6);transform:translateY(-30px)scale(1.2);z-index:999999!important}.awaiting-support-highlight .hand-card-item{animation:1.5s infinite pulseHighlight}@keyframes pulseHighlight{0%,to{filter:drop-shadow(0 0 5px #00ff0080);transform:translateY(0)}50%{filter:drop-shadow(0 0 20px #0f0);transform:translateY(-5px)}}.victory-content h1{color:var(--color-primary);margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:.75rem}.victory-content p{color:#fff;opacity:.9;margin-bottom:2rem;font-size:1.1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.zone-count-badge{color:#000;z-index:20;background:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:900;display:flex;position:absolute;top:-12px;right:-12px}.arena-slot.menang .zone-count-badge{background:linear-gradient(135deg,#f1c40f,#f39c12);box-shadow:0 0 15px #f1c40f99}.arena-slot.kalah .zone-count-badge{background:linear-gradient(135deg,#bdc3c7,#95a5a6)}.arena-slot.support{border-style:dashed;border-color:#fff3}.arena-slot.support .slot-label{color:#fff3;text-transform:uppercase;letter-spacing:2px;pointer-events:none;z-index:1;text-align:center;width:100%;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.awaiting-support-highlight{border-radius:10px;animation:1.5s infinite pulse-gold;box-shadow:0 0 20px #ffd70080}@keyframes pulse-gold{0%{transform:scale(1);box-shadow:0 0 10px #ffd70080}50%{transform:scale(1.02);box-shadow:0 0 30px #ffd700cc}to{transform:scale(1);box-shadow:0 0 10px #ffd70080}}.card-stats-row,.card-meta-row{justify-content:space-between;width:100%;margin:2px 0;font-size:.8rem;display:flex}.card-hp{color:#ff4d4d;font-weight:700}.card-atk{color:#fc0;font-weight:700}.card-type,.card-element{color:#aaa;text-transform:uppercase;font-size:.7rem}.card-effect-text{color:#fff;text-align:center;border:1px solid #fff3;border-top:2px solid var(--color-primary);background-color:#0000;background-image:radial-gradient(at bottom,#1b2735 0%,#090a0f 100%),url(https://www.transparenttextures.com/patterns/stardust.png);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:6px;width:calc(100% + 1.6rem);margin-top:10px;margin-bottom:-.8rem;margin-left:-.8rem;padding:8px;font-family:Inter,sans-serif;font-size:.7rem;line-height:1.3;box-shadow:0 0 15px #000c}.card-effect-text span{font-weight:500;display:block}.card-flip-container.mini .card-effect-text{width:calc(100% + 10px);margin-top:5px;margin-bottom:-5px;margin-left:-5px;padding:4px;font-size:.55rem}.scan-effect{color:var(--color-primary);margin:10px 0;font-size:.8rem;font-style:italic}.enemy-interaction-zone{z-index:10;background:#0003;border-bottom:1px solid #ffffff1a;flex-direction:column;align-items:center;height:100px;margin-bottom:2px;padding:0;display:flex;overflow:hidden}.enemy-hand-unified{justify-content:center;width:100%;display:flex}.enemy-hand-card-item{margin-left:-20px;transition:all .3s;transform:rotate(180deg)translateY(80px)}.enemy-hand-card-item:first-child{margin-left:0}.hand-label.enemy{color:#666;letter-spacing:1px;margin-top:2px;font-family:Orbitron,sans-serif;font-size:.6rem}.firework-explosion{pointer-events:none;z-index:1000;opacity:0;border-radius:50%;animation:1.5s ease-out forwards firework-burst;position:absolute}@keyframes firework-burst{0%{opacity:1;transform:scale(.1);box-shadow:0 0 #fff}20%{opacity:1;transform:scale(1);box-shadow:0 -40px,30px -30px,40px 0,30px 30px,0 40px,-30px 30px,-40px 0,-30px -30px}to{opacity:0;transform:scale(1.5);box-shadow:0 -80px 0 -5px,60px -60px 0 -5px,80px 0 0 -5px,60px 60px 0 -5px,0 80px 0 -5px,-60px 60px 0 -5px,-80px 0 0 -5px,-60px -60px 0 -5px}}.grand-arena-box{position:relative;overflow:hidden}.volume-control-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:1rem auto;padding:6px 15px;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000004d}.volume-control-wrapper:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #0006}.mute-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.mute-btn:hover{transform:scale(1.2)}.volume-slider{appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;width:100px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fc0;border:1.5px solid #fff;border-radius:50%;width:14px;height:14px;transition:all .2s;box-shadow:0 0 8px #ffcc0080}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 15px #fc0c}.volume-slider::-moz-range-thumb{cursor:pointer;background:#fc0;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #ffcc0080}.volume-control-wrapper.arena-version{z-index:3000;transform-origin:0 100%;background:#0006;margin:0;padding:4px 10px;position:absolute;bottom:10px;left:10px;transform:scale(.7)}.volume-control-wrapper.arena-version:hover{background:#0009;transform:scale(.9)translateY(-2px)}@media screen and (orientation:portrait){.welcome-container:after,.arena-page-container:after{content:"🔄 SILAKAN PUTAR LAYAR KE POSISI LANDSCAPE";width:100vw;height:100vh;color:var(--color-primary);z-index:99999;background:#000;justify-content:center;align-items:center;font-family:Orbitron,sans-serif;display:flex;position:fixed;top:0;left:0}}.welcome-container{flex-direction:column!important;justify-content:center!important;gap:20px!important;padding:20px!important}.welcome-container .content{max-width:1000px;flex-direction:column!important;align-items:center!important;gap:30px!important;width:100%!important}.welcome-container .logo-wrapper{flex:none;margin-bottom:0!important}.welcome-container .logo{max-width:300px!important}.welcome-container .menu-options{flex:1;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;width:auto!important;display:grid!important}.welcome-container .game-btn{letter-spacing:1px!important;padding:10px 15px!important;font-size:.8rem!important}@media screen and (orientation:landscape){.arena-page-container{grid-template-rows:auto 1fr auto;width:100vw;height:100vh;overflow:hidden;perspective:none!important;padding:0!important;display:grid!important}.enemy-interaction-zone{background:linear-gradient(#000c,#0000);border-bottom:none;margin:0;height:50px!important}.enemy-hand-card-item{margin-left:-40px!important;transform:rotate(180deg)scale(.35)translateY(40px)!important}.hand-label.enemy{display:none}.battle-field-unified{flex-direction:column;justify-content:center;width:100%;height:auto;display:flex;background-image:none!important;gap:3px!important;padding:0!important;transform:none!important}.arena-row{gap:4px!important;margin:0!important;padding:1px 0!important}.arena-slot{transform-style:preserve-3d;transform:scale(1);box-shadow:0 10px 20px #0006;border-width:1px!important;width:70px!important;height:100px!important;overflow:visible!important}.arena-slot.aktif{z-index:2000!important}.arena-slot-anim-wrapper{transform:translateZ(10px)!important}.arena-slot .card-flip-container.mini{width:65px!important;height:92px!important}.arena-slot .card-image-container,.arena-slot .card-back-image{height:65px!important}.slot-label{letter-spacing:1px!important;font-size:.5rem!important}.clash-controls-unified{z-index:100;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-controls{pointer-events:all;transform-origin:50%;transform:scale(.6)!important}.game-btn.reveal-btn{box-shadow:0 0 15px #00d4ffb3;padding:14px 28px!important;font-size:1.4rem!important}.suit-picker-unified{border:2px solid var(--color-primary)!important;background:#000c!important;gap:12px!important;padding:15px!important;transform:scale(1.5)!important}.suit-picker-unified h4{text-shadow:0 0 10px #ffcc0080;color:var(--color-primary)!important;margin-bottom:5px!important;font-size:.8rem!important}.suit-result-row-img{justify-content:center;align-items:center;gap:10px;margin-bottom:5px;display:flex}.suit-result-card{border:2px solid #fc0;border-radius:6px;box-shadow:0 4px 15px #fc06;width:60px!important;height:84px!important}.suit-vs{text-shadow:0 0 10px #fffc,0 0 20px #00d4ff80;margin:0 15px;font-family:Orbitron,sans-serif;color:#fff!important;font-size:1.2rem!important;font-weight:900!important}.suit-result-text{text-align:center;text-transform:uppercase;letter-spacing:2px;margin-top:10px;font-family:Orbitron,sans-serif;font-size:1.5rem!important;font-weight:900!important}.suit-result-text.menang{text-shadow:0 0 15px #fc0c,0 0 30px #fc06;color:#fc0!important}.suit-result-text.kalah{text-shadow:0 0 15px #ff4d4dcc,0 0 30px #ff4d4d66;color:#ff4d4d!important}.suit-result-text.seri{text-shadow:0 0 10px #fffc,0 0 20px #fff6;color:#000!important}.continue-btn-arena{margin-top:10px!important;padding:8px 20px!important;font-size:.8rem!important}.suit-picker-unified .suit-options{justify-content:center;margin-top:10px;display:flex;gap:20px!important}.suit-btn-img-wrap{cursor:pointer;transition:transform .2s;position:relative;background:0 0!important;border:none!important;padding:0!important}.suit-btn-img-wrap:hover{transform:scale(1.1)translateY(-5px)}.suit-card-img{object-fit:cover;border:2px solid #fc0;border-radius:6px;box-shadow:0 4px 10px #00000080;width:65px!important;height:92px!important}.suit-label-overlay{color:#fff;text-align:center;background:#000000b3;border-bottom-right-radius:4px;border-bottom-left-radius:4px;font-size:.5rem;font-weight:700;position:absolute;bottom:2px;left:0;right:0}.active-card-info{display:none}.player-hp-badge,.enemy-hp-badge{z-index:999999!important;pointer-events:none!important;color:#fff!important;background:#2ecc71f2!important;border:1px solid #fff!important;border-radius:4px!important;min-width:45px!important;padding:3px 6px!important;font-size:.65rem!important;font-weight:700!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.player-atk-badge,.enemy-atk-badge{z-index:999999!important;pointer-events:none!important;color:#fff!important;background:#e74c3cf2!important;border:1px solid #fff!important;border-radius:4px!important;min-width:45px!important;padding:3px 6px!important;font-size:.65rem!important;font-weight:700!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.player-hp-badge{left:-90px!important}.player-atk-badge,.enemy-hp-badge{right:-90px!important}.enemy-atk-badge{left:-90px!important}.arena-slot.support{margin:0!important;transform:scale(1)!important}.arena-header-info{z-index:1000!important;position:absolute!important;top:auto!important;bottom:15px!important;left:15px!important}.log-window-mini{background:#000000b3!important;max-width:200px!important;padding:4px 8px!important;font-size:.55rem!important}.continue-btn{color:#000!important;font-weight:700!important}.battle-result-popup .continue-btn,.reveal-btn{color:#000!important}.zone-count-badge{z-index:10!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:20px!important;height:20px!important;font-size:.6rem!important;display:flex!important;position:absolute!important;top:-5px!important;right:-5px!important}.player-interaction-zone{background:linear-gradient(#0000,#000000e6);border-top:none;justify-content:flex-end;position:relative;z-index:10000!important;flex-direction:column!important;height:90px!important;padding:0!important;display:flex!important;overflow:visible!important}.hand-label{display:none}.player-hand-unified{perspective:1000px;padding-bottom:2px;transition:transform .3s;gap:-25px!important;min-height:60px!important;overflow:visible!important}.awaiting-support-highlight{background:#00d4ff33;border-radius:15px;position:relative;box-shadow:0 0 30px #00d4ff80;z-index:99999!important;padding:10px!important;transform:scale(.5)translateY(-50px)!important}.hand-card-item{filter:drop-shadow(0 2px 5px #00000080);transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(.5)translateY(10px);margin-left:-40px!important}.hand-card-item:hover{filter:drop-shadow(0 0 30px #fc0);z-index:9999999!important;transform:translateY(-100px)scale(1.6)!important}.modal-content{max-height:98vh!important;transform:scale(.7)!important}.modal-content.large{border:none!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;padding:10px!important;position:fixed!important;top:0!important;left:0!important;transform:none!important}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important;gap:15px!important;max-height:85vh!important;padding:10px!important}.exit-arena{opacity:.7;transform-origin:100% 0;transform:scale(.5);padding:4px 10px!important;font-size:.6rem!important;top:5px!important;right:5px!important}.volume-control-wrapper.arena-version{background:#00000080!important;padding:4px!important;top:5px!important;left:5px!important}.exit-btn-bottom-right{transform-origin:100% 100%;transform:scale(.5);z-index:5000!important;background:var(--color-accent)!important;color:#fff!important;padding:5px 12px!important;font-size:.7rem!important;position:fixed!important;bottom:10px!important;right:10px!important;box-shadow:0 0 10px #f006!important}.deck-item-wrapper{margin:-100px -60px!important;transform:scale(.5)!important}.deck-item-wrapper .selection-badge{top:-20px!important;right:-20px!important;transform:scale(2)!important}.modal-content.large .collection-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important;gap:0!important}.card-back-main{width:65px!important;height:92px!important}.deck-count-badge{width:20px!important;height:20px!important;font-size:.5rem!important;top:-5px!important;right:-5px!important}.zoom-card-wrapper{border-radius:12px!important;gap:15px!important;padding:15px!important}.zoom-left-column{padding:5px!important}.zoom-left-column .card-flip-container{width:140px!important;height:200px!important}.zoom-right-column{min-width:150px!important;max-width:250px!important}.zoom-description h3{margin-bottom:5px!important;font-size:1rem!important}.zoom-stats{gap:10px!important;margin-bottom:8px!important;font-size:.8rem!important}.zoom-type-tag{margin-bottom:8px!important;font-size:.7rem!important}.zoom-effect-text{padding:10px!important;font-size:.7rem!important;line-height:1.3!important}.zoom-action-buttons{gap:10px!important;margin-top:10px!important}.zoom-action-buttons .game-btn{padding:8px!important;font-size:.7rem!important}.close-zoom-btn{width:25px!important;height:25px!important;font-size:1rem!important;top:10px!important;right:10px!important}.battle-result-popup{padding:15px!important;transform:scale(.6)!important}.victory-content{max-width:80vw!important;padding:20px!important;transform:scale(.6)!important}}.arena-slot .card-flip-container{transform-origin:50%;transform:scale(1)}.transition-splash-overlay{z-index:10000;pointer-events:none;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;animation:1.5s forwards splashFade;display:flex;position:fixed;top:0;left:0}.transition-logo{filter:drop-shadow(0 0 20px #ffcc0080);backface-visibility:hidden;width:350px}@keyframes splashFade{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0;visibility:hidden}}.about-content p{font-family:Inter,sans-serif;line-height:1.6}.login-screen-container{background-image:url(../assets/background.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.login-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:10;background:#000000d9;border:4px solid #fc0;border-radius:20px;width:500px;max-width:90vw;padding:3rem;animation:.8s cubic-bezier(.175,.885,.32,1.275) loginAppear;box-shadow:0 0 60px #fc06}@keyframes loginAppear{0%{opacity:0;transform:scale(.8)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.login-logo-wrapper{text-align:center;margin-bottom:1.5rem}.login-logo{filter:drop-shadow(0 0 15px #ffcc0080);width:250px}.login-title{color:#fc0;text-align:center;letter-spacing:4px;text-shadow:0 0 10px #ffcc0080;margin-bottom:2.5rem;font-family:Orbitron,sans-serif;font-size:1.5rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:#aaa;letter-spacing:2px;font-family:Orbitron,sans-serif;font-size:.8rem}.input-group input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;outline:none;padding:1rem;font-family:Inter,sans-serif;font-size:1.1rem;transition:all .3s}.input-group input:focus{background:#ffffff26;border-color:#fc0;box-shadow:0 0 15px #fc03}.login-error-msg{color:#ff4d4d;text-align:center;font-size:.9rem;font-weight:700;animation:.5s ease-in-out shake}.login-submit-btn{width:100%;margin-top:1rem}.login-footer{text-align:center;color:#666;margin-top:2rem;font-size:.8rem;font-style:italic}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.quota-display{color:#fff;text-shadow:0 2px 4px #00000080;background:#000000b3;border:2px solid #fc06;border-radius:12px;margin-bottom:.5rem;padding:12px 25px;font-family:Orbitron,sans-serif;font-size:1rem}.quota-display span{margin-left:10px;font-weight:900}.has-quota{color:#2ecc71;text-shadow:0 0 10px #2ecc7180}.no-quota{color:#ff4d4d;text-shadow:0 0 10px #ff4d4d80}.game-btn.watch-btn{background:linear-gradient(135deg,red,#c00);border-color:#f33;font-size:1.2rem;color:#fff!important}.game-btn.watch-btn:hover{background:red;box-shadow:0 0 30px #f009}.watch-modal .watch-instructions p{color:#fc0;text-shadow:0 0 10px #ffcc004d;font-size:1.1rem;font-weight:900}.watch-modal .watch-instructions li{color:#fff;text-shadow:0 1px 3px #000c;margin-bottom:10px;font-size:1rem;font-weight:500}.game-btn.disabled{cursor:not-allowed;color:#fff!important;box-shadow:none!important;background:#333!important;border-color:#444!important;transform:none!important}.game-btn.success{color:#fff!important;background:linear-gradient(135deg,#2ecc71,#27ae60)!important;border-color:#2ecc71!important}.game-btn.success:hover{box-shadow:0 0 20px #2ecc7199!important}.game-btn.claimed{color:#ccc!important;cursor:default!important;box-shadow:none!important;background:#666!important;border-color:#555!important;transform:none!important}.countdown-timer{letter-spacing:2px;border:2px solid #ffcc004d;font-size:1.2rem;font-weight:900}.footer{justify-content:center;align-items:center;gap:20px;display:flex}.admin-portal-btn{color:#0000004d;cursor:pointer;background:0 0;border:1px solid #0003;border-radius:4px;padding:5px 10px;font-size:.7rem;transition:all .3s}.admin-portal-btn:hover{color:#fc0;background:#0000001a;border-color:#fc0}.admin-portal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5000;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.admin-dashboard-card{max-width:95vw;width:600px!important}.admin-stats-section,.admin-config-section{text-align:left;margin-bottom:2rem}.admin-stats-section h3,.admin-config-section h3{color:#fc0;border-bottom:1px solid #ffcc004d;margin-bottom:1rem;padding-bottom:5px;font-family:Orbitron,sans-serif;font-size:.9rem}.stats-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.stat-item{background:#ffffff0d;border-radius:10px;flex-direction:column;gap:5px;padding:15px;display:flex}.stat-label{color:#ccc;text-transform:uppercase;font-size:.75rem;font-weight:700}.stat-value{color:#fff;font-family:Orbitron,sans-serif;font-size:1.5rem}.admin-config-section .input-group input{width:100%}.menu-options{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.player-welcome-msg{text-align:center}