@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;-webkit-user-select:none;user-select:none;margin:0;padding:0}body.allow-select,body.allow-select *{-webkit-user-select:text!important;user-select:text!important}input,textarea{-webkit-user-select:text;user-select:text}body{background:var(--color-bg);place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex;overflow:hidden}@media screen and (orientation:portrait){body{place-items:flex-start;display:block;overflow:hidden auto}}#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)}@keyframes rotateGlowConic{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-container{color:#fff;text-align:center;background-image:url(../assets/background/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{transform:translateY(-5px)scale(1.02);color:#000!important;background:#fc0!important;box-shadow:0 0 50px #fc0c!important}.game-btn.primary:hover{color:#000!important;background:#fc0!important}.game-btn.mini{letter-spacing:1px;border-width:1px;padding:.5rem 1rem;font-size:.8rem}.exit-panel-bottom-right{z-index:250000;pointer-events:auto;touch-action:manipulation;flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:fixed;bottom:10px;right:10px}.exit-btn-bottom-right{background:var(--color-accent);color:#fff;transform-origin:100% 100%;pointer-events:auto;touch-action:manipulation;padding:8px 14px;font-size:.8rem;position:relative;transform:scale(.7);box-shadow:0 0 10px #f006}.exit-panel-bottom-left{z-index:250000;pointer-events:auto;touch-action:manipulation;flex-direction:column;align-items:flex-start;gap:5px;display:flex;position:fixed;bottom:10px;left:10px}.bottom-left-controls{z-index:250000;pointer-events:auto;touch-action:manipulation;align-items:center;gap:12px;display:flex;position:fixed;bottom:15px;left:15px}.round-btn-bottom-left{cursor:pointer;pointer-events:auto;touch-action:manipulation;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s ease-in-out;display:flex;box-shadow:0 0 12px #ff4a4a66;color:#fff!important;background:#ff4a4a40!important;border:2px solid #ff4a4a!important;border-radius:50%!important;padding:0!important;font-size:1.2rem!important}.round-btn-bottom-left:hover{transform:scale(1.08);box-shadow:0 0 18px #ff4a4ab3;background:#ff4a4a73!important}.round-btn-emoji{cursor:pointer;pointer-events:auto;touch-action:manipulation;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s ease-in-out;display:flex;box-shadow:0 0 12px #ab47bc66;color:#fff!important;background:#ab47bc40!important;border:2px solid #ab47bc!important;border-radius:50%!important;padding:0!important;font-size:1.2rem!important}.round-btn-emoji:hover{transform:scale(1.08);box-shadow:0 0 18px #ab47bcb3;background:#ab47bc73!important}.exit-btn-bottom-left{background:var(--color-accent);color:#fff;transform-origin:0 100%;pointer-events:auto;touch-action:manipulation;padding:8px 14px;font-size:.8rem;position:relative;transform:scale(.7);box-shadow:0 0 10px #f006}.continue-panel-bottom-right{z-index:250000;pointer-events:auto;touch-action:manipulation;position:fixed;bottom:15px;right:15px}.continue-btn-bottom-right{text-transform:uppercase;letter-spacing:1px;cursor:pointer;text-shadow:0 1px 3px #0009;pointer-events:auto;touch-action:manipulation;padding:10px 22px;font-size:.85rem;font-weight:800;transition:all .2s ease-in-out;animation:2s ease-in-out infinite pulseContinueBR;color:#fff!important;background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%)!important;border:2px solid #00f2fe!important;border-radius:30px!important;box-shadow:0 0 15px #00f2fe80,inset 0 0 8px #ffffff4d!important}.continue-btn-bottom-right:hover{transform:scale(1.05);background:linear-gradient(135deg,#0fc 0%,#00f2fe 100%)!important;box-shadow:0 0 25px #00f2fecc,inset 0 0 12px #ffffff80!important}@keyframes pulseContinueBR{0%,to{transform:scale(1);box-shadow:0 0 15px #00f2fe80}50%{transform:scale(1.05);box-shadow:0 0 25px #00f2fee6;border-color:#0fc!important}}.suit-picker-bottom-right{z-index:250000;pointer-events:auto;touch-action:manipulation;flex-direction:row;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:15px;right:15px}.suit-picker-bottom-right .suit-options{flex-direction:row;align-items:flex-end;gap:10px;display:flex}.continue-btn-support-overlay{z-index:1000;white-space:nowrap;cursor:pointer;text-shadow:0 1px 2px #00000080;pointer-events:auto;touch-action:manipulation;border:1px solid #fff5;border-radius:6px;padding:8px 16px;font-size:.8rem;font-weight:700;animation:1.5s infinite pulseContinue;position:absolute;bottom:-45px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #0fc6;color:#fff!important;background:linear-gradient(135deg,#00f2fe,#4facfe)!important}@keyframes pulseContinue{0%,to{transform:translate(-50%)scale(1);box-shadow:0 0 10px #0fc6}50%{transform:translate(-50%)scale(1.05);box-shadow:0 0 20px #0fcc}}.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;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.grand-arena-box{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;width:100%;height:100%;display:flex;position:relative}.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{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.jpeg);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-stack-wrapper{display:inline-block;position:relative}.deck-layer{background-position:50%;background-size:cover;border:1px solid #ffffff26;border-radius:10px;width:100%;height:100%;position:absolute;box-shadow:0 6px 15px #0006}.deck-layer-1{filter:brightness(.75);z-index:1;top:-3px;left:-3px}.deck-layer-2{filter:brightness(.55);z-index:0;top:-6px;left:-6px}.deck-layer-3{filter:brightness(.38);z-index:-1;top:-9px;left:-9px}.deck-stack-wrapper .card-back-main{z-index:2;position:relative}@keyframes deckShuffle{0%{transform:rotate(0)translate(0)}15%{transform:rotate(-8deg)translate(-12px)}30%{transform:rotate(6deg)translate(10px)}45%{transform:rotate(-5deg)translate(-8px)}60%{transform:rotate(4deg)translate(7px)}75%{transform:rotate(-3deg)translate(-4px)}90%{transform:rotate(2deg)translate(2px)}to{transform:rotate(0)translate(0)}}@keyframes deckShuffleLayer{0%{opacity:1;transform:rotate(0)translate(0)}20%{opacity:.7;transform:rotate(-10deg)translate(-18px)}40%{opacity:.5;transform:rotate(8deg)translate(14px)}60%{opacity:.7;transform:rotate(-6deg)translate(-10px)}80%{opacity:.9;transform:rotate(3deg)translate(5px)}to{opacity:1;transform:rotate(0)translate(0)}}.deck-shuffling .card-back-main{transform-origin:bottom;animation:.85s cubic-bezier(.22,.61,.36,1) forwards deckShuffle}.deck-shuffling .deck-layer-1{transform-origin:bottom;animation:.85s cubic-bezier(.22,.61,.36,1) 50ms forwards deckShuffleLayer}.deck-shuffling .deck-layer-2{transform-origin:bottom;animation:.85s cubic-bezier(.22,.61,.36,1) .12s forwards deckShuffleLayer}.deck-shuffling .deck-layer-3{transform-origin:bottom;animation:.85s cubic-bezier(.22,.61,.36,1) .19s forwards deckShuffleLayer}.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}.hand-card-item{cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative}@media (hover:hover){.hand-card-item:hover{z-index:50;transform:translateY(-20px)scale(1.1)}.hand-card-item:hover .play-hint{opacity: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%)}.card-flip-container.is-face-down .card-inner{transform:rotateY(0)!important}.reveal-btn{color:#000;letter-spacing:1.5px;text-transform:uppercase;z-index:100;background:linear-gradient(#fc0,#f39c12);border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;min-width:60px;margin:0;padding:4px 15px;font-size:.6rem;font-weight:900;line-height:1;animation:1.5s infinite reveal-pulse;display:flex;box-shadow:0 0 10px #fc09}@keyframes reveal-pulse{0%{transform:scale(1);box-shadow:0 0 15px #fc09}50%{transform:scale(1.05);box-shadow:0 0 25px #ffcc00e6}to{transform:scale(1);box-shadow:0 0 15px #fc09}}.card-flip-container.is-unowned{filter:grayscale()brightness(.8);opacity:.8}.card-flip-container.is-unowned .card-inner{box-shadow:none!important}.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}.arena-slot-anim-wrapper.receiving-buff{filter:brightness(1.35)drop-shadow(0 0 20px #2ecc71f2);animation:.3s ease-in-out infinite buffPulse}@keyframes buffPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@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,#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}.floating-atk{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}.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{cursor:pointer;transition:all .3s}@media (hover:hover){.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:inherit}.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}.collection-grid .card-effect-text{display:none!important}.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}.shop-card-wrapper{width:140px;height:200px}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.collection-grid .card-inner{transition:none!important}.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.jpeg);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:#2ecc71;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)}.player-interaction-zone{z-index:2147483647!important;pointer-events:auto!important;height:auto!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;overflow:visible!important}.player-hand-unified{z-index:2147483647!important;pointer-events:auto!important;position:relative!important}.hand-card-item{z-index:2147483647!important;position:relative!important}.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:31000000!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:center;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-description{flex-direction:column;justify-content:space-between;height:100%;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-action-buttons{gap:15px;margin-top:auto;display:flex}.zoom-voice-btn{gap:6px!important;padding:8px 10px!important;font-size:.75rem!important}.zoom-voice-btn span{font-size:1rem!important}.zoom-right-column{color:#fff;text-align:left;flex-direction:column;flex:1;justify-content:space-between;min-width:300px;max-width:500px;min-height:0;display:flex}.zoom-effect-text{border-left:5px solid var(--color-primary);background:#0006;border-radius:12px;flex:auto;max-height:260px;margin-bottom:20px;padding:20px;font-size:.95rem;line-height:1.5;overflow-y:auto}.zoom-instruction-text{color:#eee;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;margin-bottom:15px;padding:12px 14px;font-size:.85rem;line-height:1.4}.zoom-right-column{min-width:auto;max-width:100%}.zoom-description h3{font-size:1.6rem}.zoom-stats{gap:12px;font-size:1.1rem}.zoom-effect-text{max-height:200px;padding:16px;font-size:.9rem}.zoom-action-buttons .game-btn{padding:12px!important;font-size:.9rem!important}@media (height<=640px){.zoom-effect-text{max-height:180px}.zoom-description h3{font-size:1.4rem}}.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;flex-direction:column;justify-content:center;align-items:center;padding:8px 15px;animation:.3s ease-out zoomInCustom;display:flex}.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%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}80%{transform:scale(.97)}to{opacity:1;transform: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}.result-card-preview .card-flip-container{width:130px!important;height:185px!important;margin:0!important}.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:0;flex-direction:column;align-items:center;height:auto;margin-top:0;display:flex;padding:0!important}.hand-label{color:#aaa;letter-spacing:2px;font-family:Orbitron,sans-serif;font-size:.75rem}.hand-card-item{cursor:pointer;transition:transform .2s,filter .2s;transform:translateY(-10px)}@media (hover:hover){.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)}50%{filter:drop-shadow(0 0 20px #0f0)}}.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(-5px)}}.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%)}@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:#2ecc71;font-weight:700}.card-type,.card-element{color:#aaa;text-transform:uppercase;font-size:.7rem}.card-serial{color:#fff;text-align:center;margin-top:2px;font-size:.65rem}.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!important;align-items:flex-start!important;gap:8px!important;width:100%!important;display:flex!important;overflow:visible!important}.enemy-hand-card-item{margin-left:-40px;transition:all .3s;transform:rotate(180deg)scale(.45)translateY(10px)}.enemy-hand-card-item:first-child{margin-left:0}.defeated-card-overlay{text-align:center;color:#fff;z-index:100;text-shadow:2px 2px 4px #000;background:#ff000073;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;font-size:1rem;font-weight:700;line-height:1.2;animation:1s infinite alternate flashDefeated;display:flex;position:absolute;top:0;left:0}@keyframes flashDefeated{0%{background:#ff00004d}to{background:#f009}}.hand-label.enemy{color:#666;letter-spacing:1px;margin-top:2px;font-family:Orbitron,sans-serif;font-size:.6rem}@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}}.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:landscape){.welcome-container{flex-direction:column!important;justify-content:center!important;gap:10px!important;padding:10px!important}.welcome-container .content{max-width:1000px;flex-direction:column!important;align-items:center!important;gap:12px!important;width:100%!important}.welcome-container .logo-wrapper{flex:none;justify-content:flex-start;width:100%;display:flex;align-self:flex-start!important;margin-bottom:0!important}.welcome-container .logo{max-width:260px!important}.welcome-container .menu-options{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;width:100%!important;max-width:600px!important;margin:0 auto!important;display:grid!important}.welcome-container .menu-options .game-btn,.welcome-container .quota-display{letter-spacing:.5px!important;box-sizing:border-box!important;text-align:center!important;color:#fff!important;background:#0009!important;border:2px solid #fc0!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:45px!important;padding:0 10px!important;font-size:.8rem!important;display:flex!important}}@media screen and (orientation:landscape) and (width<=900px){.welcome-container .logo{max-width:180px!important}.welcome-container .logo-wrapper{justify-content:flex-start!important;align-self:flex-start!important;margin-bottom:0!important;display:flex!important}.welcome-container .player-welcome-msg{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;border:1px solid #ffcc004d;border-radius:20px;padding:3px 12px;margin-bottom:5px!important;font-size:1.1rem!important}.welcome-container .menu-options{gap:5px!important}}@media screen and (orientation:landscape) and (height<=720px){.welcome-container .content{transform-origin:50%!important;transform:scale(.9)!important}}@media screen and (orientation:landscape) and (height<=600px){.welcome-container .content{transform-origin:50%!important;transform:scale(.8)!important}}@media screen and (orientation:landscape) and (height<=500px){.welcome-container .content{transform-origin:50%!important;transform:scale(.68)!important}}@media screen and (orientation:landscape) and (height<=400px){.welcome-container .content{transform-origin:50%!important;gap:4px!important;transform:scale(.55)!important}}@media screen and (orientation:landscape) and (height<=320px){.welcome-container .content{transform-origin:50%!important;gap:2px!important;transform:scale(.46)!important}}@media screen and (orientation:landscape) and (width<=1024px){.welcome-container .content{transform-origin:50%!important;transform:scale(.85)!important}}@media screen and (orientation:landscape) and (width<=850px){.welcome-container .content{transform-origin:50%!important;transform:scale(.7)!important}}@media screen and (orientation:landscape) and (width<=700px){.welcome-container .content{transform-origin:50%!important;gap:6px!important;transform:scale(.58)!important}}@media screen and (orientation:landscape) and (width<=550px){.welcome-container .content{transform-origin:50%!important;gap:4px!important;transform:scale(.48)!important}}@media screen and (width>=1024px){.welcome-container .content{transform-origin:50%;transform:scale(1.05)!important}.welcome-container .logo{max-width:320px!important;margin-bottom:.5rem!important}.welcome-container .menu-options .game-btn:hover{color:#000!important;background:#fc0!important;box-shadow:0 0 30px #ffcc0080!important}}.welcome-container .menu-options .game-btn.exit-btn-main{letter-spacing:2px!important;color:#fff!important;background:#ff4d4d!important;border-width:2px!important;border-color:#f33!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;height:38px!important;min-height:38px!important;padding:8px 16px!important;font-size:1rem!important;display:flex!important;box-shadow:0 4px 15px #ff4d4d66!important}.welcome-container .menu-options .game-btn.exit-btn-main:hover{background:#f33!important;transform:translateY(-2px)scale(1.02)!important;box-shadow:0 0 25px #f33c!important}@media screen and (width>=1024px){.welcome-container .menu-options .game-btn.exit-btn-main{height:44px!important;min-height:44px!important;padding:10px 20px!important;font-size:1.1rem!important}}@media screen and (orientation:portrait){.welcome-container{flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:16px!important;padding:20px 16px!important;overflow-y:auto!important}.welcome-container .content{flex-direction:column!important;align-items:center!important;gap:16px!important;width:100%!important;max-width:480px!important;padding-top:20px!important;transform:none!important}.welcome-container .logo-wrapper{justify-content:center!important;align-self:center!important;width:100%!important;margin-bottom:0!important}.welcome-container .logo{width:70%!important;max-width:240px!important}.welcome-container .menu-options{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;width:100%!important;max-width:400px!important;margin:0 auto!important;display:grid!important}.welcome-container .menu-options .game-btn,.welcome-container .quota-display{letter-spacing:.5px!important;box-sizing:border-box!important;text-align:center!important;color:#fff!important;background:#0009!important;border:2px solid #fc0!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:50px!important;padding:0 10px!important;font-size:.85rem!important;display:flex!important}.welcome-container .player-welcome-msg{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;border:1px solid #ffcc004d;border-radius:20px;padding:4px 16px;text-align:center!important;margin-bottom:0!important;font-size:1rem!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{z-index:100!important;pointer-events:none!important;background:linear-gradient(#000000d9,#0000)!important;border-bottom:none!important;justify-content:center!important;align-items:flex-start!important;height:70px!important;margin:0!important;padding:0 10px!important;display:flex!important;overflow:visible!important}.enemy-hand-card-item{filter:drop-shadow(0 -2px 5px #00000080)!important;flex-shrink:0!important;width:65px!important;height:92px!important;margin-left:-40px!important;transition:all .3s!important;transform:rotate(180deg)scale(.6)translateY(120px)!important}.enemy-hand-card-item:first-child{margin-left:0!important}.hand-label.enemy{display:none!important}.grand-arena-box{z-index:200!important;position:relative!important}.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:translateY(-35px)!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{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5000!important}.center-controls{transform-origin:50%;pointer-events:auto!important;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{letter-spacing:1px;text-align:center;justify-content:center;align-items:center;gap:8px;width:100%;font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:900;display:inline-flex}.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:#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-atk-badge,.enemy-atk-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-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:60px!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{z-index:10000!important;background:linear-gradient(#0000,#000000d9)!important;border-top:0!important;flex-direction:column!important;justify-content:flex-end!important;height:auto!important;padding:0 10px!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;overflow:visible!important}.hand-label{display:none!important}.player-hand-unified{justify-content:center!important;align-items:flex-end!important;gap:8px!important;width:100%!important;min-height:80px!important;padding-bottom:0!important;display:flex!important;overflow:visible!important}.hand-card-item{filter:drop-shadow(0 4px 8px #0009)!important;flex-shrink:0!important;width:65px!important;height:92px!important;margin-left:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transform:scale(1)translateY(0)!important}@media (hover:hover){.hand-card-item:hover{z-index:9999999!important;filter:drop-shadow(0 0 35px #fc0)!important;transform:translateY(-80px)scale(1.3)!important}}.modal-content{width:450px!important;max-width:95vw!important;max-height:95vh!important;padding:20px!important;transform:none!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(120px,1fr))!important;gap:8px!important;max-height:75vh!important;padding:8px!important;overflow-y:auto!important}.collection-grid .card-flip-container{width:120px!important;height:270px!important}.collection-grid .card-flip-container .card-name{font-size:.6rem!important}.collection-grid .card-flip-container .card-stats-row{gap:3px!important;font-size:.55rem!important}.collection-grid .card-flip-container .card-image-container{height:180px!important}.collection-grid .card-flip-container .card-info,.collection-grid .card-flip-container .card-info-back{height:90px!important;padding:6px 8px!important}.shop-card-wrapper{width:120px!important;height:270px!important}.settings-modal,.about-modal{transform-origin:50%!important;transform:scale(.6)!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-panel-bottom-right{z-index:250000!important;pointer-events:auto!important;touch-action:manipulation!important;flex-direction:column!important;align-items:flex-end!important;gap:5px!important;display:flex!important;position:fixed!important;bottom:10px!important;right:10px!important}.exit-panel-bottom-left{z-index:250000!important;pointer-events:auto!important;touch-action:manipulation!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;display:flex!important;position:fixed!important;bottom:10px!important;left:10px!important}.continue-panel-bottom-right{z-index:250000!important;pointer-events:auto!important;touch-action:manipulation!important;flex-direction:column!important;align-items:flex-end!important;gap:5px!important;display:flex!important;position:fixed!important;bottom:10px!important;right:10px!important}.enemy-hand-count-badge{color:#fff!important;letter-spacing:.02em!important;white-space:nowrap!important;background:#000000bf!important;border-radius:999px!important;align-items:center!important;gap:.4rem!important;padding:4px 8px!important;font-size:.65rem!important;font-weight:700!important;display:inline-flex!important;box-shadow:0 0 10px #00000059!important}.exit-btn-bottom-right{transform-origin:100% 100%;background:var(--color-accent)!important;color:#fff!important;pointer-events:auto!important;touch-action:manipulation!important;padding:8px 14px!important;font-size:.8rem!important;position:relative!important;transform:scale(.7)!important;box-shadow:0 0 10px #f006!important}.deck-item-wrapper{margin:0!important;transform:none!important}.deck-item-wrapper .selection-badge{top:-10px!important;right:-10px!important;transform:scale(.5)!important}.modal-content.large .collection-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;gap:5px!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:100000000;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.5s forwards splashFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}.transition-logo{filter:drop-shadow(0 0 20px #ffcc0080);backface-visibility:hidden;width:250px;animation:1.5s ease-in-out infinite logoPulse}.transition-content{flex-direction:column;align-items:center;gap:30px;display:flex}.transition-loader{flex-direction:column;align-items:center;gap:15px;display:flex}.loader-spinner{border:4px solid #ffcc001a;border-left-color:#fc0;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.loader-text{color:#fc0;letter-spacing:3px;text-shadow:0 0 10px #ffcc0080;font-family:Orbitron,sans-serif;font-size:.9rem}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}.about-content p{font-family:Inter,sans-serif;line-height:1.6}.login-screen-container{background-image:url(../assets/background/background.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px 10px;display:flex;position:relative;overflow:hidden}.login-content-wrapper{z-index:10;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;max-width:420px;padding:10px;display:flex}@media screen and (height<=650px){.login-content-wrapper{transform-origin:50%;gap:8px;transform:scale(.85)}}@media screen and (height<=520px){.login-content-wrapper{transform-origin:50%;gap:6px;transform:scale(.7)}}@media screen and (height<=420px){.login-content-wrapper{transform-origin:50%;gap:4px;transform:scale(.55)}}@media screen and (height<=340px){.login-content-wrapper{transform-origin:50%;gap:2px;transform:scale(.48)}}@media screen and (width<=420px){.login-content-wrapper{transform-origin:50%;transform:scale(.9)}}@media screen and (width<=360px){.login-content-wrapper{transform-origin:50%;transform:scale(.8)}}@media screen and (width<=300px){.login-content-wrapper{transform-origin:50%;transform:scale(.7)}}.login-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:10;box-sizing:border-box;background:#000000d9;border:4px solid #fc0;border-radius:20px;flex-direction:column;gap:1rem;width:min(100%,400px);max-width:95vw;max-height:calc(100vh - 40px);padding:1.5rem 2rem 2rem;animation:.8s cubic-bezier(.175,.885,.32,1.275) loginAppear;display:flex;overflow:visible;box-shadow:0 0 60px #fc06}@media (width<=768px){.login-screen-container{justify-content:center!important;align-items:center!important;padding:10px!important}.login-card{border-width:3px!important;gap:8px!important;max-height:95vh!important;padding:1rem 1.2rem!important;overflow:visible!important}.login-logo{max-width:120px!important;margin-bottom:4px!important}.login-title{margin-top:0!important;margin-bottom:.8rem!important;font-size:1.1rem!important}.login-form{gap:.6rem!important}.input-group{gap:.2rem!important}.input-group label{margin-bottom:1px!important;font-size:.65rem!important}.input-group input{border-radius:6px!important;padding:8px!important;font-size:.85rem!important}.login-submit-btn{min-height:36px!important;margin-top:4px!important;font-size:.85rem!important}.login-language-selector{gap:8px!important;margin-top:6px!important;padding-top:6px!important}.login-language-selector button{min-width:40px!important;padding:4px 6px!important}}@media (height<=600px){.login-screen-container{justify-content:center!important;align-items:center!important}.login-card{gap:6px!important;max-height:95vh!important;padding:.8rem 1rem!important;overflow:visible!important}.login-title{margin-bottom:.5rem!important;font-size:1rem!important}.login-form{gap:.5rem!important}.input-group{gap:.1rem!important}.input-group label{font-size:.6rem!important}.input-group input{padding:6px!important;font-size:.8rem!important}.login-submit-btn{min-height:32px!important;margin-top:2px!important;font-size:.8rem!important}.login-language-selector{margin-top:4px!important;padding-top:4px!important}}@keyframes loginAppear{0%{opacity:0;transform:scale(.8)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.login-logo-wrapper{text-align:center;z-index:20;filter:drop-shadow(0 4px 20px #fc09);justify-content:center;width:100%;margin-bottom:-20px;display:flex;position:relative;align-self:center!important}.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{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.quota-display{color:#fff;text-shadow:0 2px 4px #00000080;background:#000000b3;border-radius:8px;margin-bottom:.5rem;font-family:Orbitron,sans-serif;border:2px solid #fc0!important;align-items:center!important;padding:12px 15px!important;font-size:.85rem!important;display:flex!important}.game-btn{width:auto;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;min-height:38px!important;display:inline-flex!important}.lang-btn{flex:1;min-width:100px!important;height:auto!important;min-height:100px!important;box-shadow:none!important;background:#ffffff08!important;border:3px solid #ffffff1a!important;flex-direction:column!important;padding:8px!important;transition:all .2s ease-in-out!important;display:flex!important;overflow:hidden!important;transform:scale(1)!important}.lang-btn:hover{color:#fff!important;background:#ffcc0014!important;border-color:#ffcc0080!important;transform:scale(1.03)!important;box-shadow:0 0 15px #ffcc0026!important}.lang-btn.active-lang{background:#ffcc0026!important;border-color:#fc0!important;transform:scale(1.03)!important;box-shadow:0 0 12px #ffcc004d!important}.lang-btn.active-lang:hover{background:#fc03!important;border-color:#fc0!important;transform:scale(1.03)!important;box-shadow:0 0 15px #fc06!important}.modal-content{padding:1.5rem!important;overflow-x:hidden!important}@media (width<=768px){.modal-content{width:450px!important;max-width:95vw!important;padding:1rem!important}.lang-btn{min-width:80px!important;min-height:80px!important}.lang-btn img{width:45px!important}}.premium-alert-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99999999;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.premium-alert-box{text-align:center;background:linear-gradient(145deg,#1a1a1a,#050505);border:2px solid #fc0;border-radius:20px;width:100%;max-width:400px;padding:1.5rem 2rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalPopIn;box-shadow:0 0 50px #000000e6,0 0 20px #fc03}@keyframes modalPopIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.premium-alert-title{color:#fc0;text-transform:uppercase;letter-spacing:2px;margin-bottom:.8rem;font-family:Orbitron,sans-serif;font-size:1.1rem}.premium-alert-msg{color:#eee;margin-bottom:1.5rem;font-family:Orbitron,sans-serif;font-size:.95rem;line-height:1.5}.premium-prompt-input{color:#fff;text-align:center;background:#ffffff0d;border:1px solid #fc06;border-radius:8px;outline:none;width:100%;margin-bottom:1.2rem;padding:10px;font-family:Orbitron,sans-serif;font-size:1rem}.premium-prompt-input:focus{background:#ffffff1a;border-color:#fc0}.premium-alert-btn-container{justify-content:center;gap:12px;display:flex}.premium-alert-btn-container .game-btn{letter-spacing:1.5px!important;text-transform:uppercase!important;border-width:2px!important;border-radius:8px!important;min-width:90px!important;height:auto!important;padding:8px 18px!important;font-size:.85rem!important;line-height:1.2!important}.modal-close{color:#fc0!important;cursor:pointer!important;z-index:100!important;background:#000c!important;border:1px solid #fc0!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:35px!important;height:35px!important;font-size:1.5rem!important;display:flex!important;box-shadow:0 0 10px #ffcc0080!important}.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{transform-origin:bottom;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;bottom:5px;left:0;right:0;transform:scale(.5)}.footer p{color:#888;margin:0;font-size:1.2rem}.admin-portal-btn{color:#555;cursor:pointer;pointer-events:auto;background:0 0;border:1px solid #333;border-radius:4px;padding:5px 15px;font-size:.8rem;transition:all .3s}.admin-portal-btn:hover{color:#fc0;background:#ffcc001a;border-color:#fc0}.admin-portal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5000;box-sizing:border-box;background:#000c;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding:20px 10px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.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}.admin-table-container{background:#0000004d;border:1px solid #fc03;border-radius:10px;max-height:400px;overflow-y:auto}.admin-stats-table{border-collapse:collapse;width:100%;font-size:.8rem}.admin-stats-table th{color:#fc0;text-align:left;z-index:1;text-transform:uppercase;background:#ffcc001a;padding:10px;font-family:Orbitron,sans-serif;font-size:.7rem;position:sticky;top:0}.admin-stats-table td{color:#fff;border-bottom:1px solid #ffffff0d;padding:10px}.admin-stats-table tr:hover{background:#ffffff0d}.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}@media screen and (orientation:landscape){.login-card{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:10px!important;width:450px!important;max-width:95vw!important;height:auto!important;max-height:98vh!important;padding:1rem!important;display:flex!important;overflow-y:hidden!important}.login-logo{max-width:150px!important;margin-bottom:5px!important}.login-form{gap:5px!important;width:100%!important}.input-group label{margin-bottom:2px!important;font-size:.7rem!important}.input-group input{padding:8px!important;font-size:.9rem!important}.login-submit-btn{min-height:40px!important;margin-top:10px!important}.login-language-selector{margin-top:10px!important;padding-top:10px!important}.login-title{margin-bottom:.3rem!important;font-size:.8rem!important}.login-logo{height:auto;width:150px!important;max-width:100%!important}.login-form{gap:.4rem!important;width:100%!important;max-width:400px!important}.login-form .input-group input{color:#000!important;background:#fffc!important;padding:.8rem 1rem!important;font-size:1rem!important;font-weight:700!important}.login-submit-btn{height:auto!important;margin-top:.5rem!important;padding:.8rem 1rem!important;font-size:1rem!important}.login-form .input-group label{text-shadow:0 0 5px #000c;color:#fc0!important;margin-bottom:2px!important;font-size:.65rem!important}.login-logo-wrapper{width:100%;display:flex;justify-content:flex-start!important;margin-bottom:.5rem!important}.admin-dashboard-card{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#000000f2!important;border:2px solid #fc0!important;border-radius:15px!important;width:95vw!important;max-width:95vw!important;height:95vh!important;max-height:95vh!important;margin:2.5vh auto!important;padding:2rem!important;overflow-y:auto!important;transform:none!important;box-shadow:0 0 30px #ffcc004d!important}.admin-panel-title{color:#fc0;text-align:center;text-transform:uppercase;letter-spacing:3px;margin-bottom:1.5rem;font-family:Orbitron,sans-serif;font-size:1.5rem}.admin-config-section select{border:1px solid #444;border-radius:5px;width:100%;margin-bottom:10px;padding:12px;font-size:1rem;color:#fff!important;background:#222!important}.admin-config-section option{color:#fff!important;background:#222!important}.stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.stat-item{padding:10px!important}.stat-value{font-size:1.1rem!important}.admin-tabbed-layout{gap:30px!important;width:100%!important;height:70vh!important;margin-top:10px!important;display:flex!important}.admin-sidebar{border-right:1px solid #fc03!important;flex-direction:column!important;gap:10px!important;width:200px!important;padding-right:20px!important;display:flex!important}.admin-sidebar button{color:#888!important;text-align:left!important;cursor:pointer!important;text-transform:uppercase!important;letter-spacing:1px!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:5px!important;padding:15px!important;font-family:Orbitron,sans-serif!important;font-size:.8rem!important;transition:all .3s!important}.admin-sidebar button.active{color:#fc0!important;background:#ffcc0026!important;border-color:#fc0!important;box-shadow:0 0 15px #fc03!important}.admin-sidebar button:hover:not(.active){color:#fff!important;background:#ffffff1a!important}.admin-content-area{flex:1!important;padding-right:10px!important;overflow-y:auto!important}.admin-config-section{background:#ffffff08!important;border:1px solid #ffffff0d!important;border-radius:12px!important;margin-top:0!important;padding:25px!important}.exit-btn-bottom-right{z-index:250001!important;pointer-events:auto!important;touch-action:manipulation!important;position:fixed!important;bottom:20px!important;right:20px!important}}.arena-top-left-controls{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;border:1px solid #ffcc004d;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;display:flex;position:absolute;top:10px;left:10px}.arena-top-right-badge{z-index:1000;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:10px;right:10px}.control-btn:hover{transform:scale(1.1)}.volume-slider-wrap{align-items:center;display:flex}.volume-slider{appearance:none;background:#fff3;border-radius:2px;outline:none;width:40px;height:2px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fc0;border-radius:50%;width:10px;height:10px;box-shadow:0 0 5px #ffcc0080}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.feedback-overlay{z-index:9999999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.feedback-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;min-width:320px;padding:40px;animation:.4s cubic-bezier(.175,.885,.32,1.275) scaleUp;box-shadow:0 25px 50px #00000080}.feedback-msg{color:#fff;letter-spacing:1px;text-transform:uppercase;margin-top:25px;font-family:Orbitron,sans-serif;font-size:1.2rem}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.success-checkmark{width:80px;height:80px;margin:0 auto}.check-icon{box-sizing:content-box;border:4px solid #4caf50;border-radius:50%;width:80px;height:80px;position:relative}.check-icon:before{transform-origin:100%;border-radius:100px 0 0 100px;width:30px;top:3px;left:-2px}.check-icon:after{transform-origin:0;border-radius:0 100px 100px 0;width:60px;animation:4.25s ease-in rotatePlaceholder;top:0;left:30px}.check-icon .icon-line{z-index:10;background-color:#4caf50;border-radius:2px;height:5px;display:block;position:absolute}.check-icon .icon-line.line-tip{width:25px;animation:.75s icon-line-tip;top:46px;left:14px;transform:rotate(45deg)}.check-icon .icon-line.line-long{width:47px;animation:.75s icon-line-long;top:38px;right:8px;transform:rotate(-45deg)}.check-icon .icon-circle{z-index:10;box-sizing:content-box;border:4px solid #4caf5080;border-radius:50%;width:80px;height:80px;position:absolute;top:-4px;left:-4px}.check-icon .icon-fix{z-index:1;width:5px;height:85px;position:absolute;top:8px;left:28px;transform:rotate(-45deg)}@keyframes icon-line-tip{0%{width:0;top:19px;left:1px}54%{width:0;top:19px;left:1px}70%{width:50px;top:37px;left:-8px}84%{width:17px;top:48px;left:21px}to{width:25px;top:46px;left:14px}}@keyframes icon-line-long{0%{width:0;top:54px;right:46px}65%{width:0;top:54px;right:46px}84%{width:55px;top:35px;right:0}to{width:47px;top:38px;right:8px}}.error-x{border:4px solid #f44336;border-radius:50%;width:80px;height:80px;margin:0 auto;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake;position:relative}.error-x .line{background-color:#f44336;border-radius:2px;width:50px;height:5px;position:absolute;top:37px;left:15px}.error-x .line.left{transform:rotate(45deg)}.error-x .line.right{transform:rotate(-45deg)}.dynamic-sliding-banner-overlay{z-index:999;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.banner-bar{border-top:3px solid var(--color-primary);border-bottom:3px solid var(--color-primary);background:linear-gradient(90deg,#0000,#000000d9 15% 85%,#0000);justify-content:center;align-items:center;width:100%;height:100px;transition:transform .4s cubic-bezier(.19,1,.22,1);display:flex;transform:translate(-100%);box-shadow:0 0 30px #fc06}.dynamic-sliding-banner-overlay.slide-in .banner-bar,.dynamic-sliding-banner-overlay.hold .banner-bar{transform:translate(0)}.dynamic-sliding-banner-overlay.slide-out .banner-bar{transform:translate(100%)}.banner-text{color:#fff;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 15px var(--color-primary), 0 0 30px var(--color-primary);font-family:Orbitron,sans-serif;font-size:2.8rem;font-weight:900;animation:1s infinite alternate bannerTextPulse}@keyframes bannerTextPulse{0%{opacity:.9;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.banner-stripe{background:var(--color-primary);width:50px;height:6px;box-shadow:0 0 10px var(--color-primary);margin:0 20px}.elemental-projectile-overlay{pointer-events:none;z-index:888;width:100%;height:100%;position:absolute;top:0;left:0}.elemental-projectile-overlay.player-to-enemy .projectile-sphere{animation:.8s cubic-bezier(.25,.46,.45,.94) forwards playerToEnemyProject}.elemental-projectile-overlay.enemy-to-player .projectile-sphere{animation:.8s cubic-bezier(.25,.46,.45,.94) forwards enemyToPlayerProject}@keyframes playerToEnemyProject{0%{opacity:0;top:75%;left:50%;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}80%{opacity:1;top:25%;left:50%;transform:translate(-50%,-50%)scale(1)}to{filter:brightness(2);opacity:0;top:25%;left:50%;transform:translate(-50%,-50%)scale(2)}}@keyframes enemyToPlayerProject{0%{opacity:0;top:25%;left:50%;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}80%{opacity:1;top:75%;left:50%;transform:translate(-50%,-50%)scale(1)}to{filter:brightness(2);opacity:0;top:75%;left:50%;transform:translate(-50%,-50%)scale(2)}}.projectile-sphere{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 25px #fffc}.elemental-projectile-overlay.fire .projectile-sphere{background:radial-gradient(circle,#fff 10%,#f50 50%,#700 90%);box-shadow:0 0 35px #f50,0 0 70px #f10,inset 0 0 20px #fff}.elemental-projectile-overlay.water .projectile-sphere{background:radial-gradient(circle,#fff 10%,#00a2ff 60%,#03a 90%);box-shadow:0 0 35px #00d4ff,0 0 70px #05f,inset 0 0 20px #fff}.elemental-projectile-overlay.leaf .projectile-sphere,.elemental-projectile-overlay.duri .projectile-sphere,.elemental-projectile-overlay.bug .projectile-sphere,.elemental-projectile-overlay.insect .projectile-sphere{background:radial-gradient(circle,#fff 10%,#0f6 50%,#051 90%);box-shadow:0 0 35px #0f6,0 0 70px #093,inset 0 0 20px #fff}.elemental-projectile-overlay.lightning .projectile-sphere,.elemental-projectile-overlay.petir .projectile-sphere,.elemental-projectile-overlay.thunder .projectile-sphere{background:radial-gradient(circle,#fff 20%,#ff0 60%,#fa0 90%);box-shadow:0 0 45px #ff0,0 0 90px #fa0,inset 0 0 20px #fff}.elemental-projectile-overlay.solar .projectile-sphere,.elemental-projectile-overlay.light .projectile-sphere,.elemental-projectile-overlay.gamma .projectile-sphere{background:radial-gradient(circle,#fff 30%,gold 70%,#f80 100%);box-shadow:0 0 50px #ffea00,0 0 100px gold,inset 0 0 25px #fff}.elemental-projectile-overlay.dark .projectile-sphere,.elemental-projectile-overlay.shadow .projectile-sphere{background:radial-gradient(circle,#7f00ff 20%,#20003c 70%,#000 100%);box-shadow:0 0 35px #7f00ff,0 0 70px #300060,inset 0 0 15px #000}.elemental-projectile-overlay.wind .projectile-sphere,.elemental-projectile-overlay.stealth .projectile-sphere{background:radial-gradient(circle,#fff 20%,#e0e0e0 60%,#888 90%);box-shadow:0 0 30px #fff,0 0 60px #ccc,inset 0 0 20px #fff}.elemental-projectile-overlay.earth .projectile-sphere,.elemental-projectile-overlay.guard .projectile-sphere{background:radial-gradient(circle,#fff 10%,#d2691e 60%,#5c2c16 90%);box-shadow:0 0 30px #d2691e,0 0 60px #8b4513,inset 0 0 20px #fff}.elemental-projectile-overlay.mech .projectile-sphere,.elemental-projectile-overlay.alien .projectile-sphere,.elemental-projectile-overlay.space .projectile-sphere{background:radial-gradient(circle,#fff 20%,#0ff 60%,#066 90%);box-shadow:0 0 35px #0ff,0 0 70px #088,inset 0 0 20px #fff}.elemental-projectile-overlay.unknown .projectile-sphere,.elemental-projectile-overlay.fusion .projectile-sphere,.elemental-projectile-overlay.team .projectile-sphere{background:radial-gradient(circle,#fff 20%,#f0f 60%,#606 90%);box-shadow:0 0 30px #f0f,0 0 60px #909,inset 0 0 20px #fff}.hp-change-indicator{z-index:99;pointer-events:none;white-space:nowrap;font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:900;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.hp-change-indicator.decrease{color:#f33;text-shadow:-3px -3px #000,3px -3px #000,-3px 3px #000,3px 3px #000,0 4px 10px #f00c;animation:1.2s cubic-bezier(.25,1,.5,1) forwards floatUpAndFade}.hp-change-indicator.increase{color:#2ecc71;text-shadow:-3px -3px #000,3px -3px #000,-3px 3px #000,3px 3px #000,0 4px 10px #2ecc71cc;animation:1.2s cubic-bezier(.25,1,.5,1) forwards floatUpAndFade}.atk-change-indicator{z-index:99;pointer-events:none;white-space:nowrap;font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:900;position:absolute}.atk-change-indicator.increase{color:#0fc;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,0 4px 10px #0fcc;animation:1.2s cubic-bezier(.25,1,.5,1) forwards floatUpAndFade}.atk-change-indicator.decrease{color:#e67e22;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,0 4px 10px #e67e22cc;animation:1.2s cubic-bezier(.25,1,.5,1) forwards floatUpAndFade}@keyframes floatUpAndFade{0%{opacity:0;transform:translate(-50%,15px)scale(.6)}15%{opacity:1;transform:translate(-50%,-15px)scale(1.3)}50%{opacity:1;transform:translate(-50%,-35px)scale(1.1)}to{opacity:0;transform:translate(-50%,-75px)scale(.85)}}.badge-flash-buff{animation:.8s cubic-bezier(.25,.8,.25,1) badgeFlashBuff!important}@keyframes badgeFlashBuff{0%,to{transform:translateY(-50%)scale(1)}20%{border-color:#a3e4d7;transform:translateY(-55%)scale(1.35);box-shadow:0 0 30px #2ecc71f2;background:linear-gradient(135deg,#2ecc71,#27ae60)!important}50%{border-color:#a3e4d7;transform:translateY(-48%)scale(1.2);box-shadow:0 0 25px #2ecc71cc;background:linear-gradient(135deg,#2ecc71,#27ae60)!important}80%{transform:translateY(-52%)scale(1.1)}}.badge-flash-shake{animation:.7s cubic-bezier(.25,.8,.25,1) badgeFlashShake!important}@keyframes badgeFlashShake{0%,to{background:linear-gradient(135deg,#2ecc71,#27ae60);transform:translateY(-50%)scale(1);box-shadow:0 0 15px #2ecc7166}15%{border-color:#f88;transform:translateY(-55%)scale(1.3)rotate(-4deg);box-shadow:0 0 30px #ff0000f2;background:linear-gradient(135deg,#f33,#c00)!important}30%{border-color:#f88;transform:translateY(-45%)scale(1.3)rotate(4deg);box-shadow:0 0 30px #ff0000f2;background:linear-gradient(135deg,#f33,#c00)!important}45%{transform:translateY(-53%)scale(1.2)rotate(-2deg);box-shadow:0 0 20px #ff0000b3;background:linear-gradient(135deg,#f33,#c00)!important}65%{transform:translateY(-48%)scale(1.1)rotate(1deg);background:linear-gradient(135deg,#f33,#c00)!important}85%{transform:translateY(-50%)scale(1.05)rotate(0)}}.combat-hit-overlay{pointer-events:none;z-index:80;border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.combat-hit-overlay.hit-sword{background:0 0;animation:.45s cubic-bezier(.1,.8,.2,1) forwards swordSlashAnim}@keyframes swordSlashAnim{0%{filter:brightness(1.5)drop-shadow(0 0 15px #fffc);background:linear-gradient(135deg,#0000 35%,#fffffff2 45%,#fff 50%,#fffffff2 55%,#0000 65%) -125% -125%/250% 250%}to{filter:brightness(1.2)drop-shadow(0 0 5px #fff3);background:linear-gradient(135deg,#0000 35%,#fffffff2 45%,#fff 50%,#fffffff2 55%,#0000 65%) 125% 125%/250% 250%}}.combat-hit-overlay.hit-gun{mix-blend-mode:screen;background:radial-gradient(circle,#ffdc00 0%,#e66400cc 45%,#0000 75%);animation:.35s steps(4,end) infinite gunFlashAnim}@keyframes gunFlashAnim{0%,to{opacity:0;transform:scale(.3)translate(-20px,10px)}25%{opacity:1;transform:scale(1.1)translate(15px,-15px)}50%{opacity:.8;transform:scale(.9)translate(-10px,-5px)}75%{opacity:.95;transform:scale(1.2)translate(10px,20px)}}.combat-hit-overlay.hit-explosion{mix-blend-mode:screen;background:radial-gradient(circle,#ff5050 0%,#f05a0af2 35%,#fdb40ab3 60%,#0000 80%);animation:.75s cubic-bezier(.1,.8,.3,1) forwards explosionFlashAnim}@keyframes explosionFlashAnim{0%{opacity:0;filter:blur(8px)brightness(1.8);transform:scale(.2)}20%{opacity:1;filter:blur(2px)brightness(2);transform:scale(1.4)}50%{opacity:.8;filter:blur(6px)brightness(1.4);transform:scale(1.6)}to{opacity:0;filter:blur(12px)brightness();transform:scale(1.9)}}.playstore-early-access-badge{cursor:pointer;background:linear-gradient(135deg,#141419f2,#0a0a0ffa);border:1px solid #00ffcc59;border-radius:12px;justify-content:flex-start;align-items:center;max-width:90%;margin:15px auto;padding:12px 18px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 15px #00ffcc1a}.playstore-early-access-badge:hover{background:linear-gradient(135deg,#19191efa,#0f0f14);border-color:#00ffccd9;transform:translateY(-2px);box-shadow:0 5px 25px #00ffcc73}.playstore-early-access-badge:active{transform:translateY(0);box-shadow:0 2px 10px #00ffcc4d}.playstore-icon{filter:drop-shadow(0 0 5px #00c8ff4d);flex-shrink:0;width:38px;height:38px;margin-right:14px;transition:transform .3s}.playstore-early-access-badge:hover .playstore-icon{transform:scale(1.1)rotate(5deg)}.badge-text-container{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.badge-title{color:#0fc;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 0 10px #00ffcc4d;margin-bottom:3px;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700}.badge-subtitle{color:#bbb;font-family:Orbitron,sans-serif;font-size:.72rem;line-height:1.3}.profile-modal-grid{grid-template-columns:minmax(240px,.85fr) minmax(260px,1.15fr);align-items:start;gap:0;margin-top:6px;display:grid}.profile-left-col{flex-direction:column;gap:10px;padding-right:16px;display:flex}.profile-right-col{border-left:1.5px solid #ffffff14;flex-direction:column;justify-content:space-between;gap:10px;height:100%;padding-left:16px;display:flex}@media (width<=900px){.profile-modal-grid{grid-template-columns:1fr;gap:12px}.profile-left-col{gap:8px;padding-right:0}.profile-right-col{border-top:1.5px solid #ffffff14;border-left:none;gap:8px;padding-top:12px;padding-left:0}}.card-fly-overlay{pointer-events:none;z-index:9999999;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.flying-card{transform-origin:50%;will-change:transform, opacity;pointer-events:none;background-position:50%;background-size:cover;border:1px solid #ffcc0080;border-radius:8px;width:65px;height:92px;position:absolute;box-shadow:0 10px 30px #000c,0 0 20px #fc06}@keyframes flyToPlayerHand{0%{opacity:0;filter:brightness(1.5)blur(2px);transform:scale(.8)rotate(-5deg)}15%{opacity:1;filter:brightness(1.8)blur();transform:scale(1.1)rotate(-3deg)}60%{filter:brightness(1.3);transform:scale(1.05)rotate(1deg)}85%{filter:brightness(1.1);opacity:1;transform:scale(1)rotate(0)}to{opacity:0;filter:brightness();transform:scale(.9)rotate(0)}}@keyframes flyToEnemyHand{0%{opacity:0;filter:brightness(1.5)blur(2px);transform:scale(.8)rotate(180deg)}15%{opacity:1;filter:brightness(1.8)blur();transform:scale(1.1)rotate(183deg)}60%{filter:brightness(1.3);transform:scale(1.05)rotate(179deg)}85%{filter:brightness(1.1);opacity:1;transform:scale(1)rotate(180deg)}to{opacity:0;transform:scale(.9)rotate(180deg)}}@keyframes deckPulse{0%{box-shadow:0 0 #fc00}30%{box-shadow:0 0 25px #fc0c,0 0 50px #fc06}to{box-shadow:0 0 #fc00}}.deck-pulse-anim{animation:.5s ease-out forwards deckPulse}@keyframes cardDealIn{0%{opacity:0;transform:scale(0)translateY(30px)rotate(-10deg)}60%{opacity:1;transform:scale(1.15)translateY(-8px)rotate(2deg)}80%{transform:scale(.95)translateY(2px)rotate(-1deg)}to{opacity:1;transform:scale(1)translateY(0)rotate(0)}}.hand-card-item.card-deal-in{animation:.45s cubic-bezier(.175,.885,.32,1.275) forwards cardDealIn}@keyframes cardLandingFlip{0%{transform:rotateY(0)}30%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.hand-card-item.card-deal-in .card-inner{animation:.45s cubic-bezier(.2,.8,.2,1) forwards cardLandingFlip!important}@keyframes trailFade{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(.5)}}.flying-card-trail{pointer-events:none;border-radius:8px;width:65px;height:92px;animation:.3s ease-out forwards trailFade;position:absolute}@keyframes cardShine{0%{background-position:-200%}to{background-position:200%}}.hand-card-item.card-shine:after{content:"";pointer-events:none;z-index:10;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%) 0 0/200% 100%;border-radius:8px;width:100%;height:100%;animation:.4s ease-out forwards cardShine;position:absolute;top:0;left:0}@keyframes starPop{0%{opacity:1;transform:translate(0)scale(0)}to{transform:translate(var(--tx), var(--ty)) scale(1.5);opacity:0}}.card-star-particle{pointer-events:none;z-index:10;background:#fc0;border-radius:50%;width:6px;height:6px;animation:.5s ease-out forwards starPop;position:absolute}@keyframes vipGlow{0%,to{transform:translateY(0);box-shadow:0 0 20px #ffd70066,0 0 40px #6c5ce733}50%{transform:translateY(-3px);box-shadow:0 0 35px #ffd700cc,0 0 60px #6c5ce780}}.vip-btn-glow{animation:3s ease-in-out infinite vipGlow;position:relative}.vip-btn-glow:hover{color:#fff!important;background:linear-gradient(135deg,orange 0%,#fc0 50%,#a29bfe 100%)!important;transform:translateY(-5px)scale(1.02)!important;box-shadow:0 0 45px #ffd700e6,0 0 70px #6c5ce7b3!important}.settings-tab-button{color:#ffffffa6;letter-spacing:.5px;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;outline:none;align-items:center;gap:8px;padding:8px 18px;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.settings-tab-button:before{content:"";opacity:0;background:linear-gradient(135deg,#ffcc001a,#ff88001a);width:100%;height:100%;transition:opacity .25s;position:absolute;top:0;left:0}.settings-tab-button:hover{color:#fff;border-color:#ffcc0080;transform:translateY(-1px);box-shadow:0 4px 12px #ffcc0026}.settings-tab-button:hover:before{opacity:1}.settings-tab-button.active{color:#000;background:linear-gradient(135deg,#fc0,#f80);border:1px solid #fc0;font-weight:900;box-shadow:0 0 15px #fc06,inset 0 1px 2px #ffffff4d}.settings-tab-button.active:hover{transform:translateY(-1px);box-shadow:0 6px 18px #ffcc0080,inset 0 1px 2px #ffffff4d}.modal-content.fit-screen{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;top:0!important;left:0!important}.modal-content.fit-screen.padded-fit-screen{padding:20px!important}.info-panel .stats{flex-direction:row!important;gap:8px!important;margin:8px 0 0!important;display:flex!important}.info-panel .stats .hp,.zoom-stats .hp{color:#fff!important;letter-spacing:.5px!important;text-shadow:0 1px 2px #0000004d!important;background:linear-gradient(135deg,#e74c3c,#c0392b)!important;border-radius:6px!important;padding:3px 10px!important;font-family:Orbitron,sans-serif!important;font-weight:900!important;display:inline-block!important;box-shadow:0 0 10px #e74c3c66!important}.info-panel .stats .atk,.zoom-stats .atk{color:#fff!important;letter-spacing:.5px!important;text-shadow:0 1px 2px #0000004d!important;background:linear-gradient(135deg,#2ecc71,#27ae60)!important;border-radius:6px!important;padding:3px 10px!important;font-family:Orbitron,sans-serif!important;font-weight:900!important;display:inline-block!important;box-shadow:0 0 10px #2ecc7166!important}.lobby-shortcuts-left,.lobby-shortcuts-right{z-index:1000;gap:25px;display:flex;position:absolute}.lobby-shortcut-wrapper{cursor:pointer;flex-direction:column;align-items:center;gap:6px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.lobby-shortcut-wrapper:hover{transform:scale(1.12)translateY(-2px)}.lobby-shortcut-circle{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex}.lobby-shortcut-wrapper:hover .lobby-shortcut-circle{filter:brightness(1.15)}.lobby-shortcut-icon{font-size:1.6rem;line-height:1}.lobby-shortcut-label{color:#fff;text-shadow:0 2px 4px #000c,0 0 8px #fff6;letter-spacing:.8px;white-space:nowrap;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:900}@media screen and (width<=768px) and (orientation:portrait){.lobby-shortcuts-left{flex-direction:row;gap:12px;bottom:30px;left:20px}.lobby-shortcuts-right{flex-direction:row;gap:12px;bottom:30px;right:20px}.lobby-shortcut-circle{width:46px;height:46px}.lobby-shortcut-icon{font-size:1.3rem}.lobby-shortcut-label{font-size:.5rem}}@media screen and (orientation:landscape){.lobby-shortcuts-left{flex-direction:column;top:58%;left:25px;transform:translateY(-50%);gap:12px!important}.lobby-shortcuts-right{flex-direction:column;top:58%;right:25px;transform:translateY(-50%);gap:12px!important}}@media screen and (width>=769px) and (orientation:landscape){.lobby-shortcuts-left{flex-direction:column;top:58%;left:25px;transform:translateY(-50%);gap:14px!important}.lobby-shortcuts-right{flex-direction:column;top:58%;right:25px;transform:translateY(-50%);gap:14px!important}}@media screen and (width<=768px) and (orientation:portrait){.modal-content.large{padding:12px!important}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))!important;gap:15px 8px!important;padding:8px!important}.collection-grid .card-flip-container{width:110px!important;height:240px!important}.collection-grid .card-flip-container .card-image-container,.collection-grid .card-flip-container .card-back-image{height:165px!important}.collection-grid .card-flip-container .card-info,.collection-grid .card-flip-container .card-info-back{box-sizing:border-box!important;height:75px!important;padding:4px 6px!important}.collection-grid .card-flip-container .card-name{font-size:.55rem!important}.collection-grid .card-flip-container .card-stats-row{gap:2px!important;font-size:.5rem!important}.shop-card-wrapper{width:110px!important;height:240px!important}}@media screen and (orientation:portrait){#root{width:100%!important;height:100%!important;min-height:100vh!important;position:relative!important;top:auto!important;left:auto!important;overflow:hidden auto!important;transform:none!important}}button:focus,a:focus,input:focus,select:focus,textarea:focus,[tabindex]:focus{outline-offset:2px!important;z-index:99999!important;outline:3px solid #f1c40f!important;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out!important;transform:scale(1.04)!important;box-shadow:0 0 20px #f1c40f,inset 0 0 10px #f1c40f80!important}.clickable-stats-card{cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s!important}.clickable-stats-card:hover{border-color:#fc0!important;transform:translateY(-3px)scale(1.02)!important;box-shadow:0 8px 25px #ffcc0059!important}.clickable-stats-card:active{transform:translateY(-1px)scale(1)!important}.premium-close-zoom-btn{box-sizing:border-box!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;padding:0!important;line-height:1!important;display:flex!important}@media screen and (height<=580px) and (width>=650px){.guide-steps-list{column-count:2!important;column-gap:15px!important}.guide-steps-list>div,.guide-steps-list>p{break-inside:avoid-column!important;margin-bottom:10px!important}.responsive-about-grid{text-align:left!important;grid-template-columns:1fr 1.5fr!important;align-items:center!important;gap:20px!important;display:grid!important}.privacy-policy-body{column-count:2!important;column-gap:20px!important}.privacy-policy-body>p,.privacy-policy-body>h4,.privacy-policy-body>ul{break-inside:avoid-column!important}.vip-responsive-grid{grid-template-columns:1.2fr 1fr!important;align-items:start!important;gap:15px!important;display:grid!important}.vip-responsive-grid table{font-size:.65rem!important}.vip-responsive-grid th,.vip-responsive-grid td{padding:6px 8px!important}.responsive-prematch-grid{grid-template-columns:1fr 1.2fr!important;gap:20px!important;display:grid!important}}.deck-choice-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));place-items:center;gap:12px 10px;display:grid}@keyframes bouncePulse{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.08);box-shadow:0 6px 15px #e74c3c99}}.game-btn.wish-ad-btn{color:#fff!important;text-shadow:none!important;background:linear-gradient(135deg,#e74c3c,#c0392b)!important;border:1px solid #ff7675!important}.game-btn.wish-ad-btn:hover{color:#fff!important;background:#e74c3c!important;box-shadow:0 0 20px #e74c3cb3!important}.game-btn.wish-kaka-btn{color:#fff!important;text-shadow:none!important;background:linear-gradient(135deg,#2980b9,#2c3e50)!important;border:1px solid #3498db!important}.game-btn.wish-kaka-btn:hover{color:#fff!important;background:#2980b9!important;box-shadow:0 0 20px #3498dbb3!important}.firework-explosion{pointer-events:none;z-index:1000;opacity:0;border-radius:50%;animation:1.5s ease-out forwards firework-burst;position:absolute}.grand-arena-box{position:relative;overflow:hidden}