:root{--wood-bg: #8B4513;--wood-light: #CD853F;--wood-dark: #5C2E0B;--gold-accent: #D4AF37;--cream-bg: #FDFBF7;--marble-white: radial-gradient(circle at 30% 30%, #ffffff 0%, #e0e0e0 60%, #9e9e9e 100%);--marble-black: radial-gradient(circle at 30% 30%, #424242 0%, #212121 60%, #000000 100%);--bg-color: #121212;--board-bg: radial-gradient(circle at 50% 50%, #A0522D 0%, #8B4513 70%, #5C2E0B 100%);--board-stroke: #8B5A2B;--board-accent: #D4AF37}.theme-royal{--bg-color: #0b132b;--board-bg: radial-gradient(circle at 50% 50%, #1c2541 0%, #0b132b 80%, #050814 100%);--board-stroke: #101c38;--board-accent: #5bc0be}.theme-neon{--bg-color: #0d0d0d;--board-bg: radial-gradient(circle at 50% 50%, #1a001a 0%, #0d0d0d 80%, #000000 100%);--board-stroke: #ff007f;--board-accent: #00ffff}.theme-emerald{--bg-color: #022c22;--board-bg: radial-gradient(circle at 50% 50%, #064e3b 0%, #022c22 80%, #01140f 100%);--board-stroke: #043e2f;--board-accent: #34d399}body{margin:0;padding:0;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:#eee;min-height:100vh;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}#root{width:100%;max-width:1200px}.game-container{display:flex;box-sizing:border-box;width:100%;position:relative}.game-title{margin:0 0 10px;font-size:2.5rem;color:var(--gold-accent);text-shadow:0 2px 4px rgba(0,0,0,.5);font-weight:700}.game-subtitle{margin:0 0 30px;font-size:1.1rem;color:#b0bec5}.desktop-layout{flex-direction:row;justify-content:space-around;align-items:center;padding:40px;gap:40px}.left-panel{flex:0 0 300px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000004d}.status-card{margin-bottom:30px}.turn-indicator{font-size:1.4rem;font-weight:600;padding:10px 16px;border-radius:8px;text-align:center}.turn-indicator.player-A{background:var(--marble-white);color:#121212}.turn-indicator.player-B{background:var(--marble-black);color:#fff;border:1px solid rgba(255,255,255,.2)}.alert-chain{background:#dc143c33;color:#ff5252;padding:12px;border-radius:8px;font-size:.9rem;margin-top:15px;border:1px solid rgba(255,82,82,.3);text-align:center}.control-buttons{display:flex;flex-direction:column;gap:12px}.btn{padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;border:none;font-size:1rem;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-action{background:var(--gold-accent);color:#3e2723}.btn-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.btn-danger{background:#ffffff14;color:#eee;border:1px solid rgba(255,255,255,.1)}.btn-danger:hover{background:#ff525233;color:#ff5252}.board-wrapper{position:relative;flex:0 0 500px;max-width:500px;aspect-ratio:1/1;background:#2a1508;border-radius:50%;padding:8px;box-shadow:0 16px 40px #0009,inset 0 4px 12px #ffffff1a;border:6px solid #4a2711}.board-svg{width:100%;height:100%}.game-piece{border-radius:50%;box-shadow:0 8px 16px #0006;transition:transform .25s ease-in-out,left .25s ease-in-out,top .25s ease-in-out}@keyframes arc-jump{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-80%) scale(1.3)}to{transform:translate(-50%,-50%) scale(1)}}.piece-jumping{animation:arc-jump .45s ease-in-out forwards}@keyframes piece-decay{0%{transform:scale(1);opacity:1;filter:saturate(1)}50%{transform:scale(1.2);opacity:.5;filter:saturate(.2)}to{transform:scale(0);opacity:0;filter:saturate(0)}}.piece-decaying{animation:piece-decay .4s cubic-bezier(.6,-.28,.735,.045) forwards}.desktop-piece{width:34px;height:34px}.mobile-piece{width:38px;height:38px}.game-piece.player-A{background:var(--marble-white);border:2px solid #bdbdbd}.game-piece.player-B{background:var(--marble-black);border:2px solid #303030}.game-piece.selected{transform:scale(1.15);box-shadow:0 0 15px var(--gold-accent),0 8px 20px #00000080;border-color:var(--gold-accent)!important}.piece-inner-marble{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden}.piece-specular-highlight{position:absolute;top:15%;left:15%;width:30%;height:30%;border-radius:50%;background:#ffffff80;filter:blur(1px)}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.8}}.pulse-border{transform-origin:center;animation:pulse 1.5s infinite ease-in-out}.mobile-layout{flex-direction:column;align-items:center;justify-content:space-between;min-height:100vh;padding:12px 16px;box-sizing:border-box}.mobile-layout .board-wrapper{width:96vw!important;height:96vw!important;max-width:480px!important;max-height:480px!important;aspect-ratio:1/1!important;flex:0 0 auto!important;background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;margin:auto 0!important;box-shadow:none!important;box-sizing:border-box}.mobile-player-card{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;box-shadow:0 4px 16px #00000040;transition:all .3s ease;box-sizing:border-box}.mobile-player-card.active-turn{transform:translateY(0) scale(1.02)}.mobile-player-card.player-A.active-turn{border-color:#fff;box-shadow:0 0 16px #ffffff40;background:#ffffff0f}.mobile-player-card.player-B.active-turn{border-color:#ef5350;box-shadow:0 0 16px #ef535040;background:#ef53500a}.mobile-banner{background:#dc143c33;color:#ff5252;padding:8px 16px;border-radius:8px;font-size:.85rem;margin:10px 0;border:1px solid rgba(255,82,82,.3);text-align:center}.mobile-controls{display:flex;gap:16px;width:100%;max-width:340px;margin-top:16px}.mobile-controls .btn{flex:1}.customization-card{margin-top:24px;background:#ffffff08;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.customization-card h3{margin:0 0 8px;font-size:1rem;color:var(--gold-accent)}.custom-select{width:100%;padding:10px;border-radius:6px;background:#212121;color:#eee;border:1px solid rgba(255,255,255,.15);font-family:inherit;font-size:.95rem;cursor:pointer;outline:none}.custom-select:focus{border-color:var(--gold-accent)}.mobile-select{padding:8px;font-size:.85rem}.piece-inner-traditional{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.shield-svg{width:90%;height:90%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.piece-inner-neon{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.neon-ring{width:70%;height:70%;border-radius:50%;background:transparent;border:4px solid var(--board-accent);box-shadow:0 0 10px var(--board-accent),inset 0 0 10px var(--board-accent);animation:neon-pulsate 1.5s infinite alternate}@keyframes neon-pulsate{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.1);opacity:1}}@keyframes player-A-glow{0%{box-shadow:0 0 15px #fff3}to{box-shadow:0 0 30px #ffffff80}}@keyframes player-B-glow{0%{box-shadow:0 0 15px #b003}to{box-shadow:0 0 30px #bb000080}}.turn-glow.player-A{border:2px solid #ffffff!important;animation:player-A-glow 1.5s infinite alternate ease-in-out}.turn-glow.player-B{border:2px solid #8B0000!important;animation:player-B-glow 1.5s infinite alternate ease-in-out}.victory-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.victory-card{background:linear-gradient(135deg,#4a2711,#2a1508);border:3px solid var(--gold-accent);padding:40px;border-radius:16px;text-align:center;box-shadow:0 16px 40px #0009;max-width:320px;width:80%}.victory-card h2{color:var(--gold-accent);margin-bottom:24px;font-size:2rem}.visual-grid-select{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.theme-visual-btn,.skin-visual-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#eee;padding:10px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-align:center}.theme-visual-btn:hover:not(:disabled),.skin-visual-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.theme-visual-btn.active{border-color:var(--theme-btn-color, var(--gold-accent));box-shadow:0 0 8px var(--theme-btn-color, var(--gold-accent));background:#ffffff26;font-weight:700}.skin-visual-btn.active{border-color:var(--gold-accent);box-shadow:0 0 8px var(--gold-accent);background:#ffffff26;font-weight:700}.theme-visual-btn.disabled,.skin-visual-btn.disabled,.theme-visual-btn:disabled,.skin-visual-btn:disabled{opacity:.3;cursor:not-allowed;background:#0003;border-color:#ffffff0d;text-decoration:line-through}.mobile-btn{padding:6px 12px;font-size:.8rem;white-space:nowrap;flex:0 0 auto}.game-piece{perspective:800px;transform-style:preserve-3d}.piece-inner-3d-wrapper{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .25s cubic-bezier(.25,.8,.25,1);display:flex;justify-content:center;align-items:center}@keyframes piece-idle-bob{0%{transform:translateZ(0) rotateX(8deg) rotateY(-8deg)}50%{transform:translateZ(2px) rotateX(12deg) rotateY(8deg)}to{transform:translateZ(0) rotateX(8deg) rotateY(-8deg)}}.game-piece.selected .piece-inner-3d-wrapper{animation:piece-idle-bob 3s infinite ease-in-out;transform:scale(1.15) rotateX(15deg) rotateY(10deg)}.game-piece:hover:not(.selected) .piece-inner-3d-wrapper{transform:rotateX(10deg) rotateY(-10deg)}.piece-3d-shadow{position:absolute;top:10%;left:10%;width:80%;height:80%;border-radius:50%;background:#00000080;filter:blur(3px);transform:translateZ(-8px);pointer-events:none}.piece-3d-base{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;transform:translateZ(0)}.piece-3d-base.player-A{background:radial-gradient(circle at 35% 35%,#fff,#d5d5d5,#9e9e9e);border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 2px 4px #fff9,0 4px 8px #0000004d}.piece-3d-base.player-B{background:radial-gradient(circle at 35% 35%,#ff4d4d,#a00 60%,#500);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 2px 4px #ffffff4d,0 4px 8px #0006}.piece-inner-soldier{position:absolute;top:-12%;left:-12%;width:124%;height:124%;transform:translateZ(16px);background-image:url(/assets/pieces/real_soldiers.png);background-size:400% 200%;background-repeat:no-repeat;mix-blend-mode:multiply;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4));pointer-events:none;transition:transform .2s ease}.player-A .piece-inner-soldier.skin-soldier_red,.player-A .piece-inner-soldier.skin-real_soldier{background-position:0% 0%}.player-A .piece-inner-soldier.skin-soldier_blue{background-position:33.33% 0%}.player-A .piece-inner-soldier.skin-soldier_green{background-position:66.66% 0%}.player-A .piece-inner-soldier.skin-soldier_purple{background-position:100% 0%}.player-B .piece-inner-soldier.skin-soldier_green,.player-B .piece-inner-soldier.skin-real_soldier{background-position:0% 100%}.player-B .piece-inner-soldier.skin-soldier_blue{background-position:33.33% 100%}.player-B .piece-inner-soldier.skin-soldier_red{background-position:66.66% 100%}.player-B .piece-inner-soldier.skin-soldier_yellow{background-position:100% 100%}@keyframes soldier-breath{0%{transform:translateZ(16px) scale(1) rotateY(0)}50%{transform:translateZ(20px) scale(1.06) rotateX(10deg) rotateY(5deg)}to{transform:translateZ(16px) scale(1) rotateY(0)}}.game-piece.selected .piece-inner-soldier{animation:soldier-breath 2.5s infinite ease-in-out}@keyframes spin-jump-3d{0%{transform:rotateY(0) rotateX(0)}50%{transform:rotateY(180deg) rotateX(15deg) scale(1.1)}to{transform:rotateY(360deg) rotateX(0)}}.piece-jumping .piece-inner-3d-wrapper{animation:spin-jump-3d .45s ease-in-out forwards}.piece-3d-gloss{position:absolute;top:5%;left:5%;width:90%;height:90%;border-radius:50%;background:linear-gradient(135deg,#ffffff40,#fff0 60%);transform:translateZ(24px);pointer-events:none}.game-piece.skin-real_soldier{background:transparent!important;border:none!important;box-shadow:none!important}.game-piece.skin-real_soldier.selected{filter:drop-shadow(0 0 10px var(--gold-accent))}.player-dashboard-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;margin-bottom:16px;transition:all .3s ease}.player-card-header{display:flex;align-items:center;gap:8px;background:#ffffff0a;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.player-card-header h3{margin:0;font-size:1rem;font-weight:600}.player-badge-indicator{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:20px;background:#ffffff1a;color:#eee}.player-A .player-badge-indicator{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.player-B .player-badge-indicator{background:#b003;color:#ff5252;border:1px solid rgba(187,0,0,.4)}.skin-select-container{padding:12px 16px}.section-label{display:block;font-size:.8rem;color:#bdbdbd;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.player-dashboard-card.active-turn-card{transform:translateY(-2px)}.player-dashboard-card.active-turn-card.player-A{border-color:#fff;box-shadow:0 0 15px #ffffff40;background:#ffffff0d}.player-dashboard-card.active-turn-card.player-B{border-color:#8b0000;box-shadow:0 0 15px #bb000040;background:#bb000008}.mini-piece-preview{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.mini-piece-preview .game-piece{width:22px!important;height:22px!important;box-shadow:0 2px 4px #0000004d!important}.mini-piece-preview .desktop-piece,.mini-piece-preview .mobile-piece{width:22px!important;height:22px!important}.theme-selector-box{margin-bottom:16px}.theme-previews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.theme-preview-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s ease}.skin-visual-btn{display:flex;align-items:center;gap:8px}.btn-label-text{font-size:.85rem}.desktop-layout{position:fixed!important;top:0!important;left:0!important;display:flex!important;flex-direction:row!important;height:100vh!important;width:100vw!important;padding:0!important;gap:0!important;overflow:hidden}.left-panel.info-dashboard{flex:0 0 320px!important;height:100%!important;border-radius:0!important;border:none!important;border-right:1px solid rgba(255,255,255,.1)!important;overflow-y:auto!important;box-sizing:border-box!important;background:#121212f2!important;box-shadow:8px 0 32px #00000080!important;z-index:10;display:flex;flex-direction:column}.board-container-main{flex:1;display:flex;justify-content:space-around;align-items:center;height:100%;padding:40px;position:relative;background:radial-gradient(circle at center,#ffffff05,#00000059);box-sizing:border-box;gap:20px}.board-wrapper{position:relative;width:95vmin!important;height:95vmin!important;max-width:850px!important;max-height:850px!important;aspect-ratio:1/1!important;background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;margin:0!important;box-shadow:none!important;box-sizing:border-box}.is-fullscreen .board-wrapper,.sidebar-closed .board-wrapper{width:98vmin!important;height:98vmin!important;max-width:1100px!important;max-height:1100px!important}.board-3d-canvas-container canvas{display:block;width:100%!important;height:100%!important}.desktop-player-card{width:160px;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 12px 40px #0006;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:5;box-sizing:border-box}.desktop-player-card.active-turn{transform:translateY(-8px) scale(1.05)}.desktop-player-card.player-A.active-turn{border-color:#fff;box-shadow:0 0 30px #ffffff59;background:#ffffff12}.desktop-player-card.player-B.active-turn{border-color:#ef5350;box-shadow:0 0 30px #ef535059;background:#ef53500a}.card-avatar{font-size:3.2rem;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4));animation:float-avatar 3s ease-in-out infinite alternate}@keyframes float-avatar{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.card-name{font-size:1.15rem;font-weight:700;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;letter-spacing:.02em}.card-status{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;border-radius:20px;background:#ffffff0f;color:#888;transition:all .3s ease}.active-turn.player-A .card-status{background:#ffffff2e;color:#fff}.active-turn.player-B .card-status{background:#ef53502e;color:#ef5350}.card-stats{width:100%;border-top:1px solid rgba(255,255,255,.08);padding-top:12px;display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#b0bec5;text-align:center;font-family:monospace}.skin-marble_white .piece-inner-marble{background:radial-gradient(circle at 35% 35%,#fff,#dcdcdc 55%,#aaa)!important;box-shadow:inset 0 2px 4px #fffc,0 4px 8px #0000004d!important}.skin-marble_black .piece-inner-marble{background:radial-gradient(circle at 35% 35%,#555,#222 60%,#050505)!important;box-shadow:inset 0 2px 4px #fff3,0 4px 8px #00000080!important}.skin-marble_red .piece-inner-marble{background:radial-gradient(circle at 35% 35%,#ff5c5c,#c11 60%,#5a0000)!important;box-shadow:inset 0 2px 4px #fff6,0 4px 8px #0006!important}.skin-marble_blue .piece-inner-marble{background:radial-gradient(circle at 35% 35%,#5c9eff,#15c 60%,#001a5a)!important;box-shadow:inset 0 2px 4px #fff6,0 4px 8px #0006!important}.skin-marble_green .piece-inner-marble{background:radial-gradient(circle at 35% 35%,#5cff9e,#1c5 60%,#005a1a)!important;box-shadow:inset 0 2px 4px #fff6,0 4px 8px #0006!important}.skin-marble_yellow .piece-inner-marble{background:radial-gradient(circle at 35% 35%,#ffff5c,#cc1 60%,#5a5a00)!important;box-shadow:inset 0 2px 4px #ffffff80,0 4px 8px #0006!important}.skin-marble_purple .piece-inner-marble{background:radial-gradient(circle at 35% 35%,#e05cff,#91c 60%,#40005a)!important;box-shadow:inset 0 2px 4px #fff6,0 4px 8px #0006!important}.game-piece.skin-marble_white,.game-piece.skin-marble_black,.game-piece.skin-marble_red,.game-piece.skin-marble_blue,.game-piece.skin-marble_green,.game-piece.skin-marble_yellow,.game-piece.skin-marble_purple{background:transparent!important;border:none!important;box-shadow:none!important}.player-name-input:focus{outline:none;border-color:var(--gold-accent)!important;box-shadow:0 0 8px #d4af3766!important}.player-dashboard-card.player-A.active-turn-card{box-shadow:0 0 20px #d4af3759!important;border:1px solid var(--gold-accent)!important;transform:scale(1.02);transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.player-dashboard-card.player-B.active-turn-card{box-shadow:0 0 20px #ef535059!important;border:1px solid #ef5350!important;transform:scale(1.02);transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.avatar-selection-row button:hover{background:#ffffff1f!important;transform:translateY(-1px)}@keyframes pulse-glow{0%{box-shadow:0 0 4px #d4af374d;transform:scale(1)}to{box-shadow:0 0 16px #d4af37cc;transform:scale(1.02)}}.game-container{display:flex;flex-direction:column;width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important;padding:12px 16px;box-sizing:border-box;background-color:var(--bg-color);transition:background-color .3s ease}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:50px;flex-shrink:0}.btn-header-action{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#eee;padding:6px 12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-header-action:hover{background:#ffffff26;border-color:#ffffff4d}.btn-header-danger{background:#ef53501f;border:1px solid rgba(239,83,80,.2);border-radius:8px;color:#ef5350;padding:6px 12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-header-danger:hover{background:#ef535038;border-color:#ef535059}.game-content-layout{display:flex;flex:1;width:100%;height:calc(100% - 50px);align-items:center;justify-content:space-around;box-sizing:border-box;overflow:hidden}.player-console-card{display:flex;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 12px 40px #0006;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:5;box-sizing:border-box}.player-console-card.active-turn{transform:translateY(-4px) scale(1.03)}.player-console-card.player-A.active-turn{border-color:#fff;box-shadow:0 0 25px #ffffff4d;background:#ffffff12}.player-console-card.player-B.active-turn{border-color:#ef5350;box-shadow:0 0 25px #ef53504d;background:#ef53500a}.board-rotated-180 .board-wrapper{transform:rotate(180deg)}@media(max-aspect-ratio:1/1){.game-content-layout{flex-direction:column;padding:6px 0;justify-content:space-between}.player-console-card{width:100%;max-width:480px;height:64px;flex-shrink:0;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 16px;border-radius:12px}.card-avatar-wrapper{display:flex;align-items:center;gap:10px}.card-avatar{font-size:2.2rem}.card-details-sub{display:flex;flex-direction:column;text-align:left}.card-name{font-size:.95rem;font-weight:700}.card-stats{font-size:.75rem;color:#aaa;border-top:none;padding-top:0}.card-actions-wrapper{display:flex;align-items:center;gap:8px}.card-status{font-size:.7rem;padding:3px 8px;border-radius:10px}.board-wrapper{width:80vmin!important;height:80vmin!important;max-width:90vw!important;max-height:90vw!important;margin:auto 0!important;flex:0 0 auto!important}}@media(min-aspect-ratio:1/1){.game-content-layout{flex-direction:row;padding:0 10px;justify-content:space-around}.player-console-card{width:160px;height:250px;flex-shrink:0;flex-direction:column;justify-content:space-between;align-items:center;padding:20px 14px;border-radius:20px}.card-avatar-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.card-avatar{font-size:3.2rem}.card-details-sub{display:flex;flex-direction:column;align-items:center;width:100%}.card-name{font-size:1.1rem;font-weight:700}.card-stats{font-size:.8rem;color:#b0bec5;border-top:1px solid rgba(255,255,255,.08);padding-top:8px;width:100%;text-align:center}.card-actions-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.card-status{font-size:.75rem;padding:4px 10px;border-radius:12px}.board-wrapper{width:90vmin!important;height:90vmin!important;max-width:82vh!important;max-height:82vh!important;margin:0!important;flex:0 0 auto!important}}.mobile-settings-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0c0c0cfa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:200;display:flex;flex-direction:column;padding:24px 20px;box-sizing:border-box;overflow-y:auto}.btn-close-settings{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:50%;width:36px;height:36px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close-settings:hover{background:#ffffff26}.settings-drawer-grid{display:flex;flex-direction:column;gap:20px;max-width:500px;margin:0 auto;width:100%}.drawer-name-input{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:8px 12px;font-size:.9rem;width:100%;box-sizing:border-box;margin-bottom:12px;font-family:inherit}.drawer-avatars-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}.drawer-avatar-btn{border-radius:8px;padding:6px 12px;font-size:1.1rem;cursor:pointer;transition:all .2s}.drawer-avatar-btn:hover{transform:translateY(-1px)}.drawer-toggle-btn{flex:1;color:#fff;padding:8px 0;font-size:.85rem;font-weight:600;cursor:pointer;text-transform:capitalize;border-radius:8px;transition:all .2s}.drawer-themes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.drawer-sub-label{font-size:.75rem;color:#aaa;display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.drawer-skins-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}@media(max-width:480px){.header-btn-text{display:none!important}.game-header{padding:4px 6px!important}.btn-header-action,.btn-header-danger{padding:6px 8px!important}}.player-stats-list::-webkit-scrollbar{width:6px}.player-stats-list::-webkit-scrollbar-track{background:#00000026;border-radius:4px}.player-stats-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.player-stats-list::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.custom-select option{background-color:#1a1a1a;color:#eee}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#121212bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out;border-radius:20px}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.loading-spinner{width:50px;height:50px;border:4px dashed var(--board-accent, var(--gold-accent));border-top:4px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:1.25rem;color:#fff;font-weight:500;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.4);animation:pulse 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}