.chess-backdrop{z-index:250;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.chess-panel{color:#f2f2f3;background:#121214;border:1px solid #ffffff16;border-radius:12px;outline:none;width:min(940px,100%);max-height:calc(100dvh - 48px);position:relative;overflow:auto}.chess-header{border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.chess-header h2{letter-spacing:-.5px;font-size:22px;font-weight:600}.chess-header p{color:#a3a3aa;margin-top:3px;font-size:13px}.chess-layout{grid-template-columns:minmax(0,1fr) 252px;gap:28px;padding:24px;display:grid}.chess-game{width:100%;min-width:0;max-width:560px;margin:auto;position:relative}.chess-player{align-items:center;gap:12px;min-height:64px;padding:8px 0;display:flex}.chess-player-copy{flex:1;min-width:0}.chess-player-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;display:block;overflow:hidden}.chess-player-copy>span{color:#a3a3aa;margin-top:3px;font-size:12px;display:block}.chess-player-active .chess-player-copy>span{color:color-mix(in srgb, rgb(var(--brand)) 55%, white)}.chess-empty-seat{color:#a3a3aa;background:#222225;border-radius:12px;place-items:center;width:40px;height:40px;font-size:28px;display:grid}.chess-board{--chess-light:#dbd9d2;--chess-dark:#777476;aspect-ratio:1;isolation:isolate;border-radius:4px;grid-template-columns:repeat(8,minmax(0,1fr));display:grid;position:relative;overflow:hidden}.chess-square{aspect-ratio:1;cursor:pointer;border:0;place-items:center;min-width:0;padding:0;transition:background-color .18s;display:grid;position:relative}.chess-square:focus-visible{outline:3px solid rgb(var(--brand));outline-offset:-3px;z-index:2}.chess-piece{pointer-events:none;width:88%;height:88%;overflow:visible}.chess-target{pointer-events:none;background:#28211a70;border-radius:50%;width:24%;height:24%;position:absolute}.chess-capture{border:4px solid rgb(var(--brand));background:0 0;width:88%;height:88%}.chess-rank,.chess-file{pointer-events:none;font-size:10px;font-weight:600;position:absolute}.chess-rank{top:2px;left:4px}.chess-file{bottom:1px;right:4px}.chess-status{text-align:center;color:#dedee3;min-height:24px;margin-top:8px;font-size:13px}.chess-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.chess-action,.chess-icon-action,.chess-invite{cursor:pointer;outline:none;transition:background-color .18s,color .18s}.chess-action{background:#ffffff06;border:1px solid #ffffff20;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 13px;font-size:12px;font-weight:600;display:inline-flex}.chess-action:hover{background:#ffffff12}.chess-action:disabled{opacity:.45;cursor:default}.chess-action:focus-visible,.chess-icon-action:focus-visible,.chess-invite:focus-visible{outline:2px solid rgb(var(--brand));outline-offset:3px}.chess-icon-action{border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.chess-icon-action:hover{background:#ffffff10}.chess-sidebar{border-left:1px solid #ffffff10;min-width:0;padding-left:24px}.chess-sidebar h3{align-items:center;gap:8px;margin:12px 0 14px;font-size:13px;font-weight:600;display:flex}.chess-sidebar h3>span{color:#a3a3aa;margin-left:auto;font-size:12px}.chess-spectators{max-height:170px;overflow:auto}.chess-spectator{align-items:center;gap:10px;margin-bottom:12px;font-size:13px;display:flex}.chess-spectator>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chess-muted,.chess-footnote{color:#a3a3aa;font-size:12px;line-height:1.6}.chess-footnote{margin-top:28px}.chess-error{background:rgb(var(--brand) / .102);color:color-mix(in srgb, rgb(var(--brand)) 35%, white);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin:8px 0;padding:12px;font-size:13px;display:flex}.chess-choice{z-index:3;border:1px solid rgb(var(--brand) / .439);text-align:center;background:#1d1916;border-radius:12px;padding:16px;font-size:13px;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.chess-choice>div{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.chess-invite{text-align:left;background:#ffffff08;border-radius:12px;align-items:center;gap:10px;width:100%;margin:6px 0;padding:10px 12px;font-size:12px;display:flex}.chess-invite>span:first-child{color:color-mix(in srgb, rgb(var(--brand)) 55%, white);font-size:26px}.chess-invite strong{font-size:13px;font-weight:600;display:block}.chess-invite>span>span{color:#a3a3aa;margin-top:2px;display:block}.chess-invite:hover{background:#ffffff12}@media (max-width:700px){.chess-backdrop{padding:8px}.chess-panel{max-height:calc(100dvh - 16px)}.chess-header{padding:14px 16px}.chess-header h2{font-size:19px}.chess-header p{font-size:11px}.chess-layout{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}.chess-sidebar{border-top:1px solid #ffffff10;border-left:0;grid-template-columns:1fr 1fr;gap:16px;padding:8px 0 0;display:grid}.chess-spectators,.chess-footnote{grid-column:1/-1;margin:0}.chess-rank,.chess-file{font-size:8px}.chess-player{min-height:60px}.chess-player-copy strong{font-size:13px}.chess-sidebar h3{margin-top:8px}.chess-error{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.chess-square,.chess-action,.chess-icon-action,.chess-invite{transition:none}}.chess-header-actions{gap:4px;display:flex}.chess-theme-walnut{--chess-light:#e4d7bf;--chess-dark:#96795e}.chess-theme-sage{--chess-light:#dde2cf;--chess-dark:#6c8069}.chess-theme-slate{--chess-light:#d2dbe3;--chess-dark:#677c90}.chess-light{background:var(--chess-light);color:#292726}.chess-dark{background:var(--chess-dark);color:#fff}.chess-last.chess-light{background:color-mix(in srgb, var(--chess-light) 78%, rgb(var(--brand)))}.chess-last.chess-dark{background:color-mix(in srgb, var(--chess-dark) 74%, rgb(var(--brand)))}.chess-selected{box-shadow:inset 0 0 0 3px rgb(var(--brand))}.chess-pieces{pointer-events:none;z-index:1;position:absolute;inset:0}.chess-piece-position{pointer-events:none;place-items:center;width:12.5%;height:12.5%;display:grid;position:absolute}.chess-piece-shape{stroke-width:1.8px}.chess-white-piece .chess-piece-shape{fill:#faf7f0;stroke:#302b27;stroke-width:1.8px}.chess-black-piece .chess-piece-shape{fill:#242426;stroke:#f0eadd;stroke-width:1.4px}.chess-piece-outline .chess-piece-shape{stroke-width:2.5px}.chess-white-piece.chess-piece-outline .chess-piece-shape{fill:#fff5db}.chess-black-piece.chess-piece-outline .chess-piece-shape{fill:#414146}.chess-piece-outline{filter:drop-shadow(0 1px 1px #0004)}.chess-clock{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.5px;background:#0a0a0b;border:1px solid #ffffff18;border-radius:12px;min-width:72px;padding:10px 12px;font-size:21px;font-weight:600;transition:border-color .18s,background-color .18s}.chess-clock-active{border-color:rgb(var(--brand) / .565);background:rgb(var(--brand) / .071)}.chess-clock-low{color:color-mix(in srgb, rgb(var(--brand)) 35%, white)}.chess-setup{border-bottom:1px solid #ffffff10;padding-bottom:16px}.chess-field{color:#c5c5cd;margin:10px 0;font-size:12px;display:block}.chess-field select,.chess-field input{color:#f2f2f3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1c1c20;border:1px solid #fff2;border-radius:12px;width:100%;min-width:0;min-height:44px;margin-top:6px;padding:8px 10px;font-size:13px;display:block}.chess-field select{cursor:pointer}.chess-field :disabled{opacity:.55;cursor:default}.chess-field :focus-visible,.chess-custom summary:focus-visible{outline:2px solid rgb(var(--brand));outline-offset:2px}.chess-custom summary{cursor:pointer;color:#dddde3;align-items:center;min-height:44px;font-size:12px;display:flex}.chess-custom>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chess-custom .chess-action{width:100%}.chess-result{z-index:2;text-align:center;background:#121214f5;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:min(300px,90%);padding:24px 20px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 16px 48px #0005}.chess-result-close{position:absolute;top:4px;right:4px}.chess-result-icon{color:color-mix(in srgb, rgb(var(--brand)) 55%, white)}.chess-result strong{letter-spacing:-.6px;font-size:24px}.chess-result p{color:#c5c5cd;font-size:13px}.chess-choice .chess-piece{width:36px;height:36px}@media (max-width:700px){.chess-setup{grid-column:1/-1}.chess-setup>.chess-field{margin-top:0}.chess-clock{min-width:62px;padding:8px;font-size:18px}.chess-player{gap:8px}.chess-result{gap:8px;padding:20px 14px}.chess-result strong{font-size:21px}}@media (prefers-reduced-motion:reduce){.chess-clock{transition:none}}.chess-result[data-result=loss] .chess-result-icon{color:#b8b8c2}.chess-dark .chess-rank,.chess-dark .chess-file{color:#181818}.chess-live-clocks{gap:12px;display:grid}.chess-live-clocks .chess-player{background:#ffffff03;border:1px solid #ffffff16;border-radius:12px;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px;display:grid}.chess-live-clocks .chess-player-active{border-color:rgb(var(--brand) / .5)}.chess-live-clocks .chess-clock{text-align:left;grid-column:1/-1;font-size:30px}.chess-custom .chess-field{grid-template-rows:minmax(20px,auto) 44px;align-content:end;display:grid}.chess-custom .chess-field>span{min-height:20px;line-height:20px}.chess-custom .chess-field input{height:44px;margin-top:0}.chess-settings-shade{z-index:4;background:#0007;border-radius:12px;position:absolute;inset:0}.chess-settings{z-index:5;background:#1a1a1d;border:1px solid #ffffff24;border-radius:12px;width:min(400px,100% - 36px);max-height:calc(100% - 36px);padding:16px;position:absolute;top:18px;right:18px;overflow:auto;box-shadow:0 12px 40px #0005}.chess-settings>header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chess-settings h3{font-size:17px;font-weight:600}.chess-settings h4{margin:16px 0 10px;font-size:13px;font-weight:600}.chess-settings>p{margin-top:16px}.chess-theme-options,.chess-piece-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.chess-piece-options{grid-template-columns:repeat(3,minmax(0,1fr))}.chess-option{cursor:pointer;text-align:center;background:#121214;border:1px solid #ffffff20;border-radius:12px;gap:7px;min-width:0;padding:7px;font-size:11px;transition:border-color .18s,background-color .18s;display:grid}.chess-option:hover{background:#232328}.chess-option[aria-pressed=true]{border-color:rgb(var(--brand));background:rgb(var(--brand) / .09)}.chess-option:focus-visible,.chess-history-move:focus-visible{outline:2px solid rgb(var(--brand));outline-offset:2px}.chess-preview-board{aspect-ratio:1;--chess-light:#dbd9d2;--chess-dark:#777476;border-radius:5px;grid-template-columns:repeat(4,1fr);display:grid;position:relative;overflow:hidden}.chess-preview-board.chess-theme-walnut{--chess-light:#e4d7bf;--chess-dark:#96795e}.chess-preview-board.chess-theme-sage{--chess-light:#dde2cf;--chess-dark:#6c8069}.chess-preview-board.chess-theme-slate{--chess-light:#d2dbe3;--chess-dark:#677c90}.chess-preview-figure{place-items:center;display:grid;position:absolute;inset:10%}.chess-preview-pieces{justify-content:center;align-items:center;height:62px;display:flex;overflow:hidden}.chess-preview-pieces .chess-piece{width:50%;height:100%}.chess-history{border-top:1px solid #ffffff10;grid-column:1/-1;min-width:0;padding-top:16px}.chess-history-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.chess-history-toolbar>span{color:#c5c5cd;font-size:12px}.chess-history-navigation{align-items:center;gap:4px;display:flex}.chess-icon-action:disabled{opacity:.35;cursor:default}.chess-history-strip{scrollbar-width:thin;align-items:center;gap:4px;min-height:48px;padding:3px;display:flex;position:relative;overflow-x:auto}.chess-history-move{font-variant-numeric:tabular-nums;cursor:pointer;border:1px solid #0000;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;min-height:44px;padding:8px 12px;font-size:13px;transition:background-color .18s,border-color .18s;display:flex}.chess-history-move>span{color:#a3a3aa;font-size:11px}.chess-history-move:hover{background:#ffffff0a}.chess-history-move[aria-pressed=true]{border-color:rgb(var(--brand) / .55);background:rgb(var(--brand) / .12)}@media (max-width:700px){.chess-live-clocks{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.chess-live-clocks .chess-player{gap:8px;padding:10px}.chess-live-clocks .chess-clock{font-size:26px}.chess-material{border:0;margin-top:0;padding-top:0}.chess-history-toolbar{flex-direction:column;align-items:stretch;gap:4px}.chess-history-navigation{justify-content:center}.chess-history-navigation .chess-action{padding:8px;font-size:11px}.chess-settings{width:calc(100% - 24px);max-height:calc(100% - 24px);padding:12px;top:12px;right:12px}.chess-option{padding:5px;font-size:10px}.chess-header{gap:8px}.chess-settings-trigger{gap:5px;padding:8px}}@media (prefers-reduced-motion:reduce){.chess-option,.chess-history-move{transition:none}}.chess-theme-sand{--chess-light:#f0e6d2;--chess-dark:#ae9572}.chess-theme-plum{--chess-light:#e5dce5;--chess-dark:#90758c}.chess-theme-ocean{--chess-light:#d8e9e7;--chess-dark:#638c92}.chess-theme-graphite{--chess-light:#d5d5d8;--chess-dark:#707077}.chess-piece-glass{filter:drop-shadow(0 2px 1px #0005)}.chess-captured{flex-wrap:wrap;align-items:center;gap:1px;min-height:20px;margin-top:5px;display:flex}.chess-captured>span{place-items:center;width:17px;height:23px;display:grid}.chess-captured .chess-piece{width:24px;height:24px}.chess-player-copy .chess-captured strong{color:#f2f2f3;font-variant-numeric:tabular-nums;margin-left:4px;font-size:12px}.chess-time-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.chess-time-option{text-align:left;cursor:pointer;background:#ffffff04;border:1px solid #ffffff1f;border-radius:12px;gap:2px;min-height:56px;padding:9px 12px;transition:background-color .18s,border-color .18s;display:grid}.chess-time-option strong{font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.chess-time-option span{color:#b3b3bc;font-size:11px}.chess-time-option[aria-pressed=true],.chess-invite-recipient[aria-pressed=true]{border-color:rgb(var(--brand));background:rgb(var(--brand) / .1)}.chess-time-option:hover:not(:disabled),.chess-invite-recipient:hover{background:#ffffff0f}.chess-time-option:disabled{opacity:.5;cursor:default}.chess-time-option:focus-visible,.chess-invite-recipient:focus-visible{outline:2px solid rgb(var(--brand));outline-offset:3px}.chess-accent{background:rgb(var(--brand));border-color:rgb(var(--brand));color:#0a0a0b}.chess-accent:hover:not(:disabled){background:color-mix(in srgb, rgb(var(--brand)) 82%, white);border-color:#0000}.chess-action:active:not(:disabled),.chess-time-option:active:not(:disabled){transform:scale(.98)}.chess-confirm-shade{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0b85;border-radius:12px;position:absolute;inset:0}.chess-confirm-shade .chess-choice{border-color:rgb(var(--brand) / .35);background:#121214ee;padding:24px 18px;top:50%;box-shadow:0 16px 48px #0006}.chess-choice h3{letter-spacing:-.3px;margin:12px 0 8px;font-size:18px;font-weight:600}.chess-confirm-icon{background:rgb(var(--brand) / .14);color:color-mix(in srgb, rgb(var(--brand)) 65%, white);border-radius:12px;padding:12px;display:inline-flex}.chess-draw-offer{border:1px solid rgb(var(--brand) / .3);background:rgb(var(--brand) / .07);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:12px;font-size:13px;display:flex}.chess-draw-offer>span{flex:1;min-width:140px}.chess-draw-offer>div{flex-wrap:wrap;gap:8px;display:flex}.chess-settings-shade{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chess-invite-users{gap:6px;max-height:250px;margin:8px 0 16px;padding:3px;display:grid;overflow:auto}.chess-invite-recipient{cursor:pointer;text-align:left;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:56px;padding:9px 12px;transition:border-color .18s,background-color .18s;display:flex}.chess-invite-recipient span{min-width:0}.chess-invite-recipient strong,.chess-invite-recipient small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chess-invite-recipient strong{font-size:13px;font-weight:600}.chess-invite-recipient small{color:#b3b3bc;margin-top:3px;font-size:11px}.chess-invite-picker>.chess-action{width:100%}.chess-challenge-card{color:#f2f2f3;background:#121214;border:1px solid #ffffff20;border-radius:12px;gap:14px;width:320px;min-width:0;max-width:100%;padding:16px;display:grid}.chess-challenge-heading{align-items:center;gap:10px;display:flex}.chess-challenge-heading>svg{color:color-mix(in srgb, rgb(var(--brand)) 65%, white)}.chess-challenge-heading strong{font-size:15px;font-weight:600;display:block}.chess-challenge-heading span{color:#b3b3bc;margin-top:3px;font-size:12px;display:block}.chess-challenge-opponent{align-items:center;gap:8px;font-size:12px;display:flex}.chess-challenge-opponent>span{color:#b3b3bc}.chess-challenge-opponent strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}@media (max-width:700px){.chess-time-options{grid-template-columns:repeat(3,minmax(0,1fr))}.chess-time-option{padding:8px 10px}.chess-live-clocks{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chess-live-clocks .chess-player{padding:10px}}@media (prefers-reduced-motion:reduce){.chess-time-option,.chess-invite-recipient{transition:none}.chess-action:active:not(:disabled),.chess-time-option:active:not(:disabled){transform:none}}