@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap";:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-weight:400;line-height:1.5;font-family:Cinzel,serif!important}a{color:#646cff;text-decoration:inherit;font-weight:500;font-family:Cinzel,serif!important}a:hover{color:#535bf2}body{min-width:320px;min-height:100vh;margin:0;overflow-y:auto;font-family:Cinzel,serif!important}h1{font-size:3.2em;line-height:1.1;font-family:Cinzel,serif!important}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-size:1em;font-weight:500;transition:border-color .25s;font-family:Cinzel,serif!important}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.fight-modal-overlay{z-index:1000;backdrop-filter:blur(5px);background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fight-modal-content{aspect-ratio:16/9;box-sizing:border-box;background-image:url(/modal_bg.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;grid-template-rows:auto 1fr auto;place-items:center;width:90%;max-width:600px;padding:30px 15px;display:grid;position:relative;overflow:hidden}.button-group{flex-direction:column;align-items:center;gap:clamp(.5rem,2vw,1.5rem);width:100%;max-width:220px;margin:0;padding-bottom:5%;display:flex}.join-room-container{flex-direction:column;align-items:center;gap:clamp(.5rem,2vw,1.5rem);width:100%;max-width:220px;padding-bottom:5%;display:flex}.room-id-input{color:#e4c084;text-align:center;background:#1a1a1ae6;border:1px solid #e4c084;border-radius:8px;width:100%;padding:clamp(.6rem,2vw,.8rem);font-family:Cinzel,serif;font-size:clamp(.875rem,2vw,1rem);transition:all .3s}.room-id-input:focus{border-color:#e4c084;outline:none;box-shadow:0 0 15px #e4c0844d}.button-group button,.join-room-container button{min-width:clamp(120px,25%,180px)}@media (width<=768px){.fight-modal-content{width:95%;padding:20px 10px}}@media (width>=1200px){.fight-modal-content{max-width:800px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.boss-modal{width:95%;max-width:900px;max-height:85vh;aspect-ratio:unset;flex-direction:column;justify-content:space-between;min-height:500px;padding:20px 15px;display:flex;overflow-y:auto}.boss-title{color:#ff6b6b;text-shadow:0 0 15px #ff6b6b80;margin-bottom:.5rem;font-size:clamp(1.5rem,4vw,2.2rem)}.boss-modal-info{text-align:center;color:#e4c084;margin:1rem 0;font-size:1rem;line-height:1.4}.boss-modal-info p{margin:.3rem 0}.boss-battle-arena{flex-direction:column;flex:1;gap:1.5rem;width:100%;margin:1rem 0;display:flex}.boss-section,.team-section{text-align:center}.boss-section h3{color:#b1a221;text-shadow:0 0 10px #ff6b6b4d;margin-bottom:.5rem;font-family:Cinzel,serif;font-size:1.2rem}.team-section h3{color:#bac524;text-shadow:0 0 10px #6bcf7f4d;margin-bottom:.5rem;font-family:Cinzel,serif;font-size:1.2rem}.boss-card-battle{filter:drop-shadow(0 0 15px #ff000080);transition:transform .3s,filter .3s;transform:scale(.65)}.boss-card-battle:hover{filter:drop-shadow(0 0 20px #ff0000b3);transform:scale(.7)}.team-cards{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.card-wrapper{flex-direction:column;align-items:center;gap:.3rem;transition:transform .3s;display:flex}.card-wrapper:hover{transform:translateY(-5px)}.user-card .battle-card{filter:drop-shadow(0 0 10px #6bcf7f80)}.teammate-card .battle-card{filter:drop-shadow(0 0 8px #e4c0844d)}.battle-card{transition:transform .3s,filter .3s;transform:scale(.5)}.battle-card:hover{transform:scale(.55)}.card-label{color:#e4c084;text-shadow:0 0 5px #00000080;font-family:Cinzel,serif;font-size:.8rem;font-weight:600}@media (width<=768px){.boss-modal{width:98%;max-width:none;min-height:450px;padding:15px 10px}.boss-battle-arena{gap:1rem}.team-cards{gap:.3rem}.battle-card{transform:scale(.4)}.battle-card:hover{transform:scale(.45)}.boss-card-battle{transform:scale(.5)}.boss-card-battle:hover{transform:scale(.55)}.boss-modal-info{font-size:.9rem}}@media (width<=480px){.boss-modal{border-radius:0;width:100%;height:100vh;max-height:none;padding:10px 8px;overflow-y:auto}.boss-battle-arena{gap:.8rem}.team-cards{flex-direction:column;align-items:center;gap:.3rem}.battle-card{transform:scale(.4)}.boss-card-battle{transform:scale(.5)}.boss-title{font-size:1.5rem}.boss-section h3,.team-section h3{font-size:1.2rem}.boss-modal-info{margin:1rem 0;font-size:.9rem}}.loading-modal{background-color:#000000d9;box-shadow:0 0 30px #000000d9}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:30px;height:100%;padding:40px;display:flex}.loading-spinner{border:4px solid #dab6194d;border-top-color:#e4c084;border-radius:50%;width:80px;height:80px;margin-top:50px;animation:1s linear infinite spin}.loading-title{color:#e4c084;text-align:center;text-shadow:0 2px 4px #00000080;margin:0;font-size:2rem;font-weight:700}.loading-text{color:#a0a0a0;text-align:center;max-width:300px;margin:0;font-size:1.1rem;line-height:1.4}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-count-container{flex-direction:column;align-items:center;gap:15px;width:100%;max-width:350px;margin-top:25px;display:flex}.player-count-text{color:#e4c084;text-shadow:0 2px 4px #0009;font-family:Cinzel,serif;font-size:1.3rem;font-weight:700}.player-count-bar{background:#0a0a0acc;border:2px solid #e4c084;border-radius:12px;width:100%;height:22px;overflow:hidden;box-shadow:inset 0 0 5px #00000080}.player-count-fill{background:linear-gradient(90deg,#d4af37,#e4c084);border-radius:8px;height:100%;transition:width .8s cubic-bezier(.25,1,.5,1)}.open-pack-modal-overlay{z-index:1000;backdrop-filter:blur(5px);background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.open-pack-modal-content{aspect-ratio:16/9;box-sizing:border-box;background-image:url(/modal_bg.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;grid-template-rows:auto 1fr auto;place-items:center;width:90%;max-width:600px;padding:40px 20px;animation:.3s ease-out fadeIn;display:grid;position:relative}.mint-message{color:#e4c084;text-align:center;border-radius:4px;width:90%;max-width:400px;margin:0 auto;padding:10px;font-family:Cinzel,serif;font-size:clamp(.875rem,2vw,1rem);transition:all .3s}.button-group{justify-content:center;align-items:center;gap:clamp(.5rem,2vw,1.5rem);width:100%;margin:0;padding-bottom:5%;display:flex}.button-group button{min-width:clamp(120px,25%,180px)}.mint-message.error{color:#ff6b6b;animation:.5s ease-in-out shake}.mint-message.success{color:#69db7c}@media (width<=768px){.open-pack-modal-content{width:95%;padding:20px 10px}.button-group{flex-direction:column;gap:1rem}}@media (width>=1200px){.open-pack-modal-content{max-width:800px}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.approval-modal-overlay{z-index:1000;backdrop-filter:blur(5px);background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.approval-modal-content{aspect-ratio:16/9;box-sizing:border-box;background-image:url(/modal_bg.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;grid-template-rows:auto 1fr auto;place-items:center;width:90%;max-width:600px;padding:60px 40px 40px;display:grid;position:relative}.modal-title{color:#e4c084;text-align:center;text-shadow:0 2px 4px #00000080;margin:0;padding-top:0;font-family:Cinzel,serif;font-size:clamp(1.2rem,3.5vw,2rem)}.approval-modal-info{color:#e4c084;text-align:center;max-width:90%;margin:15px 0;padding:0 30px;font-family:Cinzel,serif;font-size:clamp(.8rem,2vw,1rem);line-height:1.5}.approval-modal-info p{text-shadow:0 1px 2px #0000004d;margin:0}.approval-modal-info .error-message{color:#ff6b6b;text-shadow:none;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:4px;margin-top:10px;padding:8px 12px;font-size:.9rem}.button-group{flex-direction:column;align-items:center;gap:clamp(.5rem,1.5vw,1rem);width:100%;max-width:200px;padding-bottom:0;display:flex}@media (width<=768px){.approval-modal-content{width:95%;padding:50px 30px 30px}.approval-modal-info{max-width:95%;padding:0 20px;font-size:.9rem}.button-group{gap:.8rem;max-width:180px}}@media (width<=480px){.approval-modal-content{aspect-ratio:4/3;padding:40px 20px 25px}.approval-modal-info{max-width:100%;margin:10px 0;padding:0 15px;font-size:.8rem}.button-group{gap:.6rem;max-width:160px}}@keyframes modalAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.approval-modal-content{animation:.3s ease-out modalAppear}.loading-container{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.loading-spinner{border:4px solid #e4c0844d;border-top-color:#e4c084;border-radius:50%;width:60px;height:60px;margin-bottom:20px;animation:1s linear infinite spin}.loading-text{color:#e4c084;text-align:center;text-shadow:0 0 10px #e4c0844d;margin:0;font-family:Cinzel,serif;font-size:1.2rem;font-weight:500}.loading-container.small{min-height:30vh;padding:20px}.loading-container.small .loading-spinner{border-width:3px;width:40px;height:40px}.loading-container.small .loading-text{font-size:1rem}.loading-container.large{min-height:80vh;padding:60px 20px}.loading-container.large .loading-spinner{border-width:5px;width:80px;height:80px}.loading-container.large .loading-text{font-size:1.4rem}.navigation-bar{box-sizing:border-box;z-index:1000;background-image:url(/barv3.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;width:100%;height:120px;margin:50px auto 0;display:flex;position:relative}.button-group-left{align-items:center;gap:30px;width:fit-content;display:flex;position:absolute;left:20%;transform:translate(-50%)}.button-group-right{align-items:center;gap:30px;width:fit-content;display:flex;position:absolute;right:21%;transform:translate(50%)}.logo-container{align-items:center;height:70%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-52%,-50%)}.nav-logo{object-fit:contain;max-width:100%;height:100%}.nav-button{color:#e4c084;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;padding:10px 20px;font-family:Cinzel,serif;font-size:18px;font-weight:500;transition:all .3s}.nav-button:hover{color:#fff;text-shadow:0 0 10px #e4c08480;transform:scale(1.1)}.nav-link{color:inherit;text-decoration:none}.nav-link:hover{text-decoration:none}@media screen and (width>=1920px){.navigation-bar{max-width:1920px}}.fight-room{box-sizing:border-box;background-image:url(/background.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex-direction:column;align-items:center;width:100vw;height:100vh;margin:0;padding:2rem;display:flex;position:fixed;top:0;left:0;overflow:hidden}.fight-id-container{backdrop-filter:blur(5px);color:#e4c084;cursor:pointer;z-index:2;background:#ffffff1a;border:1px solid #e4c0844d;border-radius:10px;padding:.8rem 1.5rem;font-size:1.1rem;transition:all .3s}.fight-id-container:hover{transform:translateY(-2px);box-shadow:0 5px 15px #e4c08433}.battle-area{perspective:1000px;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:1.5rem;width:100%;max-width:1200px;height:calc(100vh - 250px);padding:1rem;display:grid}.player-card{justify-content:center;height:400px;display:flex;position:relative}.player-card.player1{transform:rotate(-5deg)}.player-card.player2{transform:rotate(5deg)}.waiting-card{backdrop-filter:blur(5px);background:#ffffff0d;border:2px dashed #e4c0844d;border-radius:15px;justify-content:center;align-items:center;width:280px;height:100%;display:flex}.waiting-card p{color:#e4c084;text-align:center;font-size:1.2rem}.battle-status{backdrop-filter:blur(5px);background:#0003;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:1rem;display:flex}.waiting-status h2,.countdown-status h2{color:#e4c084;text-shadow:0 0 10px #e4c08480;margin-bottom:1rem;font-size:1.8rem}.countdown{color:#e4c084;text-shadow:0 0 20px #e4c084b3;font-size:4.5rem;font-weight:700;animation:1s infinite pulse}.battle-animation{font-size:3.5rem;animation:.5s infinite battleShake}.impact-message-text{color:#e4c084;text-shadow:0 0 10px #00000080,0 0 20px #ffffff4d;font-size:3rem;font-weight:700;animation:.5s ease-out forwards impactTextPop;display:inline-block}@keyframes impactTextPop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.battle-result{text-align:center}.battle-result.winner h2{color:#4caf50;text-shadow:0 0 15px #4caf5080;font-size:2.2rem}.battle-result.loser h2{color:#f44336;text-shadow:0 0 15px #f4433680;font-size:2.2rem}.cancel-button{z-index:10;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.cancel-button:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 5px 15px #f443364d}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes battleShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes player1-attack-turn{0%{z-index:0;transform:rotate(-5deg)translate(0)translateY(0)scale(1)}40%{z-index:10;transform:rotate(0)translate(80px)translateY(-30px)scale(1.15)}50%{z-index:10;transform:rotate(0)translate(75px)translateY(-25px)scale(1.1)}90%{z-index:0;transform:rotate(-5deg)translate(0)translateY(0)scale(1)}to{z-index:0;transform:rotate(-5deg)translate(0)translateY(0)scale(1)}}@keyframes player2-attack-turn{0%{z-index:0;transform:rotate(5deg)translate(0)translateY(0)scale(1)}40%{z-index:10;transform:rotate(0)translate(-80px)translateY(-30px)scale(1.15)}50%{z-index:10;transform:rotate(0)translate(-75px)translateY(-25px)scale(1.1)}90%{z-index:0;transform:rotate(5deg)translate(0)translateY(0)scale(1)}to{z-index:0;transform:rotate(5deg)translate(0)translateY(0)scale(1)}}.animate-player1-attack{animation:1.5s ease-in-out player1-attack-turn}.animate-player2-attack{animation:1.5s ease-in-out player2-attack-turn}@keyframes card-hit-reaction{0%{filter:none;transform:translate(0)scale(1)}10%{filter:brightness(1.7)contrast(1.4);transform:translate(-8px)rotate(-1deg)scale(1.03)}25%{filter:brightness(1.4)contrast(1.2);transform:translate(8px)rotate(1deg)scale(1.02)}50%{filter:brightness(1.1);transform:translate(-5px)rotate(-.5deg)scale(1.01)}to{filter:none;transform:translate(0)scale(1)}}.animate-hit-reaction{animation:.35s ease-in-out card-hit-reaction}@keyframes card-dodge{0%{transform:translate(0)skew(0)}30%{transform:translate(-15px)skew(-8deg)scale(.95)}70%{transform:translate(-10px)skew(-5deg)scale(.98)}to{transform:translate(0)skew(0)scale(1)}}.animate-dodge{z-index:5;animation:.4s ease-out card-dodge}@media (width<=1200px){.battle-area{grid-template-rows:repeat(3,auto);grid-template-columns:1fr;gap:2rem;height:auto;padding:1rem}.player-card{height:350px}.player-card.player1,.player-card.player2{transform:none}.waiting-card{width:240px;height:350px}.battle-status{order:-1}.countdown{font-size:3.5rem}}.battle-status>div{width:100%;animation:.5s ease-in-out fadeIn}.boss-fight-room{color:#fff;box-sizing:border-box;background:0 0;flex-direction:column;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.room-id-container{background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:20px;margin-bottom:20px;padding:10px;font-size:1.1rem;font-weight:700;display:flex}.room-id-container span{cursor:pointer}.boss-battle-layout{box-sizing:border-box;justify-content:space-around;align-items:center;gap:20px;width:100%;height:100%;padding:0 20px;display:flex}.team-section{flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:400px;margin-top:0;display:flex}.team-title{color:#4ecdc4;text-align:center;margin-bottom:15px;font-size:1.8rem;font-weight:700}.team-cards{grid-template-columns:1fr 1fr;gap:5px;max-width:300px;display:grid}.team-card{flex-direction:column;align-items:center;gap:5px;display:flex}.team-battle-card{transform:scale(.8)}.team-card:hover .team-battle-card{transform:scale(.85)}.battle-status-center{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:600px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.boss-section{flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:400px;display:flex}.boss-battle-card{transform:scale(1)}.boss-name{color:#ff6b6b;text-align:center;margin-top:20px;font-size:1.8rem;font-weight:700}.boss-fight-leave-button{display:none}.boss-fight-room-loading{color:#fff;background:linear-gradient(135deg,#1e1e2e 0%,#2e1e3e 100%);justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}.history-container{color:#fff;flex-direction:column;width:100%;max-width:1200px;margin:140px auto 0;padding:15px;display:flex;position:relative}.stats-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;min-height:120px;margin-bottom:20px;display:flex}.stat-box{text-align:center;background-color:#0003;border:12px solid #0000;border-image:url(/modal_bg.svg) 25;min-width:180px;padding:25px 35px;position:relative;box-shadow:0 0 20px #0006}.stat-box .stat-value{color:#e4c084;text-shadow:0 0 15px #e4c08466;margin-bottom:10px;font-family:Cinzel,serif;font-size:2.8rem;font-weight:700;line-height:1}.stat-box .stat-label{color:#e4c084;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px #e4c0844d;font-family:Cinzel,serif;font-size:1.2rem;font-weight:500}.history-title{text-align:center;color:#e4c084;text-shadow:0 0 10px #ffd70080;margin:40px 0 30px;font-family:Cinzel,serif;font-size:2.5rem}.filter-buttons{justify-content:center;gap:20px;min-height:60px;margin-bottom:30px;display:flex}.fights-list{background:#0003;border-radius:8px;flex-direction:column;gap:20px;height:600px;padding:20px 12px 20px 20px;display:flex;overflow:hidden auto}.fight-card{background:url(/modal_bg.svg) 50%/100% 100% no-repeat;flex-direction:column;flex-shrink:0;min-height:180px;padding:25px;display:flex;position:relative}.fights-list::-webkit-scrollbar{width:8px}.fights-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.fights-list::-webkit-scrollbar-thumb{background:#e4c084;border-radius:4px}.fights-list::-webkit-scrollbar-thumb:hover{background:#d4b074}.fight-header{border-bottom:1px solid #444;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.fight-header h3{color:#e4c084;margin:0;font-family:Cinzel,serif;font-size:1.5rem}.fight-result{text-transform:uppercase;letter-spacing:1px;background:#0006;border-radius:20px;padding:8px 25px;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;box-shadow:0 0 10px #0000004d}.fight-result.win{color:#e4c084;text-shadow:0 0 10px #e4c08480;background:linear-gradient(90deg,#0080004d,#0080001a);border:1px solid #e4c084;box-shadow:0 0 15px #e4c08433}.fight-result.loss{color:#e4c084;text-shadow:0 0 10px #e4c08480;background:linear-gradient(90deg,#8000004d,#8000001a);border:1px solid #e4c084;box-shadow:0 0 15px #8000004d}.fight-content{flex-wrap:wrap;justify-content:space-around;align-items:center;margin:20px 0;display:flex}.fighter{flex-direction:column;align-items:center;gap:10px;display:flex}.fighter h4{color:#e4c084;text-shadow:0 0 10px #e4c0844d;letter-spacing:1px;text-transform:uppercase;margin:0;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700}.fighter.player1 h4,.fighter.player2 h4{color:#0000;background:linear-gradient(90deg,#e4c084,#b6985a) text;position:relative}.fight-vs{color:#e4c084;flex-shrink:0;margin:0 20px;font-family:Cinzel,serif;font-size:2rem;font-weight:700}.card-placeholder{color:#888;background:#32323280;border-radius:10px;justify-content:center;align-items:center;width:150px;height:220px;display:flex}.loading,.error,.no-fights{text-align:center;color:#888;padding:40px 0;font-family:Cinzel,serif;font-size:1.2rem}.error{color:#ff7f7f}@media screen and (width<=1366px){.history-container{margin-top:120px}.stats-container{gap:30px;min-height:100px}.stat-box{border:12px solid #0000;border-image:url(/modal_bg.svg) 25;min-width:170px;padding:20px 30px}.fights-list{height:260px;padding:15px}.fight-card{min-height:170px}}@media screen and (width<=1024px){.history-container{margin-top:100px}.stats-container{gap:20px}.stat-box{border:12px solid #0000;border-image:url(/modal_bg.svg) 25;min-width:160px;padding:15px 25px}.fights-list{height:250px}.fight-card{min-height:160px}}@media (width<=768px){.history-container{padding:10px}.fights-list{gap:15px;padding-right:10px}.fight-card{padding:20px}.stats-container{gap:15px}.stat-box{border-width:12px;min-width:140px;padding:25px 20px}.stat-box .stat-value{margin-bottom:8px;font-size:2.2rem}.stat-box .stat-label{letter-spacing:1px;font-size:1rem}.fight-content{flex-direction:column;gap:20px}.fight-vs{margin:10px 0}}.content-wrapper{flex-direction:column;height:100%;display:flex}.waiting-team-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 80px);padding:2rem;display:flex}.waiting-team-content h2{text-shadow:2px 2px 4px #000c;margin-bottom:3rem;font-size:2.5rem;animation:2s ease-in-out infinite alternate glow}@keyframes glow{0%{text-shadow:2px 2px 4px #000c,0 0 10px gold}to{text-shadow:2px 2px 4px #000c,0 0 20px gold,0 0 30px gold}}.team-preview{flex-wrap:wrap;justify-content:center;align-items:center;gap:4rem;margin-bottom:4rem;display:flex}.selected-hero h3,.boss-preview h3{color:gold;margin-bottom:1rem;font-size:1.5rem}.vs-divider{color:#ff6b6b;text-shadow:2px 2px 4px #000c;font-size:3rem;font-weight:700;animation:1.5s ease-in-out infinite pulse}.battle-preparation{flex-direction:column;align-items:center;gap:2rem;display:flex}.spinner{border:4px solid #ffd70033;border-left-color:gold;border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}.loading-indicator p{color:#e4c084;margin:0;font-size:1.2rem}.sub-text{font-style:italic;color:#b8860b!important;font-size:1rem!important}@media (width<=768px){.team-preview{flex-direction:column;gap:2rem}.waiting-team-content h2{font-size:2rem}.boss-preview-image{width:150px;height:150px}.vs-divider{font-size:2rem}}.boss-page-container{color:#e4c084;height:100vh;font-family:Cinzel,serif;overflow:hidden}.boss-content-wrapper{flex-direction:column;align-items:center;width:100%;height:calc(100vh - 80px);margin-top:80px;display:flex;position:relative}.boss-scrollable-content{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:gold transparent;flex-direction:column;gap:2rem;width:100%;max-width:1200px;height:100%;padding:2rem 2rem 4rem;display:flex;overflow:hidden auto}.boss-scrollable-content::-webkit-scrollbar{width:8px}.boss-scrollable-content::-webkit-scrollbar-track{background:0 0}.boss-scrollable-content::-webkit-scrollbar-thumb{background-color:gold;border:3px solid #0000;border-radius:20px}.boss-header{text-align:center;margin-bottom:2rem}.boss-title{color:#e4c084;text-shadow:0 0 20px #e4c08480;margin-bottom:1rem;font-size:3rem;font-weight:700}.boss-timer{color:#e4c084;text-shadow:0 0 10px #ffd70080;background:#00000080;border:1px solid #e4c084;border-radius:25px;padding:1rem 2rem;font-size:1.5rem;font-weight:600;display:inline-block}.boss-main-section{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;margin:2rem 0;display:flex}.boss-card-container{flex:0 0 300px;justify-content:center;display:flex}.boss-card{filter:drop-shadow(0 0 4px #ad8484b3);transition:transform .3s,filter .3s;transform:scale(1.2)}.boss-card:hover{filter:drop-shadow(0 0 5px #ad8484b3);transform:scale(1.25)}.boss-description{backdrop-filter:blur(10px);background:#00000080;border:2px solid #e4c0844d;border-radius:15px;flex:1;min-width:300px;padding:2rem;transition:all .3s}.boss-description:hover{border-color:#e4c08480;box-shadow:0 0 20px #e4c08433}.boss-name{color:#e4c084;text-shadow:0 0 15px #ff6b6b80;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.boss-story{color:#e4c084;opacity:.9;white-space:pre-line;margin-bottom:1.5rem;font-size:1.2rem;line-height:1.6}.team-info{background:#00000080;border:2px solid #90a9224d;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s}.team-title{color:#e4c084;text-shadow:0 0 10px #6bcf7f4d;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.team-description{color:#e4c084;opacity:.9;font-size:1.1rem;line-height:1.5}.quick-approval-section{text-align:center;background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border:1px solid #ffc1074d;border-radius:8px;margin-top:1.5rem;padding:1rem}.quick-approval-text{color:#ffc107;margin:0 0 1rem;font-size:.9rem;font-weight:500}.approve-all-btn{width:100%;max-width:200px;margin:0 auto}.battle-button-container{z-index:10;justify-content:center;width:100%;margin-bottom:3rem;padding:1rem;display:flex;position:relative}.fight-boss-button{text-shadow:0 0 10px #ffffff4d;min-width:200px;min-height:60px;transition:all .3s;transform:scale(1.1);padding:1rem 3rem!important;font-size:1.5rem!important}.fight-boss-button:hover{transform:scale(1.15);box-shadow:0 0 30px #f006}@media (width<=1024px){.boss-scrollable-content{padding:1.5rem}.boss-title{font-size:2.5rem}.boss-timer{padding:.9rem 1.8rem;font-size:1.3rem}.boss-main-section{gap:2.5rem}.boss-card{transform:scale(1.1)}.boss-card:hover{transform:scale(1.15)}.boss-description{padding:1.8rem}.boss-name{font-size:2.2rem}.boss-story{font-size:1.1rem}.team-info{padding:1.3rem}.team-title{font-size:1.4rem}.team-description{font-size:1.05rem}.battle-button-container{margin-top:2.5rem;margin-bottom:2.5rem}.fight-boss-button{min-width:180px;min-height:55px;transform:scale(1.05);padding:.9rem 2.5rem!important;font-size:1.3rem!important}.fight-boss-button:hover{transform:scale(1.1)}}@media (width<=768px){.boss-scrollable-content{padding:1rem}.boss-title{font-size:2rem}.boss-timer{padding:.8rem 1.5rem;font-size:1.2rem}.boss-main-section{flex-direction:column;gap:2rem}.boss-card-container{flex:none}.boss-card{transform:scale(1)}.boss-card:hover{transform:scale(1.05)}.boss-description{min-width:auto;padding:1.5rem}.boss-name{font-size:2rem}.boss-story{font-size:1rem}.team-info{padding:1rem}.team-title{font-size:1.3rem}.team-description{font-size:1rem}.battle-button-container{margin-top:2rem;margin-bottom:2rem}.fight-boss-button{min-width:160px;min-height:50px;transform:scale(1);padding:.8rem 2rem!important;font-size:1.2rem!important}.fight-boss-button:hover{transform:scale(1.05)}}@media (width<=480px){.boss-content-wrapper{height:calc(100vh - 70px);margin-top:70px}.boss-scrollable-content{padding:.5rem}.boss-title{font-size:1.5rem}.boss-timer{padding:.6rem 1rem;font-size:1rem}.boss-main-section{gap:1.5rem}.boss-description{padding:1rem}.boss-name{font-size:1.5rem}.boss-story{font-size:.9rem}.team-info{padding:.8rem}.team-title{font-size:1.1rem}.team-description{font-size:.9rem}.battle-button-container{margin-top:2rem}.fight-boss-button{min-width:140px;min-height:45px;padding:.6rem 1.5rem!important;font-size:1rem!important}}.boss-stats-section{background:#e4c0841a;border:1px solid #e4c0844d;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:2rem;margin:1rem 0;padding:1rem;display:flex}.boss-stat{flex-direction:column;align-items:center;gap:.5rem;min-width:120px;display:flex}.stat-label{color:#e4c084;opacity:.8;font-size:.9rem}.stat-value{color:gold;text-shadow:0 0 10px #ffd70080;font-size:1.2rem;font-weight:700}.boss-defeated-status{text-align:center;color:#4caf50;background:#4caf5033;border:1px solid #4caf5080;border-radius:8px;margin-top:1rem;padding:.8rem 1.5rem;font-weight:700}.boss-defeated-message{text-align:center;color:#e4c084;opacity:.7;margin-top:1rem;font-style:italic}.boss-loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:300px;display:flex}.boss-loading-container p{color:#e4c084;font-size:1.1rem}.boss-error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:300px;display:flex}.boss-error-container h2{color:#ff6b6b;margin:0}.boss-error-container p{color:#e4c084;opacity:.8;max-width:400px}.no-wallet-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:300px;display:flex}.no-wallet-container h2{color:#e4c084;margin:0}.no-wallet-container p{color:#e4c084;opacity:.7}@media (width<=768px){.boss-stats-section{gap:1rem;padding:.8rem}.boss-stat{min-width:100px}.stat-label{font-size:.8rem}.stat-value{font-size:1rem}.boss-defeated-status{padding:.6rem 1rem;font-size:.9rem}}.nft-collection-section{text-align:center;background:linear-gradient(145deg,#e4c0841a,#ffd7000d);border:2px solid #e4c0844d;border-radius:15px;margin-top:2rem;margin-bottom:4rem;padding:2rem 2rem 4rem}.nft-collection-section .section-title{color:#e4c084;text-shadow:2px 2px 4px #00000080;margin-bottom:1.5rem;font-size:2rem;font-weight:600}.approve-all-container{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:10px;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.approve-all-text{color:#e4c084;max-width:500px;margin:0;font-size:1.1rem;line-height:1.4}.nfts-loading{flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.nfts-loading p{color:#e4c084;margin:0;font-size:1.1rem}.nfts-error{flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.nfts-error p{color:#ff6b6b;text-align:center;margin:0;font-size:1.1rem}.nfts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-items:center;gap:2rem;padding:1rem 0;display:grid}.nft-card-container{cursor:pointer;flex-direction:column;align-items:center;gap:1rem;max-width:300px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nfts-grid.has-selection .nft-card-container:not(.selected-for-boss){opacity:.3;filter:grayscale(.7);transition:all .3s;transform:scale(.95)}.nfts-grid.has-selection .nft-card-container.selected-for-boss{opacity:1;z-index:10;transition:all .3s;transform:scale(1.05)}.nft-approval-badge{z-index:10;position:absolute;top:15px;right:15px}.approval-checkbox{cursor:pointer;appearance:none;backdrop-filter:blur(10px);background:#000c;border:2px solid #e4c084;border-radius:6px;width:28px;height:28px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px #0000004d}.approval-checkbox.approved{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;box-shadow:0 0 15px #4caf5080}.approval-checkbox.approved:after{content:"✓";color:#fff;text-shadow:0 1px 2px #00000080;font-size:16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.approval-checkbox:not(.approved){background:linear-gradient(135deg,#ff5722,#e64a19);border-color:#ff5722;animation:2s infinite pulse-warning;box-shadow:0 0 15px #ff57224d}.approval-checkbox:not(.approved):after{content:"✕";color:#fff;text-shadow:0 1px 2px #00000080;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.approval-checkbox:not(.approved):hover{transform:scale(1.1);box-shadow:0 0 20px #ff572280}.approval-warning-tooltip{color:#fff;white-space:nowrap;z-index:20;backdrop-filter:blur(10px);opacity:0;visibility:hidden;background:linear-gradient(135deg,#ff5722f2,#ff5722e6);border:1px solid #fff3;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .3s;position:absolute;top:-45px;right:-10px;transform:translateY(5px);box-shadow:0 4px 12px #0000004d}.approval-warning-tooltip:after{content:"";border-top:6px solid #ff5722f2;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:100%;right:20px}.approval-checkbox:not(.approved):hover+.approval-warning-tooltip{opacity:1;visibility:visible;transform:translateY(0)}@keyframes pulse-warning{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.boss-nft-card{transition:transform .3s,box-shadow .3s}.nft-approval-section{text-align:center;width:100%}.approval-needed{background:linear-gradient(135deg,#ffc10726,#ffc1070d);border:1px solid #ffc10766;border-radius:6px;flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.approval-text{color:#ffc107;margin:0;font-size:.8rem;font-weight:500}.approve-individual-btn{width:100%;min-height:36px;font-size:.85rem}.no-nfts{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.no-nfts p{color:#e4c084;opacity:.8;margin:0;font-size:1.1rem}.no-nfts p:first-child{font-size:1.3rem;font-weight:600}@media (width<=768px){.nft-collection-section{margin-top:1.5rem;padding:1.5rem}.nft-collection-section .section-title{margin-bottom:1rem;font-size:1.6rem}.approve-all-container{padding:1rem}.approve-all-text{font-size:1rem}.nfts-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.nft-card-container{max-width:280px}}@media (width<=480px){.nfts-grid{grid-template-columns:1fr;gap:1rem}.nft-card-container{max-width:100%}.nft-collection-section .section-title{font-size:1.4rem}}.boss-fight-selection{text-align:center;width:100%;margin-bottom:1rem}.selected-for-boss-status{color:gold;background:linear-gradient(135deg,#ffd7004d,#ffd7001a);border:2px solid gold;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem;font-size:.9rem;font-weight:600;display:flex}.select-boss-card-btn{width:100%;min-height:40px}.nft-card-container.selected-for-boss{z-index:2;position:relative}.nft-card-container.selected-for-boss:before{content:"";z-index:-1;background:0 0;border-radius:8px;position:absolute;inset:-2px}@media (width<=768px){.boss-fight-selection{margin-bottom:.8rem}.selected-for-boss-status{padding:.6rem;font-size:.8rem}.select-boss-card-btn{min-height:36px}.fight-with-card-button{max-width:180px;padding:.6rem .8rem!important;font-size:.8rem!important}.selected-card-defeated .boss-defeated-message{font-size:.75rem}}.selected-card-actions{justify-content:center;margin-top:1rem;animation:.3s ease-out slideInUp;display:flex}.fight-with-card-button{width:100%;max-width:180px;color:#e4c084!important;backdrop-filter:blur(5px)!important;background:#ffffff1a!important;border:1px solid #e4c08480!important;border-radius:6px!important;padding:.6rem 1rem!important;font-size:.9rem!important;transition:all .3s!important}.fight-with-card-button:hover{background:#e4c08426!important;border-color:#e4c084!important;transform:translateY(-1px)!important}.selected-card-defeated{text-align:center;margin-top:1rem;animation:.3s ease-out slideInUp}.selected-card-defeated .boss-defeated-message{color:gold;text-shadow:1px 1px 2px #000000b3;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;margin:0;padding:.5rem;font-size:.85rem;font-weight:600}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.waiting-team-container{color:#e4c084;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);height:100vh;font-family:Cinzel,serif;overflow:hidden}.waiting-team-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1200px;height:calc(100vh - 80px);margin:80px auto 0;padding:2rem;display:flex}.waiting-team-content h2{color:gold;text-shadow:2px 2px 4px #000c;letter-spacing:2px;margin-bottom:3rem;font-size:3rem;font-weight:700}.team-preview{justify-content:center;align-items:center;gap:4rem;width:100%;max-width:800px;margin-bottom:4rem;display:flex}.selected-hero,.boss-preview{flex-direction:column;align-items:center;gap:1rem;display:flex}.selected-hero h3,.boss-preview h3{color:#e4c084;text-shadow:1px 1px 2px #000c;margin:0;font-size:1.5rem}.vs-divider{background:linear-gradient(45deg,#1a1a2e,#16213e);border:3px solid gold;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 0 20px #ffd7004d}.vs-divider span{color:gold;text-shadow:2px 2px 4px #000c;font-size:1.8rem;font-weight:700}.boss-preview-image{object-fit:cover;border:3px solid #8b0000;border-radius:15px;width:200px;height:200px;box-shadow:0 0 20px #8b000080}.battle-preparation{width:100%;max-width:500px}.loading-indicator{flex-direction:column;align-items:center;gap:1rem;display:flex}.spinner{border:4px solid #ffd7004d;border-top-color:gold;border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}.loading-indicator p{color:#e4c084;text-shadow:1px 1px 2px #000c;margin:0;font-size:1.3rem}.loading-indicator .sub-text{color:#b8860b;font-size:1rem;font-style:italic}.loading-steps{flex-direction:column;gap:.5rem;margin-top:1.5rem;display:flex}.loading-steps .step{color:#e4c084;text-align:left;background:#ffd7001a;border-left:3px solid #444;border-radius:5px;padding:.5rem;font-size:1rem}.loading-steps .step:first-child{color:gold;border-left-color:gold;font-weight:700}@media (width<=768px){.waiting-team-content h2{font-size:2rem}.team-preview{flex-direction:column;gap:2rem}.vs-divider{width:60px;height:60px;transform:rotate(90deg)}.boss-preview-image{width:150px;height:150px}}.combine-page{color:#fff;min-height:100vh}.combine-container{max-width:1200px;margin:0 auto;padding:20px}.combine-title{text-align:center;color:#e4c084;text-shadow:2px 2px 4px #00000080;margin-bottom:2rem;font-family:Cinzel,serif;font-size:2.5rem}.mode-selection{text-align:center;margin-bottom:2rem}.mode-selection h2{color:#e4c084;margin-bottom:2rem;font-family:Cinzel,serif;font-size:2rem}.mode-cards{flex-wrap:wrap;justify-content:center;gap:3rem;max-width:1200px;margin:0 auto;display:flex}.mode-card{cursor:pointer;color:#fff;text-align:left;background:linear-gradient(135deg,#e4c0841a 0%,#e4c0840d 100%);border:2px solid #e4c084;border-radius:20px;width:400px;min-height:500px;padding:2rem;font-family:Cinzel,serif;transition:all .4s;position:relative;overflow:hidden}.mode-card:before{content:"";opacity:0;background:linear-gradient(135deg,#0000 0%,#e4c0841a 100%);transition:opacity .3s;position:absolute;inset:0}.mode-card:hover:before{opacity:1}.safe-mode:hover{border-color:#4caf50;box-shadow:0 20px 40px #4caf5066}.risky-mode:hover{border-color:#f44336;box-shadow:0 20px 40px #f4433666}.mode-icon{filter:drop-shadow(0 4px 8px #0000004d);border-radius:50%;width:60px;height:60px;margin-bottom:1rem;animation:3s ease-in-out infinite iconFloat;display:inline-block;position:relative}.safe-icon{background:linear-gradient(135deg,#1847ad,#5645a0);border:3px solid gold;box-shadow:0 0 20px #4caf5080,inset 0 0 20px #ffd70033}.safe-icon:before{content:"";clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:gold;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.risky-icon{background:linear-gradient(135deg,#ff6b35,#4d0000);border:3px solid gold;box-shadow:0 0 20px #ff6b3580,inset 0 0 20px #ffd70033}.risky-icon:before{content:"";clip-path:polygon(50% 0%,65% 38%,100% 38%,69% 59%,82% 100%,50% 75%,18% 100%,31% 59%,0% 38%,35% 38%);background:gold;width:30px;height:30px;animation:2s ease-in-out infinite riskyFlash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes riskyFlash{0%,to{opacity:1}50%{opacity:.7}}@keyframes iconFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-5px)rotate(2deg)}50%{transform:translateY(-8px)rotate(0)}75%{transform:translateY(-5px)rotate(-2deg)}}.cards-lost-animation{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.lost-card{opacity:0;background:linear-gradient(135deg,#4a4a4a,#2a2a2a);border:1px solid #666;border-radius:4px;width:30px;height:42px;animation:3s ease-out infinite cardDisintegrate;position:absolute}.lost-card:first-child{animation-delay:0s;top:20%;left:20%}.lost-card:nth-child(2){animation-delay:.5s;top:40%;right:20%}.lost-card:nth-child(3){animation-delay:1s;bottom:20%;left:50%}@keyframes failureShatter{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(-5deg)}50%{transform:scale(.9)rotate(5deg)}75%{transform:scale(1.05)rotate(-2deg)}}@keyframes cardDisintegrate{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}50%{opacity:.5;transform:translateY(-20px)rotate(45deg)scale(.8)}to{opacity:0;transform:translateY(-40px)rotate(90deg)scale(.3)}}.safe-mode .mode-icon{animation-delay:0s}.risky-mode .mode-icon{animation-delay:1.5s}.mode-card h3{color:#e4c084;text-align:center;text-shadow:2px 2px 4px #00000080;margin-bottom:1rem;font-size:1.8rem}.mode-requirement{color:#e4c084;text-align:center;background:#e4c08433;border-radius:10px;margin-bottom:.5rem;padding:.5rem 1rem;font-size:1.1rem;font-weight:700}.mode-success{text-align:center;border-radius:8px;margin-bottom:1.5rem;padding:.5rem;font-size:1.1rem;font-weight:700}.safe-mode .mode-success{color:#967817;background:#040f6d33;border:1px solid #180d7c4d}.risky-mode .mode-success{color:#f44336;background:#f4433633;border:1px solid #f443364d}.mode-description{text-align:justify;color:#d4d4d4;background:#0003;border-left:4px solid #e4c084;border-radius:10px;margin-bottom:1.5rem;padding:1rem;font-size:1rem;font-style:italic;line-height:1.6;position:relative}.mode-example{text-align:center;color:#e4c084;background:#e4c0841a;border:1px solid #e4c0844d;border-radius:10px;margin-top:auto;padding:1rem;font-weight:700}.card-selection{margin-top:2rem}.selection-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.selection-header h2{color:#e4c084;margin:0;font-family:Cinzel,serif}.selection-header p{color:#e4c084;font-size:1.1rem;font-weight:700}.header-buttons{align-items:center;gap:1rem;display:flex}.cards-container{scrollbar-width:thin;scrollbar-color:transparent transparent;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-items:center;gap:clamp(15px,2vw,25px);width:100%;max-width:1600px;height:460px;margin:0 auto;padding:20px;display:grid;overflow:hidden scroll}.cards-container::-webkit-scrollbar{width:8px}.cards-container::-webkit-scrollbar-track{background:0 0}.cards-container::-webkit-scrollbar-thumb{background:0 0}.card-item{flex-direction:column;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.card-wrapper{transform-style:preserve-3d;cursor:pointer;border-radius:15px;flex-direction:column;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.card-wrapper:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(45deg,#0000 49%,#ffffff1a 50%,#0000 51%);transition:transform .6s ease-out;position:absolute;inset:0;transform:translate(-100%)}.card-wrapper:hover{transform:translateY(-15px)rotateY(5deg)rotateX(5deg)scale(1.08);box-shadow:0 20px 40px #e4c0844d,0 0 30px #e4c08433,inset 0 0 20px #ffffff1a}.card-wrapper:hover:before{transform:translate(100%)}.card-wrapper.selected{border:2px solid #e4c084;transform:translateY(-10px)scale(1.05)}.card-wrapper.selected[data-rarity=Common]{border-color:#ccc;animation:2s ease-in-out infinite selectedPulseCommon;box-shadow:0 15px 30px #ccc6,0 0 25px #ccccccb3,inset 0 0 15px #ccc3}.card-wrapper.selected[data-rarity=Rare]{border-color:#00f;animation:2s ease-in-out infinite selectedPulseRare;box-shadow:0 15px 30px #097cf066,0 0 25px #097cf0b3,inset 0 0 15px #097cf033}.card-wrapper.selected[data-rarity=Epic]{border-color:gold;animation:2s ease-in-out infinite selectedPulseEpic;box-shadow:0 15px 30px #916f0066,0 0 25px #916f00b3,inset 0 0 15px #916f0033}.card-wrapper.selected[data-rarity=Legendary]{border-color:red;animation:2s ease-in-out infinite selectedPulseLegendary;box-shadow:0 15px 30px #da110a66,0 0 25px #da110ab3,inset 0 0 15px #da110a33}.card-wrapper.selected:hover{transform:translateY(-20px)rotateY(3deg)rotateX(3deg)scale(1.1)}.card-wrapper.selected[data-rarity=Common]:hover{box-shadow:0 25px 50px #cccccc80,0 0 40px #cccc,inset 0 0 20px #cccccc4d}.card-wrapper.selected[data-rarity=Rare]:hover{box-shadow:0 25px 50px #097cf080,0 0 40px #097cf0cc,inset 0 0 20px #097cf04d}.card-wrapper.selected[data-rarity=Epic]:hover{box-shadow:0 25px 50px #916f0080,0 0 40px #916f00cc,inset 0 0 20px #916f004d}.card-wrapper.selected[data-rarity=Legendary]:hover{box-shadow:0 25px 50px #da110a80,0 0 40px #da110acc,inset 0 0 20px #da110a4d}.card-wrapper.disabled{opacity:.5;filter:grayscale(70%);cursor:not-allowed;transform:scale(.95)}.card-wrapper.disabled:hover{box-shadow:none;transform:scale(.95)}@keyframes selectedPulseCommon{0%,to{box-shadow:0 15px 30px #ccc6,0 0 25px #ccccccb3,inset 0 0 15px #ccc3}50%{box-shadow:0 15px 30px #ccc9,0 0 35px #cccccce6,inset 0 0 25px #ccc6}}@keyframes selectedPulseRare{0%,to{box-shadow:0 15px 30px #097cf066,0 0 25px #097cf0b3,inset 0 0 15px #097cf033}50%{box-shadow:0 15px 30px #097cf099,0 0 35px #097cf0e6,inset 0 0 25px #097cf066}}@keyframes selectedPulseEpic{0%,to{box-shadow:0 15px 30px #916f0066,0 0 25px #916f00b3,inset 0 0 15px #916f0033}50%{box-shadow:0 15px 30px #916f0099,0 0 35px #916f00e6,inset 0 0 25px #916f0066}}@keyframes selectedPulseLegendary{0%,to{box-shadow:0 15px 30px #da110a66,0 0 25px #da110ab3,inset 0 0 15px #da110a33}50%{box-shadow:0 15px 30px #da110a99,0 0 35px #da110ae6,inset 0 0 25px #da110a66}}.card-wrapper.card-enter{animation:.6s cubic-bezier(.4,0,.2,1) forwards cardEnter}@keyframes cardEnter{0%{opacity:0;transform:translateY(50px)rotateX(-15deg)scale(.8)}to{opacity:1;transform:translateY(0)rotateX(0)scale(1)}}.card-wrapper.card-click{animation:.3s cubic-bezier(.4,0,.2,1) cardClick}@keyframes cardClick{0%{transform:translateY(-10px)scale(1.05)}50%{transform:translateY(-5px)scale(1.1)rotateY(5deg)}to{transform:translateY(-10px)scale(1.05)}}.card-checkbox{z-index:10;position:absolute;top:15px;right:15px}.card-checkbox input[type=checkbox]{cursor:pointer;appearance:none;backdrop-filter:blur(5px);background:#000000b3;border:2px solid #e4c084;border-radius:6px;width:24px;height:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.card-checkbox input[type=checkbox]:checked{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;box-shadow:0 0 15px #4caf5080}.card-checkbox input[type=checkbox]:checked:after{content:"✓";color:#fff;text-shadow:0 1px 2px #00000080;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:#666}.card-item .selected{transform:scale(1.05);box-shadow:0 0 20px #4caf50cc}.card-item .disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.7)}.card-item .max-selected{opacity:.6;cursor:not-allowed}.card-info{text-align:center;backdrop-filter:blur(5px);background:#e4c0841a;border:1px solid #e4c0844d;border-radius:10px;min-width:120px;padding:.8rem;font-family:Cinzel,serif;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-info:hover{background:#e4c08426;border-color:#e4c08480;transform:translateY(-2px);box-shadow:0 5px 15px #e4c08433}.card-info p{color:#e4c084;text-shadow:1px 1px 2px #00000080;margin:.25rem 0;font-weight:600}.card-controls{justify-content:center;align-items:center;gap:.8rem;margin-top:.8rem;display:flex}.card-controls button{border:2px solid #0000;border-radius:8px;min-width:35px;height:35px;font-size:1.1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.card-controls button:hover{border-color:#ffffff4d;transform:scale(1.1);box-shadow:0 3px 10px #0000004d}.combine-action{text-align:center;margin-top:2rem}.result-modal{z-index:1001;backdrop-filter:blur(10px);background:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.result-content{text-align:center;background:url(/modal_bg.svg) 50%/cover no-repeat;border:1px solid #e4c084;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;max-width:480px;max-height:90vh;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #e4c08499,0 0 60px #e4c08466,inset 0 0 20px #e4c0841a}.result-content:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd7001a 0%,#0000 70%);width:200%;height:200%;animation:3s ease-in-out infinite resultGlow;position:absolute;top:-50%;left:-50%}.result-content h2{color:#e4c084;z-index:2;margin-bottom:1.5rem;font-family:Cinzel,serif;font-size:2rem;position:relative}.success-result{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.success-result h3{color:gold;text-shadow:2px 2px 4px #000c;margin-bottom:1rem;font-family:Cinzel,serif;font-size:1.8rem;animation:2s ease-in-out infinite alternate successGlow;position:relative}.success-result p{color:#e4c084;margin-bottom:1.5rem;font-family:Cinzel,serif;font-size:1.1rem;font-weight:600}.success-card-container{background:radial-gradient(circle,#ffd70033 0%,#ffd7000d 50%,#0000 100%);border:2px solid #ffd7004d;border-radius:20px;justify-content:center;align-items:center;margin:1rem 0;padding:1.5rem;display:flex;position:relative;box-shadow:0 0 30px #ffd7004d,inset 0 0 20px #ffd7001a}.success-card-container:before{content:"";z-index:-1;background:linear-gradient(45deg,gold,orange,gold,#ff8c00,gold,orange,gold) 0 0/300% 300%;border-radius:22px;animation:2s ease-in-out infinite goldenBorder;position:absolute;inset:-2px}.new-card-badge{color:#000;background:linear-gradient(135deg,gold,orange);border-radius:20px;padding:.3rem 1rem;font-family:Cinzel,serif;font-size:.8rem;font-weight:700;animation:2s ease-in-out infinite badgeFloat;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #ffd70066}.card-reveal-animation{transform-style:preserve-3d;animation:1s ease-in-out forwards cardReveal;position:relative}.success-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute}.particle{background:gold;border-radius:50%;width:8px;height:8px;animation:3s ease-in-out infinite particleFloat;position:absolute;box-shadow:0 0 10px gold}.rarity-glow{pointer-events:none;z-index:-1;border-radius:50%;width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rarity-glow.Rare{background:radial-gradient(circle,#1e90ff4d 0%,#0000 70%);animation:2s ease-in-out infinite rareGlow}.rarity-glow.Epic{background:radial-gradient(circle,#8a2be24d 0%,#0000 70%);animation:2s ease-in-out infinite epicGlow}.rarity-glow.Legendary{background:radial-gradient(circle,#ffd70066 0%,#0000 70%);animation:2s ease-in-out infinite legendaryGlow}.failure-result{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.failure-result h3{color:#ff4500;text-shadow:2px 2px 4px #000c;margin-bottom:1rem;font-family:Cinzel,serif;font-size:1.8rem;animation:.5s ease-in-out failureShake}.failure-result p{color:#e4c084;margin-bottom:1.5rem;font-family:Cinzel,serif;font-size:1.1rem;font-weight:600}.failure-animation{justify-content:center;align-items:center;width:150px;height:150px;margin:1.5rem auto;display:flex;position:relative}.failure-icon{background:linear-gradient(135deg,#8b0000,#ff4500);border:3px solid #ff6b35;border-radius:50%;width:60px;height:60px;animation:2s ease-in-out infinite failureShatter;position:relative;box-shadow:0 0 30px #ff450099,inset 0 0 20px #8b000080}.failure-icon:before{content:"✗";color:gold;text-shadow:2px 2px 4px #000c;font-size:30px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes successGlow{0%{text-shadow:2px 2px 4px #000c,0 0 10px gold,0 0 20px gold}to{text-shadow:2px 2px 4px #000c,0 0 20px gold,0 0 30px gold,0 0 40px gold}}@keyframes failureShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.result-content p{color:#e4c084;z-index:2;margin-bottom:2rem;font-size:1.2rem;position:relative}.combination-animation-overlay{z-index:1000;backdrop-filter:blur(10px);background:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.combination-area{flex-direction:column;justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.combination-circle{background:radial-gradient(circle,#e4c0844d 0%,#e4c0841a 70%,#0000 100%);border:3px solid #e4c084;border-radius:50%;justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative;box-shadow:0 0 20px #e4c08480,0 0 40px #e4c0844d,0 0 60px #e4c0841a}.combination-text{text-align:center;color:#e4c084;text-shadow:2px 2px 4px #000c;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700}.animation-status{text-align:center;margin-top:2rem}.animation-status h3{color:#e4c084;margin-bottom:1rem;font-family:Cinzel,serif;font-size:1.5rem}.loading-dots{justify-content:center;gap:.5rem;display:flex}.loading-dots span{background:#e4c084;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both loadingPulse;box-shadow:0 0 10px #e4c084}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loadingPulse{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.card-item:hover .card-wrapper{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(-10px)scale(1.05)}.card-item.selected .card-wrapper{border:2px solid #e4c084;border-radius:15px;transform:translateY(-5px)scale(1.02);box-shadow:0 10px 25px #e4c0844d,0 0 20px #e4c08480}.header-buttons button{transition:all .3s cubic-bezier(.4,0,.2,1)}.header-buttons button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.mode-card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-card:hover{border-color:gold;transform:translateY(-10px)scale(1.02);box-shadow:0 15px 30px #e4c08433,0 0 20px #e4c0844d}.safe-mode:hover{background:linear-gradient(135deg,#ffd70026 0%,#ffd7000d 100%)}.risky-mode:hover{background:linear-gradient(135deg,#ff450026 0%,#ff45000d 100%)}.selection-sparkle{pointer-events:none;z-index:20;background:gold;border-radius:50%;width:6px;height:6px;animation:.8s ease-out forwards sparkleFloat;position:absolute;box-shadow:0 0 10px gold}@keyframes sparkleFloat{0%{opacity:1;transform:scale(0)rotate(0)}50%{opacity:.8;transform:scale(1.2)rotate(180deg)}to{opacity:0;transform:scale(1.5)rotate(360deg)}}.card-wrapper.card-selecting{animation:.4s cubic-bezier(.4,0,.2,1) cardSelecting}@keyframes cardSelecting{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.1)rotateY(5deg)}to{transform:translateY(-10px)scale(1.05)}}.card-wrapper.card-deselecting{animation:.3s cubic-bezier(.4,0,.2,1) cardDeselecting}@keyframes cardDeselecting{0%{transform:translateY(-10px)scale(1.05)}50%{transform:translateY(-5px)scale(.95)}to{transform:translateY(0)scale(1)}}@keyframes resultGlow{0%,to{opacity:.3;transform:rotate(0)scale(1)}50%{opacity:.6;transform:rotate(180deg)scale(1.1)}}@keyframes goldenBorder{0%,to{background-position:0%}50%{background-position:100%}}@keyframes badgeFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}@keyframes cardReveal{0%{opacity:0;transform:rotateY(-90deg)scale(.8)}50%{opacity:1;transform:rotateY(0)scale(1.1)}to{opacity:1;transform:rotateY(0)scale(1)}}@keyframes particleFloat{0%{opacity:1;transform:translateY(0)rotate(0)}50%{opacity:.7;transform:translateY(-20px)rotate(180deg)}to{opacity:0;transform:translateY(-40px)rotate(360deg)}}@keyframes rareGlow{0%,to{box-shadow:0 0 20px #1e90ff4d}50%{box-shadow:0 0 40px #1e90ff99}}@keyframes epicGlow{0%,to{box-shadow:0 0 20px #8a2be24d}50%{box-shadow:0 0 40px #8a2be299}}@keyframes legendaryGlow{0%,to{box-shadow:0 0 30px #ffd70066}50%{box-shadow:0 0 60px #ffd700b3}}.card-stats{color:#e4c084;text-shadow:1px 1px 2px #000c;background:#e4c0841a;border:1px solid #e4c0844d;border-radius:10px;margin-top:1rem;padding:.5rem 1rem;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700}html{height:100%;min-height:100dvh;overflow-y:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background-image:url(/background.png);background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed;min-height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-y:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{text-align:center;width:100%;max-width:85%;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.frame-border{position:relative}.frame-border:before{content:"";pointer-events:none;background-image:url(/modal_bg.svg);background-repeat:no-repeat;background-size:100% 100%;margin-top:20px;position:absolute;inset:0}