.time-overlay{z-index:40;background:#050709df;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.time-picker{background:#11151a;border:1px solid #353c45;flex-direction:column;width:min(520px,100%);max-height:94vh;display:flex;box-shadow:0 30px 90px #000}.time-picker>header{border-bottom:1px solid #293039;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.time-picker>header>div{letter-spacing:.1em;align-items:center;gap:10px;font-weight:900;display:flex}.time-picker>header svg{color:#c8ff3d;width:19px}.time-picker>header button{cursor:pointer;background:0 0;border:0}.variant{background:linear-gradient(135deg,#212832,#181d24);border:1px solid #363e48;grid-template-columns:45px 1fr;align-items:center;margin:16px 18px 8px;padding:16px;display:grid}.variant>span{color:#c8ff3d;grid-row:1/3;font-size:33px}.variant strong{font-size:17px}.variant small{color:#74808c;letter-spacing:.12em;font-size:9px}.rated-switch{justify-content:space-between;align-items:center;margin:8px 18px 12px;display:flex}.rated-switch strong,.rated-switch span{display:block}.rated-switch span{color:#747f8c;margin-top:3px;font-size:10px}.rated-switch input{display:none}.rated-switch i{cursor:pointer;background:#343b44;border-radius:20px;width:48px;height:26px;position:relative}.rated-switch i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px}.rated-switch input:checked+i{background:#78a947}.rated-switch input:checked+i:after{left:25px}.time-scroll{padding:0 18px 10px;overflow:auto}.time-scroll section h3{align-items:center;gap:8px;margin:13px 0 8px;font-size:14px;display:flex}.time-scroll section h3 svg{color:#c8ff3d;width:17px}.time-scroll section>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.time-scroll section button{color:#d8dce0;cursor:pointer;background:linear-gradient(#242a31,#1c2127);border:1px solid #343b44;height:54px;font-weight:800;position:relative}.time-scroll section button:hover,.time-scroll section button.chosen{border-color:#8bbd49;box-shadow:inset 0 0 0 2px #8bbd49}.time-scroll section button svg{color:#c8ff3d;width:12px;position:absolute;top:5px;left:5px}.start-game{color:#10150c;cursor:pointer;background:linear-gradient(#95d057,#6ea93b);border:0;justify-content:center;align-items:center;gap:9px;margin:8px 18px 18px;padding:14px;font-size:17px;font-weight:900;display:flex}.start-game svg{width:18px}@media (max-width:560px){.time-picker{max-height:96vh}.time-scroll section button{height:48px}.variant{padding:12px}.start-game{margin-bottom:12px}}.time-overlay{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:radial-gradient(circle at 50% 18%,#17231abb,#050709ee 58%);animation:.18s ease-out timeFade}.time-picker{background:linear-gradient(155deg,#151b20,#0e1217 72%);border-color:#44503e;animation:.26s cubic-bezier(.2,.8,.2,1) timeRise;position:relative;overflow:hidden;box-shadow:0 32px 100px #000,0 0 0 1px #baff3514}.time-picker:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#baff35 25%,#7ddcff 65%,#0000);height:3px;position:absolute;inset:0 0 auto}.time-picker>header{background:linear-gradient(90deg,#182019,#11161b)}.time-picker>header>div:after{content:"PLAYERS ONLINE";color:#8e9a88;letter-spacing:.16em;border-left:1px solid #354032;padding-left:10px;font-size:8px}.variant{background:radial-gradient(circle at 12%,#2c3e20,#1b2229 46%,#171d23);transition:border-color .18s;position:relative}.variant:hover{border-color:#708743}.time-scroll section h3{letter-spacing:.02em;font-weight:800}.time-scroll section:first-child h3 svg{color:#ffca42}.time-scroll section:nth-child(2) h3 svg{color:#baff35}.time-scroll section:nth-child(3) h3 svg{color:#65d9ff}.time-scroll section:nth-child(4) h3 svg{color:#cb91ff}.time-scroll section button{border-radius:5px;transition:transform .14s,border-color .14s,box-shadow .14s,background .14s;overflow:hidden}.time-scroll section button:hover{background:linear-gradient(#2c343d,#21272e);transform:translateY(-2px)}.time-scroll section button.chosen{color:#0a0e09;background:linear-gradient(135deg,#d7ff6b,#aee92c);border-color:#eaffb3;box-shadow:0 8px 24px #9dd92726,inset 0 0 0 1px #efffc4}.time-scroll section button.chosen svg{color:#10170b}.start-game{background:linear-gradient(110deg,#baff35,#8bd63f,#baff35) 0 0/200% 100%;border-radius:6px;min-height:58px;transition:transform .16s,box-shadow .16s;animation:3s ease-in-out infinite matchGlow;position:relative;box-shadow:0 12px 30px #85c93a2e}.start-game:hover{transform:translateY(-2px);box-shadow:0 16px 36px #9ce44748}@keyframes timeFade{0%{opacity:0}to{opacity:1}}@keyframes timeRise{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@keyframes matchGlow{0%,to{background-position:0 0}50%{background-position:100% 0}}@media (prefers-reduced-motion:reduce){.time-overlay,.time-picker,.start-game{animation:none}.time-scroll section button{transition:none}}.panel-tabs{border-bottom:1px solid var(--line);background:#0c1015;grid-template-columns:repeat(3,1fr);display:grid}.panel-tabs button{color:#7f8895;cursor:pointer;background:0 0;border:0;padding:14px 6px 13px;font-size:12px;font-weight:800;position:relative}.panel-tabs button:hover{color:#dfe4e9}.panel-tabs button.active{color:#fff}.panel-tabs button.active:after{content:"";background:var(--lime);height:3px;position:absolute;bottom:0;left:18%;right:18%}.match-info{flex:1;padding:20px;overflow:auto}.match-info h3,.opening-explorer h3{color:#f0f2f5;margin:0;font-size:16px}.match-info dl{margin:18px 0 0}.match-info dl div{border-bottom:1px solid #242a32;justify-content:space-between;gap:18px;padding:12px 0;display:flex}.match-info dt{color:#7d8795;font-size:12px}.match-info dd{text-align:right;margin:0;font-size:12px;font-weight:800}.opening-explorer{background:#11130f;flex:1;padding:17px 14px;overflow:auto}.explorer-head{border-bottom:1px solid #30322c;justify-content:space-between;align-items:flex-end;padding:0 2px 14px;display:flex}.explorer-head small{letter-spacing:.15em;color:#78806f;font-size:8px;font-weight:900}.explorer-head span{color:#8c9586;font-size:10px}.opening-legend,.opening-row{grid-template-columns:42px 49px minmax(140px,1fr);align-items:center;gap:7px;display:grid}.opening-legend{color:#777d73;text-transform:uppercase;letter-spacing:.06em;padding:10px 2px 6px;font-size:8px}.opening-row{border-bottom:1px solid #242720;padding:6px 2px}.opening-row>b{font:800 12px ui-monospace,monospace}.opening-row>span{color:#81867e;text-align:right;font-size:10px}.opening-bar{background:#343832;border-radius:3px;height:28px;display:flex;overflow:hidden}.opening-bar i{color:#151712;background:#e5e7e1;place-items:center;min-width:0;margin:0;font-size:9px;font-style:normal;font-weight:900;display:grid}.opening-bar i:nth-child(2){color:#f2f3ef;background:#696d67}.opening-bar i:nth-child(3){color:#f5f6f3;background:#393d38}.explorer-note{color:#656c61;margin:12px 2px 0;font-size:9px}.promotion-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030508c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.promotion-card{text-align:center;background:#11161c;border:1px solid #323944;width:min(420px,100%);padding:24px;box-shadow:0 28px 80px #000}.promotion-card>span{color:var(--lime);letter-spacing:.15em;font-size:12px;font-weight:900}.promotion-card h2{margin:8px 0 20px;font-size:24px}.promotion-card>div{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.promotion-card>div button{color:#fff9e6;cursor:pointer;background:#1a2028;border:1px solid #313843;min-height:78px;font:50px/1 Georgia,serif}:is(.promotion-card>div button:hover,.promotion-card>div button:focus-visible){border-color:var(--lime);background:#242d24;outline:none}.promotion-card .promotion-cancel{color:#8d96a4;cursor:pointer;background:0 0;border:0;margin-top:14px}.customizer-backdrop{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020408d6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.customizer-card{background:linear-gradient(145deg,#151a21,#0d1116);border:1px solid #343c47;width:min(1180px,96vw);max-height:92vh;overflow:auto;box-shadow:0 30px 100px #000}.customizer-apply{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#10161bea;border-top:1px solid #3c472f;justify-content:space-between;align-items:center;gap:18px;padding:14px 24px;display:flex;position:sticky;bottom:0;box-shadow:0 -16px 30px #0008}.customizer-apply div{flex-direction:column;gap:4px;display:flex}.customizer-apply small{letter-spacing:.16em;color:#7f8a96;font-size:9px;font-weight:900}.customizer-apply strong{text-transform:capitalize;font-size:13px}.customizer-apply button{background:var(--lime);color:#101408;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;min-width:210px;padding:13px 20px;font-weight:950;display:flex}.customizer-apply button svg{width:18px}.customizer-card>header{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#14191ff2;border-bottom:1px solid #2b323c;justify-content:space-between;align-items:center;padding:22px 24px;display:flex;position:sticky;top:0}.customizer-card>header>div{align-items:center;gap:13px;display:flex}.customizer-card>header>div>svg{color:var(--lime)}.customizer-card header span{color:#7c8795;letter-spacing:.18em;font-size:10px;font-weight:900;display:block}.customizer-card h2{margin:3px 0 0;font-size:21px}.customizer-card>header>button{cursor:pointer;background:#222933;border:0;place-items:center;width:38px;height:38px;display:grid}.customizer-card>header>button svg{width:18px}.membership-strip{background:#10151b;border-bottom:1px solid #252c35;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.membership-strip small{color:#737e8c}.member-pill{letter-spacing:.08em;border:1px solid #343c47;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:900;display:inline-flex}.member-pill svg{width:14px}.member-pill.plus{color:#61a8ff;background:#10233a;border-color:#275d9e}.member-pill.pro{color:#e5b44e;background:#2b210e;border-color:#785719}.theme-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 24px 26px;display:grid}.customizer-workspace{grid-template-columns:minmax(0,1fr) 350px;align-items:start;display:grid}.theme-browser{border-right:1px solid #2b323c;min-width:0}.custom-section-title{color:#aab4bf;text-transform:uppercase;letter-spacing:.12em;margin:20px 24px 0;font-size:13px}.custom-controls{grid-template-columns:1fr;gap:10px;padding:20px;display:grid;position:sticky;top:83px}.custom-controls section{background:#11161c;border:1px solid #2b323c;padding:15px}.custom-controls h3{margin:0 0 12px;font-size:12px}.custom-controls label{color:#9da7b2;border-top:1px solid #252d35;justify-content:space-between;align-items:center;padding:8px 0;font-size:11px;display:flex}.custom-controls input{accent-color:#baff35}.choice-row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.choice-row button,.flip-control,.custom-controls select{color:#9ca7b2;cursor:pointer;background:#181e25;border:1px solid #303944;padding:9px}.choice-row button{flex-direction:column;align-items:center;gap:3px;display:flex}.choice-row button.selected{color:#baff35;border-color:#baff35}.choice-row small{color:#6f7b87;font-size:7px}.flip-control{align-items:center;gap:7px;width:100%;margin-bottom:8px;display:flex}.flip-control svg{width:15px}.custom-controls select{width:100%}.square.last-move{box-shadow:inset 0 0 0 5px #d7ff3b88}.square.in-check{box-shadow:inset 0 0 28px #6f0000;background:#c94b4b!important}.pieces-modern .piece{filter:drop-shadow(0 4px 2px #0007);transform:scale(.91)}.pieces-outline .piece-body{fill:#0000!important;stroke-width:4.5px!important}.animation-fast .piece{transition:transform 60ms}.animation-smooth .piece{transition:transform .2s}.animation-off .piece{transition:none}.theme-card{text-align:left;cursor:pointer;background:#151a21;border:1px solid #2b323c;padding:10px;transition:transform .15s,border-color .15s,background .15s}.theme-card:hover:not(.locked){border-color:#778493;transform:translateY(-2px)}.theme-card.selected{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}.theme-card.locked{cursor:not-allowed;opacity:.62}.theme-card>strong{margin-top:9px;font-size:13px;display:block}.theme-card>small{color:#7e8996;letter-spacing:.12em;margin-top:5px;font-size:9px;font-weight:900;display:inline-block}.theme-card>small.plus{color:#5da9ff}.theme-card>small.pro{color:#d8a73d}.theme-board{aspect-ratio:2;grid-template-columns:repeat(4,1fr);display:grid;position:relative;overflow:hidden}.theme-board i{background:var(--preview-light)}.theme-board i:nth-child(2n):not(:nth-child(8n+5)):not(:nth-child(8n+7)),.theme-board i:nth-child(8n+5),.theme-board i:nth-child(8n+7){background:var(--preview-dark)}.theme-state{color:#fff;background:#0d1116d9;border-radius:50%;width:30px;height:30px;padding:7px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 4px 15px #0008}.selected .theme-state{background:var(--lime);color:#10150b}.board.theme-walnut .square.light{background:#f0d9b5}.board.theme-walnut .square.dark{background:#8b5e3c}.board.theme-midnight .square.light{background:#e8edf3}.board.theme-midnight .square.dark{background:#4b7399}.board.theme-slate .square.light{background:#dde1e5}.board.theme-slate .square.dark{background:#66717e}.board.theme-forest .square.light{background:#e8e3c7}.board.theme-forest .square.dark{background:#557a55}.board.theme-navy .square.light{background:#e7e6e1}.board.theme-navy .square.dark{background:#30475e}.board.theme-burgundy .square.light{background:#f0dfd0}.board.theme-burgundy .square.dark{background:#8a4b55}.board.theme-coffee .square.light{background:#eadbc8}.board.theme-coffee .square.dark{background:#7b5b48}.board.theme-graphite .square.light{background:#d8d8d2}.board.theme-graphite .square.dark{background:#50545b}.player-title{vertical-align:middle;letter-spacing:.06em;border:1px solid #506075;border-radius:3px;padding:2px 5px;font-weight:950;color:#c9d7e7!important;margin-left:6px!important;font-size:9px!important;display:inline-flex!important}.player-title.elite{background:#2d210d;border-color:#b98724;color:#f1bd51!important}.membership-badge{vertical-align:middle;letter-spacing:.07em;font-weight:950;color:#5faaff!important;margin-left:5px!important;font-size:8px!important;display:inline-flex!important}.membership-badge.pro{color:#e3b24d!important}@media (max-width:900px){.customizer-workspace{grid-template-columns:1fr}.theme-browser{border-right:0}.custom-controls{grid-template-columns:repeat(2,1fr);padding-top:0;position:static}}@media (max-width:680px){.customizer-workspace{grid-template-columns:1fr}.theme-browser{border-right:0}.custom-controls{grid-template-columns:1fr;padding:0 14px 18px;position:static}.theme-grid{grid-template-columns:repeat(2,1fr);padding:14px}.membership-strip{flex-direction:column;align-items:flex-start;gap:8px;padding:13px 16px}.customizer-card>header{padding:16px}.customizer-card h2{font-size:18px}}.skin-w-royal_gold .piece.w .piece-body,.skin-b-royal_gold .piece.b .piece-body{fill:#fff0a6;stroke:#b97810}.skin-w-royal_gold .piece.w,.skin-b-royal_gold .piece.b{filter:drop-shadow(0 0 6px #ffc83d88)drop-shadow(0 4px 2px #0009)}.skin-w-obsidian .piece.w .piece-body,.skin-b-obsidian .piece.b .piece-body{fill:#090c11;stroke:#a9b4c2}.skin-w-obsidian .piece.w,.skin-b-obsidian .piece.b{filter:drop-shadow(0 5px 3px #000c)}.skin-w-ivory_luxe .piece.w .piece-body,.skin-b-ivory_luxe .piece.b .piece-body{fill:#fffdf0;stroke:#c3a86b}.skin-w-ivory_luxe .piece.w,.skin-b-ivory_luxe .piece.b{filter:drop-shadow(0 3px 2px #3b2c1b88)}.skin-w-crimson_elite .piece.w .piece-body,.skin-b-crimson_elite .piece.b .piece-body{fill:#8e1233;stroke:#ff7891}.skin-w-crimson_elite .piece.w,.skin-b-crimson_elite .piece.b{filter:drop-shadow(0 0 6px #ff315788)drop-shadow(0 4px 2px #0009)}.skin-w-walnut_wood .piece.w .piece-body,.skin-b-walnut_wood .piece.b .piece-body{fill:#8b4b24;stroke:#e19a57}.skin-w-walnut_wood .piece.w,.skin-b-walnut_wood .piece.b{filter:drop-shadow(0 4px 3px #351506aa)}.skin-w-midnight_piece .piece.w .piece-body,.skin-b-midnight_piece .piece.b .piece-body{fill:#0a245b;stroke:#64a5ff}.skin-w-midnight_piece .piece.w,.skin-b-midnight_piece .piece.b{filter:drop-shadow(0 0 7px #3d83ff88)}.skin-w-dark_navy_piece .piece.w .piece-body,.skin-b-dark_navy_piece .piece.b .piece-body{fill:#07101e;stroke:#667c9b}.skin-w-graphite_piece .piece.w .piece-body,.skin-b-graphite_piece .piece.b .piece-body{fill:#343942;stroke:#a5adb8}.skin-w-emerald_glow .piece.w .piece-body,.skin-b-emerald_glow .piece.b .piece-body{fill:#075f3d;stroke:#52ff9e}.skin-w-emerald_glow .piece.w,.skin-b-emerald_glow .piece.b{filter:drop-shadow(0 0 8px #19ff8799)}.skin-w-neon_blue .piece.w .piece-body,.skin-b-neon_blue .piece.b .piece-body{fill:#0756d8;stroke:#8ed4ff}.skin-w-neon_blue .piece.w,.skin-b-neon_blue .piece.b{filter:drop-shadow(0 0 9px #1688ff)}.skin-w-ice_crystal .piece.w .piece-body,.skin-b-ice_crystal .piece.b .piece-body{fill:#dff7ff;stroke:#68bfff}.skin-w-ice_crystal .piece.w,.skin-b-ice_crystal .piece.b{filter:drop-shadow(0 0 8px #75d8ff)}.skin-w-marble_white .piece.w .piece-body,.skin-b-marble_white .piece.b .piece-body{fill:#f5f2e9;stroke:#9da7b3}.skin-w-cyber_chrome .piece.w .piece-body,.skin-b-cyber_chrome .piece.b .piece-body{fill:#b8c9d9;stroke:#fff}.skin-w-cyber_chrome .piece.w,.skin-b-cyber_chrome .piece.b{filter:drop-shadow(0 0 6px #a9dcff)}.skin-w-emerald_king .piece.w .piece-body,.skin-b-emerald_king .piece.b .piece-body{fill:#06482f;stroke:#e5c44f}.skin-w-emerald_king .piece.w,.skin-b-emerald_king .piece.b{filter:drop-shadow(0 0 7px #18d67899)}.skin-w-sunset_inferno .piece.w .piece-body,.skin-b-sunset_inferno .piece.b .piece-body{fill:#b92d08;stroke:#ffd05c}.skin-w-sunset_inferno .piece.w,.skin-b-sunset_inferno .piece.b{filter:drop-shadow(0 0 9px #ff5a16dd)}.board.theme-ivory_board .square.light{background:#fff8e8}.board.theme-ivory_board .square.dark{background:#c8b898}.board.theme-emerald_grid .square.light{background:#b9d7c4}.board.theme-emerald_grid .square.dark{background:#137c50}.board.theme-neon_arena .square.light{background:#252a58}.board.theme-neon_arena .square.dark{background:#6237c9}.board.theme-soft_marble .square.light{background:#f0eee8}.board.theme-soft_marble .square.dark{background:#a9adb1}.board.theme-royal_gold_board .square.light{background:#f6df96}.board.theme-royal_gold_board .square.dark{background:#9b6b13}.board.theme-obsidian_board .square.light{background:#49505b}.board.theme-obsidian_board .square.dark{background:#11151b}.board.theme-crimson_board .square.light{background:#d76a70}.board.theme-crimson_board .square.dark{background:#681323}.board.theme-marble_palace .square.light{background:#f4f2ec}.board.theme-marble_palace .square.dark{background:#b8bdc2}.board.theme-emerald_grid_pro .square.light{background:#70d39f}.board.theme-emerald_grid_pro .square.dark{background:#075c3a}.board.theme-neon_arena_pro .square.light{background:#226fc0}.board.theme-neon_arena_pro .square.dark{background:#142a6c}.board.theme-sakura_prestige .square.light{background:#f3d9df}.board.theme-sakura_prestige .square.dark{background:#914a63}.skin-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:280px;display:grid;overflow:auto}.skin-choice-grid button{text-align:left;color:#aab3bd;cursor:pointer;background:#181e25;border:1px solid #303944;grid-template-rows:auto auto;grid-template-columns:32px 1fr;align-items:center;gap:1px 8px;padding:9px;display:grid;position:relative}.skin-choice-grid button>i{color:var(--skin-color);filter:drop-shadow(0 0 5px var(--skin-color));grid-row:1/3;font-size:25px;font-style:normal}.skin-choice-grid button>span{font-size:11px;font-weight:800}.skin-choice-grid button>small{color:#73808c;font-size:7px}.skin-choice-grid button>svg{width:12px;position:absolute;top:6px;right:6px}.skin-choice-grid button.selected{border-color:var(--lime);color:var(--lime);background:#1b2817}.skin-choice-grid button.locked{opacity:.48;cursor:not-allowed}.board-matchmaking{z-index:8;text-align:center;color:#f0f3f5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 50% 42%,#1a2a20ee,#080d10f7 64%);flex-direction:column;justify-content:center;align-items:center;animation:.25s ease-out search-enter;display:flex;position:absolute;inset:0}.board-matchmaking p{color:var(--lime);letter-spacing:.22em;margin:20px 0 8px;font-size:12px;font-weight:900}.board-matchmaking h2{margin:0 0 8px;font-size:clamp(25px,3vw,40px)}.board-matchmaking>span,.board-matchmaking small{color:#95a19c}.board-matchmaking>strong{font-variant-numeric:tabular-nums;letter-spacing:.06em;margin:24px 0 8px;font-size:clamp(42px,6vw,72px);line-height:1}.board-matchmaking button{color:#dbe2df;cursor:pointer;background:#11191a;border:1px solid #53615a;margin-top:24px;padding:12px 24px;font-weight:800}.board-matchmaking button:hover{border-color:var(--lime);color:var(--lime)}.search-orbit{border:1px solid #4c634e;border-radius:50%;place-items:center;width:82px;height:82px;display:grid;position:relative;box-shadow:0 0 45px #aaff2c24}.search-orbit svg{width:34px;height:34px;color:var(--lime)}.search-orbit i{background:var(--lime);transform-origin:0 41px;border-radius:50%;width:7px;height:7px;animation:1.8s linear infinite search-orbit;position:absolute}.search-orbit i:nth-child(3){animation-delay:-.6s}.search-orbit i:nth-child(4){animation-delay:-1.2s}.compact-search>svg{animation:none}@keyframes search-orbit{0%{transform:translateY(-41px)rotate(0)}to{transform:translateY(-41px)rotate(360deg)}}@keyframes search-enter{0%{opacity:0;transform:scale(.985)}}@media (max-width:680px){.board-matchmaking>strong,.board-matchmaking button{margin-top:16px}.search-orbit{width:64px;height:64px}.search-orbit i{transform-origin:0 32px}@keyframes search-orbit{0%{transform:translateY(-32px)rotate(0)}to{transform:translateY(-32px)rotate(360deg)}}}.time-overlay.time-embedded{z-index:10;background:#0d1216;place-items:stretch stretch;padding:0;position:absolute;inset:0}.time-embedded .time-picker{width:100%;height:100%;max-height:none;box-shadow:none;border:4px solid #20252d}.time-embedded .time-picker>header{padding:12px 16px}.time-embedded .variant{margin:10px 14px 5px;padding:10px 14px}.time-embedded .rated-switch{margin:5px 14px 6px}.time-embedded .time-scroll{padding:0 14px 6px}.time-embedded .time-scroll section h3{margin:7px 0 5px}.time-embedded .time-scroll section button{height:46px}.time-embedded .start-game{margin:6px 14px 12px;padding:12px}@media (max-width:620px){.time-embedded .variant{display:none}.time-embedded .rated-switch{margin:7px 10px}.time-embedded .rated-switch span{display:none}.time-embedded .time-scroll{padding:0 10px}.time-embedded .time-scroll section h3{margin:5px 0 3px;font-size:12px}.time-embedded .time-scroll section button{height:37px;font-size:12px}.time-embedded .start-game{margin:4px 10px 8px;padding:9px;font-size:14px}}.time-overlay.time-embedded{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#070a0bb0;place-items:center;padding:clamp(18px,7%,64px)}.time-embedded .time-picker{background:#11161a;border:1px solid #55605a;width:min(620px,94%);height:min(88%,760px);max-height:88%;box-shadow:0 24px 80px #000d}.board-matchmaking{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 50% 38%,#1d3024f2,#0c1114fa 68%);border:1px solid #55605a;inset:clamp(24px,12%,110px);box-shadow:0 24px 80px #000d}@media (max-width:680px){.time-overlay.time-embedded{padding:18px}.time-embedded .time-picker{width:100%;height:92%;max-height:92%}.board-matchmaking{inset:20px}.board-matchmaking p{margin-top:12px}}.connection-bars{vertical-align:middle;align-items:flex-end;gap:3px;height:16px;margin-left:9px;display:inline-flex}.connection-bars i{background:#3f454b;border-radius:3px;width:5px;display:block}.connection-bars i:first-child{height:7px}.connection-bars i:nth-child(2){height:10px}.connection-bars i:nth-child(3){height:13px}.connection-bars i:nth-child(4){height:16px}.connection-bars i.on{background:#aeb5bb}.connection-bars.quality-4 i.on{background:#b8ff2c}.connection-bars.quality-3 i.on{background:#d2e46b}.connection-bars.quality-2 i.on{background:#ffc54d}.connection-bars.quality-1 i.on{background:#ff806f}@media (max-width:620px){.connection-bars{gap:2px;margin-left:6px}.connection-bars i{width:4px}}.player-strip .connection-bars{width:30px;height:15px;color:inherit;vertical-align:-2px;white-space:nowrap;flex-direction:row;align-items:flex-end;gap:2px;margin:0 0 0 9px;display:inline-flex}.player-strip .connection-bars i{flex:0 0 5px;margin:0;padding:0;display:inline-block}.player-strip .connection-bars.quality-4 i.on{box-shadow:0 0 5px #b8ff2c66}@media (max-width:620px){.player-strip .connection-bars{width:25px;margin-left:6px}.player-strip .connection-bars i{flex-basis:4px}}