#auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0c0c20}#auth-overlay.hidden{display:none!important}.auth-card{background:#ffffff14;border:1px solid rgba(233,196,0,.2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px;width:min(420px,96vw);display:flex;flex-direction:column;text-align:center;box-shadow:0 32px 80px #0009;overflow:hidden;animation:card-enter .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes card-shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(7px)}45%{transform:translate(-6px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}}.auth-card.shake{animation:card-shake .45s ease both}.auth-card-header{position:relative;padding:2.2rem 2rem 1.4rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.auth-logo-glow{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(233,196,0,.3),transparent 70%);pointer-events:none}.auth-logo-die{width:3rem;height:3rem;filter:drop-shadow(0 0 16px rgba(255,215,0,.5));animation:float 5s ease-in-out infinite}.auth-title{font-family:Syne,sans-serif;font-weight:800;font-size:1.8rem;letter-spacing:-.02em;color:var(--gold);margin:.2rem 0 0}.auth-subtitle{font-size:.8rem;color:#999077e6;letter-spacing:.02em}.auth-tabs{position:relative;display:flex;margin:0 1.5rem;border-radius:9999px;overflow:visible;background:#1e1e3280;border:1px solid rgba(233,196,0,.15);padding:.25rem}.auth-tab-indicator{position:absolute;top:.25rem;left:.25rem;height:calc(100% - .5rem);width:calc(50% - .25rem);background:var(--gold);border-radius:9999px;transition:left .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.auth-tab-indicator.right{left:50%}.auth-tab{flex:1;padding:.55rem;background:transparent;border:none;color:#999077cc;cursor:pointer;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-family:Space Grotesk,sans-serif;position:relative;z-index:1;border-radius:9999px;transition:color .3s}.auth-tab.active{color:#1a1a2e}.auth-forms-wrap{padding:1.25rem 1.75rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{display:flex;flex-direction:column;gap:.35rem;text-align:left}.auth-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#999077cc;font-family:Space Grotesk,sans-serif}.auth-form input{padding:.85rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#11112566;color:#e2e0fce6;font-family:Space Grotesk,sans-serif;font-size:.92rem;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.auth-form input::placeholder{color:#99907780}.auth-form input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #e9c40026}.auth-form button[type=submit]{margin-top:.25rem;padding:.95rem;background:var(--gold);border:none;border-radius:12px;color:#1a1a2e;font-weight:700;font-size:.75rem;font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 0 20px #e9c4004d}.auth-form button[type=submit]:hover{transform:scale(1.02);box-shadow:0 0 28px #e9c40073}.auth-form button[type=submit]:active{transform:scale(.97)}.auth-form button:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;gap:.75rem;color:#fff3;font-size:.7rem;letter-spacing:.1em;margin:.5rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff14}.btn-ghost{background:transparent;border:none;color:#e2e0fc99;font-size:.88rem;font-weight:500;cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem}.btn-ghost:hover{color:var(--gold)}.auth-arrow{font-size:1rem}#btn-guest{width:100%;padding:.65rem 1.2rem;border:none;background:transparent;color:#e2e0fc8c;font-size:.85rem;font-weight:500;cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center;gap:.4rem}#btn-guest:hover{color:var(--gold)}.lobby-toolbar{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:-.2rem}.toolbar-btn{display:flex;align-items:center;gap:0;background:#1e1e3266;border:1px solid rgba(233,196,0,.15);color:#e2e0fca6;font-size:.78rem;font-weight:500;padding:.45rem .55rem;border-radius:10px;cursor:pointer;transition:background .2s,color .2s,border-color .2s;font-family:Space Grotesk,sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toolbar-btn:hover{background:#1e1e32b3;color:var(--gold);border-color:#e9c40073}.toolbar-label{font-size:.72rem;letter-spacing:.02em;white-space:nowrap;max-width:0;opacity:0;overflow:hidden;transform:translate(-6px);margin-left:0;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .22s .06s,transform .3s cubic-bezier(.4,0,.2,1),margin-left .3s cubic-bezier(.4,0,.2,1)}.toolbar-btn:hover .toolbar-label,.toolbar-btn:focus-visible .toolbar-label{max-width:110px;opacity:1;transform:none;margin-left:.4rem}.app-page{position:fixed;inset:var(--app-header-h, 60px) 0 0 0;z-index:600;background:#0c0c20;display:flex;flex-direction:column;animation:page-in .28s cubic-bezier(.34,1.1,.64,1) both}.app-page.hidden{display:none!important}@keyframes page-in{0%{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-topbar{display:flex;align-items:center;gap:1rem;padding:.85rem 1.5rem;border-bottom:1px solid rgba(233,196,0,.12);background:#0c0c20d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0}.page-title{flex:1;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700;color:var(--gold);letter-spacing:.03em;display:flex;align-items:center;gap:.5rem}.btn-page-back{display:flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:10px;border:1px solid rgba(233,196,0,.2);background:#1e1e3280;color:#e2e0fca6;font-size:.8rem;font-family:Space Grotesk,sans-serif;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-page-back:hover{background:#1e1e32cc;color:var(--gold);border-color:#e9c40073}.btn-logout-page{font-size:.75rem;padding:.38rem .75rem;opacity:.55;transition:all .2s;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:transparent;color:#e2e0fc99}.btn-logout-page:hover{opacity:1;color:#ff7675;border-color:#ff76754d}.page-inner{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-width:720px;width:100%;margin:0 auto;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.25) transparent}.page-inner::-webkit-scrollbar{width:4px}.page-inner::-webkit-scrollbar-thumb{background:#ffd70040;border-radius:99px}.app-page #profile-content{flex:unset;overflow:visible;margin-right:0;padding-right:0;min-height:unset}.app-page .leaderboard-list{overflow:visible;flex:unset}.side-panel{position:fixed;top:0;right:0;bottom:0;z-index:500;width:min(340px,100vw);background:var(--glass-strong);border-left:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;padding:1.5rem;gap:1rem;box-shadow:-8px 0 32px #0006;animation:slideIn .32s cubic-bezier(.34,1.2,.64,1) both}@keyframes slideIn{0%{transform:translate(100%);opacity:.6}to{transform:translate(0);opacity:1}}.side-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:499;background:#00000059;animation:backdrop-in .25s ease both}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.side-panel-header{display:flex;align-items:center;justify-content:space-between}.side-panel-header h3{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.03em;color:gold}.btn-close{background:transparent;border:none;color:#f0e6d380;font-size:1rem;cursor:pointer;padding:.2rem .4rem;border-radius:6px;transition:color .2s}.btn-close:hover{color:#f0e6d3}.lb-nav{display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;height:64px;flex-shrink:0;position:relative;background:#0c0c20e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(233,196,0,.12)}.lb-back-btn{display:flex;align-items:center;gap:.3rem;background:none;border:none;cursor:pointer;transition:color .2s;color:#999077cc;font-size:.72rem;font-weight:600;font-family:Space Grotesk,sans-serif;letter-spacing:.05em;text-transform:uppercase;padding:.5rem .25rem}.lb-back-btn:hover{color:gold}.lb-back-btn .material-symbols-outlined{font-size:1.1rem}.lb-heading{font-family:Syne,sans-serif;font-size:1.15rem;font-weight:700;color:gold;display:flex;align-items:center;gap:.4rem;letter-spacing:-.01em;position:absolute;left:50%;transform:translate(-50%)}.lb-heading .material-symbols-outlined{font-size:1.25rem}.lb-nav-spacer{width:80px}.lb-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:1rem;max-width:720px;width:100%;margin:0 auto;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.25) transparent}.lb-content::-webkit-scrollbar{width:4px}.lb-content::-webkit-scrollbar-thumb{background:#ffd70040;border-radius:99px}.lb-glass{background:#1e1e3273;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(233,196,0,.2);box-shadow:0 12px 40px #00000080}.lb-type-toggle-wrap{display:flex;justify-content:center}.lb-type-toggle{position:relative;display:flex;gap:.25rem;padding:.25rem;border-radius:12px}.lb-type-indicator{position:absolute;top:.25rem;left:.25rem;height:calc(100% - .5rem);width:calc(50% - .375rem);background:gold;border-radius:9px;box-shadow:0 2px 12px #e9c4004d;transition:left .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.lb-type-indicator.right{left:calc(50% + .125rem)}.lb-type-tab{flex:1;padding:.5rem 2rem;border-radius:9px;border:none;background:transparent;color:#999077d9;font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .25s;font-family:Space Grotesk,sans-serif;position:relative;z-index:1}.lb-type-tab:hover:not(.active){color:#e2e0fcbf}.lb-type-tab.active{color:#1a1a2e}.leaderboard-tabs{display:flex;gap:.25rem;padding:.35rem;border-radius:12px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.leaderboard-tabs::-webkit-scrollbar{display:none}.leaderboard-tabs{position:relative}.lb-tab{flex:1;padding:.65rem .5rem;border-radius:9px;border:none;background:transparent;color:#999077d9;font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .22s;text-align:center;font-family:Space Grotesk,sans-serif;position:relative;z-index:1}.lb-tab:hover:not(.active){color:#e2e0fcbf;background:#ffffff0d}.lb-tab.active{color:#1a1a2e}.leaderboard-list{list-style:none;display:flex;flex-direction:column;padding:0;margin:0}.lb-loading,.lb-empty{text-align:center;color:#e2e0fc4d;padding:2rem 0;font-size:.85rem}.lb-podium-section{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:.5rem;height:320px;padding:0 .25rem}.lb-podium-col-new{display:flex;flex-direction:column;align-items:center}.lb-podium-avatar-wrap-new{position:relative;margin-bottom:1rem}.lb-podium-avatar-new{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#1a1a2e;font-family:Syne,sans-serif;border:4px solid}.lb-podium-col-new:nth-child(1) .lb-podium-avatar-new{width:80px;height:80px;font-size:.9rem;border-color:#c0c0c080}.lb-podium-col-new:nth-child(2) .lb-podium-avatar-new{width:96px;height:96px;font-size:1.1rem;border-color:#ffd700cc;box-shadow:0 0 25px #e9c4004d}.lb-podium-col-new:nth-child(3) .lb-podium-avatar-new{width:76px;height:76px;font-size:.85rem;border-color:#cd7f3280}.lb-podium-col-new:nth-child(2) .lb-podium-avatar-wrap-new{transform:scale(1.1)}.lb-podium-medal-badge{position:absolute;bottom:-6px;right:-6px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#141428f2;display:flex;align-items:center;justify-content:center}.lb-podium-col-new:nth-child(1) .lb-podium-medal-badge,.lb-podium-col-new:nth-child(3) .lb-podium-medal-badge{width:28px;height:28px}.lb-podium-col-new:nth-child(2) .lb-podium-medal-badge{width:36px;height:36px;background:gold;border-color:#ffd70080}.lb-podium-medal-badge .material-symbols-outlined{font-size:1rem;font-variation-settings:"FILL" 1}.lb-podium-col-new:nth-child(2) .lb-podium-medal-badge .material-symbols-outlined{font-size:1.25rem;color:#1a1a2e}.lb-podium-bar-new{width:100%;border-radius:12px 12px 0 0;border-bottom:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:1rem;text-align:center;gap:.15rem;overflow:hidden;background:#1e1e3273;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(233,196,0,.2);box-shadow:0 12px 40px #00000080}.lb-podium-col-new:nth-child(1) .lb-podium-bar-new{height:140px}.lb-podium-col-new:nth-child(2) .lb-podium-bar-new{height:180px;border-color:#ffd70066}.lb-podium-col-new:nth-child(3) .lb-podium-bar-new{height:110px}.lb-podium-bar-name{font-family:Syne,sans-serif;font-size:.78rem;font-weight:700;color:#e2e0fc;padding:0 .5rem;width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-podium-col-new:nth-child(2) .lb-podium-bar-name{color:gold;font-size:.9rem}.lb-podium-bar-tier{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#e2e0fc66}.lb-podium-bar-score{font-family:Syne,sans-serif;font-size:1.4rem;font-weight:800;color:#e9c400;margin-top:.1rem}.lb-podium-col-new:nth-child(2) .lb-podium-bar-score{font-size:1.8rem;color:gold}.lb-table{background:#1e1e3273;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(233,196,0,.2);box-shadow:0 12px 40px #00000080;border-radius:1.5rem;overflow:hidden}.lb-table-header{display:grid;grid-template-columns:60px 1fr 110px 70px 70px;padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff0a;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#999077b3;font-family:Space Grotesk,sans-serif}.lb-table-header.lb-header-normal{grid-template-columns:60px 1fr 80px 70px}.lb-table-header span:not(:first-child):not(:nth-child(2)){text-align:right}.lb-table-header span:nth-child(3):not(.lb-table-header.lb-header-normal span){text-align:center}.lb-table-row{display:grid;grid-template-columns:60px 1fr 110px 70px 70px;align-items:center;padding:.85rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}.lb-table-row.lb-row-normal{grid-template-columns:60px 1fr 80px 70px}.lb-table-row:last-child{border-bottom:none}.lb-table-row:hover{background:#ffffff08}.lb-table-row.lb-row-me{background:#ffd70012;border-left:3px solid #ffd700;padding-left:calc(1.25rem - 3px)}.lb-table-pos{font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;color:#999077cc}.lb-table-row.lb-row-me .lb-table-pos{color:gold}.lb-table-player{display:flex;align-items:center;gap:.6rem}.lb-table-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:#1a1a2e;border:1px solid rgba(255,255,255,.1)}.lb-table-row.lb-row-me .lb-table-avatar{border:2px solid rgba(255,215,0,.5)}.lb-table-player-name{font-weight:600;font-size:.85rem;color:#e2e0fc;font-family:Space Grotesk,sans-serif}.lb-table-row.lb-row-me .lb-table-player-name{color:gold;font-weight:700}.lb-table-tier-cell{display:flex;justify-content:center}.lb-table-tier-badge{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#e2e0fca6;padding:.2rem .5rem;border-radius:9999px;background:#28283dcc;border:1px solid rgba(255,255,255,.1)}.lb-table-row.lb-row-me .lb-table-tier-badge{background:#ffd7001f;border-color:#ffd70059;color:gold}.lb-table-elo{text-align:right;font-weight:600;font-size:.88rem;color:#e9c400;font-family:Space Grotesk,sans-serif}.lb-table-row.lb-row-me .lb-table-elo{color:gold;font-weight:700}.lb-table-games{text-align:right;font-size:.8rem;color:#e2e0fc61;font-family:Space Grotesk,sans-serif}.lb-table-row.lb-row-me .lb-table-games{color:#ffd7008c}.lb-footer{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0 .5rem;gap:.35rem}.lb-footer-title{font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;color:gold}.lb-footer-sub{font-size:.78rem;color:#999077b3;max-width:300px;line-height:1.5}#profile-content{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden;min-height:0;margin-right:-1.5rem;padding-right:1.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.25) transparent}#profile-content::-webkit-scrollbar{width:4px}#profile-content::-webkit-scrollbar-track{background:transparent}#profile-content::-webkit-scrollbar-thumb{background:#ffd70040;border-radius:99px}#profile-content::-webkit-scrollbar-thumb:hover{background:#ffd70080}.profile-header{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;background:linear-gradient(135deg,#ffd7000a,#ffffff05);border:1px solid rgba(255,215,0,.1);border-radius:14px}.profile-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#1a1a2e;flex-shrink:0;box-shadow:0 0 0 2.5px #ffffff1a,0 4px 12px #0000004d}.profile-avatar-wrap{position:relative;cursor:pointer;flex-shrink:0}.profile-avatar-edit{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:#ffd700e6;color:#1a1a2e;font-size:.55rem;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0006;pointer-events:none}.avatar-palette{display:flex;flex-wrap:wrap;gap:6px;padding:.5rem .6rem;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06);justify-content:center}.avatar-palette.hidden{display:none}.avatar-color-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s,border-color .15s,box-shadow .15s}.avatar-color-swatch:hover{transform:scale(1.15)}.avatar-color-swatch.active{border-color:#fff;box-shadow:0 0 8px #ffffff4d}.profile-header-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.profile-header-name{font-size:.95rem;font-weight:700;color:#f0e6d3;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-header-meta{font-size:.75rem;color:#f0e6d366;margin-top:.2rem}.profile-section{display:flex;flex-direction:column;gap:.5rem;padding:.7rem .9rem;background:#ffffff06;border-radius:12px;position:relative}.profile-section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffd70080;display:flex;align-items:center;gap:.4rem}.profile-username-row{display:flex;gap:.5rem}.profile-username-input{flex:1;min-width:0;padding:.5rem .75rem;border-radius:9px;border:1.5px solid rgba(255,255,255,.12);background:#ffffff0f;color:#f0e6d3;font-size:.9rem;outline:none;transition:border-color .2s;font-family:Space Grotesk,sans-serif}.profile-username-input:focus{border-color:#ffd70099}.btn-save-username{padding:.5rem .9rem;border-radius:9px;border:none;background:linear-gradient(135deg,gold,#f0a500);color:#1a1a2e;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:opacity .2s}.btn-save-username:disabled{opacity:.3;cursor:default}.btn-save-username:hover:not(:disabled){opacity:.85}.profile-username-error{font-size:.76rem;color:#ff6b6b;min-height:1em}.profile-password-form{display:flex;flex-direction:column;gap:.4rem}.profile-pw-input{padding:.5rem .75rem;border-radius:9px;border:1.5px solid rgba(255,255,255,.12);background:#ffffff0f;color:#f0e6d3;font-size:.85rem;outline:none;transition:border-color .2s;font-family:Space Grotesk,sans-serif}.profile-pw-input:focus{border-color:#ffd70099}.btn-change-pw{padding:.5rem .9rem;border-radius:9px;border:none;background:#ffffff14;color:#f0e6d3b3;font-weight:600;font-size:.8rem;cursor:pointer;transition:background .2s,opacity .2s;font-family:Space Grotesk,sans-serif}.btn-change-pw:hover:not(:disabled){background:#ffffff24}.btn-change-pw:disabled{opacity:.3;cursor:default}.profile-pw-msg{font-size:.76rem}.profile-pw-msg.error{color:#ff6b6b}.profile-pw-msg.success{color:#4caf50}.user-menu{position:relative}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:200;background:#121226f7;border:1px solid rgba(233,196,0,.2);border-radius:10px;box-shadow:0 8px 28px #0000008c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);min-width:160px;padding:.3rem;animation:menu-appear .15s ease both}.user-menu-dropdown.hidden{display:none!important}@keyframes menu-appear{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .75rem;background:transparent;border:none;border-radius:7px;color:#f0e6d3bf;font-size:.8rem;font-weight:600;font-family:Space Grotesk,sans-serif;cursor:pointer;text-align:left;transition:background .15s,color .15s}.user-menu-item:hover{background:#ffffff12;color:#fff}.user-menu-item-danger:hover{background:#ff64641a;color:#ff7675}.user-menu-tag{padding:.45rem .75rem .3rem;font-size:.66rem;font-weight:700;letter-spacing:.05em;color:#f0e6d366}.user-menu-divider{height:1px;background:#ffffff14;margin:.25rem .4rem}.player-name-badge{display:flex;align-items:center;gap:.4rem;background:#1e1e3280;border:1px solid rgba(233,196,0,.2);border-radius:9999px;padding:.3rem .75rem .3rem .45rem;cursor:pointer;transition:background .15s,border-color .15s}.player-name-badge:hover{background:#1e1e32cc;border-color:#e9c40066}.player-name-badge-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:#1a1a2e;flex-shrink:0}.player-name-badge-text{font-size:.75rem;font-weight:700;color:gold;font-family:Space Grotesk,sans-serif}.profile-stats{display:flex;flex-direction:column;gap:.35rem}.profile-stat-row{display:flex;align-items:center;gap:.75rem;padding:.45rem .1rem;border-bottom:1px solid rgba(255,255,255,.04)}.profile-stat-row:last-child{border-bottom:none}.profile-stat-mode{display:flex;align-items:center;gap:.4rem;width:72px;flex-shrink:0}.profile-stat-icon{font-size:1rem;line-height:1}.profile-stat-label{font-size:.8rem;font-weight:600;color:#f0e6d3cc}.profile-stat-right{flex:1;display:flex;flex-direction:column;gap:.2rem}.profile-stat-nums{display:flex;justify-content:space-between;font-size:.72rem;color:#ffffff73}.profile-stat-best{color:#ffd700a6}.profile-stat-card{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-radius:.875rem;gap:1rem}.profile-stat-card-left{display:flex;align-items:center;gap:.85rem;flex:1;min-width:0}.profile-stat-icon-box{width:42px;height:42px;border-radius:.625rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.profile-stat-mode-name{font-weight:700;color:gold;font-size:.88rem;margin-bottom:.15rem}.profile-stat-mode-games{font-size:.7rem;color:#999077cc;margin:0}.profile-stat-card-right{width:160px;flex-shrink:0}.profile-stat-winrate-label{font-size:.7rem;color:gold;margin-bottom:.3rem;font-weight:600;margin-top:0}.skin-preview-canvas{width:140px;height:140px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:block;margin:0 auto}.profile-skin-swatches{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.btn-save-skin{padding:.55rem 1.8rem;background:linear-gradient(135deg,gold,#f0a500);border:none;border-radius:10px;color:#1a1a2e;font-weight:700;font-size:.9rem;cursor:pointer;transition:opacity .2s,transform .1s;align-self:center}.btn-save-skin:hover:not(:disabled){opacity:.85}.btn-save-skin:active:not(:disabled){transform:scale(.97)}.btn-save-skin:disabled{opacity:.3;cursor:default}:root{--glass-bg: rgba(30,30,50,.3);--glass-border: rgba(233,196,0,.2);--glass-strong: rgba(30,30,50,.5);--glass-blur: 16px;--gold: #ffd700;--gold-dim: #e9c400;--gold-glow: rgba(233,196,0,.2);--surface: #111125;--surface-low: #1a1a2e;--surface-mid: #1e1e32;--surface-high: #28283d;--on-surface: #e2e0fc;--outline: rgba(233,196,0,.2)}.glass-panel{background:var(--glass-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);transition:border-color .3s,background .3s}.glass-panel:hover{border-color:#e9c40073;background:#1e1e3299}.gold-glow{box-shadow:0 0 25px var(--gold-glow)}.active-card{border-color:var(--gold)!important;box-shadow:0 0 30px #e9c40040!important;background:#e9c4000f!important}.medal-gold{color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.5))}.medal-silver{color:silver;filter:drop-shadow(0 0 6px rgba(192,192,192,.4))}.medal-bronze{color:#cd7f32;filter:drop-shadow(0 0 6px rgba(205,127,50,.4))}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(4deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-gold{0%,to{box-shadow:0 0 15px #ffd7001a;border-color:#ffd70026}50%{box-shadow:0 0 35px #ffd70066;border-color:#ffd7008c}}@keyframes gold-ring-spin{to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Space Grotesk,system-ui,sans-serif;background:#0c0c20;color:#f0e6d3;height:100dvh;overflow:hidden;-webkit-user-select:none;user-select:none}.hidden{display:none!important}.error{color:#ff6b6b;font-size:.85rem;min-height:1.2em;margin-top:.4rem}#waiting-room,#solo-config-modal,#ranked-queue,#match-found-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:center;justify-content:center;background:#0c0c20}#waiting-room.hidden,#solo-config-modal.hidden,#ranked-queue.hidden,#match-found-overlay.hidden{display:none!important}#lobby{display:flex;flex-direction:column;height:100dvh;overflow-y:auto;overflow-x:hidden;background:#0c0c20;position:relative;padding-top:var(--app-header-h, 60px)}.lobby-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.25rem;gap:.75rem;background:#0c0c20eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(233,196,0,.12);position:fixed;top:0;left:0;right:0;z-index:700}body:has(#waiting-room:not(.hidden)) #app-header,body:has(#ranked-queue:not(.hidden)) #app-header,body:has(#match-found-overlay:not(.hidden)) #app-header,body:has(#game:not(.hidden)) #app-header{display:none}.lobby-nav{display:flex;gap:.4rem;align-items:center;min-width:160px}.lobby-logo-center{flex:1;display:flex;justify-content:center;align-items:center}.lobby-header-right{min-width:160px;display:flex;justify-content:flex-end;align-items:center;gap:10px}.lobby-logo-center .logo-die{width:1.8rem;height:1.8rem}.lobby-logo-center .logo-title{font-size:1rem;letter-spacing:.06em}.lobby-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.blob-gold{position:absolute;border-radius:50%;filter:blur(90px);width:min(45vw,500px);height:min(45vw,500px);background:radial-gradient(circle,rgba(255,215,0,.07),transparent);top:5%;left:-5%}.blob-blue{position:absolute;border-radius:50%;filter:blur(100px);width:min(55vw,600px);height:min(55vw,600px);background:radial-gradient(circle,rgba(15,52,96,.45),transparent);bottom:10%;right:-10%}.lobby-main{display:flex;flex-direction:column;align-items:center;margin-top:auto;margin-bottom:auto;padding:1.1rem 1rem 1.4rem;position:relative;z-index:1;gap:1rem;text-align:center}.lobby-main>*{width:min(560px,100%)}.lobby-footer{border-top:1px solid rgba(255,255,255,.05);padding:.85rem 0;width:min(560px,100%)}.lobby-footer-inner{display:flex;align-items:center;justify-content:center;gap:.75rem}.lobby-footer-count{font-size:.75rem;color:#999077b3}.lobby-footer-count-num{color:gold;font-weight:700}.presence-dot{width:8px;height:8px;border-radius:50%;background:#55efc4;flex-shrink:0;box-shadow:0 0 8px #55efc4cc;animation:presence-pulse 2.4s ease-in-out infinite}@keyframes presence-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}.lobby-hero{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.9rem;padding:.2rem 0;text-align:left}.lobby-hero-die{width:48px;height:48px;animation:float 5s ease-in-out infinite;filter:drop-shadow(0 0 24px rgba(233,196,0,.45))}.lobby-hero-die svg{width:100%;height:100%}.lobby-hero-text{display:flex;flex-direction:column;gap:.15rem}.lobby-hero-title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(1.7rem,4.5vw,2.2rem);letter-spacing:-.02em;color:var(--gold);text-shadow:0 0 32px rgba(233,196,0,.35);line-height:1}.lobby-hero-subtitle{font-family:Space Grotesk,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#999077e6}.lobby-input-group{display:flex;flex-direction:column;gap:.45rem;text-align:left}.lobby-input-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#999077cc;margin-left:.25rem}.lobby-input-wrap{position:relative;display:flex;align-items:center}.lobby-input-icon{position:absolute;left:1rem;pointer-events:none;font-size:1rem;opacity:.7}.lobby-input-wrap input,.lobby-main #player-name{width:100%;padding:1rem 1rem 1rem 2.75rem;background:#1a1a2e99;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--on-surface);font-family:Space Grotesk,sans-serif;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lobby-input-wrap input::placeholder{color:#99907780}.lobby-input-wrap input:focus{border-color:#e9c40080;box-shadow:0 0 0 2px #e9c4001a}.lobby-btn-create{width:100%;padding:1rem 1.5rem;background:var(--mode-color, var(--gold));border:none;border-radius:12px;color:#1a1a2e;font-family:Syne,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.02em;cursor:pointer;transition:transform .15s,box-shadow .15s,background .25s;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 0 24px var(--mode-glow, rgba(233,196,0,.3))}.lobby-btn-create .material-symbols-outlined{font-size:1.2rem}.lobby-btn-create:hover{transform:scale(1.02);box-shadow:0 0 36px #e9c40080}.lobby-btn-create:active{transform:scale(.97)}.lobby-card{background:var(--glass-strong);border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:22px;padding:2rem 2.4rem;width:min(420px,92vw);display:flex;flex-direction:column;gap:1.1rem;text-align:center;box-shadow:0 20px 60px #0000008c;animation:card-enter .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes card-enter{0%{transform:translateY(28px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.logo{display:flex;align-items:center;justify-content:center;gap:.55rem}.logo-title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(1rem,3vw,1.2rem);letter-spacing:.05em;text-transform:uppercase;color:var(--gold)}.logo-die{width:2rem;height:2rem;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(255,215,0,.4))}@keyframes die-face-cycle{0%,3%{opacity:0}6%,13%{opacity:1}16%,to{opacity:0}}.die-face{opacity:0;animation:die-face-cycle 6s infinite both;animation-delay:calc(var(--di) * 1s)}.lobby-card input[type=text]{padding:.75rem 1rem;border-radius:10px;border:1.5px solid rgba(255,255,255,.2);background:#ffffff14;color:#f0e6d3;font-size:1rem;outline:none;transition:border-color .2s}.lobby-card input[type=text]:focus{border-color:gold}.lobby-actions{display:flex;flex-direction:column;gap:.65rem}.lobby-actions-row{display:flex;gap:.55rem}.lobby-actions-row button{flex:1}.lobby-actions-main{display:flex;gap:.55rem}.lobby-actions-main .lobby-btn-create{flex:1.3}.lobby-actions-main .join-row{flex:1}.join-row{display:flex;gap:0;flex:1}.join-row input{flex:1;border-radius:12px 0 0 12px;text-transform:uppercase;letter-spacing:.12em;padding:.85rem 1rem;background:#1a1a2e99;border:1px solid rgba(255,255,255,.12);color:var(--on-surface);font-family:Space Grotesk,sans-serif;outline:none;transition:border-color .2s}.join-row input:focus{border-color:#e9c40080}.join-row input::placeholder{color:#99907780;font-size:.85rem;text-transform:none;letter-spacing:0}.join-row #btn-join{border-radius:0 12px 12px 0;padding:.85rem 1rem;background:#1e1e3299;border:1px solid rgba(255,255,255,.12);border-left:none;color:#e9c400cc;display:flex;align-items:center;transition:background .18s,color .18s}.join-row #btn-join:hover{background:#e9c40014;color:var(--gold)}.join-row #btn-join .material-symbols-outlined{font-size:1.1rem}button{padding:.75rem 1.4rem;border-radius:10px;border:none;background:gold;color:#1a1a2e;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.45;cursor:default}.copy-btn{background:none;border:1px solid rgba(255,255,255,.25);border-radius:6px;color:#fff9;font-size:1rem;padding:2px 7px;cursor:pointer;line-height:1;transition:color .15s,border-color .15s,background .15s}.copy-btn:hover{color:#fff;border-color:#fff9;background:#ffffff14}.copy-btn.copied{color:#4caf50;border-color:#4caf50}.btn-share{width:100%;margin-top:.5rem;padding:.5rem 1rem;background:#ffffff12;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffc;font-size:.9rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn-share:hover{background:#ffffff21;color:#fff;border-color:#ffffff80}.btn-share.copied{color:#4caf50;border-color:#4caf50}.waiting-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.waiting-title{font-family:Syne,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:.03em;color:#ffffffd9}.room-code-display{display:flex;align-items:center;gap:.5rem}.room-code-display span{font-family:Space Grotesk,monospace;font-weight:800;font-size:1.6rem;color:gold;letter-spacing:.15em;text-shadow:0 0 12px rgba(255,215,0,.35)}#player-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;text-align:left;width:100%}#player-list li{background:#1e1e3280;border:1px solid rgba(233,196,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;padding:.65rem 1rem;display:flex;align-items:center;gap:.75rem;transition:border-color .2s,background .2s;animation:player-join .3s cubic-bezier(.34,1.56,.64,1) both}#player-list li:hover{border-color:#e9c40038}#player-list li.player-host{border-color:#e9c40040;background:#e9c4000a}@keyframes player-join{0%{transform:translate(-14px);opacity:0}to{transform:translate(0);opacity:1}}#player-list li:before{display:none}#player-list li.player-empty-slot{border-style:dashed;border-color:#ffffff1a;opacity:.45;background:transparent}.player-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#1a1a2e;flex-shrink:0;letter-spacing:0}.player-name-text{flex:1;font-weight:600;font-size:.88rem;color:#e2e0fce6}.player-name-you{font-size:.68rem;color:#ffd700a6;margin-left:.3rem;font-weight:500}.player-offline{opacity:.45}.player-badges{display:flex;gap:.3rem;margin-left:auto}.player-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;border-radius:9999px;border:1px solid}.player-badge-host{background:#e9c4001a;color:var(--gold);border-color:#e9c4004d}.player-badge-ready{background:#4ade8014;color:#4ade80;border-color:#4ade8040}.player-bot-tag{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;border-radius:9999px;background:#a29bfe1a;color:#a29bfe;border:1px solid rgba(162,155,254,.25);margin-left:.3rem}.player-disc-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;flex-shrink:0}.player-disc-dot.offline{background:#ff6b6b}#btn-start{background:linear-gradient(135deg,gold,#f0a500);color:#1a1a2e;font-weight:700;font-size:.85rem;padding:.85rem 2rem;border-radius:12px;letter-spacing:.04em;text-transform:uppercase;animation:btn-start-pulse 2s ease-in-out infinite}@keyframes btn-start-pulse{0%,to{box-shadow:0 4px 20px #ffd7004d}50%{box-shadow:0 4px 32px #ffd7008c}}#btn-start:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ffd70080}.wait-dots span{display:inline-block;width:4px;height:4px;background:#fff6;border-radius:50%;margin:0 1.5px;animation:wait-dot 1.4s ease-in-out infinite}@keyframes wait-dot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.skin-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;margin-bottom:.6rem}.skin-swatches{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.skin-swatch{width:44px;height:44px;border-radius:10px;border:2px solid transparent;cursor:pointer;position:relative;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center}.skin-swatch:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--dot-color);box-shadow:0 1px 3px #0006}.skin-swatch:hover{transform:scale(1.12);box-shadow:0 4px 14px #0006}.skin-swatch.selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 14px #e9c40059,0 4px 14px #0006;transform:scale(1.12)}.skin-swatch-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#000c;color:#fff;font-size:.72rem;padding:3px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.skin-swatch:hover .skin-swatch-tooltip{opacity:1}.skin-swatch.locked{opacity:.35;cursor:not-allowed;filter:grayscale(.6)}.skin-swatch.locked:before{content:"🔒";position:absolute;font-size:.8rem;line-height:1;z-index:1}.skin-swatch.locked:hover{transform:none;box-shadow:none}.board-skin-preview-canvas{width:140px;height:140px;border-radius:50%;display:block;margin:0 auto;border:1px solid rgba(255,255,255,.06)}.profile-board-skin-swatches{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.board-skin-swatch{width:44px;height:44px;border-radius:10px;position:relative;border:3px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 3px var(--wood-color, #3b2010);transition:transform .2s,border-color .2s,box-shadow .2s}.board-skin-swatch:hover:not(.locked){transform:scale(1.12)}.board-skin-swatch.selected{border-color:gold;box-shadow:inset 0 0 0 3px var(--wood-color, #3b2010),0 0 14px #ffd70080}.board-skin-swatch.locked{opacity:.4;cursor:not-allowed}.ach-count{font-weight:600;color:#ffffff59;margin-left:auto;font-size:.6rem;background:#ffffff0f;padding:.1rem .4rem;border-radius:8px}.profile-achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;overflow:visible}.ach-item{aspect-ratio:1;border-radius:.75rem;display:flex;align-items:center;justify-content:center;cursor:help;transition:transform .15s}.ach-item:hover{transform:scale(1.08)}.ach-item.unlocked{background:#1e1e3280;border:1px solid rgba(233,196,0,.2);color:gold;box-shadow:0 0 12px #e9c40014}.ach-item.unlocked .material-symbols-outlined{font-size:1.75rem}.ach-item.locked{background:#28283d33;border:1px solid rgba(255,255,255,.06);color:#9990774d}.ach-item.locked .material-symbols-outlined{font-size:1.5rem}.ach-badge{display:flex;flex-direction:column;align-items:center;gap:.18rem;padding:.5rem .2rem .45rem;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);text-align:center;opacity:.28;filter:grayscale(1);transition:opacity .25s,filter .25s,background .25s,border-color .25s;cursor:default;position:relative}.ach-global-tooltip{position:fixed;background:#1e1e2e;border:1px solid rgba(255,215,0,.35);color:#f0e6d3f2;font-size:.72rem;line-height:1.3;padding:.35rem .65rem;border-radius:7px;white-space:nowrap;pointer-events:none;z-index:9999;box-shadow:0 4px 14px #00000080;display:none;transition:opacity .12s}.ach-badge.unlocked{opacity:1;filter:none;background:#ffd70012;border-color:#ffd70040}.ach-badge.unlocked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,215,0,.12) 0%,transparent 70%);pointer-events:none}.ach-icon{font-size:1.25rem;line-height:1}.ach-name{font-size:.58rem;font-weight:600;color:#ffffffb3;line-height:1.2}.ranked-stats{display:flex;flex-direction:column;gap:.6rem}.ranked-row{display:flex;align-items:center;gap:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.6rem .75rem}.ranked-mode{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:52px}.ranked-info{flex:1;display:flex;flex-direction:column;gap:.3rem}.ranked-tier-line{display:flex;align-items:center;gap:.45rem}.ranked-tier-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;padding:.15rem .45rem;border-radius:4px;color:#1a1a2e;letter-spacing:.03em}.ranked-elo{font-size:.95rem;font-weight:700;color:#f0e6d3f2}.ranked-placement{font-size:.6rem;color:#ffd700b3;background:#ffd7001a;padding:.1rem .35rem;border-radius:3px}.ranked-details{display:flex;gap:.5rem;font-size:.65rem;color:#ffffff80}.ranked-winrate{color:#ffd700a6}.ranked-peak{color:#b9f2ff99}.ranked-streak.win{color:#ff6b35}.ranked-streak.lose{color:#ffffff59}.ranked-unplaced{opacity:.45}.ranked-unranked{font-size:.7rem;color:#fff6;font-style:italic}.profile-header-rank{display:flex;align-items:center;gap:.4rem;margin-top:.15rem}.profile-rank-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;padding:.12rem .4rem;border-radius:4px;color:#1a1a2e;letter-spacing:.03em}.profile-rank-elo{font-size:.8rem;font-weight:700;color:#f0e6d3e6}.profile-rank-placement{font-size:.58rem;color:#ffd70099;background:#ffd7001a;padding:.08rem .3rem;border-radius:3px}.profile-rank-unranked{font-size:.7rem;color:#ffffff59;font-style:italic}.elo-sparkline{width:100%;height:24px;margin-top:.2rem;opacity:.7}.match-history-list{display:flex;flex-direction:column;gap:.3rem}.mh-row{display:flex;align-items:center;gap:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:.35rem .6rem;font-size:.75rem}.mh-icon{font-size:.85rem}.mh-rank{min-width:1.5rem;text-align:center}.mh-delta{font-weight:700;min-width:2.5rem;text-align:right}.mh-delta.positive{color:#55efc4}.mh-delta.negative{color:#ff7675}.mh-elo{color:#f0e6d3b3;min-width:2.5rem;text-align:right}.mh-time{color:#ffffff4d;margin-left:auto;font-size:.65rem}.profile-tabs{position:relative;display:flex;gap:.2rem;padding:.3rem;flex-shrink:0;background:var(--glass-strong);border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:12px}.profile-tab{flex:1;padding:.5rem .35rem;font-size:.72rem;font-weight:600;font-family:Space Grotesk,sans-serif;background:transparent;border:none;border-radius:9px;color:#999077d9;cursor:pointer;transition:color .22s;white-space:nowrap;position:relative;z-index:1}.profile-tab:hover:not(.active){color:#e2e0fcbf;background:#ffffff0d}.profile-tab.active{color:#1a1a2e}.profile-tab-panel{display:none;flex-direction:column;gap:.5rem}.profile-tab-panel.active{display:flex}.lb-tier-badge{font-size:.55rem;font-weight:700;text-transform:uppercase;padding:.1rem .3rem;border-radius:3px;color:#1a1a2e;letter-spacing:.02em}.lb-elo{font-weight:600;font-size:.8rem}.score-header-tier{font-size:.45rem;font-weight:700;text-transform:uppercase;padding:.08rem .25rem;border-radius:3px;color:#1a1a2e;letter-spacing:.02em;margin-top:.1rem}.season-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#ff45001a,#ffd70014);border:1px solid rgba(255,69,0,.25);border-radius:8px;padding:.4rem .8rem;font-size:.75rem}.season-banner.hidden{display:none}.season-banner-icon{font-size:.9rem}.season-banner-name{font-weight:600;color:#ff6b35}.season-banner-days{color:#ffffff80}.season-end-toast{position:fixed;top:1.5rem;left:50%;transform:translate(-50%) translateY(-120%);z-index:9999;transition:transform .4s cubic-bezier(.34,1.2,.64,1)}.season-end-toast.visible{transform:translate(-50%) translateY(0)}.season-end-toast-content{display:flex;align-items:center;gap:.8rem;background:linear-gradient(135deg,#ff450033,#ffd70026);border:1px solid rgba(255,69,0,.4);border-radius:12px;padding:.8rem 1.2rem;box-shadow:0 8px 32px #0006}.season-end-icon{font-size:1.8rem}.season-end-title{font-weight:700;color:gold;font-size:.9rem}.season-end-name{color:#ff6b35;font-size:.8rem}.season-end-sub{color:#fff6;font-size:.7rem}.btn-ranked{display:flex;align-items:center;justify-content:center;gap:.4rem;background:#1e1e3280;border:2px solid rgba(233,196,0,.4);color:var(--gold);font-weight:700;font-family:Syne,sans-serif;padding:.7rem 1.2rem;letter-spacing:.03em;border-radius:12px;cursor:pointer;transition:all .22s;width:100%}.btn-ranked .material-symbols-outlined{font-size:1.15rem;line-height:1}.btn-ranked:hover{background:#e9c40014;border-color:var(--gold);box-shadow:0 0 20px #e9c40033;transform:translateY(-2px)}#ranked-queue{z-index:105}.ranked-queue-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.ranked-queue-header{display:flex;flex-direction:column;align-items:center;gap:.3rem}.ranked-queue-icon{font-size:2rem}.ranked-queue-title{font-size:1.2rem;font-weight:700;color:var(--gold);font-family:Syne,sans-serif;letter-spacing:.03em}.ranked-queue-mode{font-size:.8rem;color:#e2e0fcb3;background:#1e1e3299;border:1px solid rgba(233,196,0,.12);padding:.3rem .9rem;border-radius:9999px;font-weight:600}.ranked-queue-spinner{position:relative;width:100px;height:100px;margin:.25rem auto;flex-shrink:0}.spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(233,196,0,.1);border-top-color:var(--gold);border-right-color:#e9c40066;animation:gold-ring-spin 2.5s linear infinite}.ranked-queue-spinner-inner{position:absolute;top:12px;right:12px;bottom:12px;left:12px;background:#1e1e3299;border:1px solid rgba(233,196,0,.2);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;animation:pulse-gold 2.5s ease infinite}@keyframes spin{to{transform:rotate(360deg)}}.ranked-queue-info{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.ranked-queue-info-cell{background:#1e1e3280;border:1px solid rgba(233,196,0,.12);border-radius:12px;padding:.65rem .85rem;display:flex;flex-direction:column;gap:.15rem;text-align:left}.ranked-queue-info-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#999077cc}.ranked-queue-info-value{font-size:.88rem;font-weight:700;color:var(--gold);font-family:Space Grotesk,monospace}#match-found-overlay{z-index:115}@keyframes entrance-flash{0%{transform:scale(.92) translateY(24px);opacity:0;filter:brightness(2)}60%{filter:brightness(1.2)}to{transform:scale(1) translateY(0);opacity:1;filter:brightness(1)}}.match-found-card{animation:entrance-flash .65s cubic-bezier(.23,1,.32,1) both;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.match-found-badge{display:inline-flex;align-items:center;gap:.35rem;background:#e9c4001a;color:var(--gold);border:1px solid rgba(233,196,0,.25);border-radius:9999px;padding:.25rem .75rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.match-found-title{font-size:1.5rem;font-weight:800;color:var(--gold);font-family:Syne,sans-serif;letter-spacing:.02em;text-shadow:0 0 30px rgba(233,196,0,.3)}.match-found-subtitle{font-size:.8rem;color:#e2e0fc80;margin-top:-.5rem}#match-found-players{display:flex;flex-direction:column;gap:.4rem;width:100%}.match-player{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.5rem .75rem}.match-player{transition:background .2s,border-color .2s,transform .2s}.match-player:hover{background:#e9c4000a;border-color:#e9c40033;transform:translate(4px)}.match-player-name{font-weight:600;color:#e2e0fce6;flex:1}.match-player-tier{display:flex;align-items:center;gap:.3rem;background:#1e1e3299;border:1px solid rgba(233,196,0,.2);border-radius:8px;padding:.2rem .55rem;font-size:.68rem;font-weight:700;color:var(--gold)}.match-player-elo{font-size:.7rem;color:#e2e0fc59}.match-found-countdown{width:100%;display:flex;flex-direction:column;gap:.4rem}.match-found-countdown-header{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;color:#e2e0fc66;text-transform:uppercase;letter-spacing:.08em}#match-found-timer{color:var(--gold);font-weight:700;font-family:Space Grotesk,monospace}.match-found-bar{width:100%;height:6px;background:#1e1e32cc;border:1px solid rgba(233,196,0,.1);border-radius:9999px;overflow:hidden;position:relative}.match-found-bar-fill{height:100%;background:linear-gradient(90deg,gold,#e9c400);border-radius:9999px;transition:width .1s linear;box-shadow:0 0 10px #e9c40066;position:relative;overflow:hidden}.match-found-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.match-found-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.btn-match-accept{width:100%;background:linear-gradient(135deg,gold,#e9c400);border:none;color:#1a1a2e;font-weight:700;font-family:Syne,sans-serif;font-size:1rem;padding:.85rem 1.6rem;border-radius:14px;cursor:pointer;transition:all .2s;box-shadow:0 0 20px #e9c4004d;display:flex;align-items:center;justify-content:center;gap:.4rem}.btn-match-accept:hover{transform:translateY(-2px);box-shadow:0 0 30px #e9c40080;filter:brightness(1.05)}.btn-match-accept:active{transform:scale(.98)}.btn-match-accept:disabled{opacity:.5;cursor:default;transform:none}#match-found-status{font-size:.7rem;color:#e2e0fc59}.achievement-toast{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;align-items:center;gap:12px;padding:14px 18px;background:#060816f5;border:1px solid rgba(255,215,0,.45);border-radius:14px;box-shadow:0 4px 24px #0000008c,0 0 0 1px #ffd7001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1) forwards;max-width:300px;cursor:pointer;will-change:transform,opacity}.achievement-toast.hiding{animation:toastSlideOut .3s ease forwards}.achievement-toast-icon{font-size:2rem;line-height:1;flex-shrink:0}.achievement-toast-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffd700d9;margin-bottom:2px}.achievement-toast-name{font-size:.95rem;font-weight:700;color:#fff}.achievement-toast-desc{font-size:.75rem;color:#ffffff8c;margin-top:1px}@keyframes toastSlideIn{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(110%);opacity:0}}#game{position:relative;width:100vw;height:100dvh;overflow:hidden}#three-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#score-panel{position:absolute;top:0;left:0;width:360px;height:calc(100% - 96px);background:#1a1a2ea6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid rgba(255,215,0,.1);z-index:30;display:flex;flex-direction:column;overflow:visible;transition:width .4s cubic-bezier(.4,0,.2,1)}#score-panel.collapsed{width:64px}.score-panel-toggle{position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:20px;height:56px;background:#1a1a2ee6;border:1px solid rgba(255,215,0,.2);border-left:none;border-radius:0 10px 10px 0;display:flex;align-items:center;justify-content:center;color:#e9c40099;cursor:pointer;z-index:51;transition:color .2s,background .2s,border-color .2s;padding:0;box-shadow:4px 0 12px #0000004d}.score-panel-toggle:hover{color:gold;background:#1e1e32;border-color:#ffd70080;transform:translateY(-50%)!important;box-shadow:none!important}.score-panel-toggle .material-symbols-outlined{font-size:.8rem}.collapsed-scores{display:none;flex-direction:column;align-items:center;padding:1.25rem 0;gap:1.5rem;overflow-y:auto;overflow-x:hidden;width:100%;flex:1}#score-panel.collapsed .collapsed-scores{display:flex}#score-panel.collapsed .score-content{display:none}.collapsed-player{display:flex;flex-direction:column;align-items:center;gap:.3rem;opacity:.5;transition:opacity .2s}.collapsed-player.active{opacity:1}.collapsed-player-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#1a1a2e;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.collapsed-player.active .collapsed-player-avatar{border-color:gold;box-shadow:0 0 12px #e9c40066}.collapsed-player-score{font-family:Syne,sans-serif;font-weight:800;font-size:.9rem;color:#e2e0fc80;line-height:1}.collapsed-player.active .collapsed-player-score{color:gold}.score-content{display:flex;flex-direction:column;flex:1;overflow:hidden;background:#1a1a2ea6}#players-tabs{display:none}#scorecard{flex:1;overflow-y:auto;overflow-x:hidden}#scorecard::-webkit-scrollbar{width:4px}#scorecard::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.stitch-score-panel{display:flex;flex-direction:column;height:100%}.score-player-header{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;padding:.65rem;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.score-player-card{display:flex;flex-direction:column;align-items:center;padding:.55rem .35rem .45rem;border-radius:.625rem;border:1px solid rgba(255,255,255,.07);opacity:.65;gap:.18rem;transition:border-color .3s,opacity .3s,box-shadow .3s}.score-player-card.current{border-color:#e9c40066;background:#e9c4000a;box-shadow:0 0 14px #e9c4001a;opacity:1;animation:score-card-pulse 2.5s ease infinite}@keyframes score-card-pulse{0%,to{box-shadow:0 0 12px #e9c40014;border-color:#e9c40059}50%{box-shadow:0 0 22px #e9c40038;border-color:#e9c40099}}.score-player-avatar-wrap{position:relative;margin-bottom:.1rem}.score-player-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;border:2px solid rgba(255,255,255,.15)}.score-player-card.current .score-player-avatar{border-color:gold}.score-you-badge{position:absolute;bottom:-2px;right:-4px;background:gold;color:#1a1a2e;font-size:.48rem;font-weight:800;text-transform:uppercase;padding:.08rem .25rem;border-radius:9999px;line-height:1.3}.score-tier-badge{position:absolute;top:-3px;left:-4px;font-size:.45rem;font-weight:800;text-transform:uppercase;padding:.08rem .25rem;border-radius:9999px;color:#1a1a2e;line-height:1.3}.score-player-name{font-size:.72rem;font-weight:600;color:#999077cc;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.score-player-total{font-family:Syne,sans-serif;font-weight:800;font-size:1.1rem;color:#e2e0fc66;line-height:1}.score-player-card.current .score-player-total{color:gold;text-shadow:0 0 10px rgba(233,196,0,.25)}.score-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem .6rem}.score-scrollable::-webkit-scrollbar{width:3px}.score-scrollable::-webkit-scrollbar-thumb{background:#ffd70033;border-radius:2px}.score-scrollable{scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.2) transparent}.score-section{margin-bottom:.85rem}.score-section-header{display:flex;align-items:center;padding:.2rem .4rem;margin-bottom:.3rem}.score-section-title{flex:1;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#999077b3}.score-bonus-bars{display:flex;align-items:center;border-left:1px solid rgba(255,255,255,.06);gap:0}.score-bonus-bar-wrap{width:32px;display:flex;flex-direction:column;align-items:center;gap:.1rem;border-right:1px solid rgba(255,255,255,.06);padding:.1rem 0}.score-bonus-bar-wrap:last-child{border-right:none}.score-bonus-bar-val{font-size:.55rem;font-weight:700;color:#99907780;line-height:1}.score-bonus-bar-wrap.current .score-bonus-bar-val{color:#e9c400cc}.score-bonus-bar-track{width:22px;height:3px;background:#ffffff12;border-radius:9999px;overflow:hidden}.score-bonus-bar-fill{height:100%;background:#99907759;border-radius:9999px}.score-bonus-bar-wrap.current .score-bonus-bar-fill{background:#e9c4008c}.score-bonus-bar-label{font-size:.48rem;color:#99907759;text-transform:uppercase}.score-rows{display:flex;flex-direction:column;gap:1px}.score-row{display:flex;align-items:center;justify-content:space-between;padding:.35rem .4rem;border-radius:.4rem;transition:background .12s;min-height:28px}.score-row:hover{background:#ffffff06}.score-cat-name{font-size:.8rem;color:#999077d9;flex:1}.score-player-cells{display:flex;border-left:1px solid rgba(255,255,255,.06)}.score-cell-val{width:32px;text-align:center;font-size:.8rem;font-weight:700;border-right:1px solid rgba(255,255,255,.06);padding:.1rem 0;line-height:1;display:flex;align-items:center;justify-content:center}.score-cell-val:last-child{border-right:none}.score-cell-val.scored{color:gold}.score-cell-val.available{color:#e9c40066;background:transparent;border-top:none;border-bottom:none;cursor:pointer;transition:color .15s,background .15s;border-right:1px solid rgba(255,255,255,.06)}.score-cell-val.available:hover{color:gold;background:#e9c40014}.score-cell-val.available:last-child{border-right:none}.score-cell-val.empty{color:#ffffff26;font-weight:400}.score-grand-total{flex-shrink:0;padding:.6rem .8rem;background:#080818eb;border-top:1px solid rgba(233,196,0,.2);box-shadow:0 -8px 24px #0006;display:flex;align-items:center;justify-content:space-between}.score-grand-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#999077a6}.score-grand-values{display:flex;gap:.65rem;align-items:baseline}.score-grand-cell{font-family:Syne,sans-serif;font-weight:800;font-size:1.5rem;color:#e2e0fc66;line-height:1}.score-grand-cell.current{color:gold;font-size:2rem;text-shadow:0 0 16px rgba(233,196,0,.3)}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}#turn-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 20px 8px 8px;border-radius:999px;background:#060818d6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.13);box-shadow:0 6px 32px #0000008c,0 1px #ffffff12 inset;pointer-events:none;z-index:10;transition:border-color .4s,box-shadow .4s;white-space:nowrap}#turn-banner.my-turn{border-color:#ffd7008c;box-shadow:0 6px 32px #ffd70040,0 0 0 2px #ffd7001a;animation:banner-pulse 2s ease-in-out infinite}@keyframes banner-pulse{0%,to{box-shadow:0 6px 32px #ffd70040,0 0 0 2px #ffd7001a}50%{box-shadow:0 6px 42px #ffd70080,0 0 0 4px #ffd70033}}@keyframes banner-enter{0%{transform:translate(-50%) translateY(-18px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}#turn-banner.banner-change{animation:banner-enter .4s cubic-bezier(.34,1.56,.64,1) both}#turn-banner.my-turn.banner-change{animation:banner-enter .4s cubic-bezier(.34,1.56,.64,1) both,banner-pulse 2s ease-in-out infinite .4s}#turn-avatar{width:44px;height:44px;border-radius:50%;border:2.5px solid rgba(255,255,255,.25);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;letter-spacing:0;color:#000c;box-shadow:0 2px 10px #0006}#turn-label{display:flex;flex-direction:column;gap:2px}#turn-label .banner-player{font-size:1rem;font-weight:700;color:#fff;letter-spacing:.01em;line-height:1.1}#turn-label .banner-player em{font-style:normal;font-weight:800;color:gold}#turn-label .banner-sub{font-size:.7rem;font-weight:500;color:#ffffff73;letter-spacing:.02em}#turn-label>em{font-style:normal;font-weight:800;color:gold}.turn-mode-badge{font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#fff6;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:2px 8px;margin-left:4px}#hud{position:absolute;bottom:0;left:0;right:0;height:96px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.5rem;background:#1a1a2ee0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,215,0,.12);z-index:20;box-shadow:0 -4px 30px #00000080}.hud-left{display:flex;align-items:center;gap:.85rem;min-width:0;flex:1}.hud-player-avatar{width:52px;height:52px;border-radius:50%;border:2px solid #ffd700;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:#1a1a2e;flex-shrink:0;overflow:hidden;box-shadow:0 0 16px #e9c4004d}.hud-player-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}#current-player-name{font-weight:700;font-size:.95rem;color:#e2e0fce6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-player-turn-label{display:flex;align-items:center;gap:.35rem;font-size:.65rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:.06em}.hud-turn-dot{width:6px;height:6px;border-radius:50%;background:gold;animation:dot-pulse 1.4s ease infinite}.hud-center{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex-shrink:0}#roll-info{display:none}#roll-pips{display:flex;gap:.3rem;align-items:center}.roll-pip{width:10px;height:10px;border-radius:50%;background:gold;opacity:1;transition:opacity .25s,background .25s}.roll-pip.used{opacity:.2;background:#ffffff4d}.roll-pip.active{opacity:1;background:gold}#rolls-left,.hud-rolls-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#999077cc;white-space:nowrap}.hud-right{display:flex;align-items:center;gap:.75rem;justify-content:flex-end;flex:1}#btn-roll{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;height:auto;background:linear-gradient(135deg,gold,#e9c400);color:#1a1a2e;font-weight:800;font-size:.85rem;font-family:Syne,sans-serif;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:14px;cursor:pointer;box-shadow:0 0 24px #e9c40059;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none}#btn-roll:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skew(-20deg);animation:btn-shine 3s ease infinite}@keyframes btn-shine{0%{left:-100%}60%,to{left:150%}}#btn-roll:not(:disabled):hover{transform:scale(1.03);box-shadow:0 0 36px #e9c4008c}#btn-roll:not(:disabled):active{transform:scale(.97)}#btn-roll:disabled{background:#28283cb3;color:#ffffff40;box-shadow:none;cursor:not-allowed}#btn-roll:disabled:after{display:none}@keyframes roll-pulse{0%,to{box-shadow:0 0 24px #e9c40059}50%{box-shadow:0 0 48px #e9c400b3,0 0 80px #e9c40033}}.roll-ready{animation:roll-pulse 2s ease infinite}.kept-die-token{display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0006;cursor:pointer;transition:transform .2s,box-shadow .2s;border:3px solid #ffd700;border-radius:10px;background:transparent;padding:0}#broken-dice-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;pointer-events:all}.broken-dice-card{background:#140a0aeb;border:2px solid #c0392b;border-radius:14px;padding:18px 28px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 4px 32px #0009}.broken-dice-card p{margin:0;font-size:1.2rem;font-weight:700;color:#e74c3c;letter-spacing:.04em}.broken-dice-card button{background:#c0392b;color:#fff;border:none;border-radius:8px;padding:9px 22px;font-size:1rem;cursor:pointer;font-weight:600;transition:background .15s}.broken-dice-card button:hover{background:#e74c3c}#yahtzee-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:300}#yahtzee-overlay.hidden{display:none}.yahtzee-text{font-size:clamp(3rem,10vw,7rem);font-weight:900;letter-spacing:.06em;color:gold;text-shadow:0 0 30px rgba(255,215,0,.8),0 0 60px rgba(255,140,0,.5);animation:yahtzeeAnim 3.2s cubic-bezier(.22,1,.36,1) forwards;font-family:Syne,sans-serif;will-change:transform,opacity}@keyframes yahtzeeAnim{0%{transform:scale(0) rotate(-20deg);opacity:0}14%{transform:scale(1.4) rotate(5deg);opacity:1}24%{transform:scale(.9) rotate(-2deg);opacity:1}34%{transform:scale(1.1) rotate(1.5deg);opacity:1}44%{transform:scale(.97) rotate(0);opacity:1}55%{transform:scale(1) rotate(0);opacity:1}78%{transform:scale(1) rotate(0);opacity:1}92%{transform:scale(1.8) rotate(0);opacity:.3}to{transform:scale(2.4) rotate(0);opacity:0}}#casse-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:300}#casse-overlay.hidden{display:none}.casse-text{font-size:clamp(2rem,7vw,4.5rem);font-weight:900;letter-spacing:.08em;color:#f44;text-shadow:0 0 24px rgba(255,68,68,.7),0 0 48px rgba(255,0,0,.4);animation:casseAnim 2.4s ease-out forwards;font-family:Syne,sans-serif;will-change:transform,opacity}@keyframes casseAnim{0%{transform:scale(.2) translateY(30px) rotate(-8deg);opacity:0}12%{transform:scale(1.3) translateY(-6px) rotate(3deg);opacity:1}22%{transform:scale(.9) translateY(2px) rotate(-1deg);opacity:1}32%{transform:scale(1.08) translateY(-2px) rotate(0);opacity:1}46%{transform:scale(1) translateY(0) rotate(0);opacity:1}68%{transform:scale(1) translateY(0) rotate(0);opacity:1}88%{transform:scale(1.2) translateY(-14px) rotate(1deg);opacity:.45}to{transform:scale(1.6) translateY(-35px) rotate(2deg);opacity:0}}#victory-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.victory-card{background:linear-gradient(160deg,#0c1230fa,#060818fc);border:1px solid rgba(255,215,0,.35);border-radius:26px;padding:2.8rem 3rem;width:min(460px,92vw);text-align:center;box-shadow:0 0 100px #ffd7002e,0 0 0 1px #ffd70014,0 40px 80px #000000b3;position:relative;overflow:hidden;animation:card-enter .6s cubic-bezier(.34,1.56,.64,1) both}.victory-card:before{content:"";position:absolute;top:0;left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.7),transparent);border-radius:0 0 50% 50%}.victory-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:140px;background:radial-gradient(ellipse at bottom,rgba(255,215,0,.06) 0%,transparent 70%);pointer-events:none}#victory-title{font-family:Syne,sans-serif;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:800;letter-spacing:.04em;color:gold;margin-bottom:1.8rem;text-shadow:0 0 32px rgba(255,215,0,.5),0 2px 0 rgba(0,0,0,.5)}#victory-rankings{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem;text-align:left}#victory-rankings li{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;font-weight:600;font-size:.92rem;transition:background .2s;animation:rank-enter .4s cubic-bezier(.34,1.56,.64,1) both}#victory-rankings li:nth-child(1){animation-delay:.1s}#victory-rankings li:nth-child(2){animation-delay:.2s}#victory-rankings li:nth-child(3){animation-delay:.3s}#victory-rankings li:nth-child(4){animation-delay:.4s}@keyframes rank-enter{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}#victory-rankings li:first-child{background:#ffd70024;border-color:#ffd70059;font-size:1.05rem;padding:.85rem 1rem;box-shadow:0 0 24px #ffd7001f}#victory-rankings li:nth-child(2){background:#c8c8e60f;border-color:#c8c8e624}#victory-rankings li:nth-child(3){background:#d282500f;border-color:#d2825024}.rank-medal{font-size:1.5rem;flex-shrink:0}.rank-name{flex:1}.rank-score{margin-left:auto;font-weight:700;font-size:.95rem;color:gold;font-variant-numeric:tabular-nums;letter-spacing:.02em}.rank-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#1a1a2e;flex-shrink:0;box-shadow:0 2px 8px #0006}#btn-new-game{width:100%;padding:1rem;background:linear-gradient(135deg,gold,#ffb300 60%,#f0a500);color:#1a1a2e;font-weight:800;font-size:1.08rem;border-radius:14px;box-shadow:0 4px 28px #ffd70066,0 2px #ffffff40 inset;transition:transform .15s,box-shadow .15s;letter-spacing:.03em;position:relative;z-index:1}#btn-new-game:hover{transform:translateY(-2px);box-shadow:0 10px 36px #ffd7008c}.confetti-particle{position:absolute;width:9px;height:9px;border-radius:2px;animation:confetti-fall 1.8s ease-in forwards}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0) scaleX(1);opacity:1}to{transform:translateY(380px) rotate(800deg) scaleX(.4);opacity:0}}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mode-btn{display:flex;flex-direction:column;gap:0;padding:.85rem .9rem .8rem;border-radius:16px;border:1px solid rgba(233,196,0,.15);background:#1e1e3273;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#e2e0fc80;cursor:pointer;text-align:left;transition:background .22s,border-color .22s,transform .22s,box-shadow .22s;position:relative;overflow:hidden}.mode-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);background-size:200% 100%;opacity:0;transition:opacity .3s;pointer-events:none}.mode-btn:hover:not(:disabled):after{opacity:1;animation:shimmer 2.5s infinite}.mode-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.mode-card-icon-box{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mode-card-icon-box .material-symbols-outlined{font-size:1.2rem}.mode-card-badges{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.mode-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .5rem;border-radius:9999px;background:#e9c40026;color:var(--gold)}.mode-icon{display:none}.mode-name{font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.01em;color:#e2e0fcd9;transition:color .2s;margin-bottom:.25rem;line-height:1.2}.mode-desc{font-size:.68rem;line-height:1.35;color:#999077d9}.mode-btn:hover:not(:disabled){background:#1e1e32a6;border-color:#e9c40066;transform:translateY(-3px);box-shadow:0 12px 32px #00000059}.mode-btn.active{background:#e9c4000f;border-color:var(--mode-color, #ffd700);box-shadow:0 0 28px var(--mode-glow, rgba(255,215,0,.18)),0 8px 24px #0000004d;transform:translateY(-3px)}.mode-btn.active .mode-name{color:var(--mode-color, #ffd700)}.mode-rules-btn{position:absolute;top:.35rem;right:.35rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffff59;font-size:.68rem;width:1.3rem;height:1.3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;padding:0;line-height:1}.mode-rules-btn:hover{background:#ffffff2e;color:#fffc}.mode-btn{position:relative}#token-panel{flex:1;overflow-y:auto;overflow-x:hidden;padding:.75rem .6rem;display:flex;flex-direction:column;gap:.6rem}#token-panel::-webkit-scrollbar{width:4px}#token-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.token-phase{text-align:center}.phase-badge{display:inline-block;padding:.3rem .9rem;border-radius:20px;font-size:.8rem;font-weight:700;letter-spacing:.04em}.phase-charge{background:#dc32322e;border:1px solid rgba(220,50,50,.45);color:#ff7070}.phase-decharge{background:#32c85a2e;border:1px solid rgba(50,200,90,.45);color:#5ddb80}.token-pot{display:flex;justify-content:space-between;align-items:center;background:#ffffff0f;border-radius:10px;padding:.5rem .9rem}.token-pot-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73}.token-pot-value{font-size:1.3rem;font-weight:800;color:gold}.token-players{display:flex;flex-direction:column;gap:.35rem}.token-player{display:flex;justify-content:space-between;align-items:center;padding:.4rem .7rem;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:.8rem;transition:background .15s,border-color .15s}.token-player-active{background:#ffd70014;border-color:#ffd7004d}.token-player-name{color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.token-player-count{font-weight:700;color:gold;flex-shrink:0}.token-submissions-title{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;padding:4px 2px 2px}.token-submissions{display:flex;flex-direction:column;gap:.25rem}.token-submission-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem .6rem;background:#ffffff0a;border-radius:7px;font-size:.75rem}.token-submission-combo{color:gold;font-weight:600;font-size:.7rem}#btn-lock-combo{font-size:1rem;padding:.75rem 1.6rem;border-radius:14px;background:linear-gradient(135deg,#4caf50,#1b7a2e);color:#fff;box-shadow:0 4px 20px #4caf5059}#btn-lock-combo:hover:not(:disabled){box-shadow:0 6px 26px #4caf5080}.current-combo-display{font-size:.82rem;color:#ffffffa6;white-space:nowrap;align-self:center}#round-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000009e;display:flex;align-items:center;justify-content:center;z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;animation:result-fade-in .25s ease-out}#round-result-overlay.hidden{display:none!important}@keyframes result-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.round-result-card{background:#0a1428f5;border:1.5px solid rgba(255,255,255,.15);border-radius:18px;padding:1.8rem 2.2rem;min-width:300px;max-width:480px;display:flex;flex-direction:column;gap:.9rem;box-shadow:0 8px 40px #0009;pointer-events:all}.phase-transition-card{text-align:center}.phase-transition-card h3{font-size:1.6rem;color:gold;margin-bottom:.4rem}.phase-transition-card p{color:#ffffffb3;font-size:.9rem}.round-result-title{font-size:1.1rem;font-weight:700;color:#fff;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.6rem}.round-result-table{display:flex;flex-direction:column;gap:.4rem}.round-result-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .5rem;background:#ffffff0a;border-radius:8px;font-size:.82rem}.round-result-name{color:#fffc;font-weight:600;min-width:80px}.round-result-dice{font-size:1rem;letter-spacing:.1em}.round-result-combo{color:gold;font-weight:700;font-size:.78rem;text-align:right}.round-result-changes{display:flex;flex-direction:column;gap:.3rem;border-top:1px solid rgba(255,255,255,.08);padding-top:.6rem}.token-change-bad{color:#ff7070;font-size:.8rem;padding:.2rem .4rem}.token-change-good{color:#5ddb80;font-size:.8rem;padding:.2rem .4rem}.combo-ref-section{margin-top:.75rem;border-top:1px solid rgba(255,255,255,.08);padding-top:.5rem}.combo-ref-toggle{background:none;border:1px solid rgba(255,255,255,.15);color:#94a3b8;border-radius:6px;font-size:.72rem;padding:.2rem .6rem;cursor:pointer;width:100%;text-align:left}.combo-ref-toggle:hover{background:#ffffff0f}.combo-ref-list{margin-top:.4rem;display:flex;flex-direction:column;gap:2px}.combo-ref-row{display:grid;grid-template-columns:1rem 1fr 1.8fr;gap:.3rem;font-size:.68rem;color:#94a3b8;padding:.15rem .2rem;border-radius:4px}.combo-ref-special{color:#fbbf24;background:#fbbf2412}.combo-ref-worst{color:#f87171;background:#f8717112}.combo-ref-rank{color:#475569;font-size:.6rem;padding-top:.05rem}.combo-ref-name{font-weight:600}.combo-ref-desc{color:#64748b;font-size:.62rem}.combo-ref-special .combo-ref-desc{color:#d97706}.combo-ref-worst .combo-ref-desc{color:#ef4444}.round-result-tie-msg{text-align:center;font-size:.85rem;color:#94a3b8;margin:.25rem 0 .5rem}.btn-rules-inline{min-width:36px;padding:.4rem .6rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-weight:800;font-size:1rem;border-radius:8px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn-rules-inline:hover{background:#ffd70026;color:gold;border-color:#ffd70080}.btn-rules-hud{position:absolute;bottom:18px;right:16px;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-weight:800;font-size:1rem;cursor:pointer;padding:0;transition:background .15s,color .15s;z-index:50}.btn-rules-hud:hover{background:#ffd70033;color:gold}#rules-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:820;display:flex;align-items:center;justify-content:center}#rules-modal.hidden{display:none!important}.rules-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#05050fb3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.rules-card{position:relative;background:linear-gradient(170deg,#22223af7,#1a1a2efa);border:1px solid rgba(255,215,0,.22);border-radius:20px;box-shadow:0 24px 80px #000000b3,0 0 40px #ffd7000f;width:min(680px,95vw);max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:rules-in .22s cubic-bezier(.34,1.2,.64,1) both}@keyframes rules-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.rules-head{display:flex;align-items:center;gap:.6rem;padding:1rem 1.2rem .8rem;border-bottom:1px solid rgba(255,215,0,.14);flex-shrink:0}.rules-head-title{flex:1;font-family:Syne,sans-serif;font-weight:800;font-size:1rem;color:gold;letter-spacing:.02em}.rules-head-die{color:#ffd70066;font-size:1.2rem}.rules-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#e2e0fc99;cursor:pointer;transition:color .15s,background .15s}.rules-close:hover{color:#ff7675;background:#ff76751f}.rules-close .material-symbols-outlined{font-size:1.1rem}.rules-tabs{position:relative;display:flex;gap:.25rem;padding:.3rem;border-radius:12px;margin:.9rem 1.2rem .2rem;flex-shrink:0}.rules-tab{flex:1;padding:.55rem .4rem;border-radius:9px;border:none;background:transparent;color:#999077d9;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .22s;text-align:center;position:relative;z-index:1}.rules-tab:hover:not(.active){color:#e2e0fcbf}.rules-tab.active{color:#1a1a2e}.rules-body{overflow-y:auto;padding:1rem 1.4rem 1.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.25) transparent;display:flex;flex-direction:column;gap:.9rem}.rules-body::-webkit-scrollbar{width:4px}.rules-body::-webkit-scrollbar-thumb{background:#ffd70040;border-radius:99px}.rules-intro{font-size:.92rem;color:#e2e0fcd9;line-height:1.6;background:#ffd7000d;border-left:3px solid #ffd700;padding:.7rem 1rem;border-radius:0 10px 10px 0}.rules-intro strong{color:gold}.rules-intro em{color:#74b9ff;font-style:normal}.rules-section-title{font-family:Syne,sans-serif;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#ffd700a6;margin-top:.4rem}.rules-tip{font-size:.86rem;color:#e2e0fcbf;line-height:1.55;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:.65rem .9rem}.rules-tip strong{color:gold}.rules-tip em{color:#74b9ff;font-style:normal}.rules-table{width:100%;border-collapse:collapse;font-size:.84rem}.rules-table thead th{text-align:left;padding:.4rem .6rem;color:#999077d9;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(255,215,0,.18)}.rules-table tbody tr:hover td{background:#ffd7000a}.rules-table tbody td{padding:.48rem .6rem;border-bottom:1px solid rgba(255,255,255,.05);color:#e2e0fcbf;vertical-align:top}.combo-name{font-weight:700;color:#e2e0fc!important;white-space:nowrap}.combo-pts{color:gold!important;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}#turn-score-display{display:flex;align-items:baseline;gap:.35rem;background:#ffd70014;border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:.3rem .75rem}#turn-score-locked{font-size:1.3rem;font-weight:800;color:gold}#turn-score-label{font-size:.75rem;color:#fff9}#btn-bank-score{background:#4caf50;color:#fff;font-weight:700}#btn-bank-score:hover:not(:disabled){background:#43a047;box-shadow:0 6px 20px #4caf5066}#btn-bank-score:disabled{background:#4caf5059;color:#ffffff80}.farkle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;background:#dc14148c;animation:farkle-flash .3s ease-out forwards}.farkle-overlay.hidden{display:none!important}@keyframes farkle-flash{0%{opacity:0}30%{opacity:1}to{opacity:1}}.farkle-card{background:#1a1a2e;border:3px solid #ff6b6b;border-radius:18px;padding:2rem 3rem;text-align:center;font-size:2.2rem;font-weight:800;color:#ff6b6b;animation:farkle-shake .4s ease-out,farkle-in .25s ease-out;box-shadow:0 0 60px #ff6b6b80}.farkle-subtitle{display:block;font-size:1rem;font-weight:400;color:#ffffffb3;margin-top:.5rem}@keyframes farkle-shake{0%{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(12px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}to{transform:translate(0)}}@keyframes farkle-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}#farkle-score-panel{padding:.75rem .5rem}.farkle-panel-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#fff6;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.5rem}.farkle-player-row{display:flex;align-items:center;gap:.4rem;padding:.3rem .2rem;border-radius:6px;transition:background .15s}.farkle-player-row.farkle-player-active{background:#ffd70014}.farkle-player-medal{font-size:.9rem;width:1.4rem;text-align:center;flex-shrink:0}.farkle-player-name{flex:1;font-size:.8rem;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.farkle-player-me .farkle-player-name{color:gold}.farkle-player-score{font-size:.85rem;font-weight:700;color:#f0e6d3;flex-shrink:0}.farkle-player-active .farkle-player-score{color:gold}.farkle-progress-bar{height:3px;background:#ffffff14;border-radius:2px;margin:0 .2rem .4rem;overflow:hidden}.farkle-progress-fill{height:100%;background:#ff7675;border-radius:2px;transition:width .4s ease}.farkle-scoring-info{font-size:.75rem;color:#ffffffa6;margin-top:.25rem;min-height:1.1em}.scoring-label{color:#4caf50;font-weight:700}.turn-score-inline{color:gold;font-weight:700}.hot-dice-badge{display:inline-block;background:linear-gradient(135deg,#ff7675,#ffa726);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;margin-top:.3rem;animation:hot-pulse 1s ease-in-out infinite}@keyframes hot-pulse{0%,to{box-shadow:0 0 #ff767580}50%{box-shadow:0 0 0 6px #ff767500}}.final-round-badge{display:inline-block;background:#ffa72626;border:1px solid #ffa726;color:#ffa726;font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:6px;margin-bottom:.5rem;letter-spacing:.04em}.kept-die-token.scoring{border-color:#4caf50;box-shadow:0 0 6px #4caf5080}.perudo-dice-panel{padding:.6rem .5rem;display:flex;flex-direction:column;gap:.35rem}.perudo-panel-title{font-size:.7rem;font-weight:700;color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem;padding:0 .2rem}.perudo-player-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);transition:background .15s}.perudo-player-row.perudo-player-active{background:#e170551f;border-color:#e1705566}.perudo-player-row.perudo-player-me .perudo-player-name{color:gold}.perudo-player-row.perudo-player-eliminated{opacity:.4}.perudo-player-name{flex:1;font-size:.78rem;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perudo-player-dice{display:flex;gap:.12rem;flex-shrink:0}.die-icon{font-size:.85rem;color:#e17055;line-height:1}.die-icon.die-icon-lost{color:#ffffff26}.perudo-bid-panel{position:absolute;bottom:calc(var(--layout-hud-height, 88px) + .5rem);left:50%;transform:translate(-50%);z-index:var(--z-scorePanel, 30);background:#16213eeb;border:1px solid rgba(225,112,85,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;padding:.85rem 1.2rem;display:flex;flex-direction:column;gap:.6rem;min-width:280px;max-width:360px;box-shadow:0 8px 32px #00000080}.current-bid-display{text-align:center;font-size:1rem;color:#ffffffb3;min-height:1.4em}.current-bid-display strong{color:gold;font-size:1.15rem}.bid-controls{display:flex;flex-direction:column;gap:.5rem;transition:opacity .2s}.bid-controls.bid-controls-disabled{opacity:.45;pointer-events:none}.bid-quantity-row{display:flex;align-items:center;justify-content:center;gap:.6rem}.bid-qty-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#f0e6d3;border-radius:8px;width:2rem;height:2rem;font-size:1.1rem;cursor:pointer;transition:background .15s;line-height:1;padding:0}.bid-qty-btn:hover{background:#ffffff26}.bid-qty-value{font-size:1.4rem;font-weight:700;color:#f0e6d3;min-width:2rem;text-align:center}.bid-face-row{display:flex;justify-content:center;gap:.4rem}.bid-face-btn{background:#ffffff12;border:2px solid rgba(255,255,255,.14);color:#f0e6d3;border-radius:10px;width:3.2rem;height:3.2rem;font-size:2rem;cursor:pointer;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.bid-face-btn:hover{background:#e170552e;border-color:#e1705580;transform:translateY(-2px)}.bid-face-btn.active{background:#e170554d;border-color:#e17055;box-shadow:0 0 10px #e1705580,inset 0 0 6px #e1705526;transform:translateY(-1px);color:#fff}.bid-action-row{display:flex;gap:.5rem;justify-content:center}.btn-miser{flex:1;padding:.55rem 1rem;background:linear-gradient(135deg,#e17055,#d35400);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s,box-shadow .15s}.btn-miser:hover:not(:disabled){box-shadow:0 4px 16px #e1705580}.btn-miser:disabled{opacity:.4;cursor:default}.btn-dudo{flex:1;padding:.55rem 1rem;background:linear-gradient(135deg,#ff6b6b,#c0392b);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s,box-shadow .15s}.btn-dudo:hover:not(:disabled){box-shadow:0 4px 16px #ff6b6b80}.btn-dudo:disabled{opacity:.4;cursor:default}.perudo-round-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-overlay, 100);pointer-events:none;animation:perudo-banner-fade 2.5s ease-out forwards}.perudo-round-text{background:#16213ee6;border:2px solid #e17055;border-radius:16px;padding:.8rem 2.5rem;font-size:1.8rem;font-weight:800;color:#e17055;letter-spacing:.06em;text-shadow:0 2px 12px rgba(225,112,85,.5);box-shadow:0 8px 40px #0009;white-space:nowrap}@keyframes perudo-banner-fade{0%{opacity:0;transform:translate(-50%,-55%) scale(.85)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-45%) scale(.95)}}.perudo-reveal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay, 100);background:#0a0e1ebf;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:perudo-reveal-in .3s ease-out}@keyframes perudo-reveal-in{0%{opacity:0}to{opacity:1}}.perudo-reveal-card{background:#16213ef7;border:1px solid rgba(225,112,85,.4);border-radius:18px;padding:1.5rem 2rem;max-width:460px;width:90%;box-shadow:0 24px 80px #000000b3;display:flex;flex-direction:column;gap:.7rem;align-items:center;text-align:center}.reveal-title{font-size:1.6rem;font-weight:800;color:#e17055;letter-spacing:.04em}.reveal-bid{font-size:1.1rem;color:#ffffffbf}.reveal-bid strong{color:gold;font-size:1.25rem}.reveal-count{font-size:.95rem;color:#ffffffa6}.reveal-count strong{color:#f0e6d3;font-weight:700}.reveal-table{width:100%;border-collapse:collapse;margin:.3rem 0}.reveal-table tr{border-bottom:1px solid rgba(255,255,255,.06)}.reveal-table tr:last-child{border-bottom:none}.reveal-table td{padding:.35rem .5rem;font-size:.85rem}.reveal-player-name{color:#fffc;text-align:left;white-space:nowrap;width:1%}.reveal-dice-cell{text-align:left;letter-spacing:.15em;font-size:1.1rem}.reveal-row-loser{background:#ff6b6b14}.reveal-row-loser .reveal-player-name{color:#ff6b6b;font-weight:700}.reveal-die{display:inline-block;opacity:.5}.reveal-die.reveal-die-match{opacity:1;filter:drop-shadow(0 0 4px rgba(255,215,0,.7))}.reveal-result{font-size:.9rem;font-weight:700;padding:.4rem .8rem;border-radius:8px}.reveal-result-good{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.reveal-result-bad{background:#ff6b6b26;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.reveal-loser{font-size:.85rem;color:#ffffff8c}#waiting-hint{display:flex;align-items:center;gap:.4rem;justify-content:center;color:#ffffff73;font-size:.82rem;margin-top:.5rem}.wait-dots span{width:5px;height:5px;background:#ffd70080;border-radius:50%;display:inline-block;animation:dot-pulse-wait 1.4s ease-in-out infinite}.wait-dots span:nth-child(2){animation-delay:.2s}.wait-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse-wait{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes screen-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes screen-fade-out{0%{opacity:1}to{opacity:0}}.screen-entering{animation:screen-fade-in .3s ease forwards}.screen-exiting{animation:screen-fade-out .25s ease forwards;pointer-events:none}#victory-overlay:not(.hidden){animation:victory-backdrop-in .4s ease forwards}@keyframes victory-backdrop-in{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background:#0000}to{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080}}.hud-player-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#1a1a2e;flex-shrink:0}#current-player-name{display:flex;align-items:center;gap:.4rem}.turn-avatar-circle{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.bonus-bar-wrap{position:relative;background:#ffffff12;border-radius:6px;height:18px;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.bonus-bar-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#8a6900,gold,#fff7a0);border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #ffd7004d}.bonus-bar-label{position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:.62rem;font-weight:600;color:#fffc;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.score-col.active-col{background:#ffd7000d}.score-col.active-col .score-cell{background:#ffd7000a}.score-row.subtotal-row td,.score-row.total-row td{background:#00000040!important;font-weight:600}.score-row.total-row td{border-top:1px solid rgba(255,215,0,.3);color:gold;font-size:.95rem}@keyframes yahtzee-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px) rotate(-.5deg)}30%{transform:translate(6px) rotate(.5deg)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}#game.yahtzee-shake{animation:yahtzee-shake .5s ease}@keyframes casse-shake{0%,to{transform:translate(0)}10%{transform:translate(-10px) rotate(-1deg)}25%{transform:translate(10px) rotate(1deg)}40%{transform:translate(-8px)}55%{transform:translate(8px)}70%{transform:translate(-4px)}85%{transform:translate(4px)}}#game.casse-shake{animation:casse-shake .6s ease}.casse-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#dc323259;pointer-events:none;z-index:9998;animation:casse-flash-anim .5s ease forwards}@keyframes casse-flash-anim{0%{opacity:1}to{opacity:0}}.profile-stat-bar-wrap{height:5px;background:#ffffff12;border-radius:99px;overflow:hidden}.profile-stat-bar-fill{height:100%;background:linear-gradient(90deg,#c8890a,gold);border-radius:99px;transition:width .7s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #e9c40040}.profile-stat-nums{font-size:.72rem;color:#e2e0fc8c}.profile-stat-best{grid-column:2 / -1;font-size:.68rem;color:#ffd700a6}@media (max-width: 600px){.lobby-card{width:100%;min-height:100dvh;border-radius:0;padding:1.5rem 1rem}#btn-roll,#btn-lock-combo,#btn-bank-score{min-height:48px;font-size:.95rem}.side-panel{width:100%!important;right:0!important;border-radius:1rem 1rem 0 0;top:auto!important;bottom:0;max-height:85dvh}@keyframes slideInMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.side-panel:not(.hidden){animation:slideInMobile .35s cubic-bezier(.34,1.2,.64,1) forwards}#score-panel{position:fixed;bottom:0;left:0;right:0;max-height:60dvh;border-radius:1rem 1rem 0 0;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease;z-index:50;width:100%}#score-panel.open{transform:translateY(0)}#score-toggle-btn{display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#ffd70026;border:1px solid rgba(255,215,0,.3);border-radius:20px;padding:.3rem .9rem;font-size:.75rem;color:gold;z-index:51;cursor:pointer}}@media (min-width: 601px){#score-toggle-btn{display:none}}.auth-forms-wrap{position:relative;overflow:hidden}.auth-form{transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s ease}.auth-form.slide-out-left{transform:translate(-100%);opacity:0;position:absolute;top:0;width:100%}.auth-form.slide-out-right{transform:translate(100%);opacity:0;position:absolute;top:0;width:100%}.auth-form.slide-in-left{animation:slide-from-left .28s cubic-bezier(.4,0,.2,1) forwards}.auth-form.slide-in-right{animation:slide-from-right .28s cubic-bezier(.4,0,.2,1) forwards}@keyframes slide-from-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-from-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.input-icon-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.75rem;font-size:.9rem;pointer-events:none;opacity:.5}.input-icon-wrap input{padding-left:2.2rem!important}#player-name:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd70033}.victory-podium{display:flex;align-items:flex-end;justify-content:center;gap:.6rem;margin:.5rem 0 1rem}.victory-podium-col{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.victory-podium-bar{width:100%;border-radius:8px 8px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:.4rem .2rem}.victory-podium-col:nth-child(1) .victory-podium-bar{height:75px;background:#c0c0c02e;border:1px solid rgba(192,192,192,.32)}.victory-podium-col:nth-child(2) .victory-podium-bar{height:105px;background:#ffd70029;border:1px solid rgba(255,215,0,.45);box-shadow:0 0 18px #ffd7001a}.victory-podium-col:nth-child(3) .victory-podium-bar{height:55px;background:#cd7f3229;border:1px solid rgba(205,127,50,.32)}.victory-podium-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#1a1a2e;margin-top:-.5rem;box-shadow:0 2px 8px #0006}.victory-podium-medal{font-size:1.3rem}.victory-podium-name{font-size:.67rem;font-weight:600;color:#ffffffe6;text-align:center}.victory-podium-score{font-size:.62rem;color:#ffffff80}.broken-dice-card{background:linear-gradient(135deg,#b41414f2,#640a0afa);border:2px solid rgba(255,80,80,.5);border-radius:16px;padding:1.5rem 2rem;text-align:center;box-shadow:0 0 40px #ff32324d,0 8px 32px #0009;animation:broken-card-in .35s cubic-bezier(.34,1.56,.64,1)}@keyframes broken-card-in{0%{transform:scale(.6) rotate(-4deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.broken-dice-card p{font-size:1.3rem;font-weight:700;color:#ff8080;margin-bottom:.75rem}#btn-reroll-broken{background:#ff505033;border:1px solid rgba(255,80,80,.5);color:#ff8080;border-radius:8px;padding:.5rem 1.5rem;font-weight:600;cursor:pointer;transition:background .15s}#btn-reroll-broken:hover{background:#ff505059}.auth-bg-dice{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.auth-card{position:relative;z-index:1}.auth-die{position:absolute;left:var(--dx);top:var(--dy);width:var(--s);height:var(--s);animation:auth-die-float var(--dur) ease-in-out var(--delay) infinite alternate}@keyframes auth-die-float{0%{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-18px) rotate(8deg);opacity:1}to{transform:translateY(4px) rotate(-5deg);opacity:.6}}@media (max-width: 600px){#three-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}#score-panel{z-index:60}#hud{z-index:70}#turn-banner{z-index:65}.mode-btn{padding:1rem .6rem .9rem;min-height:48px}.mode-rules-btn{width:1.6rem;height:1.6rem;font-size:.75rem}.toolbar-btn{padding:.45rem .75rem;min-height:40px}.lb-tab,.lb-type-tab{min-height:40px;display:flex;align-items:center;justify-content:center}.profile-section-title[data-accordion]{padding:.5rem .2rem;min-height:40px}.lobby-actions-row{flex-direction:column}}@media (min-width: 601px) and (max-width: 900px){.lobby-card{padding:1.8rem 2rem}.side-panel{width:min(380px,85vw)}}#btn-solo{display:flex;align-items:center;justify-content:center;gap:.45rem;background:#1e1e3280;border:1px solid rgba(162,155,254,.35);border-radius:12px;padding:.85rem 1rem;color:#a29bfe;font-size:.88rem;font-weight:700;font-family:Space Grotesk,sans-serif;letter-spacing:.01em;cursor:pointer;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s}#btn-solo .material-symbols-outlined{font-size:1.15rem;line-height:1}#btn-solo:hover{background:#a29bfe1f;border-color:#a29bfe;transform:translateY(-1px);box-shadow:0 6px 18px #a29bfe2e}#solo-config-modal .solo-config-row{justify-content:center;gap:1.5rem}#solo-config-modal .solo-opt{padding:.55rem 1.2rem;font-size:.95rem}.solo-config-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.solo-config-label{color:#f0e6d38c;font-size:.85rem;font-weight:500;white-space:nowrap}.solo-option-group{display:flex;gap:.4rem}.solo-opt{padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:600;border:1.5px solid rgba(255,255,255,.15);background:transparent;color:#f0e6d38c;cursor:pointer;transition:all .2s}.solo-opt:hover{border-color:#ffffff59;color:#f0e6d3}.solo-opt.active{background:#ffd70026;border-color:gold;color:gold}#btn-solo-start{padding:.75rem;border-radius:10px;background:linear-gradient(135deg,gold,#f0a500);border:none;color:#1a1a2e;font-weight:700;font-size:.95rem;cursor:pointer;transition:opacity .2s}#btn-solo-start:hover{opacity:.9}.player-bot .player-avatar{font-size:1rem;display:flex;align-items:center;justify-content:center}.player-bot-tag{margin-left:.4rem;font-size:.68rem;font-weight:700;letter-spacing:.05em;color:#a29bfe;background:#a29bfe26;border:1px solid rgba(162,155,254,.3);border-radius:4px;padding:.05rem .35rem;vertical-align:middle}.auth-particle{position:absolute;background:#e9c40014;border:1px solid rgba(233,196,0,.1);border-radius:12px;filter:blur(2px);pointer-events:none;animation:auth-drift linear infinite}@keyframes auth-drift{0%{transform:translate(0) rotate(0)}33%{transform:translate(60px,-40px) rotate(120deg)}66%{transform:translate(-30px,80px) rotate(240deg)}to{transform:translate(0) rotate(360deg)}}.auth-card-footer{margin-top:.75rem;padding:.75rem 1.75rem;background:#0c0c2066;font-size:.65rem;color:#99907766;text-transform:uppercase;letter-spacing:.15em;text-align:center}.page-topbar-spacer{width:100px;flex-shrink:0}.waiting-card{background:#1e1e3299;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #0006;border-radius:1.25rem;padding:1.75rem;display:flex;flex-direction:column;gap:1rem;width:min(420px,94vw)}.waiting-status{display:flex;align-items:center;gap:.5rem}.waiting-status-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade8099;animation:status-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes status-pulse{0%,to{opacity:1;box-shadow:0 0 8px #4ade8099}50%{opacity:.6;box-shadow:0 0 14px #4ade80e6}}.waiting-status-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#4ade80cc}.waiting-code-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#1e1e324d;border:1px solid rgba(255,255,255,.05);border-radius:.75rem;padding:1rem}.waiting-code-sublabel{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#999077b3}.room-code-btn{background:transparent;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:.5rem;transition:background .15s}.room-code-btn:hover{background:#ffffff0d}.room-code-btn:active{transform:scale(.97)}.room-code-value{font-family:monospace;font-size:2rem;font-weight:800;color:gold;letter-spacing:.15em;text-shadow:0 0 15px rgba(255,215,0,.3);display:block}.waiting-share-btn{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#e9c40099;border:1px solid rgba(233,196,0,.2);border-radius:8px;padding:.35rem .75rem;background:transparent;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.waiting-share-btn:hover{color:#e9c400e6;border-color:#e9c40080;background:#e9c40012}.waiting-share-btn.copied{color:#4ade80;border-color:#4ade80}.copy-btn,.btn-share{display:none}.waiting-quit-btn{background:transparent;border:none;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#99907780;cursor:pointer;text-align:center;padding:.25rem;transition:color .15s}.waiting-quit-btn:hover{color:#999077cc}.scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent);animation:scan 4s linear infinite;pointer-events:none}@keyframes scan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.ranked-queue-server{font-size:.62rem;text-transform:uppercase;letter-spacing:.15em;color:#9990774d;text-align:center;margin-top:.5rem}.match-found-blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.match-found-blob-1{width:200px;height:200px;background:#e9c40014;top:-60px;left:-60px}.match-found-blob-2{width:160px;height:160px;background:#9e00300a;bottom:-50px;right:-50px}.match-found-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.match-found-countdown-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#999077b3}.match-found-timer-value{font-size:1.1rem;font-weight:700;color:gold;font-variant-numeric:tabular-nums}.match-player-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#1a1a2e;flex-shrink:0}.lobby-nav .toolbar-btn{position:relative}.friends-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ff7675;color:#fff;font-size:.7rem;font-weight:800;line-height:18px;text-align:center}.presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.presence-dot.online{background:#55efc4;box-shadow:0 0 6px #55efc488}.presence-dot.in-game{background:gold;box-shadow:0 0 6px #ffd70088}.presence-dot.offline{background:#636e72}.friends-list{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:8px}.friend-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px}.friend-row.pending{opacity:.85}.friend-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;color:#1a1a2e}.friend-info{flex:1;min-width:0}.friend-name{font-weight:700}.friend-disc{opacity:.45;font-size:.85em;margin-left:1px}.friend-status{font-size:.78rem;opacity:.7;margin-top:2px}.friend-action{background:#ffffff14;border:none;border-radius:10px;width:36px;height:36px;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:center;transition:background var(--anim-fast, .15s)}.friend-action:hover{background:#ffffff2e}.friend-action.accept{background:#55efc42e;color:#55efc4}.friend-action.invite{background:#ffd70026;color:gold}.friend-action.friend-remove:hover{background:#ff767540;color:#ff7675}.friend-action:disabled{opacity:.5;cursor:default}.friends-section-title{font-weight:800;margin:18px 0 10px;font-size:.95rem;display:flex;align-items:center;gap:8px}.friends-count{background:#ffd7002e;color:gold;border-radius:10px;padding:1px 8px;font-size:.75rem}.friends-empty{opacity:.6;font-size:.9rem;padding:8px 2px}.friend-add-row{display:flex;gap:10px;padding:12px;border-radius:16px;margin-bottom:6px}.friend-add-row input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;color:inherit;font:inherit}.friend-add-row button{background:gold;color:#1a1a2e;border:none;border-radius:10px;padding:10px 18px;font-weight:800;cursor:pointer}.friend-add-row button:disabled{opacity:.6}.friend-add-msg{min-height:1.2em;font-size:.85rem;margin:4px 2px 10px}.friend-add-msg.error{color:#ff7675}.friend-add-msg.success{color:#55efc4}.invite-toast-actions{display:flex;gap:8px;margin-top:8px}.invite-toast-actions button{border:none;border-radius:8px;padding:6px 14px;font-weight:700;cursor:pointer;font-size:.85rem}.invite-accept{background:gold;color:#1a1a2e}.invite-dismiss{background:#ffffff1f;color:inherit}.invite-friends-panel{margin:10px 0 4px;max-height:220px;overflow-y:auto;text-align:left}.profile-tag{opacity:.4;font-size:.6em;font-weight:600;margin-left:4px}.lobby-nav{position:relative}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:gold;color:#1a1a2e;font-size:.7rem;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 10px #ffd70066}@keyframes bell-ring{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}.toolbar-btn.has-unread .notif-bell{animation:bell-ring 1.2s ease-in-out;transform-origin:top center;color:gold}@keyframes notif-unfold{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-dropdown{position:absolute;top:calc(100% + 10px);left:0;z-index:300;width:min(380px,92vw);max-height:min(480px,70vh);display:flex;flex-direction:column;background:linear-gradient(160deg,#22223af7,#1a1a2ef7);border:1px solid rgba(255,215,0,.22);border-radius:18px;box-shadow:0 22px 60px #0000008c,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-origin:top right;animation:notif-unfold .22s cubic-bezier(.22,1,.36,1);overflow:hidden;text-align:left}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid rgba(255,215,0,.14)}.notif-title{font-family:Syne,sans-serif;font-weight:800;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:gold}.notif-head-die{opacity:.35;font-size:1.1rem;color:gold}.notif-list{overflow-y:auto;padding:8px}@keyframes notif-row-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.notif-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;margin-bottom:4px;background:transparent;border:none;border-radius:12px;color:inherit;font:inherit;text-align:left;cursor:pointer;border-left:2px solid transparent;animation:notif-row-in .3s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--ni, 0) * 35ms);transition:background .15s}.notif-row:hover{background:#ffffff0f}.notif-row.unread{background:linear-gradient(90deg,rgba(255,215,0,.07),transparent 65%);border-left-color:gold}.notif-gem{width:38px;height:38px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08)}.notif-gem .material-symbols-outlined{font-size:20px}.notif-gem.gold{background:#ffd70021;color:gold}.notif-gem.green{background:#55efc41f;color:#55efc4}.notif-gem.blue{background:#74b9ff1f;color:#74b9ff}.notif-gem.purple{background:#a29bfe24;color:#a29bfe}.notif-gem.orange{background:#ff9f4321;color:#ff9f43}.notif-body{flex:1;min-width:0}.notif-row-title{display:block;font-weight:700;font-size:.86rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-row-sub{display:block;font-size:.76rem;opacity:.6;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-time{font-size:.68rem;opacity:.4;flex-shrink:0;align-self:flex-start;margin-top:3px}.notif-empty{padding:36px 20px;text-align:center;opacity:.5}.notif-empty .material-symbols-outlined{font-size:34px;color:gold;opacity:.6}.notif-empty p{margin:10px 0 0;font-size:.85rem}.friends-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:740;background:#0a0a148c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.friends-drawer{position:fixed;top:0;left:0;bottom:0;z-index:750;width:min(380px,92vw);display:flex;flex-direction:column;background:linear-gradient(200deg,#22223afa,#1a1a2efa);border-right:1px solid rgba(255,215,0,.22);box-shadow:24px 0 60px #00000080;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-100%);transition:transform .28s cubic-bezier(.22,1,.36,1)}.friends-drawer.open{transform:translate(0)}.friends-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid rgba(255,215,0,.14)}.friends-drawer-title{display:flex;align-items:center;gap:10px;margin:0;font-family:Syne,sans-serif;font-weight:800;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:gold}.friends-drawer-close{background:#ffffff14;border:none;border-radius:10px;width:34px;height:34px;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:center}.friends-drawer-close:hover{background:#ff767540;color:#ff7675}.friends-drawer-body{flex:1;overflow-y:auto;padding:14px 16px 20px;text-align:left}.friends-drawer-body .friend-add-row{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.chat-dock{position:fixed;right:14px;bottom:14px;z-index:250;width:min(320px,calc(100vw - 28px));display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#22223af5,#1a1a2ef5);border:1px solid rgba(255,215,0,.2);box-shadow:0 14px 40px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat-toggle{display:flex;align-items:center;gap:8px;padding:10px 14px;border:none;cursor:pointer;background:transparent;color:gold;font:inherit;font-weight:800}.chat-toggle-label{font-family:Syne,sans-serif;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.chat-unread{min-width:18px;height:18px;padding:0 5px;margin-left:auto;border-radius:9px;background:gold;color:#1a1a2e;font-size:.7rem;line-height:18px;text-align:center}.chat-chevron{margin-left:auto;transition:transform .2s;opacity:.6}.chat-unread:not(.hidden)+.chat-chevron{margin-left:6px}.chat-dock.collapsed .chat-chevron{transform:rotate(180deg)}.chat-panel{display:flex;flex-direction:column;height:min(300px,38vh)}.chat-dock.collapsed .chat-panel{display:none}.chat-messages{flex:1;overflow-y:auto;padding:4px 12px 8px;display:flex;flex-direction:column;gap:5px;font-size:.84rem;text-align:left}.chat-msg.player{line-height:1.35;word-break:break-word}.chat-author{font-weight:800;margin-right:6px}.chat-author:after{content:" :";opacity:.5;font-weight:400}.chat-text{color:#ffffffeb}.chat-msg.system{text-align:center;font-size:.74rem;font-style:italic;color:#ffd7008c;padding:1px 0}.chat-form{display:flex;gap:8px;padding:8px 10px 10px;border-top:1px solid rgba(255,215,0,.12)}.chat-form input{flex:1;min-width:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 12px;color:inherit;font:inherit;font-size:.85rem}.chat-form input:focus{outline:none;border-color:#ffd70066}.chat-send{background:gold;color:#1a1a2e;border:none;border-radius:10px;width:38px;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-send .material-symbols-outlined{font-size:18px}body:has(#game:not(.hidden)) .chat-dock{bottom:112px}.wallet-chip{display:inline-flex;align-items:center;gap:5px;background:#ffd7001f;color:gold;border:1px solid rgba(255,215,0,.32);border-radius:999px;padding:5px 12px;font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:800;cursor:pointer;transition:background .15s ease,border-color .15s ease}.wallet-chip:hover{background:#ffd70033;border-color:#ffd7008c}.wallet-chip-plus{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:gold;color:#1a1a2e;font-size:.78rem;font-weight:900;line-height:1}.lb-nav-spacer{display:flex;justify-content:flex-end}.page-topbar-right{display:flex;align-items:center;gap:10px}.coins-balance{text-align:center;padding:26px 16px 6px;margin-bottom:4px}.coins-balance-label{font-family:Syne,sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffff80}.coins-balance-amount{font-family:Syne,sans-serif;font-weight:800;font-size:2.4rem;color:gold;margin:6px 0 4px;text-shadow:0 0 28px rgba(255,215,0,.35)}.coins-balance-hint{font-size:.82rem;color:#ffffff73}.tile-countdown{position:absolute;top:7px;left:50%;transform:translate(-50%);font-size:.66rem;font-weight:800;color:gold;white-space:nowrap}.tile-deal-badge{position:absolute;top:-1px;right:-1px;background:linear-gradient(135deg,#ff7675,#e84393);color:#fff;font-size:.62rem;font-weight:900;padding:3px 8px;border-radius:0 13px 0 11px;letter-spacing:.04em;box-shadow:0 2px 10px #e8439373}.shop-tile.featured{padding-top:28px}.shop-tile.featured .tile-owned{top:24px}.shop-tab.tab-featured{color:#ffd700bf}.shop-tab.tab-featured.active{color:#1a1a2e}.shop-showroom{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}@media (max-width: 860px){.shop-showroom{grid-template-columns:1fr}.shop-stage{position:static}}.shop-tabs{position:relative;display:flex;gap:.25rem;padding:.35rem;border-radius:12px;margin-bottom:18px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.shop-tabs::-webkit-scrollbar{display:none}.shop-tab{flex:1;padding:.65rem .5rem;border-radius:9px;border:none;background:transparent;color:#999077d9;font:inherit;font-size:.75rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .22s;text-align:center;font-family:Space Grotesk,sans-serif;position:relative;z-index:1}.shop-tab:hover:not(.active){color:#e2e0fcbf}.shop-tab.active{color:#1a1a2e}.shop-tilegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:11px}.shop-tilegrid .shop-tile{animation:tile-in .4s cubic-bezier(.2,.7,.3,1) backwards;animation-delay:calc(var(--i, 0) * 28ms)}@keyframes tile-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.shop-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:7px;background:linear-gradient(180deg,color-mix(in srgb,var(--rarity) 11%,transparent),transparent 60%),#ffffff09;border:1px solid color-mix(in srgb,var(--rarity) 42%,transparent);border-radius:14px;padding:14px 8px 11px;color:inherit;font:inherit;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.shop-tile:after{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.16),transparent);transform:skew(-20deg);transition:left .45s ease;pointer-events:none}.shop-tile:hover:after{left:135%}.shop-tile:hover{transform:translateY(-4px) scale(1.02);border-color:var(--rarity);box-shadow:0 10px 26px #00000059,0 0 18px color-mix(in srgb,var(--rarity) 28%,transparent)}.shop-tile.selected{border-color:var(--rarity);box-shadow:0 0 0 1px var(--rarity),0 0 22px color-mix(in srgb,var(--rarity) 38%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--rarity) 18%,transparent),transparent 70%),#ffffff0a}.shop-tile.r-legendary{animation:tile-in .4s cubic-bezier(.2,.7,.3,1) backwards,legendary-pulse 2.6s ease-in-out infinite;animation-delay:calc(var(--i, 0) * 28ms),0s}@keyframes legendary-pulse{0%,to{box-shadow:0 0 10px color-mix(in srgb,var(--rarity) 22%,transparent)}50%{box-shadow:0 0 24px color-mix(in srgb,var(--rarity) 45%,transparent)}}.shop-tile.owned .tile-swatch{opacity:.82}.tile-swatch{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:inset 0 0 12px #00000059,0 3px 10px color-mix(in srgb,var(--rarity) 22%,transparent)}.tile-swatch.trail{height:13px;width:58px;border-radius:7px;margin:17px 0}.tile-swatch.frame{border:3px solid;border-radius:50%;background:#ffffff0d}.tile-swatch.text{font-size:.95rem;font-style:italic;background:#ffffff0f}.tile-name{font-size:.72rem;font-weight:700;text-align:center;line-height:1.15}.tile-price{font-size:.7rem;font-weight:800;color:gold}.tile-price s{opacity:.55;font-weight:600;margin-right:2px}.tile-price.deal{background:#ffd70029;padding:2px 8px;border-radius:8px}.tile-owned{position:absolute;top:5px;right:6px;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#55efc42e;color:#55efc4;font-size:.62rem;font-weight:900;box-shadow:0 0 8px #55efc44d}.shop-featured-row .tile-owned{top:24px}.shop-stage{position:sticky;top:16px;background:linear-gradient(180deg,#22223aeb,#1a1a2ef5);border:1px solid color-mix(in srgb,var(--rarity, #ffd700) 38%,transparent);border-radius:20px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 16px 44px #0006,0 0 32px color-mix(in srgb,var(--rarity, #ffd700) 10%,transparent);transition:border-color .35s,box-shadow .35s}.stage-visual{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--rarity, #ffd700) 13%,transparent),transparent 62%);border-radius:16px;transition:background .35s}.stage-visual:before{content:"";position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:170px;height:26px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--rarity, #ffd700) 32%,transparent),transparent 70%);filter:blur(5px)}.stage-visual canvas{position:relative;z-index:1;width:280px;height:280px}.stage-alt{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.stage-alt.hidden,.stage-visual .hidden{display:none}.stage-info{width:100%;text-align:center}.stage-name{font-family:Syne,sans-serif;font-weight:800;font-size:1.2rem;letter-spacing:.01em}.stage-meta{display:flex;justify-content:center;align-items:center;gap:10px;margin:8px 0 14px;font-size:.78rem}.shop-rarity{border:1px solid;border-radius:999px;padding:2px 10px;font-weight:800;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb,currentColor 10%,transparent)}.stage-type{opacity:.6}.stage-countdown{position:static;transform:none;color:#ff7675}.stage-buy{position:relative;overflow:hidden;width:100%;background:linear-gradient(135deg,var(--rarity, #ffd700),color-mix(in srgb,var(--rarity, #ffd700) 70%,#1a1a2e));color:#1a1a2e;border:none;border-radius:12px;padding:13px;font-weight:800;font-size:.95rem;cursor:pointer;font-family:Syne,sans-serif;letter-spacing:.04em;box-shadow:0 4px 20px color-mix(in srgb,var(--rarity, #ffd700) 35%,transparent);transition:transform .12s,box-shadow .2s}.stage-buy:hover{transform:scale(1.025);box-shadow:0 6px 28px color-mix(in srgb,var(--rarity, #ffd700) 55%,transparent)}.stage-buy:disabled{opacity:.6}.stage-buy .stage-buy-shine{position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);animation:buy-shine 2.8s ease-in-out infinite;pointer-events:none}@keyframes buy-shine{0%,55%{left:-70%}85%,to{left:140%}}.stage-price-old{opacity:.5;font-weight:600;margin-right:2px}.shop-buy-error{background:#ff7675!important;color:#fff!important}.stage-owned{color:#55efc4;font-weight:800;padding:12px 0;text-shadow:0 0 14px rgba(85,239,196,.4)}.stage-frame-demo{width:120px;height:120px;border:8px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:#ffffff0f}.stage-title-demo{text-align:center}.stage-title-name{font-weight:800;font-size:1.3rem;display:block}.stage-title-disc{opacity:.4;font-size:.75em}.stage-title-text{color:gold;font-style:italic;font-size:.95rem}.frame-ring-bronze{box-shadow:0 0 0 3px #cd7f32,0 0 10px #cd7f3255!important}.frame-ring-argent{box-shadow:0 0 0 3px silver,0 0 10px #c0c0c055!important}.frame-ring-or{box-shadow:0 0 0 3px gold,0 0 14px #ffd70077!important}.frame-ring-neon{box-shadow:0 0 0 3px #1ae85a,0 0 16px #1ae85a99!important;animation:neon-ring 1.6s ease-in-out infinite}@keyframes neon-ring{0%,to{box-shadow:0 0 0 3px #1ae85a,0 0 10px #1ae85a66}50%{box-shadow:0 0 0 3px #1ae85a,0 0 22px #1ae85acc}}.player-title{display:block;font-size:.68rem;font-style:italic;color:gold;opacity:.85;font-weight:600;margin-top:1px}.victory-podium-title{font-size:.72rem;font-style:italic;color:gold;opacity:.9;margin-top:-2px}.profile-title-text{font-style:italic;color:gold;font-size:.95rem;margin-top:2px}.title-options{display:flex;flex-wrap:wrap;gap:8px}.title-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:7px 14px;font-size:.85rem;font-style:italic;cursor:pointer;transition:border-color .12s,background .12s}.title-chip:hover{background:#ffffff1a}.title-chip.selected{border-color:gold;color:gold;background:#ffd7001a}.title-chip.locked{opacity:.4;cursor:default}.coinpacks{margin-top:22px;padding:18px 20px 20px;border-radius:16px;background:linear-gradient(165deg,#ffd7000f,#ffffff05);border:1px solid rgba(255,215,0,.14)}.coinpacks-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.coinpacks-title{font-family:Syne,sans-serif;font-weight:700;font-size:1.02rem;color:gold;letter-spacing:.4px}.coinpacks-soon-badge{font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:999px;color:gold;border:1px solid rgba(255,215,0,.4);background:#ffd70014;letter-spacing:.5px;text-transform:uppercase}.coinpacks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.coinpack{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px 14px;border-radius:14px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);transition:transform .15s ease,border-color .15s ease}.coinpack:not(.coinpack-disabled):hover{transform:translateY(-3px);border-color:#ffd70073}.coinpack-disabled{opacity:.55;filter:saturate(.6)}.coinpack-icon{font-size:1.9rem;line-height:1}.coinpack-coins{font-family:Syne,sans-serif;font-weight:800;font-size:1.05rem;color:#fff}.coinpack-bonus{font-size:.7rem;font-weight:700;color:#55efc4;letter-spacing:.3px}.coinpack-bonus-empty{visibility:hidden}.coinpack-name{font-size:.74rem;color:#ffffff8c}.coinpack-buy{margin-top:8px;width:100%;padding:8px 0;border-radius:10px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.86rem;color:#1a1a2e;background:linear-gradient(135deg,gold,#f3b700);border:none;cursor:pointer;transition:filter .15s ease}.coinpack-buy:hover:not(:disabled){filter:brightness(1.1)}.coinpack-buy:disabled{cursor:not-allowed;color:#ffffff73;background:#ffffff14}.friends-joinable{display:flex;flex-direction:column;gap:.5rem}.joinable-row{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border-radius:12px;background:#55efc40d;border:1px solid rgba(85,239,196,.18);text-align:left}.joinable-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:#1a1a2e}.joinable-text{flex:1;font-size:.8rem;color:#e2e0fcbf}.joinable-text b{color:#fff}.joinable-btn{padding:.45rem .95rem;border-radius:9px;border:none;background:#55efc4;color:#1a1a2e;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.78rem;cursor:pointer;transition:filter .15s}.joinable-btn:hover:not(:disabled){filter:brightness(1.12)}.joinable-btn:disabled{opacity:.5;cursor:wait}.shop-vitrine{display:flex;align-items:center;gap:.6rem;padding:.65rem .9rem;border-radius:12px;background:linear-gradient(135deg,#ffd70014,#a29bfe0f);border:1px solid rgba(255,215,0,.3);cursor:pointer;font-family:inherit;font-size:.8rem;color:#e2e0fccc;transition:border-color .15s,transform .15s;flex-wrap:wrap;justify-content:center}.shop-vitrine:hover{border-color:#ffd70099;transform:translateY(-1px)}.vitrine-tag{font-family:Syne,sans-serif;font-weight:800;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:gold}.vitrine-item b{color:#fff}.vitrine-rarity{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.vitrine-price{font-weight:800;color:gold}.vitrine-countdown{font-size:.72rem;color:#ff7675f2;font-weight:700}.vitrine-cta{margin-left:auto;font-weight:700;color:gold}.friends-drawer.drawer-wide{width:min(560px,96vw)}#leaderboard-drawer .friends-drawer-body{display:flex;flex-direction:column;gap:1rem}#leaderboard-drawer .leaderboard-list{margin:0;padding:0}.tab-slider{position:absolute;top:.25rem;bottom:.25rem;left:0;width:0;background:var(--gold, #ffd700);border-radius:9px;box-shadow:0 2px 12px #e9c4004d;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),opacity .2s;pointer-events:none;opacity:0}.tab-slider.ready{opacity:1}.tile-equipped{position:absolute;top:5px;right:6px;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffd70033;color:gold;font-size:.62rem;font-weight:900;box-shadow:0 0 8px #ffd70059}.player-name-badge.avatar-only{padding:0;border:none;background:transparent;border-radius:50%}.player-name-badge.avatar-only:hover .player-name-badge-avatar{filter:brightness(1.12)}.player-name-badge.avatar-only .player-name-badge-avatar{width:34px;height:34px;font-size:.72rem;transition:filter .15s}.stage-expand{position:absolute;top:8px;right:8px;z-index:2;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#0c0c2099;border:1px solid rgba(255,255,255,.14);color:#ffffffbf;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s,color .15s,border-color .15s}.stage-expand:hover{background:#ffd70026;color:gold;border-color:#ffd70066}.stage-expand .material-symbols-outlined{font-size:1.2rem}.stage-expand.hidden{display:none}.demo-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:950;background:#0c0c20}.demo-fullscreen.hidden{display:none}.demo-fs-slot,.demo-fs-slot canvas{width:100%;height:100%;display:block}.demo-fs-close{position:absolute;top:18px;right:18px;z-index:2;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#fff;cursor:pointer;transition:background .15s}.demo-fs-close:hover{background:#ff767540}.banner-title{color:gold;font-style:italic;font-size:.92em}.mini-avatar{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.52rem;font-weight:800;color:#1a1a2e;vertical-align:-4px;flex-shrink:0}.row-title{display:block;color:gold;font-style:italic;font-size:.64rem;font-weight:600;opacity:.85;line-height:1.2}.score-player-name .row-title{font-size:.58rem}.btn-quick{border-color:#55efc466!important;color:#55efc4!important}.btn-quick:hover{background:#55efc414!important;border-color:#55efc4!important}