@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-void: #0b1733;--bg-deep: #122449;--bg-surface: #193360;--neon-cyan: #00e5ff;--neon-purple: #a855f7;--neon-pink: #ec4899;--neon-gold: #fbbf24;--glass: rgba(17, 40, 88, .6);--glass-light: rgba(26, 55, 110, .52);--glass-border: rgba(120, 210, 255, .22);--glass-border-lit: rgba(0, 229, 255, .35);--input-bg: rgba(16, 34, 76, .72);--input-border: rgba(120, 210, 255, .22);--text-100: #ffffff;--text-80: rgba(200, 220, 255, .85);--text-50: rgba(180, 205, 240, .72);--text-link: #38bdf8;--green: #86efac;--red: #ff5a5a;--font-display: "Exo 2", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--radius-card: 20px;--radius-input: 10px;--radius-btn: 12px;--spring: cubic-bezier(.34, 1.56, .64, 1);--smooth: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100vh;overflow-x:hidden}body{font-family:var(--font-body);font-weight:400;color:var(--text-100);background:var(--bg-void);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,button,select,textarea{font-family:inherit}#root{display:flex;flex-direction:column;align-items:center;justify-content:center}a{color:var(--text-link);text-decoration:none;cursor:pointer;transition:color .2s}a:hover{color:var(--neon-cyan)}.bg-mesh{position:fixed;inset:-8vmax;z-index:0;pointer-events:none;transform-origin:center;will-change:transform,filter,opacity;background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(68,155,255,.16) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 90% 90%,rgba(168,85,247,.09) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 50% 50%,rgba(116,232,255,.07) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 5% 70%,rgba(236,72,153,.05) 0%,transparent 55%);animation:mesh-drift 20s ease-in-out infinite alternate,mesh-breathe 8s ease-in-out infinite}.bg-vignette{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 38%,rgba(8,18,42,.48) 100%)}@keyframes mesh-breathe{0%,to{opacity:.85;filter:hue-rotate(0deg) brightness(1)}50%{opacity:1;filter:hue-rotate(5deg) brightness(1.08)}}@keyframes cube-float{0%{transform:translateY(0) rotateX(0) rotateY(0)}25%{transform:translateY(-18px) rotateX(45deg) rotateY(90deg)}50%{transform:translateY(-8px) rotateX(90deg) rotateY(180deg)}75%{transform:translateY(-22px) rotateX(135deg) rotateY(270deg)}to{transform:translateY(0) rotateX(180deg) rotateY(360deg)}}@keyframes mesh-drift{0%{transform:scale(1.06) translate(0);filter:hue-rotate(0deg)}33%{transform:scale(1.1) translate(1.5%,2%)}66%{transform:scale(1.04) translate(-2%,1%);filter:hue-rotate(12deg)}to{transform:scale(1.08) translate(1%,-1.5%);filter:hue-rotate(0deg)}}@keyframes stars-pulse{0%{opacity:.5}50%{opacity:.85}to{opacity:.6}}@keyframes breathe{0%,to{transform:translate(-50%,-58%) scale(1)}50%{transform:translate(-50%,-58%) scale(1.025)}}@keyframes breathe-glow{0%,to{filter:drop-shadow(0 0 10px rgba(0,229,255,.35));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(0,229,255,.75)) drop-shadow(0 0 60px rgba(0,229,255,.3));transform:scale(1.03)}}@keyframes logo-dramatic{0%{opacity:0;transform:scale(.6);filter:blur(12px) brightness(2)}60%{opacity:1;transform:scale(1.06);filter:blur(0px) brightness(1.3)}to{opacity:1;transform:scale(1);filter:blur(0px) brightness(1)}}@keyframes text-reveal{0%{opacity:0;transform:translateY(14px);letter-spacing:.3em}to{opacity:1;transform:translateY(0);letter-spacing:.08em}}@keyframes field-slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-border{0%,to{border-color:#00e5ff26;box-shadow:0 0 20px #00e5ff0d,0 16px 50px #00000080}50%{border-color:#00e5ff66;box-shadow:0 0 40px #00e5ff1f,0 16px 50px #00000080}}@keyframes glow-surface{0%,to{filter:drop-shadow(0 0 2px rgba(0,229,255,.4)) drop-shadow(0 0 25px rgba(0,229,255,.1))}50%{filter:drop-shadow(0 0 3px rgba(0,229,255,.65)) drop-shadow(0 0 45px rgba(0,229,255,.18))}}@keyframes hex-glow{0%,to{background-color:#00e5ff33}50%{background-color:#00e5ff80}}@keyframes shimmer{0%{left:-120%}to{left:180%}}@keyframes neon-pulse{0%,to{box-shadow:0 0 8px #00e5ff4d,0 0 20px #00e5ff1a,inset 0 1px #ffffff0f}50%{box-shadow:0 0 16px #00e5ff80,0 0 50px #00e5ff33,0 0 80px #00e5ff14,inset 0 1px #ffffff14}}@keyframes neon-pulse-gold{0%,to{box-shadow:0 0 10px #fbbf2426,0 0 20px #fbbf240d,0 8px 24px #0000004d}50%{box-shadow:0 0 20px #fbbf244d,0 0 50px #fbbf241f,0 8px 24px #0000004d}}@keyframes nav-pulse{0%,to{box-shadow:0 0 12px #00e5ff33,0 0 24px #00e5ff14,0 8px 24px #0000004d;border-color:#00e5ff73}50%{box-shadow:0 0 24px #00e5ff66,0 0 60px #00e5ff26,0 8px 24px #0000004d;border-color:#00e5ffa6}}@keyframes geo-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes geo-rotate-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes geo-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:16}}@keyframes geo-diamond-pulse{0%,to{opacity:.4;stroke-width:1}50%{opacity:.8;stroke-width:1.5}}@keyframes pile-draw{0%{transform:scale(1)}30%{transform:scale(.92)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes card-swap-out{0%{transform:scale(1);opacity:1;box-shadow:0 4px 20px #000c}40%{transform:scale(1.12);opacity:.7;box-shadow:0 8px 30px #00e5ff4d}to{transform:scale(1);opacity:1;box-shadow:0 4px 20px #000c}}@keyframes error-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes iso-breathe{0%,to{opacity:.65}50%{opacity:1}}@keyframes cube-lifecycle{0%{opacity:0;transform:scale(.15)}12%{opacity:.85;transform:scale(1)}82%{opacity:.75;transform:scale(.95)}to{opacity:0;transform:scale(.1)}}@keyframes cube-tumble{0%{transform:rotateX(20deg) rotateY(0)}to{transform:rotateX(380deg) rotateY(360deg)}}@keyframes phone-rock{0%,15%{transform:rotate(0)}35%,65%{transform:rotate(-90deg) scale(1.05)}85%,to{transform:rotate(0)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#060e2480}::-webkit-scrollbar-thumb{background:#00e5ff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00e5ff80}.welcome-orb{position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-58%);background:radial-gradient(circle,rgba(0,229,255,.08) 0%,rgba(168,85,247,.04) 35%,transparent 70%);animation:breathe 6s ease-in-out infinite;pointer-events:none}.welcome-logo{position:relative;z-index:2;animation:logo-dramatic 1.2s cubic-bezier(.16,1,.3,1) both}.logo-hero{height:300px;width:auto;object-fit:contain;display:block;filter:drop-shadow(0 0 15px rgba(0,229,255,.5)) brightness(1.15);animation:breathe-glow 4s ease-in-out infinite}.welcome-title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.8rem);font-weight:700;letter-spacing:.04em;text-align:center;margin-top:.5rem;color:var(--text-100);text-shadow:0 0 20px rgba(0,229,255,.25),0 2px 12px rgba(0,0,0,.45)}.welcome-tagline{margin-top:12px;font-size:14px;font-weight:500;color:var(--text-50);letter-spacing:.08em;text-transform:uppercase;text-align:center;opacity:0;animation:text-reveal .8s ease-out .9s forwards}.welcome-actions{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:48px;opacity:0;animation:field-slide-up .6s var(--spring) 1.2s forwards}.welcome-btn{min-width:260px;text-align:center;font-size:16px;padding:15px 0;text-decoration:none}@media(max-width:480px){.logo-hero{height:200px}.welcome-btn{min-width:220px}}.auth-card{display:flex;flex-direction:column;align-items:center;padding:44px 52px 40px;min-width:400px;max-width:440px;width:100%;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 0 0 1px #ffffff08 inset,0 0 30px #00e5ff0f,0 16px 50px #00000080;animation:glow-border 5s ease-in-out infinite}.auth-logo{display:flex;align-items:center;justify-content:center;margin-bottom:32px}.auth-logo-img{height:80px;width:auto;object-fit:contain;display:block;filter:drop-shadow(0 0 15px rgba(0,229,255,.5)) brightness(1.15)}.auth-form{width:100%;display:flex;flex-direction:column}.auth-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;opacity:0;animation:field-slide-up .4s var(--spring) forwards}.auth-field:nth-child(1){animation-delay:.2s}.auth-field:nth-child(2){animation-delay:.28s}.auth-field:nth-child(3){animation-delay:.36s}.auth-field:nth-child(4){animation-delay:.44s}.auth-field-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-50);padding-left:2px}.neon-input{width:100%;padding:12px 16px;font-size:14px;color:var(--text-100);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-input);outline:none;transition:all .25s var(--smooth)}.neon-input::placeholder{color:var(--text-50)}.neon-input:focus{border-color:#00e5ff8c;background:#0a143ccc;box-shadow:0 0 0 3px #00e5ff14,0 0 25px #00e5ff1f}.neon-input--error{border-color:#ec489999;box-shadow:0 0 0 3px #ec48991a}.neon-input--error:focus{border-color:#ec4899bf;box-shadow:0 0 0 3px #ec489926,0 0 20px #ec48991f}.auth-field__error{font-size:11px;font-weight:500;color:var(--neon-pink);padding-left:3px;animation:field-slide-up .2s ease-out}.btn-neon,.auth-submit{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 40px;font-family:var(--font-body);font-size:16px;font-weight:700;letter-spacing:.04em;color:var(--text-100);background:linear-gradient(135deg,#00e5ff2e,#a855f71f);border:1px solid rgba(0,229,255,.35);border-radius:var(--radius-btn);cursor:pointer;text-shadow:0 0 10px rgba(0,229,255,.5);box-shadow:0 0 15px #00e5ff26,0 4px 20px #0006,inset 0 1px #ffffff0f;transition:all .26s var(--spring);text-decoration:none}.btn-neon:before,.auth-submit:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);pointer-events:none}.btn-neon:hover:not(:disabled),.auth-submit:hover:not(:disabled){transform:translateY(-3px) scale(1.02);border-color:#00e5ffa6;box-shadow:0 0 30px #00e5ff4d,0 0 60px #00e5ff1a,0 8px 30px #00000080,inset 0 1px #ffffff1a;text-shadow:0 0 20px rgba(0,229,255,.8)}.btn-neon:hover:not(:disabled):before,.auth-submit:hover:not(:disabled):before{animation:shimmer .6s ease-in-out}.btn-neon:active:not(:disabled),.auth-submit:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:0 0 8px #00e5ff33,inset 0 2px 8px #0000004d}.btn-neon:disabled,.auth-submit:disabled{opacity:.35;cursor:not-allowed}.auth-submit{padding:14px 0;margin-top:8px;opacity:0;animation:field-slide-up .4s var(--spring) .48s forwards}.btn-ghost{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 40px;font-family:var(--font-body);font-size:16px;font-weight:700;letter-spacing:.04em;color:var(--text-100);background:transparent;border:1px solid rgba(168,85,247,.4);border-radius:var(--radius-btn);cursor:pointer;text-shadow:0 0 10px rgba(168,85,247,.4);box-shadow:0 0 12px #a855f714,0 4px 20px #0000004d;transition:all .26s var(--spring);text-decoration:none}.btn-ghost:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);pointer-events:none}.btn-ghost:hover:not(:disabled){transform:translateY(-3px) scale(1.02);border-color:#a855f7b3;box-shadow:0 0 25px #a855f740,0 0 50px #a855f714,0 8px 30px #0006;text-shadow:0 0 18px rgba(168,85,247,.7)}.btn-ghost:hover:not(:disabled):before{animation:shimmer .6s ease-in-out}.btn-ghost:active:not(:disabled){transform:translateY(0) scale(.97)}.btn-ghost:disabled{opacity:.35;cursor:not-allowed}.auth-links{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:20px;opacity:0;animation:field-slide-up .4s ease-out .56s forwards}.auth-links a{font-size:13px;color:var(--text-link);position:relative;text-decoration:none}.auth-links a:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:currentColor;transition:width .22s}.auth-links a:hover{color:var(--neon-cyan)}.auth-links a:hover:after{width:100%}.auth-back{position:absolute;top:28px;left:32px;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-80);z-index:3;transition:color .2s,transform .2s;cursor:pointer;text-decoration:none}.auth-back:before{content:"←";font-size:18px;transition:transform .2s var(--spring)}.auth-back:hover{color:var(--neon-cyan)}.auth-back:hover:before{transform:translate(-4px)}.auth-message--error,.auth-message--success{text-align:center;padding:12px 18px;border-radius:var(--radius-input);font-size:13px;margin-bottom:16px;animation:field-slide-up .3s ease-out}.auth-message--error{background:#ec48991f;border:1px solid rgba(236,72,153,.3);color:#f9a8d4;animation:field-slide-up .3s ease-out,error-shake .4s ease}.auth-message--success{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#86efac}@media(max-width:480px){.auth-card{min-width:auto;padding:32px 24px 28px;max-width:95%}}.error-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#040c1ebf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:overlay-in .3s ease}.error-modal{background:var(--glass);border:1.5px solid rgba(255,80,80,.45);border-radius:var(--radius-card);box-shadow:0 0 20px #ff505026,0 0 60px #ff50500f;padding:2.5rem;max-width:400px;width:90%;text-align:center;animation:modal-in .35s ease}.error-modal__icon{font-size:3rem;margin-bottom:1rem;display:block}.error-modal__title{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.04em;color:var(--red);margin-bottom:.75rem}.error-modal__text{color:var(--text-80);font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.error-modal__btn{display:inline-block;padding:.7rem 2rem;font-family:var(--font-body);font-size:1rem;font-weight:700;color:var(--text-100);background:#ff505026;border:1.5px solid rgba(255,80,80,.4);border-radius:var(--radius-btn);cursor:pointer;transition:background .25s,border-color .25s}.error-modal__btn:hover{background:#ff505040;border-color:#ff505099}.lobby{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;z-index:1}.iso-grid{display:none!important;position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.iso-grid:before,.iso-grid:after{display:none!important}.lobby__content{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:0}.spawning-cube{position:absolute;z-index:0;pointer-events:none;perspective:180px;animation:cube-lifecycle var(--cube-duration, 8s) ease-in-out forwards}.spawning-cube__body{position:relative;transform-style:preserve-3d;animation:cube-tumble var(--cube-duration, 8s) linear forwards}.spawning-cube__face{position:absolute;top:0;left:0;backface-visibility:visible;background:#00e5ff0f;border:1px solid rgba(0,229,255,.28);box-shadow:inset 0 0 8px #00e5ff0f}.portrait-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#060e24,#0b1733,#0a1428);opacity:0;pointer-events:none;transition:opacity .6s ease}.portrait-overlay--visible{opacity:1;pointer-events:auto}.portrait-overlay__content{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;padding:40px}.portrait-overlay__icon{width:80px;height:80px;animation:phone-rock 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,229,255,.4))}.portrait-overlay__icon svg{width:100%;height:100%;stroke:var(--neon-cyan);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.portrait-overlay__title{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text-100);letter-spacing:.04em;text-shadow:0 0 20px rgba(0,229,255,.3)}.portrait-overlay__subtitle{font-size:14px;color:var(--text-50);letter-spacing:.02em;max-width:240px;line-height:1.5}@media(max-width:768px){.spawning-cube{opacity:.7}}@media(max-width:480px){.spawning-cube{display:none}}.game-header{flex-shrink:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:linear-gradient(180deg,#0b1733f2,#0b1733cc);border-bottom:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #0006}.game-header__brand{display:flex;align-items:center;gap:10px}.game-header__logo{height:36px;width:auto;filter:drop-shadow(0 0 8px rgba(0,229,255,.4))}.game-header__actions{display:flex;align-items:center;gap:10px}.game-header--sub .game-header__brand,.game-header--sub .game-header__actions{flex:1}.game-header--sub .game-header__actions{justify-content:flex-end}.game-header__title{flex:1;text-align:center;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-100);text-shadow:0 0 20px rgba(0,229,255,.25);margin:0}.game-header__back{display:flex;align-items:center;gap:6px;padding:7px 14px;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--text-80);background:#ffffff0a;border:1.5px solid var(--glass-border);border-radius:var(--radius-btn);cursor:pointer;transition:color .2s var(--smooth),border-color .2s var(--smooth),background .2s var(--smooth)}.game-header__back:hover{color:var(--text-100);border-color:#00e5ff66;background:#00e5ff0f}.game-header__badge{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#0c1e46b3;border:1.5px solid var(--glass-border);border-radius:20px;font-size:14px;font-weight:700;transition:border-color .3s var(--smooth),box-shadow .3s var(--smooth)}.game-header__badge:hover{border-color:var(--glass-border-lit);box-shadow:0 0 12px #00e5ff1a}.game-header__badge-icon{font-size:14px;line-height:1}.game-header__badge-value{color:var(--text-100);letter-spacing:.02em}.game-header__badge--cubitos{border-color:#00e5ff40}.game-header__badge--cubitos:hover{border-color:#00e5ff80;box-shadow:0 0 12px #00e5ff26}.game-header__icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:17px;background:#0a193c80;border:1px solid var(--glass-border);border-radius:50%;color:var(--text-80);cursor:pointer;transition:all .25s var(--smooth)}.game-header__icon-btn:hover{color:var(--neon-cyan);border-color:#00e5ff66;box-shadow:0 0 15px #00e5ff26;transform:rotate(30deg)}@media(max-width:768px){.game-header{padding:10px 16px}.game-header__logo{height:34px}.game-header__actions{gap:6px}.game-header__badge{padding:4px 8px;font-size:12px}}@media(max-width:480px){.game-header{padding:10px 14px;min-height:62px}.game-header__brand{gap:12px}.game-header__logo{height:40px}.game-header__actions{gap:8px}.game-header__badge{padding:5px 10px;font-size:13px;gap:5px;border-radius:16px}.game-header__badge .cubito-icon{width:18px;height:18px}}@media(max-width:900px)and (max-height:520px)and (orientation:landscape){.game-header{padding:6px 12px;min-height:50px}.game-header__logo{height:30px}.game-header__badge{padding:4px 8px;font-size:12px}}.game-table{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:field-slide-up .8s var(--spring) both;filter:drop-shadow(0 0 1px rgba(0,229,255,.5)) drop-shadow(0 0 40px rgba(0,229,255,.08)) drop-shadow(0 0 80px rgba(0,229,255,.04))}.game-table__surface{--table-scale: 1;--pile-draw-x: calc(-36px * var(--table-scale));--pile-discard-x: calc( 36px * var(--table-scale));position:relative;width:clamp(480px,65vw,900px);aspect-ratio:5 / 3;background:radial-gradient(ellipse 50% 40% at 50% 45%,rgba(40,100,170,.3) 0%,transparent 60%),radial-gradient(ellipse 100% 80% at 50% 30%,rgba(30,80,150,.35) 0%,transparent 50%),radial-gradient(ellipse 80% 80% at 50% 50%,#12376cf2,#0a2044fa);border-radius:9999px;overflow:hidden;filter:drop-shadow(0 0 2px rgba(0,229,255,.55)) drop-shadow(0 0 32px rgba(0,229,255,.14));animation:glow-surface 6s ease-in-out infinite}.game-table__surface:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 60px #0006,inset 0 0 20px #00e5ff0a;z-index:0;pointer-events:none}.game-table__ring{position:absolute;inset:10% 6%;border-radius:9999px;border:1.5px solid rgba(0,229,255,.16);box-shadow:0 0 18px #00e5ff14,inset 0 0 10px #00e5ff0a;pointer-events:none;z-index:1}.game-table__hand{position:absolute;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:calc(4px * var(--table-scale));z-index:2}.game-table__hand:before{content:"";position:absolute;inset:-8px;border-radius:10px;border:1px solid rgba(0,229,255,.1);box-shadow:0 0 #00e5ff00;opacity:0;pointer-events:none;transition:opacity .24s var(--smooth),border-color .24s var(--smooth),box-shadow .24s var(--smooth)}.game-table__hand--active:before{opacity:1;border-color:#00e5ff8c;box-shadow:0 0 20px #00e5ff38,inset 0 0 10px #00e5ff14}.game-table__hand--north{top:6%;left:50%;transform:translate(-50%)}.game-table__hand--south{bottom:7%;left:50%;transform:translate(-50%)}.game-table__hand--east{right:8%;top:50%;transform:translateY(-50%)}.game-table__hand--west{left:8%;top:50%;transform:translateY(-50%)}.game-table__card{width:calc(42px * var(--table-scale));height:calc(60px * var(--table-scale));border-radius:calc(6px * var(--table-scale));background:linear-gradient(145deg,#0c1a38,#081230,#060e28);border:1.5px solid rgba(0,229,255,.55);box-shadow:0 4px 20px #000c,0 0 12px #00e5ff26,inset 0 1px #ffffff14;position:relative;transition:transform .4s var(--spring),box-shadow .4s var(--smooth)}.game-table__hand--active .game-table__card{border-color:#00e5ffd1;box-shadow:0 4px 20px #000c,0 0 24px #00e5ff59,inset 0 0 14px #00e5ff1f,inset 0 1px #ffffff14}.game-table__card:after{content:"";position:absolute;inset:calc(3px * var(--table-scale));border-radius:calc(4px * var(--table-scale));border:1px solid rgba(0,229,255,.35);background:radial-gradient(ellipse at 50% 50%,rgba(0,229,255,.1) 0%,transparent 65%),repeating-linear-gradient(45deg,transparent,transparent 3.5px,rgba(0,229,255,.14) 3.5px,rgba(0,229,255,.14) 5px),repeating-linear-gradient(-45deg,transparent,transparent 3.5px,rgba(0,229,255,.12) 3.5px,rgba(0,229,255,.12) 5px)}.game-table__card--face-up{background:linear-gradient(145deg,#1a2d5a,#0f1f42);display:flex;align-items:center;justify-content:center}.game-table__card--face-up:after{display:none}.game-table__hand--south .game-table__card{border-color:#00e5ffb3;box-shadow:0 4px 20px #000c,0 0 18px #00e5ff40,inset 0 1px #ffffff14}.game-table__card-value{font-family:var(--font-display);font-size:calc(20px * var(--table-scale));font-weight:700;color:#7fffff;text-shadow:0 0 8px rgba(0,229,255,.9),0 0 20px rgba(0,229,255,.5),0 1px 2px rgba(0,0,0,.8)}.game-table__card-suit{position:absolute;top:calc(3px * var(--table-scale));left:calc(4px * var(--table-scale));font-size:calc(11px * var(--table-scale));color:#7fffff;text-shadow:0 0 6px rgba(0,229,255,.7),0 1px 2px rgba(0,0,0,.7);opacity:1}.game-table__card-suit--red{color:#ffaacb;text-shadow:0 0 8px rgba(255,100,150,.85),0 1px 2px rgba(0,0,0,.7)}.game-table__card-value--red{color:#ffaacb;text-shadow:0 0 8px rgba(255,100,150,.9),0 0 20px rgba(255,80,130,.45),0 1px 2px rgba(0,0,0,.8)}.game-table__card-suit--black{color:#7fffff;text-shadow:0 0 6px rgba(0,229,255,.7),0 1px 2px rgba(0,0,0,.7)}.game-table__card-value--black{color:#7fffff;text-shadow:0 0 8px rgba(0,229,255,.9),0 0 20px rgba(0,229,255,.45),0 1px 2px rgba(0,0,0,.8)}.game-table__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:calc(30px * var(--table-scale));z-index:5;filter:drop-shadow(0 10px 20px rgba(0,0,0,.65))}.game-table__pile{position:relative;display:flex;align-items:center;justify-content:center}.game-table__pile--draw{width:calc(42px * var(--table-scale));height:calc(60px * var(--table-scale));transition:transform .2s var(--spring)}.game-table__pile-depth{position:absolute;width:calc(42px * var(--table-scale));height:calc(60px * var(--table-scale));border-radius:calc(6px * var(--table-scale));background:linear-gradient(145deg,#0a1530,#060e24);border:1px solid rgba(0,229,255,.25)}.game-table__pile-depth:nth-child(1){top:calc(10px * var(--table-scale));left:calc(6px * var(--table-scale));opacity:.2}.game-table__pile-depth:nth-child(2){top:calc(8px * var(--table-scale));left:calc(4.5px * var(--table-scale));opacity:.35}.game-table__pile-depth:nth-child(3){top:calc(6px * var(--table-scale));left:calc(3px * var(--table-scale));opacity:.5}.game-table__pile-depth:nth-child(4){top:calc(4px * var(--table-scale));left:calc(2px * var(--table-scale));opacity:.65}.game-table__pile-depth:nth-child(5){top:calc(2px * var(--table-scale));left:calc(1px * var(--table-scale));opacity:.8}.game-table__pile .game-table__card--pile{position:relative;z-index:2}.game-table__pile--active{animation:pile-draw .85s var(--spring)}.game-table__pile--discard{position:relative}.game-table__pile--discard .game-table__card{box-shadow:0 4px 20px #0009,0 0 20px #00e5ff1a}.game-table__card--fan{position:absolute;top:0;left:0;background:linear-gradient(145deg,#1a2d5a,#0f1f42)}.game-table__card--fan:after{display:none}.game-table__card--fan:nth-child(1){transform:rotate(-8deg) translate(-4px,3px);opacity:.5;z-index:1}.game-table__card--fan:nth-child(2){transform:rotate(-4deg) translate(-2px,1px);opacity:.65;z-index:2}.game-table__card--fan:nth-child(3){transform:rotate(2deg) translate(1px,-1px);opacity:.8;z-index:3}.game-table__pile--discard .game-table__card--face-up{position:relative;z-index:4}.game-table__geo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:65%;height:65%;pointer-events:none;opacity:.12;z-index:1}.game-table__geo-svg{width:100%;height:100%}.game-table__geo-hex{fill:none;stroke:var(--neon-cyan);stroke-width:.8;transform-origin:center;animation:geo-rotate 30s linear infinite}.game-table__geo-hex--inner{stroke:var(--neon-purple);stroke-width:.6;animation:geo-rotate-reverse 25s linear infinite}.game-table__geo-line{stroke:var(--neon-cyan);stroke-width:.5;opacity:.6;stroke-dasharray:4 4;animation:geo-dash 8s linear infinite}.game-table__geo-diamond{fill:none;stroke:var(--neon-cyan);stroke-width:1;animation:geo-diamond-pulse 4s ease-in-out infinite}.game-table__drawn{position:absolute;left:50%;top:50%;perspective:400px;pointer-events:none;opacity:0;transform:translate(calc(-50% + var(--pile-draw-x, -36px)),-50%) scale(.3);transition:opacity .6s var(--smooth),transform .8s cubic-bezier(.16,1,.3,1);z-index:10}.game-table__drawn--visible{opacity:1;transform:translate(calc(-50% + var(--pile-draw-x, -36px)),-50%) scale(.9)}.game-table__drawn--visible.game-table__drawn--at-player{transform:translate(calc(-50% + var(--drawn-offset-x, 0px)),calc(-50% + var(--drawn-offset-y, 0px))) scale(1.05) rotateX(6deg) rotate(var(--peek-rotation, -3deg));transition:opacity .6s var(--smooth),transform 1.1s cubic-bezier(.16,1,.3,1)}.game-table__drawn--to-north{--drawn-offset-x: var(--drawn-offset-north-x);--drawn-offset-y: var(--drawn-offset-north-y)}.game-table__drawn--to-south{--drawn-offset-x: var(--drawn-offset-south-x);--drawn-offset-y: var(--drawn-offset-south-y)}.game-table__drawn--to-east{--drawn-offset-x: var(--drawn-offset-east-x);--drawn-offset-y: 0px}.game-table__drawn--to-west{--drawn-offset-x: var(--drawn-offset-west-x);--drawn-offset-y: 0px}.game-table__card--drawn{background:transparent;border:none;box-shadow:none;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .95s var(--spring),box-shadow .7s var(--smooth);transform:rotateY(180deg) scale(.85)}.game-table__card--drawn:after{display:none}.game-table__card-face{position:absolute;inset:0;border-radius:6px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.game-table__card-face--front{background:linear-gradient(145deg,#1a2d5a,#0f1f42);border:1.5px solid rgba(0,229,255,.75);display:flex;align-items:center;justify-content:center;opacity:1}.game-table__card-face--back{transform:rotateY(180deg);background:linear-gradient(145deg,#0c1a38,#081230,#060e28);border:1.5px solid rgba(0,229,255,.55);box-shadow:0 4px 20px #000c,0 0 12px #00e5ff26,inset 0 1px #ffffff14}.game-table__card-face--back:after{content:"";position:absolute;inset:3px;border-radius:4px;border:1px solid rgba(0,229,255,.35);background:radial-gradient(ellipse at 50% 50%,rgba(0,229,255,.1) 0%,transparent 65%),repeating-linear-gradient(45deg,transparent,transparent 3.5px,rgba(0,229,255,.14) 3.5px,rgba(0,229,255,.14) 5px),repeating-linear-gradient(-45deg,transparent,transparent 3.5px,rgba(0,229,255,.12) 3.5px,rgba(0,229,255,.12) 5px)}.game-table__drawn--peek:not(.game-table__drawn--peek-private) .game-table__card-face--back,.game-table__drawn--discard .game-table__card-face--back{opacity:0;transition:opacity .3s var(--smooth)}.game-table__drawn--peek .game-table__card--drawn{transform:rotateY(0) scale(1.2);box-shadow:0 8px 30px #0009,0 0 35px #00e5ff59}.game-table__drawn--peek-private .game-table__card--drawn{transform:rotateY(180deg) scale(1.12);box-shadow:0 8px 30px #0009,0 0 18px #00e5ff33}.game-table__drawn.game-table__drawn--discard{opacity:0;transform:translate(calc(-50% + var(--pile-discard-x, 36px)),-50%) scale(.75);transition:all 1s cubic-bezier(.4,0,.2,1)}.game-table__drawn--discard .game-table__card--drawn{transform:scale(.85);transition:transform .8s var(--smooth)}.game-table__drawn--visible.game-table__drawn--at-player.game-table__drawn--settling{opacity:0;transform:translate(calc(-50% + var(--pile-discard-x, 36px)),-50%) scale(.75);transition:all 1s cubic-bezier(.4,0,.2,1)}.game-table__drawn--settling .game-table__card--drawn{transition:transform .8s var(--smooth),box-shadow .8s var(--smooth)}.game-table__drawn--settling .game-table__card-face--back{opacity:0;transition:opacity .18s var(--smooth) .12s}.game-table__swap-fly .game-table__card--drawn{transform:rotateY(0) scale(1.05)}.game-table__swap-fly .game-table__card-face--back{opacity:0}.game-table__swap-fly--at-hand{opacity:1;transition:none}.game-table__swap-fly--at-peek{opacity:1;transform:translate(calc(-50% + var(--drawn-offset-x, 0px)),calc(-50% + var(--drawn-offset-y, 0px))) scale(1.05) rotateX(6deg) rotate(var(--peek-rotation, -3deg));transition:opacity .3s var(--smooth),transform .95s cubic-bezier(.16,1,.3,1)}.game-table__swap-fly--at-peek .game-table__card--drawn{transform:scale(1.2);box-shadow:0 8px 30px #0009,0 0 35px #00e5ff59;transition:transform .88s var(--spring) .32s}.game-table__swap-fly--at-peek .game-table__card-face--back{opacity:0;transition:none}.game-table__swap-fly--to-discard{opacity:0;transform:translate(calc(-50% + var(--pile-discard-x, 36px)),-50%) scale(.75);transition:all 1s cubic-bezier(.4,0,.2,1)}.game-table__swap-fly--to-discard .game-table__card--drawn{transform:scale(.85);transition:transform .8s var(--smooth)}.game-table__swap-fly--to-discard .game-table__card-face--back{opacity:0}.game-table__card--swapping{animation:card-swap-out .9s var(--spring)}@media(max-width:768px){.game-table__surface{width:clamp(340px,80vw,580px)}}@media(max-width:480px){.game-table__surface{width:clamp(235px,74vw,320px);height:clamp(300px,48vh,420px);aspect-ratio:auto}.game-table__hand--north{top:7%}.game-table__hand--south{bottom:9%}.game-table__center{top:52%}.game-table__hand--east,.game-table__hand--west{display:none}.game-table__geo{width:74%;height:74%}}@media(max-width:360px){.game-table__surface{--table-scale: .75}}@media(max-width:1100px)and (max-height:520px)and (orientation:landscape){.game-table__surface{--table-scale: .8;height:clamp(160px,55dvh,260px);width:auto;aspect-ratio:5 / 3}.game-table__hand--north{top:4%}.game-table__hand--south{bottom:4%}.game-table__center{top:50%;gap:calc(24px * var(--table-scale))}}.game-nav{flex-shrink:0;padding:20px 40px 24px;background:linear-gradient(0deg,rgba(8,18,42,.98) 0%,rgba(8,18,42,.7) 50%,transparent 100%);animation:field-slide-up .6s var(--spring) .3s both}.game-nav__track{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:14px;max-width:750px;margin:0 auto}.game-nav__btn{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 26px;min-width:110px;background:#0e234bcc;border:1.5px solid rgba(0,229,255,.22);border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;transition:all .28s var(--spring);color:var(--text-100);box-shadow:0 4px 20px #00000059}.game-nav__btn:not(.game-nav__btn--primary){width:110px;min-width:110px;height:98px}.game-nav__btn:hover{transform:scale(1.06);border-color:#00e5ff85;background:#102a58e0;box-shadow:0 0 22px #00e5ff2e,0 8px 28px #0000006b}.game-nav__btn:active{transform:scale(.96)}.game-nav__btn--primary{padding:20px 30px;min-width:130px;border-color:#fbbf248c;background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);box-shadow:0 0 32px #fbbf242e,0 8px 28px #00000061;animation:neon-pulse-gold 3s ease-in-out infinite;position:relative;z-index:2}.game-nav__btn--primary:hover{transform:scale(1.08);border-color:#fbbf24c7;background:linear-gradient(135deg,#fbbf2447,#f59e0b26);box-shadow:0 0 45px #fbbf2452,0 0 80px #fbbf241f,0 12px 40px #0000007a}.game-nav__btn-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;color:#b4dcffbf;transition:color .28s var(--smooth),filter .28s var(--smooth)}.game-nav__btn-icon svg{width:100%;height:100%}.game-nav__btn:hover .game-nav__btn-icon{color:var(--neon-cyan);filter:drop-shadow(0 0 6px rgba(0,229,255,.7))}.game-nav__btn--primary .game-nav__btn-icon{width:30px;height:30px;color:var(--neon-gold);filter:drop-shadow(0 0 6px rgba(251,191,36,.45))}.game-nav__btn--primary:hover .game-nav__btn-icon{color:#ffe082;filter:drop-shadow(0 0 10px rgba(251,191,36,.8))}.game-nav__btn-label{font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-80);white-space:pre-line;line-height:1.1;text-align:center}.game-nav__btn--primary .game-nav__btn-label{color:var(--neon-gold);font-size:13px;text-shadow:0 0 8px rgba(251,191,36,.4)}@media(max-width:768px){.game-nav{padding:12px 20px 16px}.game-nav__track{gap:10px}.game-nav__btn{padding:14px 16px;min-width:80px}.game-nav__btn:not(.game-nav__btn--primary){width:96px;min-width:96px;height:88px}.game-nav__btn--primary{padding:16px 22px;min-width:105px}.game-nav__btn-icon{width:22px;height:22px}.game-nav__btn--primary .game-nav__btn-icon{width:26px;height:26px}}@media(max-width:480px){.game-nav{padding:8px 6px 12px;background:linear-gradient(0deg,#0b1733fa 60%,#0b1733b3);border-top:1px solid var(--glass-border)}.game-nav__track{gap:3px;justify-content:stretch;width:100%}.game-nav__btn{padding:8px 5px;min-width:0;width:auto;flex:1 1 0;border-radius:12px}.game-nav__btn:not(.game-nav__btn--primary){width:auto;min-width:0;flex:1 1 0;height:72px}.game-nav__btn--primary{padding:10px 8px;min-width:auto;flex:1.2}.game-nav__btn-icon{width:18px;height:18px}.game-nav__btn--primary .game-nav__btn-icon{width:20px;height:20px}.game-nav__btn-label{font-size:8px;white-space:pre-line;line-height:1.05;text-align:center;max-width:100%}.game-nav__btn--primary .game-nav__btn-label{font-size:9px}}@media(max-width:360px){.game-nav{padding:6px 4px 10px}.game-nav__track{gap:2px}.game-nav__btn{padding:6px 4px}.game-nav__btn:not(.game-nav__btn--primary){height:64px}.game-nav__btn-icon{width:15px;height:15px}.game-nav__btn--primary .game-nav__btn-icon{width:16px;height:16px}.game-nav__btn-label{font-size:7px}.game-nav__btn--primary .game-nav__btn-label{font-size:8px}}@media(max-width:1100px)and (max-height:520px)and (orientation:landscape){.game-nav{padding:6px 6px 8px}.game-nav__track{width:100%;gap:4px;justify-content:stretch}.game-nav__btn{min-width:0;width:auto;height:58px;flex:1 1 0;padding:6px 4px;border-radius:10px;gap:4px}.game-nav__btn:not(.game-nav__btn--primary){min-width:0;width:auto;height:58px}.game-nav__btn--primary{min-width:0;height:58px;flex:1.15;padding:7px 5px}.game-nav__btn--primary:hover{transform:scale(1.04)}.game-nav__btn-icon{width:16px;height:16px}.game-nav__btn--primary .game-nav__btn-icon{width:17px;height:17px}.game-nav__btn-label{font-size:8px;line-height:1}.game-nav__btn--primary .game-nav__btn-label{font-size:8px}}.skin-card{position:relative;display:flex;flex-direction:column;background:var(--glass);border:1.5px solid var(--glass-border);border-radius:var(--radius-card);overflow:hidden;transition:transform .2s var(--smooth),border-color .2s var(--smooth),box-shadow .2s var(--smooth)}.skin-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0006}.skin-card:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:3px}.skin-card__media{position:relative;width:100%;background:#0a16328c;overflow:hidden;flex-shrink:0;padding:8px 8px 0}.skin-card--tapete .skin-card__media{aspect-ratio:16 / 9}.skin-card--carta .skin-card__media{aspect-ratio:2 / 3}.skin-card--avatar .skin-card__media{aspect-ratio:1 / 1}.skin-card__img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .25s var(--smooth);border-radius:6px}.skin-card:hover .skin-card__img{transform:scale(1.04)}.skin-card__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a193ce6,#060e24f2);color:var(--text-50);border-radius:6px}.skin-card__fallback-icon{width:36px;height:36px;opacity:.4}.skin-card__owned-badge{position:absolute;top:8px;right:8px;width:22px;height:22px;background:#00e5ffd9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#0b1733;box-shadow:0 2px 8px #0006}.skin-card__loading-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:5}.skin-card__spinner{width:22px;height:22px;border:2px solid rgba(0,229,255,.25);border-top-color:var(--neon-cyan);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skin-card__body{display:flex;flex-direction:column;gap:6px;padding:10px 10px 14px;flex:1}.skin-card__meta{display:flex;flex-direction:column;gap:4px}.skin-card__name{font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--text-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skin-card__badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:6px;width:fit-content}.skin-card__badge--price{color:var(--neon-cyan);background:#00e5ff1a;border:1px solid rgba(0,229,255,.25)}.skin-card__cube-icon{width:11px;height:11px;flex-shrink:0}.skin-card__badge--owned{color:var(--green);background:#86efac1a;border:1px solid rgba(134,239,172,.25)}.skin-card__badge--equipped{color:var(--neon-gold);background:#fbbf241f;border:1px solid rgba(251,191,36,.3)}.skin-card__action{margin-top:auto;width:100%;padding:7px 0;font-family:var(--font-body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:10px;border:1.5px solid transparent;cursor:pointer;transition:opacity .15s,transform .15s,background .15s,border-color .15s}.skin-card__action:hover{opacity:.9;transform:scale(1.01)}.skin-card__action:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.skin-card__action:disabled{opacity:.4;cursor:not-allowed;transform:none}.skin-card__action--primary{color:var(--bg-void);background:var(--neon-cyan);border-color:var(--neon-cyan)}.skin-card__action--danger{color:var(--red);background:#ff5a5a14;border-color:#ff5a5a59}.skin-card__action--danger:hover{background:#ff5a5a26;border-color:#ff5a5a8c}.skin-card__action--secondary{color:var(--neon-cyan);background:#00e5ff14;border-color:#00e5ff4d}.skin-card__action--secondary:hover{background:#00e5ff26;border-color:#00e5ff8c}.skin-card--shop-available{border-color:#00e5ff26}.skin-card--shop-available:hover{border-color:#00e5ff66;box-shadow:0 0 18px #00e5ff14,0 12px 30px #0006}.skin-card--shop-owned{border-color:#86efac33}.skin-card--shop-owned:hover{border-color:#86efac66;box-shadow:0 0 16px #86efac0f,0 12px 30px #0006}.skin-card--shop-equipped{border-color:#fbbf2459;box-shadow:0 0 14px #fbbf2414;animation:neon-pulse-gold 5s ease-in-out infinite}.skin-card--inventory-normal{border-color:var(--glass-border)}.skin-card--inventory-normal:hover{border-color:#00e5ff4d;box-shadow:0 0 14px #00e5ff0f,0 12px 28px #00000061}.skin-card--inventory-equipped{border-color:#00e5ff59;box-shadow:0 0 14px #00e5ff1a;animation:glow-border 5s ease-in-out infinite}@media(max-width:480px){.skin-card__name{font-size:12px}.skin-card__badge{font-size:9px;padding:2px 5px}.skin-card__body{padding:8px;gap:5px}.skin-card__action{font-size:11px;padding:6px 0}}.confirm-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#040c1ebf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:overlay-in .3s ease}.confirm-modal{background:var(--glass);border:1.5px solid rgba(0,229,255,.35);border-radius:var(--radius-card);box-shadow:0 0 20px #00e5ff1f,0 0 60px #00e5ff0d;padding:2rem;max-width:360px;width:90%;text-align:center;animation:modal-in .35s ease}.confirm-modal__preview-wrap{margin:0 auto 1.25rem;border-radius:12px;overflow:hidden;border:1px solid var(--glass-border);background:#0a163299}.confirm-modal__preview-wrap--tapete{max-width:240px;aspect-ratio:16 / 9}.confirm-modal__preview-wrap--carta{max-width:120px;aspect-ratio:2 / 3}.confirm-modal__preview-wrap--avatar{max-width:120px;aspect-ratio:1 / 1;border-radius:50%}.confirm-modal__preview-img{width:100%;height:100%;object-fit:cover;display:block}.confirm-modal__name{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text-100);margin-bottom:.4rem;letter-spacing:.03em}.confirm-modal__price{font-size:1rem;color:var(--neon-cyan);font-weight:600;margin-bottom:1.25rem}.confirm-modal__insufficient{font-size:.85rem;color:var(--red);margin-bottom:.75rem}.confirm-modal__actions{display:flex;gap:10px;justify-content:center}.confirm-modal__btn-confirm{flex:1;padding:.65rem 1rem;font-family:var(--font-body);font-size:.95rem;font-weight:700;color:var(--bg-void);background:var(--neon-cyan);border:none;border-radius:var(--radius-btn);cursor:pointer;transition:opacity .2s,transform .15s}.confirm-modal__btn-confirm:hover:not(:disabled){opacity:.88;transform:scale(1.02)}.confirm-modal__btn-confirm:disabled{opacity:.35;cursor:not-allowed}.confirm-modal__btn-cancel{flex:1;padding:.65rem 1rem;font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--text-80);background:transparent;border:1.5px solid var(--glass-border);border-radius:var(--radius-btn);cursor:pointer;transition:background .2s,border-color .2s}.confirm-modal__btn-cancel:hover{background:#ffffff0a;border-color:#78d2ff66}@media(max-width:480px){.confirm-modal{padding:1.5rem 1.25rem}.confirm-modal__name{font-size:1.1rem}}.skin-page{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;z-index:1}.skin-page__content{flex:1;display:flex;flex-direction:column;min-height:0;padding:16px 20px 0}.skin-tabs{display:flex;gap:3px;border-bottom:1.5px solid rgba(0,229,255,.18);flex-shrink:0;padding-top:4px}.skin-tab{padding:9px 20px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-50);background:transparent;border:1px solid transparent;border-bottom:none;border-radius:10px 10px 0 0;cursor:pointer;transition:color .18s,background .18s,border-color .18s;white-space:nowrap}.skin-tab:hover{color:var(--text-80);background:#00e5ff0a}.skin-tab--active{color:var(--neon-cyan);background:var(--glass);border-color:#00e5ff38;border-bottom-color:var(--glass);position:relative;top:1.5px;text-shadow:0 0 10px rgba(0,229,255,.4)}.skin-tab:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:-3px}.skin-sort{display:flex;align-items:center;gap:8px;padding:10px 0 8px;flex-shrink:0}.skin-sort__label{font-size:11px;font-weight:600;color:var(--text-50);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.skin-sort__select{appearance:none;-webkit-appearance:none;padding:5px 28px 5px 10px;font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--neon-cyan);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2300e5ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat right 9px center,#00e5ff12;border:1px solid rgba(0,229,255,.3);border-radius:8px;cursor:pointer;transition:border-color .18s,background-color .18s;min-width:120px}.skin-sort__select:hover{border-color:#00e5ff8c;background-color:#00e5ff1c}.skin-sort__select:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.skin-sort__select option{background:var(--bg-surface, #0d1b3e);color:var(--text-100)}.skin-page__panel{flex:1;background:var(--glass);border:1px solid rgba(0,229,255,.22);border-top:none;border-radius:0 var(--radius-card) var(--radius-card) var(--radius-card);overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.3) transparent;animation:field-slide-up .4s var(--spring) .1s both}.skin-grid{display:grid;gap:12px}.skin-grid--tapete{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.skin-grid--carta{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.skin-grid--avatar{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.skin-page__error{margin:0 0 12px;padding:10px 16px;background:#ff5a5a1a;border:1px solid rgba(255,90,90,.3);border-radius:10px;color:var(--red);font-size:13px;text-align:center}.skin-page__loading{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-50);font-size:14px;letter-spacing:.04em;animation:mesh-breathe 2s ease-in-out infinite}.skin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px;color:var(--text-50);font-size:14px;text-align:center}@media(max-width:1024px){.skin-grid--tapete{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.skin-grid--carta{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.skin-grid--avatar{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}}@media(max-width:768px){.skin-page{height:auto;min-height:100vh;overflow:visible}.skin-page__content{padding:16px 12px 24px;overflow:visible}.skin-page__panel{flex:none;overflow:visible;height:auto}.skin-grid--tapete{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.skin-grid--carta{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.skin-grid--avatar{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.skin-tab{padding:8px 14px;font-size:12px}}@media(max-width:480px){.skin-page__content{padding:12px 8px 20px}.skin-grid{gap:8px}.skin-grid--tapete{grid-template-columns:repeat(2,1fr)}.skin-grid--carta,.skin-grid--avatar{grid-template-columns:repeat(3,1fr)}.skin-sort__label{display:none}}@media(orientation:landscape)and (max-height:500px){.skin-page{height:auto;min-height:100vh;overflow:visible}.skin-page__content{padding:8px 12px 20px;overflow:visible}.skin-page__panel{flex:none;overflow:visible;height:auto}.skin-tabs{padding-top:2px}.skin-tab{padding:6px 14px;font-size:11px}.skin-sort{padding:6px 0 4px}}.equipped-panel{background:var(--glass);border:1px solid rgba(0,229,255,.18);border-radius:var(--radius-card);padding:14px 16px;margin-bottom:16px;flex-shrink:0}.equipped-panel__title{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-50);margin-bottom:12px;border-left:3px solid rgba(0,229,255,.35);padding-left:8px}.equipped-panel__slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.equipped-slot{display:flex;flex-direction:column;align-items:center;gap:7px;appearance:none;background:transparent;border:none;padding:0;cursor:pointer;border-radius:10px;transition:background .18s}.equipped-slot:hover{background:#00e5ff0d}.equipped-slot:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:3px}.equipped-slot__label{font-size:10px;font-weight:600;color:var(--text-50);text-transform:uppercase;letter-spacing:.05em}.equipped-slot__preview{width:100%;height:90px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1.5px solid rgba(0,229,255,.28);background:#0a163266;overflow:hidden;transition:border-color .2s}.equipped-slot__preview:hover{border-color:#00e5ff80}.equipped-slot__img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.equipped-slot__preview--empty{border-style:dashed;border-color:var(--glass-border)}.equipped-slot__empty-icon{opacity:.3}.equipped-slot__name{font-size:11px;font-weight:600;color:var(--text-80);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.equipped-slot__name--empty{color:var(--text-50);font-style:italic}.skin-card--add-more{appearance:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1.5px dashed rgba(0,208,255,.42)!important;background:transparent!important;box-shadow:none!important;transition:border-color .2s,background .2s}.skin-card--add-more:hover,.skin-card--add-more:focus-visible{border-color:#00e0ffbf!important;background:#00d0ff0f!important}.skin-grid--tapete .skin-card--add-more{min-height:190px}.skin-grid--carta .skin-card--add-more{min-height:270px}.skin-grid--avatar .skin-card--add-more{min-height:210px}.add-more-card__icon{width:36px;height:36px;color:#00d0ffa6;transition:color .2s,transform .2s}.skin-card--add-more:hover .add-more-card__icon,.skin-card--add-more:focus-visible .add-more-card__icon{color:#00f0ffe6;transform:scale(1.1)}.add-more-card__label{font-family:var(--font-body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#00d0ffb3;transition:color .2s;text-align:center;padding:0 8px}.skin-card--add-more:hover .add-more-card__label,.skin-card--add-more:focus-visible .add-more-card__label{color:#00f0fff2}.skin-card--add-more:focus-visible{outline:2px solid rgba(0,240,255,.85);outline-offset:2px}@media(max-width:768px){.equipped-panel__slots{grid-template-columns:repeat(3,1fr);gap:8px}.equipped-slot__preview{height:70px}}@media(max-width:480px){.equipped-panel{padding:12px;margin-bottom:12px}.equipped-slot__preview{height:60px}.equipped-slot__name{font-size:10px}.skin-grid--carta .add-more-card__label{display:none}}@media(orientation:landscape)and (max-height:500px){.equipped-panel{padding:8px 12px;margin-bottom:8px}.equipped-panel__title{font-size:10px;margin-bottom:6px}.equipped-panel__slots{gap:8px}.equipped-slot__preview{height:46px}.equipped-slot__label,.equipped-slot__name{font-size:9px}.skin-grid--tapete .skin-card--add-more{min-height:140px}.skin-grid--carta .skin-card--add-more{min-height:200px}.skin-grid--avatar .skin-card--add-more{min-height:160px}}.page{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;z-index:1}