.splash-container{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 45%,#1a1f3a,#0b1020 65%,#060912);display:flex;justify-content:center;align-items:center}.magic-circle-wrapper{position:relative;width:420px;height:420px;max-width:85vw;max-height:85vw;display:flex;justify-content:center;align-items:center}.outer-circle{position:absolute;width:80%;height:80%;border:1.8px solid rgba(124,92,255,.35);border-radius:50%;box-shadow:0 0 35px #7c5cff59,inset 0 0 25px #7c5cff40;animation:rotateOuter 45s linear infinite}.spell-svg{position:absolute;width:80%;height:80%;animation:rotateSpell 65s linear infinite;pointer-events:none}.spell-text{fill:#7c5cffe6;font-size:26px;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 10px rgba(124,92,255,.8)}.inner-circle{position:absolute;width:55%;height:55%;border:1.8px solid rgba(194,161,54,.355);border-radius:50%;box-shadow:0 0 25px #d4af3773,inset 0 0 25px #7c5cff40;animation:pulseInner 4s ease-in-out infinite}.logo-container{position:relative;z-index:5}.main-logo{width:340px;max-width:65vw;filter:drop-shadow(0 0 25px rgba(124,92,255,.6));animation:logoFade 1.8s ease forwards}@keyframes logoFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateOuter{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateSpell{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes pulseInner{0%,to{transform:scale(1);box-shadow:0 0 20px #d4af3759,inset 0 0 20px #7c5cff40}50%{transform:scale(1.03);box-shadow:0 0 45px #d4af37a6,inset 0 0 35px #7c5cff59}}.loading-section{position:fixed;bottom:10px;left:10px;display:flex;align-items:center;z-index:10}.shield-wrapper{width:300px}.shield-img{width:90%;display:block}@keyframes pulseEnergy{0%,to{opacity:.25;transform:scale(.95)}50%{opacity:.85;transform:scale(1.08)}}.company-logo{position:fixed;bottom:30px;right:30px;height:70px;opacity:.6}.home-root{position:fixed;inset:0;overflow:hidden;color:#f5e6c8;font-family:Cinzel,serif;background:radial-gradient(ellipse at center,#0000 30%,#00000073 60%,#000000d9),radial-gradient(circle at 50% 20%,#8c78ff59,#3c2878cc,#2c1b5f)}.home-root:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#8cafff40 0px 100px,#466ec840 100px 200px),repeating-linear-gradient(to right,#8cafff40 0px 100px,#466ec840 100px 200px);mask-image:radial-gradient(ellipse at center,black 0%,black 38%,rgba(0,0,0,.6) 55%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,black 38%,rgba(0,0,0,.6) 55%,transparent 70%)}.home-root:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,255,255,.15) 0%,rgba(255,255,255,.06) 22%,rgba(255,255,255,.02) 45%,transparent 65%)}.top-right{position:absolute;top:22px;right:28px;z-index:10}.sign-icon-btn{width:42px;height:42px;border-radius:50%;border:2px solid #d4af37;background:linear-gradient(180deg,#3a2b5f,#1a1230);color:#d4af37;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 0 8px #d4af3766,0 0 18px #d4af3780;transition:.25s ease}.sign-icon-btn:hover{transform:scale(1.12);box-shadow:inset 0 0 12px #d4af3799,0 0 28px #d4af37e6}.mana-popup{position:absolute;top:78px;right:28px;background:#140f23f2;padding:12px 18px;border-radius:10px;border:1px solid #7c5cff;font-size:13px;box-shadow:0 0 18px #7c5cff99;animation:popupFade 4s ease forwards}@keyframes popupFade{0%{opacity:0;transform:translateY(-10px)}12%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.center-content{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:5}.game-logo{margin-bottom:55px}.game-logo img{width:420px;max-width:75vw;filter:drop-shadow(0 0 25px rgba(124,92,255,.7))}.bottom-actions{display:flex;flex-direction:column;align-items:center;gap:22px}.royal-play-btn{padding:22px 80px;font-size:28px;font-weight:900;letter-spacing:3px;border-radius:26px;border:2px solid #d4af37;background:linear-gradient(180deg,#4a2c82,#1c1035);color:#f5e6c8;box-shadow:inset 0 3px #ffffff4d,0 12px #2a1450,0 25px 40px #0000008c;cursor:pointer;transition:.2s ease}.royal-play-btn:active{transform:translateY(6px);box-shadow:inset 0 3px #ffffff4d,0 6px #2a1450}.royal-secondary{display:flex;gap:26px}.royal-small-btn{padding:13px 32px;font-size:15px;font-weight:800;border-radius:16px;border:1px solid #d4af37;background:linear-gradient(180deg,#35205e,#120a25);color:#f5e6c8;box-shadow:inset 0 2px #ffffff40,0 6px #1c1035,0 14px 20px #00000080;cursor:pointer}.royal-small-btn:active{transform:translateY(4px);box-shadow:inset 0 2px #ffffff40,0 3px #1c1035}.home-side-ad{position:fixed;top:50%;right:10px;transform:translateY(-50%);width:160px;height:600px;z-index:2}.policy-content{position:absolute;bottom:40px;width:100%;text-align:center}.policy-links{display:flex;justify-content:center;gap:18px;font-size:13px}.policy-links a{color:#fffc;text-decoration:underline}.policy-links a:hover{color:#fff}.home-footer{position:absolute;bottom:8px;width:100%;display:flex;justify-content:center;pointer-events:none}.footer-icons{position:absolute;right:24px;bottom:0;display:flex;align-items:center;gap:12px;pointer-events:auto}.footer-icons button{background:linear-gradient(180deg,#35205e,#120a25);border:1px solid #d4af37;border-radius:14px;padding:12px;color:#f5e6c8;cursor:pointer;box-shadow:inset 0 2px #ffffff40,0 6px #1c1035,0 14px 18px #00000080;transition:all .18s ease}.footer-icons button:hover{box-shadow:inset 0 2px #ffffff59,0 6px #1c1035,0 18px 26px #7c5cff99}.footer-icons button:active{transform:translateY(4px);box-shadow:inset 0 2px #ffffff40,0 3px #1c1035}.footer-icons svg{color:#fff;font-size:16px}.footer-icons img{width:42px;height:42px;object-fit:contain;border-radius:6px;box-shadow:0 6px 10px #00000059}.play-backdrop{position:fixed;inset:0;background:#080514bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .25s ease}.play-modal{position:relative;padding:50px 60px;border-radius:28px;text-align:center;background:linear-gradient(180deg,#2a174a,#120a25);border:2px solid #d4af37;display:flex;flex-direction:column;gap:26px;box-shadow:inset 0 2px #ffffff40,0 25px 60px #000000bf,0 0 60px #7c5cff73;animation:scaleIn .25s cubic-bezier(.2,.8,.2,1);overflow:hidden}.play-modal:before{content:"";position:absolute;inset:6px;border-radius:22px;border:1px solid rgba(212,175,55,.35);pointer-events:none}.play-modal:after{content:"";position:absolute;inset:-2px;border-radius:30px;background:radial-gradient(circle at center,rgba(124,92,255,.25),transparent 70%);animation:magicalPulse 3s infinite ease-in-out;pointer-events:none}.play-modal h2{font-size:20px;letter-spacing:3px;font-weight:900;color:#f5e6c8;margin-bottom:6px;text-shadow:0 0 12px rgba(212,175,55,.6)}.modal-btn{width:240px;padding:14px 0;font-size:16px;letter-spacing:2px;border-radius:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes magicalPulse{0%{opacity:.4}50%{opacity:.7}to{opacity:.4}}.modal-back-btn{position:absolute;top:18px;left:18px;width:36px;height:36px;border-radius:50%;border:1px solid #d4af37;background:linear-gradient(180deg,#35205e,#120a25);color:#f5e6c8;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 2px #ffffff40,0 6px #1c1035,0 12px 18px #00000080;transition:all .18s ease}.modal-back-btn:hover{box-shadow:inset 0 2px #ffffff59,0 6px #1c1035,0 16px 24px #7c5cff99}.modal-back-btn:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffff40,0 3px #1c1035}.player-select{display:flex;justify-content:center;gap:12px;margin:20px 0}.active-btn{background:gold!important;color:#000!important}.create-final-btn{margin-top:15px}.join-input{width:100%;padding:12px;margin:20px 0;border-radius:6px;border:none;text-align:center;font-size:16px;letter-spacing:2px}.level-section{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,#2a1f4a,#1a1035);padding:12px 16px;border-radius:18px;border:2px solid #d4af37;box-shadow:inset 0 2px #ffffff1a,0 6px 18px #0009;z-index:10}.level-badge{background:linear-gradient(180deg,gold,#b8962e);color:#1a1035;padding:6px 14px;border-radius:14px;font-weight:900;font-size:14px;box-shadow:inset 0 2px #ffffff80,0 3px 8px #00000080}.xp-wrapper{display:flex;flex-direction:column;gap:4px}.xp-bar{width:160px;height:12px;background:#0f0825;border-radius:8px;overflow:hidden;border:1px solid #3a2a6a;box-shadow:inset 0 2px 6px #000000b3}.xp-fill{height:100%;background:linear-gradient(90deg,#00e5ff,#00bcd4);transition:width .4s ease;box-shadow:0 0 10px #00e5ffb3,inset 0 1px #fff6}.xp-text{font-size:11px;color:#d4af37;opacity:.9}.left-panel{position:absolute;top:110px;left:18px;display:flex;flex-direction:column;gap:20px;z-index:10}.economy-box{background:linear-gradient(180deg,#2a1f4a,#1a1035);padding:14px;border-radius:18px;border:2px solid #d4af37;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 2px #ffffff14,0 10px 25px #000000b3}.currency{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#3a2a6a,#24154a);padding:10px 12px;border-radius:14px;border:1px solid #d4af37;font-weight:900;font-size:14px;color:#fff;box-shadow:inset 0 2px #ffffff26,0 6px 12px #0009;transition:transform .2s ease,box-shadow .2s ease}.currency:hover{transform:scale(1.05);box-shadow:0 0 12px #d4af37b3,0 6px 16px #000000b3}.currency img{width:22px;height:22px}@media(max-width:600px){.level-section{transform:scale(.85);left:8px;top:8px}.left-panel{transform:scale(.85);left:8px;top:90px}}.auth-modal-backdrop{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;display:flex;align-items:center;justify-content:center}.auth-modal{width:360px;max-width:90vw;background:linear-gradient(180deg,#3c62c7,#294b9e);border-radius:22px;padding:26px 22px;color:#fff;text-align:center;border:2px solid rgba(255,255,255,.35);box-shadow:inset 0 2px #ffffff40,0 18px 40px #0009;animation:modalPop .2s ease-out}.auth-modal h2{margin-bottom:20px;font-size:20px;font-weight:900}.auth-modal button{width:100%;padding:14px;margin-bottom:12px;border-radius:18px;border:none;cursor:pointer;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .1s ease,filter .1s ease}.auth-modal button:first-of-type{background:linear-gradient(180deg,#fff,#e6e6e6);color:#000;box-shadow:inset 0 2px #fffc,0 6px #bdbdbd,0 12px 20px #00000059}.auth-modal button:disabled{background:linear-gradient(180deg,#aaa,#777);color:#eee;cursor:not-allowed;box-shadow:none}.auth-modal button:last-of-type{background:linear-gradient(180deg,#ff6b6b,#c0392b);color:#fff;box-shadow:inset 0 2px #ffffff40,0 6px #8e2b1f,0 12px 20px #00000059}.auth-modal button:hover:not(:disabled){filter:brightness(1.05)}.auth-modal button:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 2px #ffffff40,0 3px #00000059}@keyframes modalPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@media(max-height:900px)and (orientation:landscape){.auth-modal{width:340px;padding:22px 18px}.auth-modal h2{font-size:18px;margin-bottom:16px}.auth-modal button{padding:12px;font-size:14px}}@media(max-height:500px)and (orientation:landscape){.auth-modal{width:88%;max-width:420px;padding:18px 16px;border-radius:18px;max-height:90vh;overflow-y:auto}.auth-modal h2{font-size:16px;margin-bottom:14px}.auth-modal button{padding:10px;font-size:13px;margin-bottom:10px}}@media(max-height:380px)and (orientation:landscape){.auth-modal{padding:14px}.auth-modal h2{font-size:15px;margin-bottom:10px}.auth-modal button{padding:8px;font-size:12px}}.leaderboard-container{width:460px;margin:20px auto;padding:18px;background:linear-gradient(180deg,#1a1035,#0c0818);border:2px solid #d4af37;border-radius:14px;color:#f5e6c8;box-shadow:inset 0 0 20px #0009,0 10px 40px #000000b3}.leaderboard-title{text-align:center;margin-bottom:14px;color:gold;font-size:20px;font-weight:700}.leaderboard-table{width:100%;border-radius:10px;overflow:hidden;border:1px solid rgba(212,175,55,.3)}.leaderboard-header,.leaderboard-row{display:grid;grid-template-columns:60px 1fr 80px 80px;padding:10px 12px;align-items:center}.leaderboard-header{background:linear-gradient(180deg,#2a1c4a,#140c2a);font-weight:700;border-bottom:2px solid #d4af37;color:gold;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.leaderboard-row{border-bottom:1px solid rgba(255,255,255,.08);transition:all .2s ease}.leaderboard-row:nth-child(2n){background:#ffffff05}.leaderboard-row:hover{background:#7c5cff40;transform:scale(1.01)}.rank{text-align:center;font-weight:700}.name{text-align:left;font-weight:600}.leaderboard-row span:nth-child(3),.leaderboard-row span:nth-child(4),.leaderboard-header span:nth-child(3),.leaderboard-header span:nth-child(4){text-align:center}.top-player{background:#ffd70014;font-weight:700}.me{border:1px solid #7c5cff;background:#7c5cff33;border-radius:6px}.leaderboard-loading,.leaderboard-error,.leaderboard-empty{text-align:center;padding:20px;color:#ccc}.leaderboard-icon{position:absolute;top:22px;right:88px;width:46px;height:46px;font-size:22px;border-radius:50%;border:1px solid #d4af37;background:linear-gradient(180deg,#3a2b5f,#1a1230);color:gold;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 0 10px #d4af3766,0 0 18px #d4af3780;transition:all .25s ease;z-index:1000}.leaderboard-icon:hover{transform:scale(1.15) rotate(5deg);box-shadow:inset 0 0 12px #d4af3799,0 0 25px #ffd700cc}.leaderboard-icon:active{transform:scale(.95)}.leaderboard-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999}.leaderboard-modal{position:relative;animation:fadeInScale .25s ease}.close-btn{position:absolute;top:-12px;right:-12px;width:32px;height:32px;background:#ff4d4d;border:none;border-radius:50%;color:#fff;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 0 10px #f009;transition:all .2s ease}.close-btn:hover{transform:scale(1.15);background:red}@keyframes fadeInScale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.leaderboard-container{max-width:500px;margin:auto}.leaderboard-title{text-align:center;margin-bottom:10px}.leaderboard-table{border:2px solid #d4af37;border-radius:10px;overflow:hidden}.leaderboard-header{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;background:#2a1b55;padding:8px;font-weight:700}.leaderboard-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;padding:6px;border-bottom:1px solid #333}.top-player{background:#ffd7001a}.me{background:#7c5cff33}.leaderboard-divider{text-align:center;margin:10px 0;color:#aaa}.leaderboard-my-rank{margin-top:10px}.scrollable{max-height:300px;overflow-y:auto}.scrollable::-webkit-scrollbar{width:6px}.scrollable::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px}.lobby-root{min-height:100vh;background-image:url(/assets/lobby-yf3xeeo0.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:fixed;inset:0;overflow:hidden;text-align:center;color:#eaeaf0;font-family:Inter,system-ui,sans-serif}.lobby-title{margin-top:30px;font-size:26px;font-weight:700;letter-spacing:1px;color:#fff}.players-box{margin-top:40px;display:flex;flex-direction:column;gap:16px;align-items:center}.player-card{width:340px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(145deg,#1a1d28,#13161f);border-radius:14px;border:1px solid rgba(255,255,255,.06);box-shadow:0 6px 20px #00000080,inset 0 0 10px #ffffff05;transition:all .25s ease;position:relative}.player-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #000000b3,0 0 10px #3498db26}.player-left{display:flex;align-items:center;gap:12px}.player-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3498db,#8e44ad);display:flex;align-items:center;justify-content:center;font-weight:700}.player-name{font-weight:600;font-size:14px}.host-badge{font-size:11px;color:gold;margin-left:6px}.player-status{font-size:13px;font-weight:600}.status-ready{color:#0f8;text-shadow:0 0 8px rgba(0,255,136,.6)}.status-notready{color:#ff4d4d}@keyframes pulseReady{0%{box-shadow:0 0 #0f86}50%{box-shadow:0 0 12px #00ff88b3}to{box-shadow:0 0 #0f86}}.player-card.ready{animation:pulseReady 2s infinite}.lobby-actions{margin-top:50px;display:flex;justify-content:center;gap:20px}.ready-btn,.start-btn{padding:12px 28px;border:none;cursor:pointer;border-radius:10px;font-weight:700;letter-spacing:.5px;position:relative;overflow:hidden;transition:all .25s ease}.ready-btn:before,.start-btn:before{content:"";position:absolute;top:0;left:-100%;width:120%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.25),transparent);transition:all .5s}.ready-btn:hover:before,.start-btn:hover:before{left:100%}.ready-btn{background:linear-gradient(135deg,#3498db,#2c7be5);color:#fff}.ready-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3498db80}.start-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2ecc7180}.ready-btn:active,.start-btn:active{transform:scale(.95)}@media(max-width:420px){.player-card{width:90%}}.chat-icon{position:absolute;right:15px;bottom:15px;background:#7c5cff;color:#fff;font-size:22px;padding:12px;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #00000080}.chat-badge{position:absolute;top:-5px;right:-5px;background:red;color:#fff;font-size:12px;padding:2px 6px;border-radius:50%}.chat-container{position:absolute;right:10px;bottom:70px;width:260px;height:320px;background:#1a1035;border:2px solid #d4af37;border-radius:10px;display:flex;flex-direction:column}.chat-header{padding:6px;background:#2a1b55;color:gold;display:flex;justify-content:space-between;align-items:center}.chat-close{cursor:pointer}.chat-messages{flex:1;overflow-y:auto;padding:8px;font-size:12px}.chat-message{margin-bottom:6px}.chat-message.me{text-align:right}.chat-user{font-weight:700;color:gold;margin-right:4px}.chat-text{color:#fff}.chat-input{display:flex;border-top:1px solid #444}.chat-input input{flex:1;border:none;padding:6px;outline:none}.chat-input button{background:#7c5cff;color:#fff;border:none;padding:6px 10px;cursor:pointer}.details-box{width:260px;background:linear-gradient(180deg,#1a1035,#0c0818);border:2px solid gold;border-radius:12px;padding:14px;color:#fff;box-shadow:0 10px 25px #0009;margin-top:15px}.details-box h2{font-size:18px;margin-bottom:4px}.details-box h4{color:#d4af37;margin-bottom:10px}.details-table{width:100%;border-collapse:collapse;font-size:12px}.details-table th{color:#d4af37;text-align:left;border-bottom:1px solid gold;padding:4px}.details-table td{padding:4px;border-bottom:1px solid rgba(255,255,255,.1)}.details-owner{margin:8px 0;font-weight:700;color:gold}.board-wrapper{position:relative;width:650px;height:650px}.board-center-ui{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;display:flex;align-items:center;justify-content:center;z-index:10}.board-center-ui:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.35),transparent 70%);z-index:-1}.guildfall-board{width:650px;height:650px;display:grid;grid-template-columns:90px repeat(7,1fr) 90px;grid-template-rows:90px repeat(7,1fr) 90px;background:radial-gradient(circle at center,#1a1035,#0c0818);border:4px solid #d4af37;border-radius:12px;box-shadow:inset 0 0 40px #000c,0 25px 60px #000c;position:relative;z-index:1}.board-cell{display:flex;align-items:center;justify-content:center;position:relative;text-align:center;font-size:11px;font-weight:600;padding:6px;color:#f5e6c8;border:1px solid rgba(212,175,55,.25);background:linear-gradient(180deg,#2a174a,#120a25);box-shadow:inset 0 2px #ffffff40,0 4px #0c071a;transition:all .15s ease}.board-cell:hover{transform:translateY(-2px);box-shadow:inset 0 2px #ffffff59,0 8px #0c071a,0 0 18px #7c5cff99}.center{border:none;background:radial-gradient(circle,#0d0a1d,#05030a);box-shadow:none}.center:hover{transform:none}.fire{background:linear-gradient(180deg,#6a1f1f,#2c0d0d)}.water{background:linear-gradient(180deg,#1c4070,#0b1e36)}.earth{background:linear-gradient(180deg,#355f1b,#1a2e0b)}.air{background:linear-gradient(180deg,#3c2a8c,#1c1444)}.shadow{background:linear-gradient(180deg,#200d2b,#090312)}.mana{background:linear-gradient(180deg,#7a2db8,#35105a)}.loot{background:linear-gradient(180deg,#a57a24,#3c2a0a)}.drain{background:linear-gradient(180deg,#9b2a2a,#3d0c0c)}.corner{background:linear-gradient(180deg,#3a2a5a,#1a1230);box-shadow:inset 0 2px #ffffff4d,0 6px #0c071a,0 0 18px #d4af3799;overflow:hidden}.corner-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;border-radius:10px;pointer-events:none}.player-container{position:absolute;bottom:2px;right:2px;display:flex;gap:2px}.player-token{width:18px;height:18px;border-radius:50%;background:gold;color:#000;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 4px #00000080}.selected-tile{outline:3px solid #ffd700;box-shadow:0 0 15px gold}.dice-container{display:flex;flex-direction:column;align-items:center;gap:20px;width:200px;pointer-events:auto}.dice-row{display:flex;gap:50px}.cube{width:80px;height:80px;position:relative;transform-style:preserve-3d;transform:rotateX(-25deg) rotateY(25deg);transition:transform 1s ease}.face{position:absolute;width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;color:#000;background:#fff;border-radius:10px;backface-visibility:hidden;box-shadow:inset -6px -6px 12px #00000040,inset 5px 5px 10px #ffffffe6,0 6px 12px #00000059}.front{transform:translateZ(40px)}.back{transform:rotateY(180deg) translateZ(40px)}.right{transform:rotateY(90deg) translateZ(40px)}.left{transform:rotateY(-90deg) translateZ(40px)}.top{transform:rotateX(90deg) translateZ(40px)}.bottom{transform:rotateX(-90deg) translateZ(40px)}.rolling{animation:diceRoll3D 1s ease-in-out}@keyframes diceRoll3D{0%{transform:rotateX(0) rotateY(0) rotate(0)}25%{transform:rotateX(180deg) rotateY(120deg) rotate(90deg)}50%{transform:rotateX(360deg) rotateY(240deg) rotate(180deg)}75%{transform:rotateX(540deg) rotateY(360deg) rotate(270deg)}to{transform:rotateX(720deg) rotateY(480deg) rotate(360deg)}}.roll-btn{padding:12px 30px;background:linear-gradient(180deg,#4a2c82,#1c1035);border:2px solid gold;color:#fff;font-weight:700;border-radius:12px;cursor:pointer;transition:transform .2s}.roll-btn:hover{transform:scale(1.05)}.dice-result{color:#fff;font-size:22px;font-weight:700}.card{width:220px;background:#1e1e1e;color:#fff;border-radius:12px;padding:14px;text-align:center}.card-image img{width:100%;border-radius:8px}.card-title{font-size:18px;font-weight:700;margin-top:10px}.card-level{margin-top:6px;color:gold}.card-actions{margin-top:14px;display:flex;flex-direction:column;gap:8px}.card-btn{padding:8px;border:none;border-radius:6px;cursor:pointer}.tame{background:#4da6ff;color:#fff}.upgrade{background:#0c8;color:#fff}.skip{background:#777;color:#fff}.card-cost,.card-penalty,.card-upgrade-cost{font-size:14px}.claw-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999}.claw-image{width:200px;animation:clawDrop 1.2s ease forwards}@keyframes clawDrop{0%{transform:translateY(-200px) scale(.5);opacity:0}50%{transform:translateY(20px) scale(1.1);opacity:1}to{transform:translateY(0) scale(1)}}.card-warning{color:#ff4d4d;font-size:12px;margin-bottom:6px;font-weight:700}.card-upgrade-preview{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.card-upgrade-preview img{width:70px;height:50px;border-radius:6px;border:1px solid gold}.mycards-container{position:fixed;top:20px;right:20px;width:250px;background:#111;padding:10px;border-radius:10px;z-index:50}.mycards-header{font-weight:700;margin-bottom:10px;text-align:center}.mycards-grid{display:grid;grid-template-columns:1fr;gap:10px}.mycard{background:#1c1c1c;padding:8px;border-radius:8px;border:1px solid #333}.mycard-title{font-weight:700}.mycard-image img{width:100%;height:80px;object-fit:cover}.loot-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.loot-modal{background:linear-gradient(180deg,#1a1035,#0c0818);border:2px solid gold;border-radius:12px;padding:20px;width:420px;text-align:center}.loot-title{color:gold;margin-bottom:15px}.loot-cards{display:flex;gap:15px;justify-content:center}.loot-card{width:110px;height:150px;perspective:1000px;cursor:pointer}.loot-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s}.loot-card-inner.flipped{transform:rotateY(180deg)}.loot-card-front,.loot-card-back{position:absolute;width:100%;height:100%;border-radius:10px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden}.loot-card-front{background:linear-gradient(180deg,#2a174a,#120a25);border:1px solid gold;font-size:30px;color:gold}.loot-card-back{background:linear-gradient(180deg,#3a1c6b,#1b0b33);border:1px solid gold;transform:rotateY(180deg);padding:10px}.loot-card-text{font-size:12px;color:#fff;text-align:center}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;padding:20px;background:linear-gradient(180deg,#1a1035,#0c0818);border:2px solid #d4af37;border-radius:12px;box-shadow:0 0 25px #d4af3799,inset 0 0 20px #000c;text-align:center;color:#f5e6c8;z-index:100}.modal h2{margin-bottom:10px;font-size:20px;color:gold}.modal p{margin-bottom:15px;font-size:13px;color:#ddd}.modal button{width:100%;margin:6px 0;padding:10px;background:linear-gradient(180deg,#2a174a,#120a25);border:1px solid #d4af37;border-radius:8px;color:#f5e6c8;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s ease}.modal button:hover{transform:translateY(-2px);background:linear-gradient(180deg,#3c2a8c,#1c1444);box-shadow:0 0 10px #7c5cff99}.modal button:active{transform:scale(.96)}.modal:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:-1}.jail-free-btn{background:linear-gradient(180deg,gold,#b8860b);color:#000;font-weight:700}.auction-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;padding:18px;background:linear-gradient(180deg,#1a1035,#0c0818);border:2px solid #d4af37;border-radius:12px;box-shadow:0 20px 60px #000000e6,inset 0 0 20px #ffffff0d;z-index:999;text-align:center;color:#f5e6c8}.auction-modal h2{margin-bottom:10px;font-size:18px;color:gold}.auction-modal p{margin:6px 0;font-size:13px}.base-cost{color:#7cffc4;font-weight:700}.highest-bid{color:#ff7c7c;font-weight:700}.current-bid{margin-top:10px;font-size:14px;color:#fff;font-weight:700}.bid-buttons{display:flex;justify-content:space-between;margin:12px 0;gap:6px}.bid-buttons button{flex:1;background:linear-gradient(180deg,#7c5cff,#3a2db8);border:none;border-radius:6px;color:#fff;font-weight:700;font-size:12px;padding:6px;cursor:pointer;transition:all .2s ease}.bid-buttons button:hover{transform:translateY(-2px);box-shadow:0 6px 14px #7c5cff99}.bid-buttons button:disabled{background:#444;cursor:not-allowed}.bid-btn{width:100%;padding:8px;background:linear-gradient(180deg,gold,#a57a24);border:none;border-radius:8px;font-weight:700;color:#000;cursor:pointer;transition:all .2s ease}.bid-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #ffd70080}.bid-btn:disabled{background:#555;color:#222;cursor:not-allowed}.auction-error{margin-top:6px;font-size:12px;color:#ff4d4d}.auction-leader{margin-top:6px;font-size:12px;color:#7cffc4}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;font-family:Segoe UI,system-ui,sans-serif}.game-root{position:fixed;inset:0;display:flex;flex-direction:column;background-image:url(/assets/table-BUu_RcIw.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff}.game-root:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#0003,#0009);pointer-events:none}.game-header{text-align:center;padding:14px;font-size:20px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-players{display:flex;justify-content:center;gap:12px;padding:10px}.player-card{padding:6px 14px;background:#141923e6;border-radius:8px;font-size:14px;border:1px solid rgba(255,255,255,.05);box-shadow:0 2px 8px #00000080}.player-card.me{background:linear-gradient(135deg,#2c7be5,#4da3ff);box-shadow:0 0 10px #2c7be599}.game-area{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.game-board-area{display:flex;justify-content:center;align-items:center}.game-board{width:min(720px,85vw);height:min(720px,85vw);display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);background:#0000008c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:14px;border:3px solid rgba(212,175,55,.6);box-shadow:0 0 25px #000000b3,inset 0 0 20px #000c,0 0 30px #d4af3740}.board-tile{display:flex;justify-content:center;align-items:center;padding:6px;font-size:12px;text-align:center;background:#1e2230;border:1px solid rgba(255,255,255,.06);transition:all .15s ease}.board-tile:hover{transform:translateY(-2px);background:#2a2f42;box-shadow:0 4px 10px #0009,inset 0 0 8px #ffffff0d}.board-center{background:transparent;display:flex;justify-content:center;align-items:center}.waiting-screen{font-size:18px;opacity:.75}.game-footer{padding:14px;text-align:center}.leave-btn{padding:10px 22px;background:#ff4d4d;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:.2s}.leave-btn:hover{background:#ff2b2b;transform:translateY(-1px);box-shadow:0 4px 12px #0009}.player-stats{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:10px;z-index:5}.player-stat{background:#000000b3;padding:10px 14px;border-radius:8px;color:#fff;font-size:14px;min-width:150px}.player-name{font-weight:700}.player-mana{color:#4da6ff}.player-stat.active{border:2px solid #ffd700}.cards-icon{margin-left:8px;cursor:pointer;font-size:18px}.mana-change{margin-left:6px;font-size:13px;font-weight:700;position:relative;display:inline-block;animation:manaFloat 1.5s ease forwards;text-shadow:0 0 6px rgba(255,255,255,.2)}.mana-change.plus{color:#00ffb3;text-shadow:0 0 6px rgba(0,255,179,.8),0 0 12px rgba(0,255,179,.6)}.mana-change.minus{color:#ff4d4d;text-shadow:0 0 6px rgba(255,77,77,.8),0 0 12px rgba(255,77,77,.6)}@keyframes manaFloat{0%{opacity:0;transform:translateY(6px) scale(.9)}20%{opacity:1;transform:translateY(0) scale(1)}60%{opacity:1;transform:translateY(-6px) scale(1.05)}to{opacity:0;transform:translateY(-16px) scale(.95)}}.convert-box{position:absolute;bottom:80px;left:20px;background:linear-gradient(180deg,#1a1035,#0c0818);border:2px solid #d4af37;border-radius:12px;padding:10px 14px;color:#f5e6c8;box-shadow:0 0 10px #d4af3766}.convert-title{font-weight:700;color:gold;margin-bottom:6px}.convert-info{font-size:12px;margin-bottom:6px}.convert-controls{display:flex;gap:6px}.convert-controls input{width:60px;padding:4px;border-radius:6px;border:none;outline:none}.convert-controls button{padding:4px 8px;border:none;border-radius:6px;background:#d4af37;color:#000;cursor:pointer}.convert-controls button:hover{background:gold}.info-page{min-height:100vh;padding:40px 20px;background:radial-gradient(circle at top,#2a1f4a,#0f0825);color:#fff;display:flex;justify-content:center;align-items:flex-start}.info-card{width:100%;max-width:800px;background:linear-gradient(180deg,#2a1f4a,#1a1035);border:2px solid #d4af37;border-radius:18px;padding:30px;box-shadow:inset 0 2px #ffffff1a,0 10px 30px #000000b3}.info-title{font-size:28px;font-weight:900;color:gold;margin-bottom:20px;text-align:center;text-shadow:0 0 10px rgba(255,215,0,.6)}.info-content{display:flex;flex-direction:column;gap:14px;font-size:15px;line-height:1.6}.info-text{background:linear-gradient(180deg,#3a2a6a,#24154a);padding:12px 14px;border-radius:12px;border:1px solid rgba(212,175,55,.5);box-shadow:inset 0 1px #ffffff1a,0 4px 10px #00000080}.info-text:hover{transform:translateY(-2px);box-shadow:0 0 10px #d4af3780,0 6px 14px #0009}.info-back{margin-bottom:20px;background:#d4af37;color:#1a1035;border:none;padding:8px 14px;border-radius:10px;font-weight:700;cursor:pointer;transition:.2s}.info-back:hover{transform:scale(1.05)}@media(max-width:600px){.info-card{padding:20px}.info-title{font-size:22px}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;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:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}