@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}.settings-container{max-width:680px;margin:0 auto;padding:8px 16px 100px;display:flex;flex-direction:column;gap:32px}.settings-container--modal{max-width:none;padding:10px 16px 16px;gap:24px}.settings-section{display:flex;flex-direction:column;gap:12px}.settings-section__title{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--neon-cyan);padding:0 4px}.settings-panel{background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.settings-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-top:1px solid rgba(120,210,255,.1);transition:background .15s}.settings-row:first-child{border-top:none}.settings-row:hover{background:#00e5ff0a}.settings-row__icon{width:36px;height:36px;border-radius:10px;background:#00e5ff1a;border:1px solid rgba(0,229,255,.2);display:flex;align-items:center;justify-content:center;color:var(--neon-cyan);flex-shrink:0}.settings-row__icon--gold{background:#fbbf241a;border-color:#fbbf2440;color:var(--neon-gold)}.settings-row__icon--purple{background:#a855f71a;border-color:#a855f740;color:var(--neon-purple)}.settings-row__icon--red{background:#ff5a5a1a;border-color:#ff5a5a40;color:#ff5a5a}.settings-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings-row__label{font-size:14px;font-weight:600;color:var(--text-100)}.settings-row__sublabel{font-size:12px;color:var(--text-50)}.settings-row__control{flex-shrink:0}.settings-toggle{position:relative;width:48px;height:26px;border-radius:999px;border:1.5px solid rgba(0,229,255,.3);background:#112858cc;cursor:pointer;padding:0;transition:background .2s,border-color .2s}.settings-toggle.is-on{background:#00e5ff2e;border-color:var(--neon-cyan)}.settings-toggle__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#78d2ff66;transition:transform .2s var(--spring),background .2s}.settings-toggle.is-on .settings-toggle__thumb{transform:translate(22px);background:var(--neon-cyan)}.settings-slider{display:flex;align-items:center;gap:10px}.settings-slider__track{-webkit-appearance:none;appearance:none;width:120px;height:4px;border-radius:999px;background:#78d2ff33;outline:none;cursor:pointer}.settings-slider__track::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 8px #00e5ff80;cursor:pointer;transition:transform .15s}.settings-slider__track::-webkit-slider-thumb:hover{transform:scale(1.2)}.settings-slider__value{font-size:12px;font-weight:700;color:var(--text-50);width:36px;text-align:right}.settings-action-btn{padding:7px 16px;border-radius:10px;border:1.5px solid rgba(0,229,255,.35);background:#00e5ff14;color:var(--neon-cyan);font-size:12px;font-weight:700;cursor:pointer;transition:background .16s,border-color .16s,transform .16s var(--spring)}.settings-action-btn:hover{background:#00e5ff29;border-color:var(--neon-cyan);transform:translateY(-1px)}.settings-action-btn--danger{border-color:#ff5a5a59;background:#ff5a5a14;color:#ff5a5a}.settings-action-btn--danger:hover{background:#ff5a5a2e;border-color:#ff5a5a}.settings-password-form{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.settings-password-form.is-open{grid-template-rows:1fr}.settings-password-form__inner{overflow:hidden}.settings-password-fields{display:flex;flex-direction:column;gap:10px;padding:14px 18px 16px;border-top:1px solid rgba(120,210,255,.1);margin-top:2px}.settings-field{display:flex;flex-direction:column;gap:5px}.settings-field__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-50)}.settings-field__input{background:#10224cb8;border:1px solid rgba(120,210,255,.22);border-radius:10px;padding:10px 14px;font-size:14px;color:var(--text-100);outline:none;transition:border-color .16s,box-shadow .16s}.settings-field__input:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 3px #00e5ff1f,0 0 18px #00e5ff2e}.settings-password-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.settings-submit-btn{padding:9px 20px;border-radius:10px;border:1.5px solid rgba(251,191,36,.8);background:#fbbf2426;color:var(--neon-gold);font-size:12px;font-weight:700;cursor:pointer;transition:background .16s,transform .16s var(--spring),opacity .16s}.settings-submit-btn:hover:not(:disabled){background:#fbbf2447;transform:translateY(-1px)}.settings-submit-btn:disabled{opacity:.5;cursor:not-allowed}.settings-cancel-btn{padding:9px 16px;border-radius:10px;border:1px solid rgba(120,210,255,.2);background:transparent;color:var(--text-50);font-size:12px;font-weight:600;cursor:pointer;transition:background .16s,color .16s}.settings-cancel-btn:hover{background:#78d2ff0f;color:var(--text-80)}.settings-feedback{font-size:12px;padding:8px 12px;border-radius:8px}.settings-feedback--success{color:var(--green);background:#86efac1a;border:1px solid rgba(134,239,172,.25)}.settings-feedback--error{color:#ff5a5a;background:#ff5a5a1a;border:1px solid rgba(255,90,90,.25)}@media(max-width:480px){.settings-container{padding:8px 10px 80px}.settings-container--modal{padding:8px 8px 12px}.settings-slider__track{width:90px}}.app-modal-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;background:#0106129e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:overlay-in .18s ease-out}.app-modal{width:min(960px,96vw);max-height:94vh;display:flex;flex-direction:column;overflow:hidden;background:#112858c7;border:1px solid rgba(120,210,255,.3);border-radius:20px;box-shadow:0 24px 56px #00000080,0 0 35px #00e5ff1f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:modal-in .26s var(--spring)}.app-modal--settings{width:min(760px,96vw)}.app-modal--create-room{width:min(940px,96vw)}.app-modal__header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(120,210,255,.18);background:linear-gradient(180deg,#0b1733e6,#0b1733b8)}.app-modal__back{padding:7px 14px;border:1px solid rgba(120,210,255,.3);border-radius:10px;background:#00e5ff14;color:var(--text-80);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .16s,border-color .16s,color .16s}.app-modal__back:hover{background:#00e5ff29;border-color:#00e5ff73;color:var(--text-100)}.app-modal__title{flex:1;margin:0;text-align:center;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-100)}.app-modal__spacer{width:96px;flex-shrink:0}.app-modal__content{min-height:0;overflow:auto;padding:4px 0 8px}.app-modal--create-room .app-modal__content{padding-bottom:96px}.app-modal__content--tight{padding:0}@media(max-width:768px){.app-modal-overlay{padding:10px}.app-modal{max-height:96vh;border-radius:16px}.app-modal__header{padding:10px 12px}.app-modal__title{font-size:16px}.app-modal__spacer{width:80px}}.room-page__content{gap:18px}.room-section{display:flex;flex-direction:column;gap:10px}.room-section__title{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-50);text-align:center}.room-panel,.app-page__panel.room-panel{border-top:1px solid rgba(0,229,255,.22);border-radius:var(--radius-card)}.room-panel--list{padding:0}.room-panel--center{display:flex;flex-direction:column;align-items:center;gap:24px}.room-panel--stack{display:flex;flex-direction:column;gap:16px}.room-list{display:flex;flex-direction:column}.room-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid rgba(120,210,255,.12);transition:background .16s;flex-wrap:wrap}.room-row:first-child{border-top:none}.room-row:hover{background:#00e5ff0f}.room-row__name{flex:1 1 160px;min-width:0;font-size:13px;font-weight:600;color:var(--text-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-row__players,.room-row__rules{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-50);flex-shrink:0}.room-row__rules{flex:1 1 220px;min-width:180px}.room-row__icon{width:14px;height:14px}.room-row__join{margin-left:auto;padding:6px 14px;border:1.5px solid rgba(251,191,36,.8);border-radius:999px;background:#fbbf2414;color:var(--text-100);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .16s,transform .16s,opacity .16s}.room-row__join:hover{background:#fbbf2438;transform:translateY(-1px)}.room-row__join:disabled{opacity:.55;cursor:not-allowed;transform:none}.room-retry{margin-left:10px;background:none;border:none;color:var(--text-link);text-decoration:underline;cursor:pointer;font-size:inherit}.room-private{display:flex;flex-direction:column;gap:12px}.room-private__field{display:flex;align-items:center;border:1px solid var(--input-border);border-radius:999px;background:var(--input-bg);padding:4px}.room-private__input{flex:1;border:none;outline:none;background:transparent;padding:10px 16px;font-size:14px;letter-spacing:.25em;color:var(--text-100);min-width:0}.room-private__input::placeholder{color:var(--text-50)}.room-private__submit{flex-shrink:0;padding:8px 18px;border:1.5px solid rgba(251,191,36,.8);border-radius:999px;background:#fbbf241f;color:var(--text-100);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .16s,opacity .16s,transform .16s}.room-private__submit:disabled{opacity:.45;cursor:not-allowed;transform:none}.room-private__submit:hover:not(:disabled){background:#fbbf2447;transform:translateY(-1px)}.room-footer{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}.room-footer--spread{justify-content:space-between}.room-link-btn{padding:9px 18px;border:1px solid rgba(120,210,255,.35);border-radius:999px;background:#00e5ff0f;color:var(--text-80);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .16s,color .16s,border-color .16s}.room-link-btn:hover{background:#00e5ff24;color:var(--text-100);border-color:var(--glass-border-lit)}.room-cta{padding:10px 22px;border:1.5px solid rgba(251,191,36,.9);border-radius:999px;background:#fbbf24d9;color:#0b1733;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:opacity .16s,transform .16s}.room-cta:disabled{opacity:.55;cursor:not-allowed;transform:none}.room-cta:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.room-option-grid{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;width:100%}.room-option{flex:1 1 180px;max-width:240px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px 16px;border:1.5px solid var(--glass-border);border-radius:16px;background:var(--glass-light);color:var(--text-100);cursor:pointer;transition:transform .16s var(--spring),box-shadow .16s,border-color .16s}.room-option{animation:option-float 5s ease-in-out infinite alternate}.room-option:nth-child(1){animation-delay:0s}.room-option:nth-child(2){animation-delay:.7s}.room-option:nth-child(3){animation-delay:1.4s}@keyframes option-float{0%{transform:translateY(0)}to{transform:translateY(-7px)}}.room-option:hover{animation-play-state:paused;transform:translateY(-6px);border-color:var(--glass-border-lit);box-shadow:0 10px 28px #00e5ff2e}.room-option__label{font-family:var(--font-display);font-size:13px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.05em;color:var(--text-100);white-space:pre-line}.room-toggle{display:flex;align-items:center;justify-content:center;gap:14px}.room-toggle__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-50);transition:color .16s}.room-toggle__label.is-active{color:var(--text-100);text-shadow:0 0 10px rgba(0,229,255,.3)}.room-toggle__switch{position:relative;width:52px;height:28px;border-radius:999px;border:1.5px solid var(--glass-border);background:#00e5ff1f;cursor:pointer;padding:0;transition:background .16s,border-color .16s}.room-toggle__switch.is-private{background:#fbbf2433;border-color:#fbbf2480}.room-toggle__thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--neon-cyan);transition:transform .2s,background .2s}.room-toggle__switch.is-private .room-toggle__thumb{transform:translate(22px);background:var(--neon-gold)}.room-powers__title{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-align:center;color:var(--text-80)}.room-powers__list{overflow-y:visible;border:1px solid var(--glass-border);border-radius:16px;background:#11285880}.room-power-row{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;border-top:1px solid rgba(120,210,255,.12);transition:background .14s}.room-power-row:first-child{border-top:none}.room-power-row:hover{background:#00e5ff0f}.room-power-row--header{background:#00e5ff0a;border-bottom:1px solid rgba(120,210,255,.22)}.room-checkbox{flex-shrink:0;width:22px;height:22px;border:1.5px solid rgba(0,229,255,.6);border-radius:6px;display:flex;align-items:center;justify-content:center;background:#00e5ff14;outline:none}.room-card-badge{flex-shrink:0;min-width:34px;height:40px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(120,210,255,.5);border-radius:8px;font-size:13px;font-weight:800;color:var(--text-100);background:#11285873;padding:0 6px}.room-power__text{font-size:12px;color:var(--text-50);line-height:1.5}@media(min-width:860px){.room-powers__list{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content}.room-power-row--header{grid-column:1 / -1}.room-power-row:nth-child(2){border-top:none}}@media(max-width:768px){.room-panel--center{padding:18px 12px}.room-row{gap:10px}.room-row__join{margin-left:0;width:100%}.room-private__field{flex-direction:column;align-items:stretch;border-radius:18px;padding:10px}.room-private__input{text-align:center;letter-spacing:.3em}.room-private__submit{width:100%}.room-option{max-width:none}}@media(max-width:480px){.room-section__title{font-size:12px}.room-link-btn,.room-cta{width:100%;justify-content:center}}.waiting-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;width:100%;max-width:720px}.waiting-slot{height:70px;border-radius:16px;border:1.5px solid var(--glass-border);background:var(--glass-light);display:flex;align-items:center;justify-content:center;padding:0 16px;transition:all .16s}.waiting-slot:hover{border-color:var(--glass-border-lit);transform:translateY(-2px)}.waiting-slot.empty{opacity:.6}.waiting-slot.blocked{opacity:.35;border-style:dashed}.waiting-slot__empty{font-size:12px;color:var(--text-50)}.waiting-slot__blocked{font-size:16px}.waiting-slot__player{display:flex;align-items:center;gap:12px;width:100%}.waiting-avatar{width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(120,210,255,.5);background:#11285899;position:relative}.waiting-crown{position:absolute;top:-10px;left:-6px;font-size:14px}.waiting-name{font-size:13px;font-weight:600;color:var(--text-100)}.room-code{font-size:12px;color:var(--text-50)}.room-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.room-modal{background:var(--glass-light);border:1.5px solid var(--glass-border);border-radius:20px;padding:28px;width:90%;max-width:420px;text-align:center}.room-modal__title{font-family:var(--font-display);font-size:18px;margin-bottom:18px}.room-modal-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px}.room-modal-card{width:36px;height:48px;border-radius:8px;border:1.5px solid rgba(251,191,36,.7);display:flex;align-items:center;justify-content:center;font-weight:800}.room-modal__actions{display:flex;justify-content:center;gap:12px}.room-footer--waiting{flex-direction:column;align-items:center;gap:10px}.room-footer__row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center}@media(max-width:480px){.room-footer__row{width:100%}.room-footer__row .room-link-btn,.room-footer__row .room-cta{flex:1;justify-content:center}}.room-info-bar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.room-info-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-light);font-size:11px;font-weight:600;color:var(--text-80);text-transform:uppercase;letter-spacing:.04em}.room-info-badge--public{border-color:#00e5ff59;color:var(--neon-cyan)}.room-info-badge--private{border-color:#fbbf2459;color:var(--neon-gold, #fbbf24)}.waiting-slot--self,.waiting-slot--self:hover{border-color:var(--neon-cyan);box-shadow:0 0 12px #00e5ff40,inset 0 0 8px #00e5ff14}.waiting-avatar__initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--neon-cyan);font-family:var(--font-display);border-radius:50%}.waiting-player-info{display:flex;flex-direction:column;gap:2px;min-width:0}.waiting-you-badge{font-size:10px;font-weight:700;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.04em}.waiting-ready-badge{font-size:10px;font-weight:700;color:#4ade80;letter-spacing:.02em}.room-link-btn--ready{border-color:#4ade8099;background:#4ade801f;color:#4ade80}.room-link-btn--ready:hover{background:#4ade8038;border-color:#4ade80cc;color:#4ade80}.room-code-corner{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1.5px solid var(--glass-border);background:#0b1733d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:border-color .16s,box-shadow .16s;z-index:50;font-family:inherit}.room-code-corner:hover{border-color:var(--neon-cyan);box-shadow:0 0 14px #00e5ff33}.room-code-corner__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-50)}.room-code-corner__value{font-size:16px;font-weight:800;color:var(--neon-cyan);letter-spacing:.2em;font-family:var(--font-display)}.room-code-corner__copy{font-size:14px}.room-modal--powers{--power-cyan: #00e5ff;--power-magenta: #a855f7;max-width:560px;text-align:center;transition:max-width .22s ease}.room-modal--powers.room-modal--powers-detail{max-width:860px}.powers-layout{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.powers-fan-panel{width:100%}@media(min-width:920px){.room-modal--powers.room-modal--powers-detail .powers-layout{flex-direction:row;align-items:stretch;gap:20px}.room-modal--powers.room-modal--powers-detail .powers-fan-panel{flex:0 0 280px}.room-modal--powers.room-modal--powers-detail .power-detail{flex:1;margin-bottom:0;text-align:left}.room-modal--powers.room-modal--powers-detail .power-detail__suits{justify-content:flex-start}}.room-modal__icon{font-size:36px;margin-bottom:8px}.room-modal__body{font-size:14px;color:var(--text-80);line-height:1.6;margin-bottom:20px}.powers-empty{font-size:13px;color:var(--text-50);margin-bottom:16px}.powers-fan{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.fan-card{width:48px;height:66px;border-radius:8px;border:1.5px solid rgba(0,229,255,.35);background:linear-gradient(160deg,#00e5ff29,#a855f714 55%,#071025eb);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s var(--spring, ease),border-color .16s,box-shadow .16s;font-family:inherit;box-shadow:inset 0 1px #ffffff14}.fan-card:hover{transform:translateY(-5px);border-color:var(--power-cyan);box-shadow:0 6px 18px #00e5ff38,0 6px 22px #a855f729}.fan-card--selected{border-color:#a855f7c7;background:linear-gradient(160deg,#00e5ff3d,#a855f73d 72%,#09122ae6);box-shadow:0 0 0 1px #a855f770,0 0 18px #00e5ff3d,0 0 24px #a855f733;transform:translateY(-6px)}.fan-card__value{font-size:18px;font-weight:800;color:var(--text-100);font-family:var(--font-display);text-shadow:0 0 8px rgba(0,229,255,.28),0 0 10px rgba(168,85,247,.2)}.power-detail{margin-bottom:20px;padding:16px;border-radius:12px;border:1px solid rgba(0,229,255,.26);background:linear-gradient(145deg,#00e5ff14,#a855f714 55%,#0b1733c7);box-shadow:inset 0 0 24px #00e5ff0d,inset 0 0 28px #a855f70d;animation:fadeSlideIn .2s ease-out}.power-detail__title{margin:0 0 12px;font-size:20px;font-family:var(--font-display);font-weight:800;color:var(--power-cyan);text-shadow:0 0 12px rgba(0,229,255,.34),0 0 12px rgba(168,85,247,.2)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.power-detail__suits{display:flex;justify-content:center;gap:10px;margin-bottom:12px}.suit-card{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:70px;border-radius:8px;border:1.5px solid rgba(0,229,255,.3);background:linear-gradient(145deg,#0a1227d1,#0f1c3cc2);font-size:15px;font-weight:800;gap:2px;font-family:var(--font-display)}.suit-card .suit{font-size:18px;line-height:1}.suit-card--hearts{color:#ff79cf;border-color:#ff79cf8c;background:linear-gradient(145deg,#ff79cf29,#0e162dc2)}.suit-card--diamonds{color:#d69bff;border-color:#d69bff8c;background:linear-gradient(145deg,#a855f72e,#0e162dc2)}.suit-card--clubs{color:#75f2ff;border-color:#75f2ff80;background:linear-gradient(145deg,#00e5ff2e,#0e162dc2)}.suit-card--spades{color:#9fd8ff;border-color:#9fd8ff80;background:linear-gradient(145deg,#78d2ff2e,#0e162dc2)}.power-detail__desc{font-size:13px;color:var(--text-80);line-height:1.6;text-align:center}.waiting-avatar--bot{background:#a855f726;border-color:#a855f780}.waiting-bot-badge{font-size:10px;font-weight:700;color:var(--neon-purple);text-transform:uppercase;letter-spacing:.06em}.room-modal--fill-bots{max-width:400px}.room-modal--fill-bots .room-cta{min-width:0;white-space:nowrap;font-size:12px;padding:10px 16px}.room-option__sublabel{font-size:11px;color:var(--text-50);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-top:-6px}.room-settings-row{display:flex;flex-direction:column;gap:12px}.room-stepper{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#11285880;border:1px solid var(--glass-border);border-radius:14px}.room-stepper__label{font-size:13px;font-weight:600;color:var(--text-80)}.room-stepper__control{display:flex;align-items:center;gap:0;background:#00e5ff12;border:1px solid rgba(0,229,255,.25);border-radius:999px;overflow:hidden}.room-stepper__btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--neon-cyan);cursor:pointer;transition:background .15s,opacity .15s;padding:0}.room-stepper__btn:hover:not(:disabled){background:#00e5ff24}.room-stepper__btn:disabled{opacity:.3;cursor:not-allowed}.room-stepper__value{width:38px;text-align:center;font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--text-100)}.room-turntime{display:flex;flex-direction:column;gap:10px}.room-turntime__cards{display:flex;gap:8px;flex-wrap:wrap}.room-turntime__card{flex:1 1 72px;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 8px;border-radius:14px;border:1.5px solid rgba(120,210,255,.22);background:#11285880;color:var(--text-50);cursor:pointer;transition:background .16s,border-color .16s,color .16s,transform .16s var(--spring)}.room-turntime__card:hover{background:#00e5ff14;border-color:#00e5ff66;color:var(--text-80)}.room-turntime__card.is-active{background:#00e5ff24;border-color:var(--neon-cyan);color:var(--neon-cyan);transform:translateY(-2px);box-shadow:0 0 14px #00e5ff38}.room-turntime__card-time{font-family:var(--font-display);font-size:18px;font-weight:800;line-height:1}.room-turntime__card-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:center}.room-turntime__card svg{opacity:.7;flex-shrink:0}.room-turntime__card.is-active svg{opacity:1}@media(max-width:480px){.room-turntime__cards{gap:6px}.room-turntime__card{flex:1 1 58px;min-width:52px;padding:8px 6px 6px}.room-turntime__card-time{font-size:15px}.room-stepper__value{width:34px;font-size:15px}}.app-page__content--room-config{overflow-y:auto;padding-bottom:24px}.create-room-embedded{display:flex;flex-direction:column;min-height:0;max-height:92vh}.create-room-embedded__header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(120,210,255,.18);background:linear-gradient(180deg,#0b1733e6,#0b1733b3)}.create-room-embedded__title{flex:1;margin:0;text-align:center;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-100)}.create-room-embedded__spacer{width:96px;flex-shrink:0}.create-room-embedded__back{min-width:96px}.create-room-embedded__content{min-height:0;padding:0}.create-room-embedded__panel{margin:0;min-height:0;border:none;border-top:none;border-radius:0;background:transparent;box-shadow:none;padding:12px 16px 16px}.create-room-embedded .room-panel--stack{max-height:calc(92vh - 148px);display:flex}.create-room-embedded .room-powers__list{flex:1}.create-room-embedded .room-footer--spread{padding-bottom:10px}.room-option--disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.room-option--disabled:hover{transform:none;border-color:var(--glass-border);box-shadow:none}@media(max-width:768px){.create-room-embedded__header{padding:10px 12px}.create-room-embedded__title{font-size:16px}.create-room-embedded__spacer,.create-room-embedded__back{width:84px;min-width:84px}.create-room-embedded .room-panel--stack{max-height:calc(96vh - 138px)}}.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;font-family:var(--font-body);color:var(--text-80);z-index:3;transition:color .2s,transform .2s;cursor:pointer;text-decoration:none;background:none;border:none;padding:0}.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;position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.iso-grid:before,.iso-grid:after{display:none}.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}@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;min-height:58px;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%)}.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}}.app-page{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;z-index:1}.app-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)}.app-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))}.app-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}.app-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}.app-page__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){.app-page{height:auto;min-height:100vh;overflow:visible}.app-page__content{padding:16px 12px 24px;overflow:visible}.app-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){.app-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){.app-page{height:auto;min-height:100vh;overflow:visible}.app-page__content{padding:8px 12px 20px;overflow:visible}.app-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-grid .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);background:transparent;box-shadow:none;transition:border-color .2s,background .2s}.skin-grid .skin-card--add-more:hover,.skin-grid .skin-card--add-more:focus-visible{border-color:#00e0ffbf;background:#00d0ff0f}.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}}.rules-page-content{--section-gap: 56px}.rules-container{max-width:860px;margin:0 auto;padding:0 20px 100px;display:flex;flex-direction:column;gap:var(--section-gap)}.rules-hero{text-align:center;padding:32px 0 8px;display:flex;flex-direction:column;align-items:center;gap:12px}.rules-hero__title{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.2rem);font-weight:900;background:linear-gradient(135deg,var(--neon-cyan) 20%,#a8edff 50%,var(--neon-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15;letter-spacing:-.02em}.rules-hero__subtitle{font-size:15px;color:var(--text-80);line-height:1.6;max-width:480px}.rules-section{display:flex;flex-direction:column;gap:20px}.rules-section__header{display:flex;align-items:center;gap:14px;padding-bottom:12px;border-bottom:1px solid rgba(0,229,255,.18)}.rules-section__number{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#00e5ff2e,#a855f71f);border:1.5px solid rgba(0,229,255,.4);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;font-weight:800;color:var(--neon-cyan);flex-shrink:0;box-shadow:0 0 12px #00e5ff33}.rules-section__title{font-family:var(--font-display);font-size:clamp(1.15rem,3vw,1.45rem);font-weight:700;color:var(--text-100);letter-spacing:-.01em}.rules-section__body{display:flex;flex-direction:column;gap:14px}.rules-text{font-size:14px;color:var(--text-80);line-height:1.7}.card-values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.card-value-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s,transform .2s var(--spring)}.card-value-item:hover{border-color:var(--glass-border-lit);transform:translateY(-3px)}.card-value-item--special{border-color:#fbbf2459;background:#fbbf240f}.card-value-item--special:hover{border-color:#fbbf2499}.card-value-item--danger{border-color:#ff5a5a59;background:#ff5a5a0f}.card-value-item--danger:hover{border-color:#ff5a5a99}.mini-card{width:46px;height:64px;border-radius:8px;background:#f5f0e8;border:1.5px solid rgba(255,255,255,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 3px 10px #00000059;font-family:Georgia,serif;font-size:16px;font-weight:700;flex-shrink:0}.mini-card--black{color:#1a1a2e}.mini-card--red{color:#c0392b}.mini-card--joker{background:linear-gradient(135deg,#1a1a2e,#2d1f47);color:var(--neon-cyan);font-size:22px;border-color:#00e5ff66}.mini-card--gold{background:linear-gradient(135deg,#f5f0e8,#fef9ee);color:#c0392b}.mini-card__suit{position:absolute;top:4px;left:5px;font-size:9px;line-height:1}.mini-card__suit--bottom{inset:auto 5px 4px auto;transform:rotate(180deg)}.card-value-item__label{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-50);text-align:center}.card-value-item__points{font-size:18px;font-weight:800;color:var(--text-100);font-family:var(--font-display)}.card-value-item__points--special{color:var(--neon-gold)}.card-value-item__points--danger{color:#ff5a5a}.card-value-item__points--joker{color:var(--neon-cyan)}.abilities-grid{display:flex;flex-direction:column;gap:8px}.ability-card{border:1px solid var(--glass-border);border-radius:14px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;transition:border-color .2s}.ability-card:hover{border-color:var(--glass-border-lit)}.ability-card--gold{border-color:#fbbf2440;background:#fbbf240a}.ability-card--gold:hover{border-color:#fbbf2480}.ability-card--purple{border-color:#a855f740;background:#a855f70a}.ability-card--purple:hover{border-color:#a855f780}.ability-card__header{display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ability-card__badge{width:40px;height:56px;border-radius:8px;background:#f5f0e8;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:17px;font-weight:700;color:#1a1a2e;flex-shrink:0;box-shadow:0 2px 8px #0000004d;position:relative}.ability-card__badge--red{color:#c0392b}.ability-card__badge--gold{background:linear-gradient(135deg,#fef9ee,#fbbf24);color:#92400e;box-shadow:0 2px 12px #fbbf2466}.ability-card__name{flex:1;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-100)}.ability-card__tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.ability-card__tag--gold{background:#fbbf2426;border:1px solid rgba(251,191,36,.4);color:var(--neon-gold)}.ability-card__chevron{color:var(--text-50);transition:transform .24s var(--spring);flex-shrink:0}.ability-card.is-open .ability-card__chevron{transform:rotate(180deg)}.ability-card__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.ability-card.is-open .ability-card__body{grid-template-rows:1fr}.ability-card__inner{overflow:hidden}.ability-card__desc{padding:12px 16px 16px;font-size:13px;color:var(--text-80);line-height:1.65;border-top:1px solid rgba(120,210,255,.1);margin-top:0}.rules-infobox{display:flex;gap:14px;padding:16px;background:#1128588c;border:1px solid rgba(0,229,255,.18);border-radius:14px;align-items:flex-start}.rules-infobox--gold{border-color:#fbbf2440;background:#fbbf240f}.rules-infobox--red{border-color:#ff5a5a40;background:#ff5a5a0f}.rules-infobox--purple{border-color:#a855f740;background:#a855f70f}.rules-infobox__icon{font-size:22px;flex-shrink:0;line-height:1;margin-top:2px}.rules-infobox__content{flex:1;display:flex;flex-direction:column;gap:4px}.rules-infobox__title{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-100)}.rules-infobox__text{font-size:13px;color:var(--text-80);line-height:1.6}.scoring-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.scoring-item{padding:14px 16px;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,transform .2s var(--spring)}.scoring-item:hover{border-color:var(--glass-border-lit);transform:translateY(-2px)}.scoring-item__name{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-100)}.scoring-item__desc{font-size:12px;color:var(--text-50);line-height:1.5}.scoring-item__value{font-size:22px;font-weight:800;font-family:var(--font-display);color:var(--neon-cyan);margin-top:4px}.scoring-item__value--gold{color:var(--neon-gold)}.scoring-item__value--purple{color:var(--neon-purple)}@media(max-width:600px){.rules-container{padding:0 14px 80px}.card-values-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px}.scoring-grid{grid-template-columns:1fr 1fr}.ability-card__badge{width:34px;height:48px;font-size:14px}}.game-page{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-void)}.turn-timer-bar{position:relative;width:100%;height:6px;background:#ffffff12;flex-shrink:0;z-index:10}.turn-timer-bar__fill{height:100%;width:100%;background:var(--neon-cyan);transform-origin:left center;box-shadow:0 0 10px #00e5ff99;transition:background .5s}.turn-timer-bar__fill--orange{background:#fb923c;box-shadow:0 0 10px #fb923c99}.turn-timer-bar__fill--red{background:var(--red);box-shadow:0 0 10px #ff5a5a99}.game-board{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0}.leave-game-btn{position:fixed;top:18px;right:18px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(120,210,255,.45);background:#112858e0;color:var(--text-100);font-size:20px;line-height:1;cursor:pointer;z-index:50;box-shadow:0 4px 12px #00000080,0 0 0 1px #00e5ff1a;transition:background .16s,border-color .16s,transform .16s}.leave-game-btn:hover{background:#00e5ff29;border-color:#00e5ff73;transform:translateY(-1px)}.leave-game-modal{width:min(580px,96vw)}.leave-game-modal__content{display:flex;flex-direction:column;gap:14px;padding:20px 22px 22px}.leave-game-modal__headline{margin:0;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-100)}.leave-game-modal__text{margin:0;font-size:13px;line-height:1.5;color:var(--text-50)}.leave-game-modal__error{margin:0;padding:9px 11px;border-radius:12px;border:1px solid rgba(255,90,90,.34);background:#ff5a5a14;color:#ff9c9c;font-size:12px}.leave-game-modal__actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.leave-game-modal__btn{border:none;border-radius:999px;padding:10px 18px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .16s,opacity .16s,background .16s}.leave-game-modal__btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.leave-game-modal__btn--ghost{border:1px solid rgba(120,210,255,.35);background:#00e5ff0f;color:var(--text-80)}.leave-game-modal__btn--ghost:hover:not(:disabled){background:#00e5ff24}.leave-game-modal__btn--danger{border:1px solid rgba(255,90,90,.5);background:#ff5a5a2e;color:#ffd8d8}.leave-game-modal__btn--danger:hover:not(:disabled){background:#ff5a5a4d;transform:translateY(-1px)}.game-tapete{position:relative;width:min(86vw,700px);height:min(50vw,400px);border-radius:50%;background:radial-gradient(ellipse at center,#005032b8,#00321ed9 60%,#041910f2);box-shadow:0 0 60px #00e5ff1f,inset 0 0 40px #00000080;background-size:cover;background-position:center 70%}.game-tapete--skin{border-radius:0;background:transparent;box-shadow:none}.game-tapete__skin{position:absolute;top:50%;left:50%;width:min(58%,420px);max-height:78%;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none}.center-piles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:28px;z-index:2}.game-pile{position:relative;display:flex;align-items:center;justify-content:center}.game-pile-card{width:48px;height:68px;border-radius:7px;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}.game-pile-card:after{content:"";position:absolute;inset:3px;border-radius:5px;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-pile--draw{width:48px;height:68px}.game-pile-depth{position:absolute;width:48px;height:68px;border-radius:7px;background:linear-gradient(145deg,#0a1530,#060e24);border:1px solid rgba(0,229,255,.25)}.game-pile-depth:nth-child(1){top:12px;left:7px;opacity:.2}.game-pile-depth:nth-child(2){top:9px;left:5px;opacity:.35}.game-pile-depth:nth-child(3){top:7px;left:4px;opacity:.5}.game-pile-depth:nth-child(4){top:5px;left:2px;opacity:.65}.game-pile-depth:nth-child(5){top:2px;left:1px;opacity:.8}.game-pile--draw .game-pile-card{position:relative;z-index:2}.game-pile--discard{position:relative}.game-pile-card--fan{position:absolute;top:0;left:0;background:linear-gradient(145deg,#1a2d5a,#0f1f42);border-color:#00e5ff4d}.game-pile-card--fan:after{display:none}.game-pile-card--fan:nth-child(1){transform:rotate(-8deg) translate(-4px,3px);opacity:.5;z-index:1}.game-pile-card--fan:nth-child(2){transform:rotate(-4deg) translate(-2px,1px);opacity:.65;z-index:2}.game-pile-card--fan:nth-child(3){transform:rotate(2deg) translate(1px,-1px);opacity:.8;z-index:3}.game-pile-card--face-up{position:relative;z-index:4;background:linear-gradient(145deg,#1a2d5a,#0f1f42);display:flex;align-items:center;justify-content:center}.game-pile-card--face-up:after{display:none}.game-pile-card__label{font-family:var(--font-display);font-size:24px;font-weight:700;color:#00e5ff66}.player-slot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none;z-index:3}.player-avatar{position:relative;width:44px;height:44px;border-radius:50%;border:2px solid var(--glass-border);background:var(--glass);overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--neon-cyan);flex-shrink:0}.player-avatar__fallback{line-height:1}.player-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.player-avatar--me{border-color:var(--neon-cyan);box-shadow:0 0 14px #00e5ff66;width:52px;height:52px}.player-info{display:flex;flex-direction:column;align-items:center;gap:2px}.player-name{font-size:11px;font-weight:700;color:var(--text-100);white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.8)}.player-elo{font-size:9px;font-weight:600;color:var(--neon-gold);letter-spacing:.04em}.card-hand{display:grid;gap:3px}.card-back{width:24px;height:34px;border-radius:4px;border:1px solid rgba(120,210,255,.4);background:linear-gradient(135deg,#1a3478,#0d1f4a);box-shadow:0 2px 6px #00000080;position:relative;overflow:hidden}.card-back:after{content:"";position:absolute;inset:2px;border-radius:3px;border:1px solid rgba(0,229,255,.3);background:radial-gradient(ellipse at 50% 50%,rgba(0,229,255,.08) 0%,transparent 60%),repeating-linear-gradient(45deg,transparent,transparent 2.5px,rgba(0,229,255,.1) 2.5px,rgba(0,229,255,.1) 3.5px),repeating-linear-gradient(-45deg,transparent,transparent 2.5px,rgba(0,229,255,.09) 2.5px,rgba(0,229,255,.09) 3.5px);z-index:1}.card-back--ghost{visibility:hidden;border-color:transparent;box-shadow:none}.card-back--ghost:after{display:none}.card-back__skin{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.player-slot--me .player-name{color:var(--neon-cyan)}.player-slot--me .card-back{width:32px;height:46px;border-radius:5px}.cubo-btn{position:fixed;bottom:24px;left:24px;padding:14px 24px;border-radius:var(--radius-btn);border:2px solid rgba(251,191,36,.8);background:#fbbf241f;color:var(--neon-gold);font-family:"Exo 2",var(--font-body);font-size:18px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;z-index:20;box-shadow:0 0 20px #fbbf244d,0 0 60px #fbbf241a;text-shadow:0 0 12px rgba(251,191,36,.6)}.cubo-btn:hover{background:#fbbf2438;box-shadow:0 0 30px #fbbf2480,0 0 80px #fbbf2433}.voice-chat-bar{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;box-shadow:0 4px 20px #0006}.voice-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--glass-border);background:#11285899;display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;transition:background .14s,border-color .14s;flex-shrink:0}.voice-btn:hover{background:#00e5ff1f;border-color:var(--glass-border-lit)}.voice-btn--muted{background:#ff5a5a1f;border-color:#ff5a5a59}.voice-btn--muted:hover{background:#ff5a5a38;border-color:#ff5a5a99}.cubo-toast{position:fixed;bottom:84px;left:24px;padding:10px 18px;border-radius:var(--radius-btn);border:1px solid rgba(251,191,36,.5);background:#1e1405eb;color:var(--neon-gold);font-size:13px;font-weight:700;z-index:30;pointer-events:none;animation:cubo-toast-in .3s var(--spring) forwards}@keyframes cubo-toast-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(orientation:portrait)and (max-width:600px){.leave-game-btn{top:12px;right:12px;width:38px;height:38px;font-size:18px}.leave-game-modal__content{padding:16px}.leave-game-modal__actions{justify-content:stretch}.leave-game-modal__btn{width:100%}.game-tapete{width:96vw;height:56vw}}@media(max-height:500px){.game-tapete{width:min(75vw,580px);height:min(44vw,320px)}.player-avatar{width:36px;height:36px;font-size:14px}.player-avatar--me{width:42px;height:42px}.card-back{width:20px;height:28px}.player-slot--me .card-back{width:26px;height:37px}.game-pile-card,.game-pile--draw,.game-pile-depth{width:38px;height:54px;border-radius:5px}.game-pile-depth:nth-child(1){top:9px;left:5px}.game-pile-depth:nth-child(2){top:7px;left:4px}.game-pile-depth:nth-child(3){top:5px;left:3px}.game-pile-depth:nth-child(4){top:3px;left:2px}.game-pile-depth:nth-child(5){top:1px;left:1px}.game-pile-card__label{font-size:18px}}.profile-container{max-width:680px;margin:0 auto;padding:8px 16px 100px;display:flex;flex-direction:column;gap:28px}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 20px 20px;background:var(--glass);border:1px solid var(--glass-border);border-radius:22px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden}.profile-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(0,229,255,.08) 0%,transparent 65%);pointer-events:none}.profile-hero__avatar{width:88px;height:88px;border-radius:18px;background:linear-gradient(135deg,#00e5ff2e,#a855f72e);border:2.5px solid rgba(0,229,255,.5);display:flex;align-items:center;justify-content:center;font-size:40px;overflow:hidden;box-shadow:0 0 24px #00e5ff40,0 0 60px #00e5ff14;position:relative;z-index:1}.profile-hero__avatar-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.profile-hero__username{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--text-100);letter-spacing:-.02em;position:relative;z-index:1}.profile-hero__email{font-size:13px;color:var(--text-50);position:relative;z-index:1;margin-top:-8px}.profile-hero__elo{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#fbbf241a;border:1.5px solid rgba(251,191,36,.35);border-radius:999px;position:relative;z-index:1}.profile-hero__elo-value{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--neon-gold)}.profile-hero__elo-label{font-size:12px;font-weight:600;color:var(--neon-gold);opacity:.7;text-transform:uppercase;letter-spacing:.08em}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 10px;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s,transform .2s var(--spring)}.profile-stat:hover{border-color:var(--glass-border-lit);transform:translateY(-2px)}.profile-stat__icon{font-size:20px}.profile-stat__value{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--text-100);line-height:1}.profile-stat__value--cyan{color:var(--neon-cyan)}.profile-stat__value--gold{color:var(--neon-gold)}.profile-stat__value--purple{color:var(--neon-purple)}.profile-stat__label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-50);text-align:center}.profile-section{display:flex;flex-direction:column;gap:12px}.profile-section__title{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--neon-cyan);padding:0 4px}.profile-skins{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-skin-slot{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s,transform .2s var(--spring);cursor:pointer;text-decoration:none}.profile-skin-slot:hover{border-color:var(--glass-border-lit);transform:translateY(-2px)}.profile-skin-slot__preview{width:52px;height:52px;border-radius:12px;background:#00e5ff0f;border:1px dashed rgba(0,229,255,.25);display:flex;align-items:center;justify-content:center;font-size:26px;overflow:hidden}.profile-skin-slot__preview img{width:100%;height:100%;object-fit:cover;border-radius:11px}.profile-skin-slot__type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-50)}.profile-skin-slot__name{font-size:12px;font-weight:600;color:var(--text-80);text-align:center}.profile-ratio{padding:16px 18px;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:10px}.profile-ratio__header{display:flex;justify-content:space-between;align-items:center}.profile-ratio__label{font-size:13px;font-weight:600;color:var(--text-80)}.profile-ratio__value{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--neon-cyan)}.profile-ratio__bar-bg{width:100%;height:8px;background:#78d2ff1f;border-radius:999px;overflow:hidden}.profile-ratio__bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));transition:width 1s cubic-bezier(.34,1.56,.64,1)}.profile-elo-ranking{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap}.profile-elo-ranking__left{display:flex;align-items:baseline;gap:6px;flex:1;min-width:100px}.profile-elo-ranking__elo-value{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--neon-gold);line-height:1}.profile-elo-ranking__elo-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--neon-gold);opacity:.7}.profile-elo-ranking__badge{display:flex;align-items:center;gap:5px;padding:6px 14px;background:#fbbf241a;border:1.5px solid rgba(251,191,36,.35);border-radius:999px}.profile-elo-ranking__badge-icon{font-size:13px}.profile-elo-ranking__badge-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-50)}.profile-elo-ranking__badge-pos{font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--neon-gold)}.profile-elo-ranking__cta{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#00e5ff14;border:1.5px solid rgba(0,229,255,.35);border-radius:999px;font-size:13px;font-weight:600;color:var(--neon-cyan);cursor:pointer;transition:background .15s,border-color .15s,transform .15s var(--spring);white-space:nowrap}.profile-elo-ranking__cta:hover{background:#00e5ff24;border-color:#00e5ff99;transform:translateY(-1px)}@media(max-width:480px){.profile-container{padding:8px 10px 80px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:8px}.profile-stat__value{font-size:18px}.profile-elo-ranking{gap:10px;padding:14px}.profile-elo-ranking__elo-value{font-size:22px}.profile-elo-ranking__cta{width:100%;justify-content:center}}@media(max-height:720px){.profile-page{height:auto;min-height:100vh;overflow:visible}.profile-page .app-page__content{overflow-y:auto;-webkit-overflow-scrolling:touch}.profile-page .profile-container{padding-bottom:120px}}.ranking-page__content{display:flex;flex-direction:column;height:calc(100dvh - 120px);overflow:hidden}.ranking-list{flex:1;overflow-y:auto;padding:12px 16px 8px;display:flex;flex-direction:column;gap:6px;max-width:680px;margin:0 auto;width:100%;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.3) transparent}.ranking-list::-webkit-scrollbar{width:4px}.ranking-list::-webkit-scrollbar-track{background:transparent}.ranking-list::-webkit-scrollbar-thumb{background:#00e5ff4d;border-radius:999px}.ranking-row{display:grid;grid-template-columns:44px 44px 1fr auto;align-items:center;gap:10px;padding:10px 14px;background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .15s;flex-shrink:0}.ranking-row:hover{border-color:var(--glass-border-lit)}.ranking-row--top1{border-color:#ffd70099;background:#ffd70012}.ranking-row--top2{border-color:#c0c0c080;background:#c0c0c00d}.ranking-row--top3{border-color:#cd7f3280;background:#cd7f320d}.ranking-row--me{border-color:var(--neon-cyan);background:#00e5ff12;box-shadow:0 0 16px #00e5ff1f}.ranking-pos{font-family:var(--font-display);font-size:16px;font-weight:800;text-align:center;color:var(--text-50)}.ranking-pos--top1{color:gold;font-size:20px}.ranking-pos--top2{color:silver;font-size:20px}.ranking-pos--top3{color:#cd7f32;font-size:20px}.ranking-pos--me{color:var(--neon-cyan)}.ranking-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00e5ff26,#a855f726);border:2px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden;flex-shrink:0}.ranking-avatar img{width:100%;height:100%;object-fit:cover}.ranking-info{display:flex;flex-direction:column;gap:2px;min-width:0}.ranking-info__name{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-info__name--me{color:var(--neon-cyan)}.ranking-info__sub{font-size:11px;color:var(--text-50)}.ranking-elo{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--neon-gold);white-space:nowrap}.ranking-elo__icon{font-size:14px}.ranking-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;color:var(--text-50);text-align:center}.ranking-empty__icon{font-size:48px;opacity:.5}.ranking-empty__title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-80)}.ranking-empty__sub{font-size:13px;color:var(--text-50);max-width:260px;line-height:1.5}.ranking-anchor-divider{border:none;border-top:1px dashed rgba(0,229,255,.25);margin:0}.ranking-anchor-wrapper{display:flex;flex-direction:column;gap:8px;padding:8px 16px 12px;max-width:680px;margin:0 auto;width:100%;flex-shrink:0}@media(max-width:480px){.ranking-list{padding:8px 10px 6px;gap:5px}.ranking-anchor-wrapper{padding:6px 10px 10px}.ranking-row{grid-template-columns:36px 36px 1fr auto;gap:8px;padding:9px 10px}.ranking-avatar{width:34px;height:34px;font-size:16px}.ranking-pos{font-size:14px}.ranking-pos--top1,.ranking-pos--top2,.ranking-pos--top3{font-size:18px}.ranking-info__name,.ranking-elo{font-size:13px}}.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}.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}@keyframes phone-rock{0%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}to{transform:rotate(-3deg)}}