@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-emerald-400:#00d294;--color-emerald-600:#009767;--color-emerald-700:#007956;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.625rem;--radius-md:.875rem;--radius-lg:var(--radius);--radius-xl:1.5rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-emerald-400:lab(75.0771% -60.7313 19.4147);--color-emerald-600:lab(55.0481% -49.9246 15.93);--color-emerald-700:lab(44.4871% -41.0396 11.0361)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}body{background-color:var(--background);color:var(--foreground);background-image:var(--ambient);background-attachment:fixed}button,a,[role=button],[role=tab],[role=option],label[for],select{cursor:pointer}button:disabled,[aria-disabled=true]{cursor:not-allowed}}@layer components{.arena-stage{border:1px solid var(--hairline);border-radius:var(--radius-xl);background:radial-gradient(80% 60% at 50% 0%,var(--accent-from),transparent 70%),var(--card);padding:clamp(.75rem,2.5cqi,1.75rem)}@supports (color:color-mix(in lab, red, red)){.arena-stage{background:radial-gradient(80% 60% at 50% 0%,color-mix(in srgb,var(--accent-from) 6%,transparent),transparent 70%),var(--card)}}.arena-stage{box-shadow:var(--highlight), var(--depth-2)}.arena-player{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--foreground);align-items:center;gap:.75rem;min-width:0;padding:.5rem .75rem;display:flex}@supports (color:color-mix(in lab, red, red)){.arena-player{background:color-mix(in srgb,var(--foreground) 4%,transparent)}}.arena-player{box-shadow:var(--highlight);transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out)}.arena-player-active{background:var(--tint-warm);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.arena-player-active{border-color:color-mix(in srgb,var(--primary) 30%,var(--hairline))}}.arena-player-active{box-shadow:var(--highlight), var(--depth-1)}.arena-player-avatar{background:var(--primary);width:1.75rem;height:1.75rem;color:var(--primary-foreground);border-radius:9999px;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:700;display:inline-grid}.arena-player:nth-child(2) .arena-player-avatar{background:var(--player-two);color:var(--background)}.arena-player-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.arena-player-time{flex-shrink:0;margin-left:auto;display:flex}.arena-room-players{grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:.5rem;display:grid}.arena-action-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.arena-card{border-color:var(--hairline);box-shadow:var(--highlight), var(--depth-2)}.arena-glass,.arena-mobile-games,.arena-mobile-chat{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.3);backdrop-filter:blur(var(--blur)) saturate(1.3);border-color:var(--hairline)}.arena-well,.arena-status,.arena-result-dialog-note,.arena-game-chat-lines{border-radius:var(--radius-md);background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.arena-well,.arena-status,.arena-result-dialog-note,.arena-game-chat-lines{background:color-mix(in srgb,var(--foreground) 4%,transparent)}}.arena-well,.arena-status,.arena-result-dialog-note,.arena-game-chat-lines{box-shadow:inset 0 0 0 1px var(--hairline), inset 0 1px 2px #0000002e}.arena-segmented{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.arena-segmented{background:color-mix(in srgb,var(--foreground) 5%,transparent)}}.arena-segmented{box-shadow:inset 0 0 0 1px var(--hairline)}.arena-segment-active{box-shadow:var(--highlight), var(--depth-1)}.arena-soft{box-shadow:var(--highlight)}.arena-soft:not(:disabled):hover{box-shadow:var(--highlight), var(--depth-1)}.arena-cta{box-shadow:inset 0 1px 0 #ffffff47, 0 10px 22px -12px var(--accent-from)}@supports (color:color-mix(in lab, red, red)){.arena-cta{box-shadow:inset 0 1px 0 #ffffff47, 0 10px 22px -12px color-mix(in srgb,var(--accent-from) 75%,transparent)}}.arena-selection .arena-cta{box-shadow:var(--highlight), var(--depth-1), inset 0 0 0 1px var(--primary)}@supports (color:color-mix(in lab, red, red)){.arena-selection .arena-cta{box-shadow:var(--highlight), var(--depth-1), inset 0 0 0 1px color-mix(in srgb,var(--primary) 40%,transparent)}}.arena-field{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.arena-field{background:color-mix(in srgb,var(--background) 55%,transparent)}}.arena-field{transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);box-shadow:inset 0 1px 2px #0000002e}.arena-deadline{border:1px solid var(--hairline);background:var(--raised);max-width:100%;color:var(--foreground);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;border-radius:9999px;margin-top:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.arena-pass-note{border-inline-start:2px solid var(--input);border-radius:var(--radius-sm);background:var(--muted);padding:8px 12px;line-height:1.5}.arena-rules{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--muted);overflow-wrap:anywhere;min-width:0;padding:12px 16px;line-height:1.6}.arena-rules>summary{min-height:40px;color:var(--foreground);align-content:center}.arena-rules>summary::marker{color:var(--muted-foreground)}.arena-rules[open]>summary{border-bottom:1px solid var(--hairline);margin-bottom:8px;padding-bottom:8px}.arena-board-tools{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--muted);width:100%;padding:8px}.arena-board-tools>button{white-space:normal;min-width:40px;height:auto;min-height:40px;padding-block:8px}.arena-board-tools>button[aria-pressed=true]{background:var(--popover);box-shadow:var(--highlight),var(--depth-1)}.arena-lobby-note{background:var(--muted);border:1px solid var(--hairline);border-radius:var(--radius-md);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;line-height:1.5;display:flex}.arena-lobby-note>a{min-height:40px;color:var(--primary);text-underline-offset:4px;align-items:center;display:inline-flex}.arena-setup-cancel{white-space:normal;height:auto;min-height:40px;color:var(--muted-foreground);padding:8px 16px}.arena-play-setup button{white-space:normal;overflow-wrap:anywhere}.arena-play-setup [role=tabpanel]>button{height:auto;min-height:44px;padding-block:12px}.arena-play-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-play-tabs>button{min-width:0;padding-inline:8px}.arena-play-status{border-inline-start:2px solid var(--hairline);padding-inline-start:12px;line-height:1.6}.arena-play-preview{padding:16px}.arena-play-board{pointer-events:none;-webkit-user-select:none;user-select:none;width:min(100%,max(100dvh - 22rem,18rem),48rem);min-width:0}.arena-play-preview[data-game=backgammon] .arena-play-board,.arena-play-preview[data-game=longnardy] .arena-play-board,.arena-play-preview[data-game=battleship] .arena-play-board,.arena-play-preview[data-game=rps] .arena-play-board{width:min(100%,60rem)}.arena-play-feeds>div>section{min-width:0}.arena-play-feeds .arena-top-players>ol{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--card);padding-inline:12px}.arena-play-feeds .arena-top-players>ol>li:first-child>span:first-child{color:var(--primary)}.arena-play-feeds .arena-top-matches>div:first-child{flex-direction:column;align-items:flex-start}.arena-play-rules{background:var(--card);border-radius:var(--radius-lg)}.arena-play-rules>summary{border-radius:var(--radius-sm)}.arena-play-rules>summary:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.arena-hub-continue{overflow-wrap:anywhere;min-width:0}.arena-hub-continue>.arena-game-icon{border-radius:var(--radius-md);background:var(--raised);width:3.5rem;height:3.5rem;box-shadow:var(--highlight), var(--depth-1);padding:.5rem}.arena-hub-continue>div:first-of-type{gap:.25rem}.arena-hub-continue-actions>*,.arena-hub-continue>a{white-space:normal;text-align:center;height:auto;min-height:2.75rem;padding-block:.75rem}.arena-live-dot{background:var(--primary);border-radius:50%;width:.5rem;height:.5rem;margin-right:.5rem;display:inline-block}.arena-invite{overflow-wrap:anywhere;text-align:left;min-width:0}.arena-invite>div>button{white-space:normal;flex:10rem;height:auto;min-height:2.5rem;padding-block:.5rem}.arena-invite code{vertical-align:middle;overflow-wrap:anywhere;max-width:100%;display:inline-block}.arena-invite-friend{flex:0 auto;min-width:0;max-width:100%}.arena-invite-friend select{flex:9rem;width:9rem;max-width:100%}.arena-invite-friend button{white-space:normal;flex:auto;height:auto;min-height:2.5rem;padding-block:.5rem}.arena-message-invite{border:1px solid var(--input);border-radius:var(--radius-md);background:var(--raised);max-width:100%;min-height:2.5rem;color:var(--foreground);box-shadow:var(--highlight), var(--depth-1);white-space:normal;vertical-align:middle;justify-content:center;align-items:center;gap:.5rem;margin-block:.25rem;padding:.5rem .75rem;font-weight:600;text-decoration:none;display:inline-flex}.arena-message-invite:hover{background:var(--popover)}.arena-message-invite:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.arena-result-dialog-rating{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--raised);max-width:100%;color:var(--foreground);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;align-self:center;padding:.75rem 1rem;font-size:1rem;font-weight:600}.arena-profile-ai-note{font-variant-numeric:tabular-nums;line-height:1.6}.arena-ai-tag{border:1px solid var(--hairline);background:var(--muted);white-space:nowrap;border-radius:9999px;padding:.25rem .5rem;display:inline-block}.arena-profile-filters>a,.arena-watch-filters>button{white-space:normal;text-align:center;font-variant-numeric:tabular-nums;max-width:100%;height:auto;min-height:2.5rem;padding-block:.5rem}.arena-profile-filters>a[aria-current=page]{box-shadow:var(--highlight), var(--depth-1)}.arena-live-stake{color:var(--foreground);font-weight:500;display:inline-block}}@layer utilities{.\@container\/continue{container:continue/inline-size}.\@container\/setup{container:setup/inline-size}.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-0\.5{inset:calc(var(--spacing) * .5)}.inset-1{inset:var(--spacing)}.inset-\[38\%\]{inset:38%}.inset-x-0{inset-inline:0}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.inset-y-0{inset-block:0}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-1{top:calc(var(--spacing) * -1)}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-12{top:calc(var(--spacing) * 12)}.top-\[calc\(100\%\+2px\)\]{top:calc(100% + 2px)}.top-\[calc\(100\%\+10px\)\]{top:calc(100% + 10px)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.-right-1{right:calc(var(--spacing) * -1)}.right-0{right:0}.right-0\.5{right:calc(var(--spacing) * .5)}.right-1{right:var(--spacing)}.right-4{right:calc(var(--spacing) * 4)}.right-\[calc\(100\%\+2px\)\]{right:calc(100% + 2px)}.right-\[calc\(100\%\+6px\)\]{right:calc(100% + 6px)}.right-\[calc\(100\%\+10px\)\]{right:calc(100% + 10px)}.bottom-0{bottom:0}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-\[calc\(100\%\+6px\)\]{bottom:calc(100% + 6px)}.bottom-full{bottom:100%}.left-0\.5{left:calc(var(--spacing) * .5)}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.z-10{z-index:10}.z-30{z-index:30}.z-50{z-index:50}.order-first{order:-9999}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.row-span-2{grid-row:span 2/span 2}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.-mr-2{margin-right:calc(var(--spacing) * -2)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-1\/2{height:50%}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-80{height:calc(var(--spacing) * 80)}.h-\[14\%\]{height:14%}.h-\[26\%\]{height:26%}.h-\[28\%\]{height:28%}.h-\[30\%\]{height:30%}.h-\[34\%\]{height:34%}.h-\[62\%\]{height:62%}.h-\[76\%\]{height:76%}.h-\[78\%\]{height:78%}.h-\[80\%\]{height:80%}.h-\[82\%\]{height:82%}.h-\[84\%\]{height:84%}.h-\[88\%\]{height:88%}.h-\[calc\(100dvh-8rem\)\]{height:calc(100dvh - 8rem)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-80{max-height:calc(var(--spacing) * 80)}.min-h-0{min-height:0}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-96{min-height:calc(var(--spacing) * 96)}.min-h-\[44px\]{min-height:44px}.min-h-\[160px\]{min-height:160px}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\/5{width:60%}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-56{width:calc(var(--spacing) * 56)}.w-72{width:calc(var(--spacing) * 72)}.w-\[14\%\]{width:14%}.w-\[26\%\]{width:26%}.w-\[28\%\]{width:28%}.w-\[30\%\]{width:30%}.w-\[34\%\]{width:34%}.w-\[62\%\]{width:62%}.w-\[76\%\]{width:76%}.w-\[78\%\]{width:78%}.w-\[80\%\]{width:80%}.w-\[82\%\]{width:82%}.w-\[84\%\]{width:84%}.w-\[88\%\]{width:88%}.w-\[min\(260px\,80\%\)\]{width:min(260px,80%)}.w-\[min\(360px\,85\%\)\]{width:min(360px,85%)}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6{max-width:calc(var(--spacing) * 6)}.max-w-8{max-width:calc(var(--spacing) * 8)}.max-w-11{max-width:calc(var(--spacing) * 11)}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-\[90\%\]{max-width:90%}.max-w-\[960px\]{max-width:960px}.max-w-\[min\(90\%\,560px\)\]{max-width:min(90%,560px)}.max-w-\[min\(100\%\,max\(calc\(100dvh-13rem\)\,18rem\)\,600px\)\]{max-width:min(100%,max(100dvh - 13rem,18rem),600px)}.max-w-\[min\(100\%\,max\(calc\(100dvh-13rem\)\,18rem\)\,820px\)\]{max-width:min(100%,max(100dvh - 13rem,18rem),820px)}.max-w-\[min\(100\%\,max\(calc\(100dvh-14rem\)\,18rem\)\,760px\)\]{max-width:min(100%,max(100dvh - 14rem,18rem),760px)}.max-w-\[min\(100\%\,max\(calc\(100dvh-17rem\)\,18rem\)\,820px\)\]{max-width:min(100%,max(100dvh - 17rem,18rem),820px)}.max-w-\[min\(100\%\,max\(calc\(100dvh-20rem\)\,18rem\)\,720px\)\]{max-width:min(100%,max(100dvh - 20rem,18rem),720px)}.max-w-\[min\(100\%\,max\(calc\(100dvh-23rem\)\,22rem\)\,860px\)\]{max-width:min(100%,max(100dvh - 23rem,22rem),860px)}.max-w-\[min\(100\%\,max\(calc\(100dvh-24rem\)\,18rem\)\,820px\)\]{max-width:min(100%,max(100dvh - 24rem,18rem),820px)}.max-w-\[min\(100\%\,max\(calc\(100dvh-27rem\)\,18rem\)\,820px\)\]{max-width:min(100%,max(100dvh - 27rem,18rem),820px)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-11{min-width:calc(var(--spacing) * 11)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-\[4rem\]{min-width:4rem}.min-w-\[520px\]{min-width:520px}.min-w-\[640px\]{min-width:640px}.min-w-\[720px\]{min-width:720px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.basis-36{flex-basis:calc(var(--spacing) * 36)}.basis-40{flex-basis:calc(var(--spacing) * 40)}.basis-48{flex-basis:calc(var(--spacing) * 48)}.basis-60{flex-basis:calc(var(--spacing) * 60)}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-\[\.28\]{scale:.28}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.scroll-mt-6{scroll-margin-top:calc(var(--spacing) * 6)}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-\[2\.5rem_1fr_1fr\]{grid-template-columns:2.5rem 1fr 1fr}.grid-cols-\[repeat\(auto-fill\,minmax\(9rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(100px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(min\(150px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(min\(180px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(min\(200px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(min\(220px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(min\(260px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(min\(280px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(min\(300px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(min\(320px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(min\(96px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(96px,100%),1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(min\(150px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(min\(300px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(min\(320px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[1\.5\%\]{gap:1.5%}.gap-px{gap:1px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-1{row-gap:var(--spacing)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\(--hairline\)>:not(:last-child)){border-color:var(--hairline)}:where(.divide-border>:not(:last-child)){border-color:var(--border)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:.875rem}.rounded-sm{border-radius:.625rem}.rounded-xl{border-radius:1.5rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-br-sm{border-bottom-right-radius:.625rem}.rounded-bl-sm{border-bottom-left-radius:.625rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[\#dadce0\]{border-color:#dadce0}.border-border,.border-border\/40{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/40{border-color:color-mix(in oklab, var(--border) 40%, transparent)}}.border-card{border-color:var(--card)}.border-foreground{border-color:var(--foreground)}.border-input{border-color:var(--input)}.border-primary,.border-primary\/25{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/25{border-color:color-mix(in oklab, var(--primary) 25%, transparent)}}.border-transparent{border-color:#0000}.bg-\[var\(--checker-black\)\]{background-color:var(--checker-black)}.bg-\[var\(--checker-white\)\]{background-color:var(--checker-white)}.bg-\[var\(--chess-dark-square\)\]{background-color:var(--chess-dark-square)}.bg-\[var\(--chess-light-square\)\]{background-color:var(--chess-light-square)}.bg-\[var\(--mark-x\)\]{background-color:var(--mark-x)}.bg-accent,.bg-accent\/25{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-accent\/25{background-color:color-mix(in oklab, var(--accent) 25%, transparent)}}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive,.bg-destructive\/20{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/20{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.bg-destructive\/40{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/40{background-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.bg-foreground\/15{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/15{background-color:color-mix(in oklab, var(--foreground) 15%, transparent)}}.bg-foreground\/50{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/50{background-color:color-mix(in oklab, var(--foreground) 50%, transparent)}}.bg-foreground\/\[\.03\]{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/\[\.03\]{background-color:color-mix(in oklab, var(--foreground) 3%, transparent)}}.bg-foreground\/\[\.05\]{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/\[\.05\]{background-color:color-mix(in oklab, var(--foreground) 5%, transparent)}}.bg-foreground\/\[\.07\]{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/\[\.07\]{background-color:color-mix(in oklab, var(--foreground) 7.0%, transparent)}}.bg-foreground\/\[\.08\]{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/\[\.08\]{background-color:color-mix(in oklab, var(--foreground) 8%, transparent)}}.bg-muted{background-color:var(--muted)}.bg-muted-foreground\/40{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\/40{background-color:color-mix(in oklab, var(--muted-foreground) 40%, transparent)}}.bg-muted\/40{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/40{background-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.bg-primary\/60{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/60{background-color:color-mix(in oklab, var(--primary) 60%, transparent)}}.bg-primary\/70{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/70{background-color:color-mix(in oklab, var(--primary) 70%, transparent)}}.bg-ring\/30{background-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.bg-ring\/30{background-color:color-mix(in oklab, var(--ring) 30%, transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[2\%\]{padding:2%}.p-\[5\%\]{padding:5%}.p-\[6\%\]{padding:6%}.p-px{padding:1px}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1{padding-right:var(--spacing)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-7{padding-left:calc(var(--spacing) * 7)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[clamp\(0\.85rem\,4\.5vw\,1\.6rem\)\]{font-size:clamp(.85rem,4.5vw,1.6rem)}.text-\[clamp\(2rem\,18vw\,5\.5rem\)\]{font-size:clamp(2rem,18vw,5.5rem)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#1f1f1f\]{color:#1f1f1f}.text-\[var\(--checker-black\)\]{color:var(--checker-black)}.text-\[var\(--checker-white\)\]{color:var(--checker-white)}.text-\[var\(--mark-o\)\]{color:var(--mark-o)}.text-\[var\(--mark-x\)\]{color:var(--mark-x)}.text-\[var\(--player-two\)\]{color:var(--player-two)}.text-accent-foreground{color:var(--accent-foreground)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-foreground,.text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/60{color:color-mix(in oklab, var(--foreground) 60%, transparent)}}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground,.text-primary-foreground\/80{color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.text-primary-foreground\/80{color:color-mix(in oklab, var(--primary-foreground) 80%, transparent)}}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-primary{accent-color:var(--primary)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--depth-3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--depth-1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-\[var\(--mark-o\)\]{--tw-ring-color:var(--mark-o)}.ring-\[var\(--mark-x\)\]{--tw-ring-color:var(--mark-x)}.ring-accent{--tw-ring-color:var(--accent)}.ring-destructive{--tw-ring-color:var(--destructive)}.ring-primary,.ring-primary\/50{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/50{--tw-ring-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.ring-primary\/60{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/60{--tw-ring-color:color-mix(in oklab, var(--primary) 60%, transparent)}}.ring-ring{--tw-ring-color:var(--ring)}.ring-white{--tw-ring-color:var(--color-white)}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,box-shadow\]{transition-property:background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,box-shadow\]{transition-property:background-color,color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,background-color\]{transition-property:opacity,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[grid-area\:board\]{grid-area:board}.\[grid-area\:clubs\]{grid-area:clubs}.\[grid-area\:learn\]{grid-area:learn}.\[grid-area\:profile\]{grid-area:profile}.\[grid-area\:puzzles\]{grid-area:puzzles}.\[grid-area\:rate\]{grid-area:rate}.\[grid-area\:top\]{grid-area:top}.\[grid-area\:tours\]{grid-area:tours}.\[grid-area\:watch\]{grid-area:watch}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}@media (hover:hover){.group-hover\:block:is(:where(.group):hover *){display:block}.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:text-foreground:is(:where(.group):hover *){color:var(--foreground)}.group-hover\:opacity-30:is(:where(.group):hover *){opacity:.3}.group-hover\:opacity-35:is(:where(.group):hover *){opacity:.35}.group-hover\:opacity-40:is(:where(.group):hover *){opacity:.4}.group-hover\:opacity-45:is(:where(.group):hover *){opacity:.45}.group-hover\:opacity-60:is(:where(.group):hover *){opacity:.6}}.group-focus\:block:is(:where(.group):focus *){display:block}.group-focus-visible\:scale-100:is(:where(.group):focus-visible *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-focus-visible\:opacity-30:is(:where(.group):focus-visible *){opacity:.3}.group-focus-visible\:opacity-35:is(:where(.group):focus-visible *){opacity:.35}.group-focus-visible\:opacity-40:is(:where(.group):focus-visible *){opacity:.4}.group-focus-visible\:opacity-45:is(:where(.group):focus-visible *){opacity:.45}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-x-3:before{content:var(--tw-content);inset-inline:calc(var(--spacing) * 3)}.before\:-top-0\.5:before{content:var(--tw-content);top:calc(var(--spacing) * -.5)}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:bg-border:before{content:var(--tw-content);background-color:var(--border)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:rounded-lg:after{content:var(--tw-content);border-radius:var(--radius)}.after\:rounded-md:after{content:var(--tw-content);border-radius:.875rem}.first\:border-0:first-child{border-style:var(--tw-border-style);border-width:0}.first\:pt-0:first-child{padding-top:0}.first\:before\:hidden:first-child:before{content:var(--tw-content);display:none}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.focus-within\:bg-foreground\/\[\.04\]:focus-within{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.focus-within\:bg-foreground\/\[\.04\]:focus-within{background-color:color-mix(in oklab, var(--foreground) 4%, transparent)}}@media (hover:hover){.hover\:bg-\[\#f7f8f8\]:hover{background-color:#f7f8f8}.hover\:bg-\[var\(--raised\)\]:hover{background-color:var(--raised)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/10:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/10:hover{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-foreground\/5:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-foreground\/5:hover{background-color:color-mix(in oklab, var(--foreground) 5%, transparent)}}.hover\:bg-foreground\/\[\.04\]:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-foreground\/\[\.04\]:hover{background-color:color-mix(in oklab, var(--foreground) 4%, transparent)}}.hover\:bg-foreground\/\[\.05\]:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-foreground\/\[\.05\]:hover{background-color:color-mix(in oklab, var(--foreground) 5%, transparent)}}.hover\:bg-foreground\/\[\.06\]:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-foreground\/\[\.06\]:hover{background-color:color-mix(in oklab, var(--foreground) 6%, transparent)}}.hover\:bg-foreground\/\[\.09\]:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-foreground\/\[\.09\]:hover{background-color:color-mix(in oklab, var(--foreground) 9%, transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/40:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/40:hover{background-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-primary:hover{color:var(--primary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-40:hover{opacity:.4}.hover\:shadow-lg:hover{--tw-shadow:var(--depth-3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:var(--depth-2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:\[box-shadow\:var\(--highlight\)\,var\(--depth-3\)\]\!:hover{box-shadow:var(--highlight),var(--depth-3)!important}}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:ring-offset-card:focus-visible{--tw-ring-offset-color:var(--card)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.focus-visible\:after\:outline-2:focus-visible:after{content:var(--tw-content);outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:after\:outline-offset-2:focus-visible:after{content:var(--tw-content);outline-offset:2px}.focus-visible\:after\:outline-ring:focus-visible:after{content:var(--tw-content);outline-color:var(--ring)}@media (hover:hover){.enabled\:hover\:bg-accent:enabled:hover{background-color:var(--accent)}.enabled\:hover\:text-accent-foreground:enabled:hover{color:var(--accent-foreground)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.aria-\[current\=step\]\:bg-primary[aria-current=step]{background-color:var(--primary)}.aria-\[current\=step\]\:text-primary-foreground[aria-current=step]{color:var(--primary-foreground)}@media (prefers-reduced-motion:no-preference){.motion-safe\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.motion-safe\:hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media not all and (min-width:479px){.max-\[479px\]\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.max-\[479px\]\:hidden{display:none}}@media (min-width:40rem){.sm\:h-44{height:calc(var(--spacing) * 44)}.sm\:min-h-\[200px\]{min-height:200px}.sm\:w-14{width:calc(var(--spacing) * 14)}.sm\:w-16{width:calc(var(--spacing) * 16)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-10{gap:calc(var(--spacing) * 10)}.sm\:gap-16{gap:calc(var(--spacing) * 16)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-\[220px_minmax\(0\,1fr\)\]{grid-template-columns:220px minmax(0,1fr)}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_18rem\]{grid-template-columns:minmax(0,1fr) 18rem}.lg\:grid-cols-\[minmax\(0\,1fr\)_20rem\]{grid-template-columns:minmax(0,1fr) 20rem}.lg\:grid-cols-\[minmax\(0\,1fr\)_22rem\]{grid-template-columns:minmax(0,1fr) 22rem}.lg\:p-8{padding:calc(var(--spacing) * 8)}}@media (min-width:80rem){.xl\:block{display:block}.xl\:hidden{display:none}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-\[220px_minmax\(0\,1fr\)_340px\]{grid-template-columns:220px minmax(0,1fr) 340px}}@container continue (min-width:24rem){.\@sm\/continue\:flex-row{flex-direction:row}}@container (min-width:32rem){.\@lg\:p-4{padding:calc(var(--spacing) * 4)}}@container (min-width:42rem){.\@2xl\:col-span-2{grid-column:span 2/span 2}.\@2xl\:col-span-3{grid-column:span 3/span 3}}@container continue (min-width:42rem){.\@2xl\/continue\:w-auto{width:auto}.\@2xl\/continue\:flex-none{flex:none}}@container (min-width:42rem){.\@2xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@2xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\@2xl\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}@container (min-width:48rem){.\@3xl\:sticky{position:sticky}.\@3xl\:top-4{top:calc(var(--spacing) * 4)}.\@3xl\:col-span-2{grid-column:span 2/span 2}.\@3xl\:col-start-1{grid-column-start:1}.\@3xl\:col-start-2{grid-column-start:2}.\@3xl\:row-span-2{grid-row:span 2/span 2}.\@3xl\:row-start-1{grid-row-start:1}.\@3xl\:row-start-2{grid-row-start:2}.\@3xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@3xl\:grid-cols-\[minmax\(0\,1fr\)_20rem\]{grid-template-columns:minmax(0,1fr) 20rem}.\@3xl\:grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.\@3xl\:p-6{padding:calc(var(--spacing) * 6)}}@container (min-width:56rem){.\@4xl\:col-start-1{grid-column-start:1}.\@4xl\:col-start-2{grid-column-start:2}.\@4xl\:row-span-2{grid-row:span 2/span 2}.\@4xl\:row-start-1{grid-row-start:1}.\@4xl\:block{display:block}.\@4xl\:hidden{display:none}.\@4xl\:min-h-\[calc\(100dvh-8rem\)\]{min-height:calc(100dvh - 8rem)}.\@4xl\:w-80{width:calc(var(--spacing) * 80)}.\@4xl\:shrink-0{flex-shrink:0}.\@4xl\:grid-cols-\[18rem_minmax\(0\,1fr\)\]{grid-template-columns:18rem minmax(0,1fr)}.\@4xl\:grid-cols-\[minmax\(0\,1fr\)_20rem\]{grid-template-columns:minmax(0,1fr) 20rem}.\@4xl\:grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.\@4xl\:flex-row{flex-direction:row}.\@4xl\:items-start{align-items:flex-start}.\@4xl\:gap-y-0{row-gap:0}.\@4xl\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.\@4xl\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.\@4xl\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@container (min-width:64rem){.\@5xl\:w-auto{width:auto}.\@5xl\:flex-\[1_1_34rem\]{flex:34rem}.\@5xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\@5xl\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.\@5xl\:pt-0{padding-top:0}}@container (min-width:72rem){.\@6xl\:grid-cols-\[22rem_minmax\(0\,1fr\)\]{grid-template-columns:22rem minmax(0,1fr)}.\@6xl\:grid-cols-\[minmax\(0\,1fr\)_24rem\]{grid-template-columns:minmax(0,1fr) 24rem}}@container (min-width:80rem){.\@7xl\:w-96{width:calc(var(--spacing) * 96)}.\@7xl\:grid-cols-\[minmax\(0\,1fr\)_24rem\]{grid-template-columns:minmax(0,1fr) 24rem}}.dark\:text-emerald-400:is(.dark *){color:var(--color-emerald-400)}@container (min-width:42rem){.\@2xl\:\[\&\:nth-child\(2\)\]\:before\:hidden:nth-child(2):before{content:var(--tw-content);display:none}}@container (min-width:64rem){.\@5xl\:\[\&\:nth-child\(3\)\]\:before\:hidden:nth-child(3):before{content:var(--tw-content);display:none}}.\[\&\>\.arena-copy-link\]\:flex-1>.arena-copy-link{flex:1}.\[\&\>\.arena-copy-link\]\:basis-72>.arena-copy-link{flex-basis:calc(var(--spacing) * 72)}.\[\&\>li\]\:shrink-0>li{flex-shrink:0}.\[\&\>li\]\:snap-start>li{scroll-snap-align:start}.\[\&\>ul\]\:pt-1>ul{padding-top:var(--spacing)}.\[\&\>ul\]\:pb-6>ul{padding-bottom:calc(var(--spacing) * 6)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:is(.arena-room,.arena-play-preview)[data-skin=tictactoe]{--ttt-x:#ff4f4f;--ttt-o:#20d4c6;--ttt-frame:#ff8c1f;--ttt-well:#2a0f3c;--card:#2a1742;--card-foreground:#fbf3ff;--foreground:#fbf3ff;--raised:#35204f;--popover:#3a2456;--popover-foreground:#fbf3ff;--muted:#241338;--muted-foreground:#c4b0ec;--secondary:#35204f;--hairline:#4a2f7099;--border:#4a2f70;--input:#6a4a96;--accent:#7a2a3e;--accent-foreground:#ffe1e4;--primary:#20d4c6;--primary-foreground:#06252e;--ring:#7ff5ea;--destructive:#ff7b7b;--player-two:#20d4c6;--mark-x:var(--ttt-x);--mark-o:var(--ttt-o);--tint-warm:#3c2160;--accent-from:#ff8c1f;--accent-to:#ffb04a}.arena-room[data-skin=tictactoe] .arena-stage,.arena-play-preview[data-skin=tictactoe]{background:url(/skins/tictactoe/stage.webp) 50%/cover no-repeat,radial-gradient(70% 60% at 50% 45%,#8b1a7a,#3d0b55);border-color:#ffffff14;box-shadow:inset 0 1px #ffffff1f,0 30px 70px -30px #000}@media (max-width:640px){.arena-room[data-skin=tictactoe] .arena-stage,.arena-play-preview[data-skin=tictactoe]{background-image:url(/skins/tictactoe/stage-sm.webp),radial-gradient(70% 60% at 50% 45%,#8b1a7a,#3d0b55)}}.arena-play-preview[data-skin=tictactoe] figcaption{color:#e9d8ff}[data-skin=tictactoe] .arena-stage .arena-tictactoe,[data-skin=tictactoe].arena-stage .arena-tictactoe{background:linear-gradient(160deg, #ffb04a, var(--ttt-frame) 42%, #e8650f);border-radius:clamp(20px,5cqi,40px);padding:clamp(10px,2.6cqi,22px);box-shadow:inset 0 4px #ffd9a0,inset 0 0 0 4px #ffa53d,inset 0 -8px #c4540a,0 0 0 1px #0000004d,0 28px 50px -22px #000d}[data-skin=tictactoe] .arena-tictactoe>div{gap:clamp(8px,2.2cqi,18px)}[data-skin=tictactoe] .arena-tictactoe button{background:var(--ttt-well);transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:0;border-radius:16%;box-shadow:inset 0 7px 16px #000a,inset 0 -2px #ffffff12,0 2px #ffd08a80}[data-skin=tictactoe] .arena-tictactoe button:disabled{cursor:default}[data-skin=tictactoe] .arena-tictactoe button:not(:disabled):hover{background:#3a1652}[data-skin=tictactoe] .arena-tictactoe button[data-last]{box-shadow:inset 0 0 0 3px #fffffff0,inset 0 7px 16px #000a,0 2px #ffd08a80}[data-skin=tictactoe] .arena-tictactoe button[data-win]{--tw-ring-color:transparent;background:#3e1558;box-shadow:inset 0 0 0 3px #ffd23f,0 0 22px -2px #ffd23f99,inset 0 7px 16px #0008}[data-skin=tictactoe] .arena-tictactoe button[data-win] .arena-mark{scale:1.1}[data-skin=tictactoe] .arena-tictactoe button.bg-muted{background:var(--ttt-well)}[data-skin=tictactoe] .arena-tictactoe button.bg-muted .arena-mark{filter:saturate(.55)drop-shadow(0 6px 6px #0008)}[data-skin=tictactoe] .arena-mark{filter:drop-shadow(0 7px 6px #000a);width:68%;height:68%;animation:ttt-pop var(--dur-emph) cubic-bezier(.34,1.56,.64,1);transition:scale var(--dur-base) var(--ease-out);background:50%/contain no-repeat;display:block}[data-skin=tictactoe] .arena-mark[data-mark=x]{background-image:url(/skins/tictactoe/x.webp)}[data-skin=tictactoe] .arena-mark[data-mark=o]{background-image:url(/skins/tictactoe/o.webp)}[data-skin=tictactoe] .arena-mark-ghost{filter:none;animation:none}[data-skin=tictactoe] .arena-win-line line{stroke:#fff7d6;stroke-width:7px;filter:drop-shadow(0 0 6px #ffd23f)drop-shadow(0 2px 2px #0008)}@keyframes ttt-pop{0%{opacity:0;scale:.45}60%{opacity:1;scale:1.08}to{scale:1}}.arena-room[data-skin=tictactoe] :is(.arena-room-info,.arena-room-side){background:linear-gradient(#311b4d,#26143c);border-color:#4a2f70}.arena-room[data-skin=tictactoe] :is(.arena-status,.arena-result,.arena-player-name,.arena-action-bar>button,.arena-move-list,.arena-rules>summary,[data-part=side-badge]){font-family:var(--font-arena-display), var(--font-arena-ui), sans-serif;font-weight:800}.arena-room[data-skin=tictactoe] .arena-room-info h3{font-family:var(--font-arena-display), sans-serif;font-size:1.05rem;font-weight:800}.arena-room[data-skin=tictactoe] [data-part=side-badge]{color:#fff;background:#4b1d7a;border:0}.arena-room[data-skin=tictactoe] [data-part=side-badge][data-slot="0"]{color:#ffb3b3}.arena-room[data-skin=tictactoe] [data-part=side-badge][data-slot="1"]{color:#7ff5ea}.arena-room[data-skin=tictactoe] .arena-status{border-radius:9999px;font-size:1rem}.arena-room[data-skin=tictactoe] .arena-status[data-turn=me]{text-align:left;color:#06252e;background:linear-gradient(#6ff4ff,#22c7e0 60%,#16b1c8);align-items:center;gap:.6rem;min-height:3.25rem;font-size:1.25rem;display:flex;box-shadow:inset 0 2px #ffffffa6,inset 0 -3px #0e9eb0,0 10px 22px -12px #22c7e0}.arena-room[data-skin=tictactoe] .arena-status[data-turn=me]:before{content:"";background:#06252e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237ff5ea' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") 50%/70% no-repeat;border-radius:9999px;flex-shrink:0;width:1.4rem;height:1.4rem}.arena-room[data-skin=tictactoe] .arena-result[data-outcome=win]{color:#7ff5ea;background:linear-gradient(#3f2a66,#2f1b4d)}.arena-room[data-skin=tictactoe] .arena-player{--plate:#5a1f3a;--plate-edge:#ff6b6b66;--plate-hot:linear-gradient(180deg, #d63a50, #a8263c);--plate-glow:#ff4f4f;--plate-icon:url(/skins/tictactoe/x.webp);border-color:var(--plate-edge);background:var(--plate);border-radius:9999px;box-shadow:inset 0 1px #ffffff14}.arena-room[data-skin=tictactoe] .arena-player:nth-child(2){--plate:#0f3f57;--plate-edge:#22c7e066;--plate-hot:linear-gradient(180deg, #0a7f92, #075f70);--plate-glow:#22c7e0;--plate-icon:url(/skins/tictactoe/o.webp)}.arena-room[data-skin=tictactoe] .arena-player-active{background:var(--plate-hot);color:#fff;box-shadow:0 0 0 1px #fff, 0 0 24px -4px var(--plate-glow), inset 0 2px 0 #ffffff40;border-color:#fff}.arena-room[data-skin=tictactoe] .arena-player-avatar,.arena-room[data-skin=tictactoe] .arena-player:nth-child(2) .arena-player-avatar{color:#fff;width:2rem;height:2rem;box-shadow:0 0 0 2px var(--plate-glow);background:#00000040;position:relative;overflow:visible}.arena-room[data-skin=tictactoe] .arena-player-avatar:after{content:"";background:var(--plate-icon) center / contain no-repeat;filter:drop-shadow(0 1px 1px #0009);width:15px;height:15px;position:absolute;bottom:-6px;right:-6px}.arena-room[data-skin=tictactoe] .arena-player .arena-clock{color:#ffe9ee;box-shadow:none;background:#00000038}.arena-room[data-skin=tictactoe] .arena-player:nth-child(2) .arena-clock{color:#c9fbf6}.arena-room[data-skin=tictactoe] .arena-player-active .arena-clock,.arena-room[data-skin=tictactoe] .arena-player-active:nth-child(2) .arena-clock{color:#fff;background:#082c3a}.arena-room[data-skin=tictactoe] .arena-player .arena-clock-low{color:#fff;background:#ff5a4e;animation:1s ease-in-out infinite alternate ttt-low}@keyframes ttt-low{to{box-shadow:0 0 0 4px #ff5a4e55}}.arena-room[data-skin=tictactoe] .arena-move-list>div:first-child{font-size:1rem}.arena-room[data-skin=tictactoe] .arena-move-list .arena-well{background:#241338;border-radius:18px;box-shadow:inset 0 0 0 1px #3d2660}.arena-room[data-skin=tictactoe] .arena-action-bar>button{border-radius:9999px}.arena-room[data-skin=tictactoe] [data-action=undo]{color:#06252e;background:linear-gradient(#6ff4ff,#22c7e0 55%,#13a9c0);border:0;box-shadow:inset 0 2px #ffffffb3,inset 0 -4px #0e8ea3,0 10px 20px -12px #22c7e0}.arena-room[data-skin=tictactoe] [data-action=undo]:hover{filter:brightness(1.06)}.arena-room[data-skin=tictactoe] [data-action=resign]{color:#ff9a9a;box-shadow:none;background:0 0;border:2px solid #ff6b6b}.arena-room[data-skin=tictactoe] [data-action=resign]:hover{background:#ff6b6b1f}.arena-room[data-skin=tictactoe] :is([data-action=undo],[data-action=resign]):active{translate:0 1px}.arena-room[data-skin=tictactoe] .arena-action-bar>button:not([data-action]){color:#e3d4ff}.arena-room[data-skin=tictactoe] .arena-rules{background:#241338;border-color:#3d2660;border-radius:18px}@media (prefers-reduced-motion:reduce){[data-skin=tictactoe] .arena-mark,.arena-room[data-skin=tictactoe] .arena-player .arena-clock-low{animation:none}}:is(.arena-room,.arena-play-preview)[data-skin=chess]{--gold:#c9a45c;--gold-hi:#e8c56a;--card:#10291f;--card-foreground:#f1e8d4;--foreground:#f1e8d4;--raised:#143326;--popover:#173a2b;--popover-foreground:#f1e8d4;--muted:#0d2119;--muted-foreground:#b3a685;--secondary:#143326;--hairline:#c9a45c2e;--border:#2a4a3a;--input:#6b5a34;--accent:#e8c56a29;--accent-foreground:#e8c56a;--primary:#e8c56a;--primary-foreground:#1a1206;--ring:#e6be46;--destructive:#e5483a;--player-two:#a8c9b6;--tint-warm:#1d3a2c;--accent-from:#c9a45c;--accent-to:#e8c56a;--chess-dark-square:transparent;--chess-light-square:transparent;--chess-notation-dark:#f6edd8;--chess-notation-light:#2f5e45;--board-accent:#06100b;--chess-last-move:#f2c94c73;--chess-last-move-ring:inset 0 0 0 3px #e8c56a, inset 0 0 16px #f2c94c8c;--checker-white:#efe6d0;--checker-black:#0b1a14}.arena-room[data-skin=chess] .arena-stage,.arena-play-preview[data-skin=chess]{background:url(/skins/chess/stage.webp) 50%/cover no-repeat,radial-gradient(80% 60% at 50% 0,#1f4a36,#0b1a14);border-color:#c9a45c59;box-shadow:inset 0 0 0 4px #0f251b,inset 0 0 0 5px #c9a45c8c,0 30px 70px -30px #000}@media (max-width:640px){.arena-room[data-skin=chess] .arena-stage,.arena-play-preview[data-skin=chess]{background-image:url(/skins/chess/stage-sm.webp),radial-gradient(80% 60% at 50% 0,#1f4a36,#0b1a14);box-shadow:0 20px 50px -24px #000}}.arena-play-preview[data-skin=chess] figcaption{color:#cdbf9c}[data-skin=chess] .arena-chess.arena-table{background:url(/skins/chess/board.webp) 0 0/100% 100% no-repeat content-box content-box,linear-gradient(160deg,#6e3d20,#4a2412 45%,#3a1d0f) border-box;border:0;border-radius:14px;padding:clamp(6px,1.6cqi,14px);box-shadow:0 0 0 1px #c9a45c,inset 0 0 0 1px #e8c56a66,0 26px 50px -22px #000}[data-skin=chess] .arena-chess-piece{object-fit:contain;filter:drop-shadow(0 3px 2px #00000073);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}[data-skin=chess] .arena-chess [data-column] span,[data-skin=chess] .arena-chess [data-square]>span{font-weight:700}.arena-room[data-skin=chess] :is(.arena-room-info,.arena-room-side){background:linear-gradient(#12301f,#0d2219);border-color:#c9a45c80;box-shadow:inset 0 0 0 1px #c9a45c14,0 24px 60px -30px #000}.arena-room[data-skin=chess] .arena-game-icon{object-position:-999px 0;background:url(/skins/chess/wN.webp) 50%/contain no-repeat}.arena-room[data-skin=chess] .arena-room-info h3{font-family:var(--font-skin-serif), Georgia, serif;letter-spacing:.01em;color:#f6edd8;font-size:1.35rem;font-weight:700}.arena-room[data-skin=chess] .arena-move-list>div:first-child{font-family:var(--font-skin-serif), Georgia, serif;font-size:1.05rem;font-weight:700}.arena-room[data-skin=chess] [data-part=side-badge]{color:#efe6d0;background:#0b1a14;border-color:#c9a45c73;gap:.35rem;padding-left:.4rem}.arena-room[data-skin=chess] [data-part=side-badge]:before{content:"";background:url(/skins/chess/wP.webp) 50%/contain no-repeat;width:1.05rem;height:1.05rem}.arena-room[data-skin=chess] [data-part=side-badge][data-slot="1"]{color:#0b1a14;background:#efe6d0;border-color:#c9a45c}.arena-room[data-skin=chess] [data-part=side-badge][data-slot="1"]:before{background-image:url(/skins/chess/bP.webp)}.arena-room[data-skin=chess] .arena-status{border-radius:14px;font-size:.95rem;font-weight:600}.arena-room[data-skin=chess] .arena-status[data-turn=me]{color:#f6edd8;background:linear-gradient(#1f4a36,#163828);font-size:1.05rem;font-weight:700;box-shadow:inset 0 0 0 1px #e8c56a,inset 0 1px #ffffff1a,0 0 22px -6px #e8c56a80}.arena-room[data-skin=chess] .arena-result[data-outcome=win]{color:#e8c56a;background:linear-gradient(#1f4a36,#163828);box-shadow:inset 0 0 0 1px #e8c56a}.arena-room[data-skin=chess] .arena-player{background:#0f251bd9;border-color:#6b5a3480;border-radius:9999px;box-shadow:inset 0 1px #ffffff0d}.arena-room[data-skin=chess] .arena-player-active{background:linear-gradient(#1d4232,#143326);border-color:#e8c56a;box-shadow:0 0 0 1px #e8c56a,0 0 18px #e6c46a59,inset 0 1px #ffffff1a}.arena-room[data-skin=chess] .arena-player-avatar{border-color:#0000;box-shadow:0 0 0 2px #c9a45c}.arena-room[data-skin=chess] .arena-player .arena-clock{color:#cdbf9c;opacity:.7;background:#0b1a14;box-shadow:inset 0 0 0 1px #c9a45c33}.arena-room[data-skin=chess] .arena-player-active .arena-clock{color:#e8c56a;opacity:1;box-shadow:inset 0 0 0 1px #e8c56a}.arena-room[data-skin=chess] .arena-player .arena-clock-low{color:#1a0a08;opacity:1;background:#ff6b5e;animation:.7s ease-out chess-low;box-shadow:0 0 0 1px #ff6b5e}@keyframes chess-low{0%{box-shadow:0 0 0 8px #ff6b5e00,0 0 0 1px #ff6b5e}50%{box-shadow:0 0 0 6px #ff6b5e55,0 0 0 1px #ff6b5e}}.arena-room[data-skin=chess] .arena-move-list .arena-well{background:#0b1d15;box-shadow:inset 0 0 0 1px #c9a45c2e}.arena-room[data-skin=chess] :is(.arena-action-bar,.arena-board-tools)>button{border-radius:12px}.arena-room[data-skin=chess] .arena-action-bar>button[data-action],.arena-room[data-skin=chess] .arena-action-bar>button.arena-soft{color:#f1e8d4;background:#10291f;border:1px solid #b8913f;box-shadow:inset 0 1px #ffffff12}.arena-room[data-skin=chess] .arena-action-bar>button.arena-soft:hover{background:#163828;border-color:#e8c56a}.arena-room[data-skin=chess] .arena-action-bar>button[data-action=resign]{color:#f58a7c;background:#1a1a14;border-color:#d9534f}.arena-room[data-skin=chess] .arena-action-bar>button[data-action=resign]:hover{background:#2a1714}.arena-room[data-skin=chess] .arena-action-bar svg{color:#e8c56a}.arena-room[data-skin=chess] .arena-action-bar>button[data-action=resign] svg{color:#f58a7c}.arena-room[data-skin=chess] .arena-board-tools>button{color:#efe6d0;background:#0f251bcc;border:1px solid #c9a45c59}.arena-room[data-skin=chess] .arena-board-tools>button:hover{background:#163828;border-color:#e8c56a}.arena-room[data-skin=chess] .arena-board-tools>button[aria-pressed=true]{color:#e8c56a;border-color:#e8c56a}.arena-room[data-skin=chess] .arena-rules{background:#0b1d15;border-color:#c9a45c40}@media (max-width:480px){[data-skin=chess] .arena-chess.arena-table{border-radius:10px;padding:5px}.arena-room[data-skin=chess] .arena-stage{box-shadow:0 20px 50px -24px #000}}@media (prefers-reduced-motion:reduce){.arena-room[data-skin=chess] .arena-player .arena-clock-low{animation:none}}:is(.arena-room,.arena-play-preview)[data-skin=gomoku]{--gold:#d9b46a;--sakura:#f48fb1;--card:#10293a;--card-foreground:#eef2f4;--foreground:#eef2f4;--raised:#132f3e;--popover:#15334a;--popover-foreground:#eef2f4;--muted:#0d2230;--muted-foreground:#a9bcc6;--secondary:#132f3e;--hairline:#2a546680;--border:#2a5466;--input:#3d6a7e;--accent:#3a1a2e;--accent-foreground:#ff8fab;--primary:#f48fb1;--primary-foreground:#2a0d18;--ring:#f48fb1;--destructive:#ff7d96;--player-two:#9fd0e0;--tint-warm:#3a1424;--accent-from:#e8496c;--accent-to:#f48fb1;--wood-ink:#2b1d12;--checker-black:#121418;--checker-white:#f3f0e9}.arena-room[data-skin=gomoku] .arena-stage,.arena-play-preview[data-skin=gomoku]{background:url(/skins/gomoku/stage.webp) 50%/cover no-repeat,radial-gradient(70% 60% at 50% 45%,#14324a,#070f18);border-color:#2a5466;box-shadow:inset 0 1px #ffffff14,0 30px 70px -30px #000}@media (max-width:640px){.arena-room[data-skin=gomoku] .arena-stage,.arena-play-preview[data-skin=gomoku]{background-image:url(/skins/gomoku/stage-sm.webp),radial-gradient(70% 60% at 50% 45%,#14324a,#070f18)}}[data-skin=gomoku] :is(.arena-stage,.arena-play-board)>div>p:first-child{color:#f3e6cf;font-family:var(--font-skin-serif), Georgia, serif;background:#0b1a26e6;border:1px solid #d9b46a8c;border-radius:9999px;align-self:center;padding:.35rem 1.4rem;font-size:1rem;font-weight:600;box-shadow:0 6px 18px -8px #000}[data-skin=gomoku] :is(.arena-stage,.arena-play-board)>div>p:first-child:before,[data-skin=gomoku] :is(.arena-stage,.arena-play-board)>div>p:first-child:after{content:"✿" / "";color:#f48fb1;margin-inline:.6rem}.arena-play-preview[data-skin=gomoku] figcaption{color:#f3e6cf;text-shadow:0 1px 3px #000}[data-skin=gomoku] .arena-goban.arena-gomoku{background:url(/skins/gomoku/wood.webp) 50%/cover padding-box padding-box,linear-gradient(145deg,#b3161f,#7d0c12 55%,#5c0a10) border-box;border:clamp(8px,3.2cqi,24px) solid #0000;border-radius:10px;box-shadow:inset 0 0 0 1px #d9b46a,0 0 0 1px #d9b46a73,0 26px 50px -22px #000}[data-skin=gomoku] .arena-goban.arena-gomoku:before{content:"";z-index:2;pointer-events:none;background:url(/skins/gomoku/corner-tl.webp) 0 0/54px no-repeat,url(/skins/gomoku/corner-tr.webp) 100% 0/54px no-repeat,url(/skins/gomoku/corner-bl.webp) 0 100%/54px no-repeat,url(/skins/gomoku/corner-br.webp) 100% 100%/54px no-repeat;position:absolute;inset:calc(-1*clamp(8px,3.2cqi,24px) - 2px)}[data-skin=gomoku] .arena-gomoku .arena-goban-grid{stroke-width:1.2px}[data-skin=gomoku] .arena-gomoku button:has(>.arena-coord){z-index:3}[data-skin=gomoku] .arena-gomoku .arena-coord{color:#f0d08a;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #0008;font-weight:700}[data-skin=gomoku] .arena-gomoku .arena-coord[class*=right-]{right:calc(100% + clamp(3px,.8cqi,6px))}[data-skin=gomoku] .arena-gomoku .arena-coord[class*=top-\[calc]{top:calc(100% + clamp(3px,.8cqi,6px))}[data-skin=gomoku] .arena-gomoku .arena-stone{background:50%/contain no-repeat;border:0;box-shadow:1px 3px 3px #0000006b}[data-skin=gomoku] .arena-gomoku :is(.arena-stone,[data-ghost])[data-stone="0"]{background-image:url(/skins/gomoku/black.webp)}[data-skin=gomoku] .arena-gomoku :is(.arena-stone,[data-ghost])[data-stone="1"]{background-image:url(/skins/gomoku/white.webp);box-shadow:1px 3px 3px #0000006b,0 0 0 1px #8a8f9640}[data-skin=gomoku] .arena-gomoku [data-ghost]{background:50%/contain no-repeat;border:0}[data-skin=gomoku] .arena-gomoku .arena-stone[data-last]:after{content:"";background:#ff4d73;border-radius:9999px;position:absolute;inset:36%;box-shadow:0 0 0 2px #ffffffb3}[data-skin=gomoku] .arena-gomoku .arena-stone[data-win]{box-shadow:0 0 0 3px #f48fb1,0 0 16px 2px #f48fb1b3}.arena-room[data-skin=gomoku] :is(.arena-room-info,.arena-room-side){background:linear-gradient(#10293a,#0c2230);border-color:#2a5466}.arena-room[data-skin=gomoku] .arena-room-info{position:relative}.arena-room[data-skin=gomoku] .arena-room-info:after{content:"";pointer-events:none;background:url(/skins/gomoku/sprig.webp) 100% 0/contain no-repeat;width:92px;height:92px;position:absolute;top:-10px;right:-8px}.arena-room[data-skin=gomoku] .arena-room-info h3{font-family:var(--font-skin-serif), Georgia, serif;font-size:1.35rem;font-weight:700}.arena-room[data-skin=gomoku] [data-part=side-badge]{color:#f3e6cf;background:#0b1a26;border-color:#d9b46a99;margin-right:3.5rem}.arena-room[data-skin=gomoku] .arena-status[data-turn=me]{color:#fff;background:linear-gradient(#1b3a4e,#132f3e);font-weight:700;box-shadow:inset 0 0 0 1px #d9b46a8c,0 0 16px -8px #d9b46a}.arena-room[data-skin=gomoku] .arena-status[data-turn=me]:before{content:"✿" / "";color:#f48fb1;margin-right:.5rem}.arena-room[data-skin=gomoku] .arena-move-entry:has(.bg-accent){background:#3a1424;border-radius:8px}.arena-room[data-skin=gomoku] .arena-move-entry .bg-accent{box-shadow:none;background:0 0}.arena-room[data-skin=gomoku] .arena-move-entry:has(.bg-accent)>span:first-child{color:#ff8fab}.arena-room[data-skin=gomoku] .arena-result[data-outcome=win]{color:#ffb3c6;background:#3a1424;box-shadow:inset 0 0 0 1px #f48fb1}.arena-room[data-skin=gomoku] .arena-player{opacity:.78;background:#0f2a3b;border-color:#2a5466}.arena-room[data-skin=gomoku] .arena-player-active{opacity:1;background:linear-gradient(#4a1a2e,#3a1424);border-color:#e8496c;box-shadow:0 0 0 1px #e8496c,0 0 20px -4px #e8496c99}.arena-room[data-skin=gomoku] .arena-player-avatar{box-shadow:0 0 0 2px #d9b46a}.arena-room[data-skin=gomoku] .arena-player .arena-clock{color:#cfe0e8;background:#0b1a26;box-shadow:inset 0 0 0 1px #2a5466}.arena-room[data-skin=gomoku] .arena-player-active .arena-clock{color:#ffd0dc;background:#2a0d18;box-shadow:inset 0 0 0 1px #e8496c}.arena-room[data-skin=gomoku] .arena-player .arena-clock-low{color:#fff;box-shadow:none;background:#c0283c}.arena-room[data-skin=gomoku] .arena-move-list .arena-well{background:#0d2533;box-shadow:inset 0 0 0 1px #2a546699}.arena-room[data-skin=gomoku] .arena-action-bar>button.arena-soft{color:#eef2f4;background:#12273a;border-color:#3d6a7e}.arena-room[data-skin=gomoku] .arena-action-bar>button.arena-soft:hover{background:#17344a;border-color:#9fd0e0}.arena-room[data-skin=gomoku] .arena-action-bar>button[data-action=resign]{color:#ff7d96;background:#2a1220;border-color:#e0506a}.arena-room[data-skin=gomoku] .arena-action-bar>button[data-action=resign]:hover{background:#3a1528}.arena-room[data-skin=gomoku] .arena-rules{background:#0d2533;border-color:#2a5466}@media (max-width:640px){[data-skin=gomoku] .arena-gomoku .arena-coord{color:#f3e6cf;text-shadow:0 1px 3px #000,0 0 6px #000}[data-skin=gomoku] .arena-gomoku .arena-coord[class*=right-]{right:calc(100% + 10px)}[data-skin=gomoku] .arena-gomoku .arena-coord[class*=top-\[calc]{top:calc(100% + 10px)}}@media (max-width:480px){[data-skin=gomoku] .arena-goban.arena-gomoku:before{display:none}}:is(.arena-room,.arena-play-preview)[data-skin=go]{--card:#22160f;--card-foreground:#f3e6d6;--foreground:#f3e6d6;--raised:#2c1d15;--popover:#33221a;--popover-foreground:#f3e6d6;--muted:#1a110c;--muted-foreground:#bfab9b;--secondary:#2c1d15;--hairline:#8a3a1c59;--border:#5a2d18;--input:#7a4a2a;--accent:#4a2416;--accent-foreground:#ffb27a;--primary:#f5a23a;--primary-foreground:#2a1406;--ring:#f5a23a;--destructive:#ff8a70;--player-two:#e9d8c4;--tint-warm:#3a1f14;--accent-from:#e8642a;--accent-to:#f5a23a;--wood-ink:#2b1a0c;--chess-light-square:#d9984f;--checker-black:#161616;--checker-white:#efe9df}.arena-room[data-skin=go] .arena-stage,.arena-play-preview[data-skin=go]{background:radial-gradient(75% 70%,#120a06b3 40%,#0000 80%),url(/skins/go/stage.webp) 50%/cover no-repeat,radial-gradient(70% 60% at 50% 45%,#3a2014,#120a06);border-color:#8a3a1c80;box-shadow:inset 0 1px #ffffff12,0 30px 70px -30px #000}@media (max-width:640px){.arena-room[data-skin=go] .arena-stage,.arena-play-preview[data-skin=go]{background-image:radial-gradient(75% 70%,#120a06b3 40%,#0000 80%),url(/skins/go/stage-sm.webp),radial-gradient(70% 60% at 50% 45%,#3a2014,#120a06)}}.arena-play-preview[data-skin=go] figcaption{color:#f3e6d6;text-shadow:0 1px 3px #000}[data-skin=go] .arena-goban.arena-go{background:url(/skins/go/wood.webp) 50%/cover padding-box padding-box,linear-gradient(160deg,#5a3320,#4a2a17 50%,#2e1a0f) border-box;border:clamp(8px,2.4cqi,18px) solid #0000;border-radius:12px;box-shadow:inset 0 0 0 1px #2e1a0f,inset 0 2px 6px #00000059,0 0 0 1px #8a3a1c99,0 26px 50px -22px #000}[data-skin=go] .arena-go .arena-coord{font-weight:700}[data-skin=go] .arena-go .arena-stone{background:50%/contain no-repeat;border:0;width:92%;height:92%;box-shadow:0 2px 2px #00000080}[data-skin=go] .arena-go :is(.arena-stone,[data-ghost])[data-stone="0"]{background-image:url(/skins/go/black.webp)}[data-skin=go] .arena-go :is(.arena-stone,[data-ghost])[data-stone="1"]{background-image:url(/skins/go/white.webp)}[data-skin=go] .arena-go [data-ghost]{background:50%/contain no-repeat;border:0;width:88%;height:88%}[data-skin=go] .arena-go .arena-last-marker{--tw-ring-color:transparent;width:45%;height:45%;box-shadow:inset 0 0 0 2px #f4eee4}[data-skin=go] .arena-go .arena-stone[data-stone="1"] .arena-last-marker{box-shadow:inset 0 0 0 2px #1a1a1a}[data-skin=go] .arena-go .arena-stone-dead{opacity:.45!important}[data-skin=go] .arena-go .arena-stone-dead[data-stone="0"]{--board-accent:#f4eee4}[data-skin=go] .arena-go .arena-stone-dead[data-stone="1"]{--board-accent:#141414}[data-skin=go] .arena-go .arena-territory{border-color:#3a2410;width:32%;height:32%}[data-skin=go] p:has(+.arena-go-controls){color:#f3e6d6;text-shadow:0 1px 2px #000;justify-content:center;align-items:center;gap:.6rem;font-weight:700;display:flex}[data-skin=go] p:has(+.arena-go-controls):before{content:"";background:url(/skins/go/leaf.webp) 50%/contain no-repeat;width:1.1rem;height:1.1rem}[data-skin=go] p:has(+.arena-go-controls):after{content:"";background:url(/skins/go/leaf.webp) 50%/contain no-repeat;width:1.1rem;height:1.1rem}[data-skin=go] p:has(+.arena-go-controls):after{transform:scaleX(-1)}[data-skin=go] .arena-go-controls{background:#1f1411e6;border-color:#8a3a1c80;box-shadow:0 10px 24px -14px #000}[data-skin=go] .arena-go-controls p{color:#e6d3c0}[data-skin=go] [data-action=pass]{color:#2a1406;background:linear-gradient(#f2a03a,#c97a1e);border:0;font-weight:700;box-shadow:inset 0 1px #ffffff59,0 8px 18px -10px #f2a03a}[data-skin=go] [data-action=pass]:enabled:hover{color:#2a1406;background:linear-gradient(#ffb24f,#d98824)}[data-skin=go] .arena-stage .text-xs.text-muted-foreground{color:#f3e6d6;text-shadow:0 1px 2px #000,0 0 8px #000c;font-size:.8125rem;font-weight:600}[data-skin=go] :is(.arena-stage,.arena-play-board)>div>div:first-child span[style*=--checker]{border:0;width:16px;height:16px;background:url(/skins/go/black.webp) 50%/contain no-repeat!important}[data-skin=go] :is(.arena-stage,.arena-play-board)>div>div:first-child span[style*=--checker-white]{background-image:url(/skins/go/white.webp)!important}.arena-room[data-skin=go] :is(.arena-room-info,.arena-room-side){background:linear-gradient(#2a1a14,#1f1411);border-color:#8a3a1c99}.arena-room[data-skin=go] .arena-room-info{position:relative}.arena-room[data-skin=go] .arena-room-info:after{content:"";pointer-events:none;filter:drop-shadow(0 4px 6px #0008);background:url(/skins/go/leaf.webp) 50%/contain no-repeat;width:58px;height:58px;position:absolute;top:-12px;right:-6px;rotate:18deg}.arena-room[data-skin=go] [data-part=side-badge]{color:#f3e6d6;background:#1a110c;border-color:#8a3a1c;margin-right:2.6rem}.arena-room[data-skin=go] .arena-status[data-turn=me]{color:#fff3e4;background:linear-gradient(#3a2216,#2c1a11);font-weight:700;box-shadow:inset 0 0 0 1px #e8642a,0 0 18px -6px #e8642a}.arena-room[data-skin=go] .arena-status[data-turn=me]:before{content:"";vertical-align:-3px;background:url(/skins/go/leaf.webp) 50%/contain no-repeat;flex-shrink:0;width:1.1rem;height:1.1rem;margin-right:.5rem;display:inline-block}.arena-room[data-skin=go] .arena-move-entry .bg-accent{color:#ffb27a;justify-self:start;margin-right:.5rem;padding-inline:.85rem;box-shadow:inset 0 0 0 1px #e8642a80}.arena-room[data-skin=go] .arena-result[data-outcome=win]{color:#ffc27a;background:#3a1f14;box-shadow:inset 0 0 0 1px #f5a23a}.arena-room[data-skin=go] .arena-player{opacity:.8;background:#24170f;border-color:#5a2d18}.arena-room[data-skin=go] .arena-player-active{opacity:1;background:linear-gradient(#452416,#351b10);border-color:#e8642a;box-shadow:0 0 0 1px #e8642a,0 0 20px -4px #e8642a99}.arena-room[data-skin=go] .arena-player-avatar{box-shadow:0 0 0 2px #8a3a1c}.arena-room[data-skin=go] .arena-player .arena-clock{color:#d9c4ae;background:#160e09;box-shadow:inset 0 0 0 1px #5a2d18}.arena-room[data-skin=go] .arena-player-active .arena-clock{color:#f5a23a;box-shadow:inset 0 0 0 1px #e8642a}.arena-room[data-skin=go] .arena-player .arena-clock-low{color:#1a0a08;box-shadow:none;background:#ff6b5e}.arena-room[data-skin=go] .arena-move-list .arena-well{background:#1a110c;box-shadow:inset 0 0 0 1px #5a2d1880}.arena-room[data-skin=go] .arena-action-bar>button.arena-soft{color:#f3e6d6;background:#2a1a12;border-color:#6a3a22}.arena-room[data-skin=go] .arena-action-bar>button.arena-soft:hover{background:#362218;border-color:#f5a23a}.arena-room[data-skin=go] .arena-action-bar>button[data-action=resign]{color:#ff8a70;background:0 0;border-color:#e0533a}.arena-room[data-skin=go] .arena-action-bar>button[data-action=resign]:hover{background:#e0533a1f}.arena-room[data-skin=go] .arena-rules{background:#1a110c;border-color:#5a2d18}@media (max-width:640px){[data-skin=go] .arena-goban.arena-go{border-width:8px}[data-skin=go] [data-action=pass]{width:100%}}:is(.arena-room,.arena-play-preview)[data-skin=rps]{--me:#f2b46a;--opp:#a9d4ee;--brass:#b8975a;--cream:#efe6d4;--card:#0d2229;--card-foreground:#efe6d4;--foreground:#efe6d4;--raised:#12303a;--popover:#163742;--popover-foreground:#efe6d4;--muted:#081a20;--muted-foreground:#c9bfa8;--secondary:#12303a;--hairline:#b8975a59;--border:#23474f;--input:#3a5f66;--accent:#f2b46a29;--accent-foreground:#f2b46a;--primary:var(--me);--primary-foreground:#2a1806;--ring:#efe6d4;--destructive:#e0735a;--player-two:var(--opp);--tint-warm:#1a3a42;--accent-from:#f2b46a;--accent-to:#f7c98c}.arena-room[data-skin=rps] .arena-stage,.arena-play-preview[data-skin=rps]{background:linear-gradient(#0d222900 0,#0d22291a 18%,#0d2229d9 34%,#0d2229 44%),url(/skins/rps/band.webp) top/100% no-repeat,#0d2229;border-color:#b8975a73;box-shadow:inset 0 0 0 1px #b8975a26,0 30px 70px -30px #000}@media (max-width:640px){.arena-room[data-skin=rps] .arena-stage,.arena-play-preview[data-skin=rps]{background-image:linear-gradient(#0d222900 0,#0d22291a 14%,#0d2229d9 26%,#0d2229 34%),url(/skins/rps/band-sm.webp);background-size:auto,100%}}.arena-play-preview[data-skin=rps] figcaption{color:var(--muted-foreground)}[data-skin=rps] .arena-rps header{background:radial-gradient(48% 70% at 50% 45%,#0d2229b3,#0000 75%);border-bottom:1px solid #b8975a59}[data-skin=rps] .arena-rps header>div>div>span:first-child{color:var(--cream);letter-spacing:.14em;text-shadow:0 1px 3px #000c;font-weight:600}[data-skin=rps] .arena-rps header>div>div>span:last-child{font-family:var(--font-skin-serif), Georgia, serif;font-variant-numeric:lining-nums tabular-nums;text-shadow:0 2px 10px #000b;font-size:clamp(3.2rem,12cqi,5.5rem);font-weight:700;line-height:1}[data-skin=rps] .arena-rps header>div>div:first-child>span:last-child{color:var(--me)}[data-skin=rps] .arena-rps header>div>div:last-child>span:last-child{color:var(--opp)}[data-skin=rps] .arena-rps header>div>span[aria-hidden]{color:var(--cream);opacity:.7}[data-skin=rps] .arena-rps header>p{color:var(--cream);text-shadow:0 1px 3px #000c}[data-skin=rps] .arena-rps>p[aria-live]{font-family:var(--font-skin-serif), Georgia, serif;color:var(--cream);font-size:clamp(1.4rem,4cqi,2rem);font-weight:600}[data-skin=rps] .arena-hand{isolation:isolate;aspect-ratio:4/5;height:auto;color:var(--cream);transition:translate .18s var(--ease-out), box-shadow .18s var(--ease-out), border-color .18s var(--ease-out), filter .18s var(--ease-out);background:#081a20;border:1px solid #b8975acc;border-radius:6px;justify-content:flex-end;padding:0 0 .9rem;position:relative;overflow:hidden;box-shadow:0 18px 30px -18px #000}[data-skin=rps] .arena-hand>span:first-child{z-index:-1;position:absolute;inset:0}[data-skin=rps] .arena-hand>span:first-child img{object-fit:cover;width:100%;max-width:none;height:100%;transition:scale .18s var(--ease-out)}[data-skin=rps] .arena-hand:after{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(#0000 52%,#081a20e6 88%);position:absolute;inset:0;box-shadow:inset 0 0 0 3px #081a20,inset 0 0 0 4px #b8975acc}[data-skin=rps] .arena-hand>span:last-child{font-family:var(--font-skin-serif), Georgia, serif;text-shadow:0 2px 6px #000;font-size:clamp(1rem,3.2cqi,1.45rem);font-weight:600}[data-skin=rps] .arena-hand:not(:disabled):hover{color:var(--cream);background:#081a20;border-color:#e9c27f;translate:0 -4px;scale:1;box-shadow:0 24px 36px -18px #000}[data-skin=rps] .arena-hand:not(:disabled):hover img{translate:none;scale:1.04}[data-skin=rps] .arena-hand:focus-visible{outline:2px solid var(--cream);outline-offset:3px}[data-skin=rps] .arena-hand:disabled{opacity:1;cursor:not-allowed;filter:saturate(.35)brightness(.55)}[data-skin=rps] .arena-hand:disabled>span:last-child{opacity:.6}[data-skin=rps] .arena-hand[aria-pressed=true]{filter:none;border:2px solid var(--me);box-shadow:0 0 0 1px #081a20,0 0 26px -2px #f2b46a73}[data-skin=rps] .arena-hand[aria-pressed=true]>span:last-child{opacity:1}[data-skin=rps] .arena-hand[aria-pressed=true]:before{content:"Ваш выбор";z-index:1;background:var(--me);color:#2a1806;white-space:nowrap;border-radius:9999px;padding:.15rem .7rem;font-size:.72rem;font-weight:700;position:absolute;top:.55rem;left:50%;translate:-50%}[data-skin=rps] .arena-rps section{color:var(--cream);background:linear-gradient(90deg,#0b1e24 40%,#0b1e2480),url(/skins/rps/band.webp) 100%/cover,#0b1e24;border:1px solid #b8975a99;border-radius:14px;box-shadow:inset 0 0 0 3px #0b1e24,inset 0 0 0 4px #b8975a40,0 14px 30px -18px #000}[data-skin=rps] .arena-rps section img{object-fit:contain;filter:drop-shadow(0 6px 6px #000a);width:92px;height:92px;transition:scale .3s var(--ease-out), filter .3s var(--ease-out), opacity .3s}[data-skin=rps] .arena-rps section [data-side]>span:nth-child(2){letter-spacing:.12em;opacity:1;font-weight:600}[data-skin=rps] .arena-rps section [data-side=me]>span:nth-child(2){color:var(--me)}[data-skin=rps] .arena-rps section [data-side=opp]>span:nth-child(2){color:var(--opp)}[data-skin=rps] .arena-rps section [data-side]>span:last-child{font-family:var(--font-skin-serif), Georgia, serif;font-size:1.05rem}[data-skin=rps] .arena-rps section>div>span[aria-hidden=true]{font-family:var(--font-skin-serif), Georgia, serif;color:var(--brass);opacity:1;text-transform:uppercase;font-size:1.6rem;font-weight:600}[data-skin=rps] .arena-rps section>p{font-family:var(--font-skin-serif), Georgia, serif;color:#d9cdb4;font-size:clamp(1.2rem,3.6cqi,1.6rem);font-weight:600}[data-skin=rps] .arena-rps section[data-result=win]>p{color:var(--me)}[data-skin=rps] .arena-rps section[data-result=loss]>p{color:var(--opp)}[data-skin=rps] .arena-rps section[data-result=win] [data-side=me] img{filter:drop-shadow(0 0 14px #f2b46a99)drop-shadow(0 6px 6px #000a);scale:1.1}[data-skin=rps] .arena-rps section[data-result=loss] [data-side=opp] img{filter:drop-shadow(0 0 14px #a9d4ee99)drop-shadow(0 6px 6px #000a);scale:1.1}[data-skin=rps] .arena-rps section[data-result=win] [data-side=opp] img,[data-skin=rps] .arena-rps section[data-result=loss] [data-side=me] img{filter:grayscale(.85);opacity:.5}[data-skin=rps] .arena-rps section [data-side=opp] img{transform:scaleX(-1)}[data-skin=rps] .arena-rps [aria-label=История\ раундов]>span{border:1px solid var(--brass);color:#2a1806;background:#0b1e24;width:1.9rem;height:1.9rem;font-size:0}[data-skin=rps] .arena-rps [aria-label=История\ раундов]>span:before{content:"=";color:var(--cream);font-size:.95rem;font-weight:800}[data-skin=rps] .arena-rps [aria-label=История\ раундов]>span[data-result=win]{background:var(--me);border-color:var(--me)}[data-skin=rps] .arena-rps [aria-label=История\ раундов]>span[data-result=win]:before{content:"✓";color:#2a1806}[data-skin=rps] .arena-rps [aria-label=История\ раундов]>span[data-result=loss]{background:var(--opp);border-color:var(--opp)}[data-skin=rps] .arena-rps [aria-label=История\ раундов]>span[data-result=loss]:before{content:"✕";color:#0b1e24}.arena-room[data-skin=rps] :is(.arena-room-info,.arena-room-side){background:#0d2229;border-color:#b8975a73}.arena-room[data-skin=rps] .arena-room-info h3 img{filter:sepia()saturate(.7)brightness(1.1)}.arena-room[data-skin=rps] .arena-room-info h3{font-family:var(--font-skin-serif), Georgia, serif;font-size:1.15rem;font-weight:600}.arena-room[data-skin=rps] [data-part=side-badge]{color:var(--cream);background:0 0;border-color:#b8975a99}.arena-room[data-skin=rps] .arena-status{box-shadow:none;background:#081a20;border:1px solid #23474f}.arena-room[data-skin=rps] .arena-status[data-turn=me]{border-color:var(--me);color:var(--cream);box-shadow:0 0 18px -8px var(--me);font-weight:600}.arena-room[data-skin=rps] .arena-player{background:#0b1e24;border-color:#23474f}.arena-room[data-skin=rps] .arena-player-avatar{background:var(--opp);color:#0b1e24}.arena-room[data-skin=rps] .arena-player[data-me] .arena-player-avatar{background:var(--me);color:#2a1806}.arena-room[data-skin=rps] .arena-player-active{border-color:var(--me);box-shadow:0 0 0 1px var(--me), 0 0 18px -6px #f2b46a99;background:#12303a}.arena-room[data-skin=rps] .arena-player-active:not([data-me]){border-color:var(--opp);box-shadow:0 0 0 1px var(--opp), 0 0 18px -6px #a9d4ee99}.arena-room[data-skin=rps] .arena-player .arena-clock{color:var(--muted-foreground);background:#081a20;box-shadow:inset 0 0 0 1px #23474f}.arena-room[data-skin=rps] .arena-player-active .arena-clock{color:var(--me);box-shadow:inset 0 0 0 1px var(--me)}.arena-room[data-skin=rps] .arena-player-active:not([data-me]) .arena-clock{color:var(--opp);box-shadow:inset 0 0 0 1px var(--opp)}.arena-room[data-skin=rps] .arena-player .arena-clock-low{color:#ff8a6e;background:#3a1610;box-shadow:inset 0 0 0 1px #e0735a}.arena-room[data-skin=rps] .arena-action-bar>button[data-action=resign]{color:#f0937c;background:0 0;border:1px solid #e0735a}.arena-room[data-skin=rps] .arena-action-bar>button[data-action=resign]:hover{background:#e0735a1f}.arena-room[data-skin=rps] .arena-rules{background:#081a20;border-color:#23474f}@media (max-width:640px){[data-skin=rps] .arena-rps header>div>div>span:last-child{font-size:2.6rem}[data-skin=rps] .arena-rps>p[aria-live]{margin-block:.25rem;font-size:1.15rem}}@media (prefers-reduced-motion:reduce){[data-skin=rps] .arena-hand,[data-skin=rps] .arena-hand img,[data-skin=rps] .arena-rps section img{transition:none}[data-skin=rps] .arena-hand:not(:disabled):hover{translate:none}[data-skin=rps] .arena-hand:not(:disabled):hover img{scale:1}}:is(.arena-room,.arena-play-preview)[data-skin=corners]{--yellow:#ffd60a;--cyan:#19b6f0;--red:#e5232b;--card:#111a27;--card-foreground:#e8edf3;--foreground:#e8edf3;--raised:#162132;--popover:#1a2638;--popover-foreground:#e8edf3;--muted:#0e1520;--muted-foreground:#9aa6b5;--secondary:#162132;--hairline:#2a354699;--border:#2a3546;--input:#3a4554;--accent:#19b6f0;--accent-foreground:#0b1018;--primary:#19b6f0;--primary-foreground:#04131c;--ring:#ffd60a;--destructive:#ff5a5f;--player-two:#ff5a5f;--tint-warm:#1e2a3d;--accent-from:#ffd60a;--accent-to:#ffe55c;--chess-dark-square:#2b2d32;--chess-light-square:#5a5e66}.arena-room[data-skin=corners] .arena-stage,.arena-play-preview[data-skin=corners]{background:url(/skins/corners/stage.webp) 50%/cover no-repeat,#0b1018;border-color:#2a3546;box-shadow:inset 0 1px #ffffff12,0 30px 70px -30px #000}@media (max-width:767px){.arena-room[data-skin=corners] .arena-stage,.arena-play-preview[data-skin=corners]{background:radial-gradient(90% 60% at 50% 0,#1a2436,#0b1018)}}.arena-play-preview[data-skin=corners] figcaption{color:#c9d2de}[data-skin=corners] .arena-corners.arena-table{--chess-dark-square:#2b2d32;--chess-light-square:#5a5e66;--ring:#ffd60a;background:repeating-linear-gradient(45deg,#1b2230 0 4px,#232c3c 4px 8px) border-box;border:clamp(6px,1.4cqi,12px) solid #0000;border-radius:12px;box-shadow:0 0 0 1px #3a4554,inset 0 0 0 1px #0b1018,0 26px 50px -22px #000}[data-skin=corners] .arena-corners.arena-table:before{content:"";z-index:2;pointer-events:none;--hz:repeating-linear-gradient(-45deg, #ffd60a 0 6px, #111 6px 12px);background:var(--hz) left top / 13% 5px no-repeat, var(--hz) left top / 5px 13% no-repeat, var(--hz) right bottom / 13% 5px no-repeat, var(--hz) right bottom / 5px 13% no-repeat;border-radius:12px;position:absolute;inset:calc(-1*clamp(6px,1.4cqi,12px))}[data-skin=corners] .arena-corners>button{background-blend-mode:soft-light;background-image:url(/skins/corners/asphalt.webp);background-size:192px}[data-skin=corners] .arena-corners .arena-coord{z-index:3;text-shadow:0 1px 2px #000;font-size:clamp(.6rem,1.4cqi,.8rem);font-weight:700;color:#c9d2de!important}[data-skin=corners] .arena-corners>button[data-zone]:before{content:"";pointer-events:none;background:repeating-conic-gradient(#fff 0 25%, #000 0 50%) 0 0 / 12px 12px;opacity:.14;position:absolute;inset:0}[data-skin=corners] .arena-corners>button[data-zone=mine]>span.absolute.inset-0:first-child{background:#19b6f01f}[data-skin=corners] .arena-corners>button[data-zone=opp]:after{content:"";pointer-events:none;background:#e5232b1a;position:absolute;inset:0}.arena-room[data-skin=corners]:has([data-part=side-badge][data-slot="0"]) .arena-corners>button[data-zone=mine]>span.absolute.inset-0:first-child{background:#e5232b1f}.arena-room[data-skin=corners]:has([data-part=side-badge][data-slot="0"]) .arena-corners>button[data-zone=opp]:after{background:#19b6f01a}[data-skin=corners] .arena-corners .arena-last-move{display:none}[data-skin=corners] .arena-corners>button[data-last=path]{outline-offset:-4px;outline:2px dashed #ffd60a}[data-skin=corners] .arena-corners>button[data-last=to]{box-shadow:inset 0 0 0 3px #ffd60a,inset 0 0 12px #ffd60a59}[data-skin=corners] .arena-corners .arena-disc{background:50%/contain no-repeat;border:0;width:84%;height:84%;box-shadow:0 3px 4px #000a}[data-skin=corners] .arena-corners .arena-disc[data-piece="0"]{background-image:url(/skins/corners/red.webp)}[data-skin=corners] .arena-corners .arena-disc[data-piece="1"]{background-image:url(/skins/corners/white.webp)}[data-skin=corners] .arena-stage>div>p[aria-live]{color:#e8edf3;background:#111a27e6;border-left:4px solid #ffd60a;border-radius:10px;padding:.65rem 1rem;font-weight:700;box-shadow:0 10px 24px -14px #000}.arena-room[data-skin=corners] :is(.arena-room-info,.arena-room-side){background:repeating-linear-gradient(45deg,#111a27 0 6px,#131d2b 6px 12px);border-color:#2a3546}.arena-room[data-skin=corners] .arena-room-info h3{font-family:var(--font-arena-display), sans-serif;font-size:1.2rem;font-style:italic;font-weight:800}.arena-room[data-skin=corners] .arena-game-icon{object-position:-999px 0;background:url(/skins/corners/flags.webp) 50%/contain no-repeat}.arena-room[data-skin=corners] [data-part=side-badge]{color:#e8edf3;background:#0b1018;border-color:#19b6f0;gap:.35rem;padding-left:.35rem}.arena-room[data-skin=corners] [data-part=side-badge]:before{content:"";background:url(/skins/corners/red.webp) 50%/contain no-repeat;width:1rem;height:1rem}.arena-room[data-skin=corners] [data-part=side-badge][data-slot="1"]:before{background-image:url(/skins/corners/white.webp)}.arena-room[data-skin=corners] .arena-status[data-turn=me]{color:#fff;text-align:left;background:linear-gradient(90deg,#ffd60a 0 5px,#18222f 5px);font-style:italic;font-weight:800;box-shadow:inset 0 0 0 1px #ffd60a66}.arena-room[data-skin=corners] .arena-result[data-outcome=win]{color:#ffd60a;background:#1e2a3d;box-shadow:inset 0 0 0 1px #ffd60a}.arena-room[data-skin=corners] .arena-player{background:#151f2e;border-color:#2a3546}.arena-room[data-skin=corners] .arena-player-active{background:#1b2433;border-color:#ffd60a;box-shadow:0 0 0 1px #ffd60a,0 0 16px -4px #ffd60a80}.arena-room[data-skin=corners] .arena-player-avatar{background:var(--red);color:#fff}.arena-room[data-skin=corners] .arena-player[data-slot="1"] .arena-player-avatar{background:var(--cyan);color:#04131c}.arena-room[data-skin=corners] .arena-player .arena-clock{color:#c9d2de;box-shadow:none;font-variant-numeric:tabular-nums;background:#1a2433}.arena-room[data-skin=corners] .arena-player-active .arena-clock{color:#ffe14d;background:#2b2a1a}.arena-room[data-skin=corners] .arena-player .arena-clock-low{color:#ff4d4f;background:#3a1416;box-shadow:inset 0 0 0 1px #ff4d4f}.arena-room[data-skin=corners] .arena-move-list .arena-well{background:#0e1520;box-shadow:inset 0 0 0 1px #2a3546}.arena-room[data-skin=corners] .arena-move-entry .bg-accent{color:#ffd60a;box-shadow:none;background:#ffd60a1f}.arena-room[data-skin=corners] .arena-action-bar>button[data-action=undo]{color:#e8edf3;background:#0e1520;border-color:#19b6f0}.arena-room[data-skin=corners] .arena-action-bar>button[data-action=undo] svg{color:#19b6f0}.arena-room[data-skin=corners] .arena-action-bar>button[data-action=resign]{color:#ff6b6b;background:#0e1520;border-color:#ff3b3b}.arena-room[data-skin=corners] .arena-action-bar>button[data-action=resign]:hover{background:#ff3b3b1f}.arena-room[data-skin=corners] .arena-rules{background:#0e1520;border-color:#2a3546}:is(.arena-room,.arena-play-preview)[data-skin=shogi]{--washi:#efe3c8;--indigo:#14233f;--vermilion:#c9382b;--card:#172843;--card-foreground:#efe3c8;--foreground:#efe3c8;--raised:#1d3152;--popover:#213760;--popover-foreground:#efe3c8;--muted:#12203a;--muted-foreground:#c8bb9c;--secondary:#1d3152;--hairline:#d9c9a04d;--border:#2c4470;--input:#4a6390;--accent:#24406b;--accent-foreground:#efe3c8;--primary:#e8c77a;--primary-foreground:#14233f;--ring:#e8c77a;--destructive:#e0473a;--player-two:#9fb8d8;--tint-warm:#22375c;--accent-from:#e8c77a;--accent-to:#f1d796}.arena-room[data-skin=shogi] .arena-stage,.arena-play-preview[data-skin=shogi]{background:url(/skins/shogi/stage.webp) center / cover no-repeat, var(--indigo);border-color:#d9c9a066;box-shadow:inset 0 0 0 4px #14233f,inset 0 0 0 5px #d9c9a059,0 30px 70px -30px #000}@media (max-width:640px){.arena-room[data-skin=shogi] .arena-stage,.arena-play-preview[data-skin=shogi]{background:radial-gradient(circle at 50% 100%, transparent 62%, #24406b55 63% 66%, transparent 67%) 0 0 / 28px 14px, var(--indigo);box-shadow:0 20px 50px -24px #000}}.arena-play-preview[data-skin=shogi] figcaption{color:var(--washi)}[data-skin=shogi] .arena-shogi.arena-table{--foreground:#1a1410;--board-accent:#1b2c4e;--ring:#1b2c4e;--primary:#1b2c4e;--accent:#1b2c4e;background:#3a2a18;border:clamp(8px,2.2cqi,18px) solid #b57a32;border-color:#dba258 #b57a32 #9c6526;border-radius:6px;gap:1px;padding:1px;box-shadow:inset 0 0 0 1px #3a2a18,0 0 0 1px #8a5a22,0 4px #8a5a22,0 26px 50px -22px #000}[data-skin=shogi] .arena-shogi>button{background:url(/skins/shogi/kaya.webp) 50%/360px}[data-skin=shogi] .arena-shogi .arena-coord{color:#3a2a18b3;background:0 0;font-size:10px;font-weight:700}[data-skin=shogi] .arena-shogi .arena-last-marker{background:#1b2c4e1f;box-shadow:inset 0 0 0 3px #1b2c4ee6}[data-skin=shogi] .arena-shogi .arena-check{background:radial-gradient(circle,#e0473a8c,#0000 72%)}[data-skin=shogi] .arena-shogi>button[aria-pressed=true] .arena-koma{translate:0 -3px}[data-skin=shogi] .arena-shogi>button[aria-pressed=true]>span.ring-2{--tw-ring-color:transparent;box-shadow:inset 0 0 0 3px #efe3c8,inset 0 0 0 4px #1b2c4e}[data-skin=shogi] .arena-koma{color:#1a1410;filter:drop-shadow(0 2px 1.5px #0000006b);font-weight:800}[data-skin=shogi] .arena-koma:before{background:#7a521f}[data-skin=shogi] .arena-koma:after{background:linear-gradient(125deg,#fbe7b8,#f0cf8e 55%,#dcb26a);box-shadow:inset 0 -4px #b98a45}[data-skin=shogi] .arena-koma[data-owner=opp]:after{background:linear-gradient(125deg,#f3e2bd,#e6c98f 55%,#d0ab6c)}[data-skin=shogi] .arena-koma[data-promoted]{color:#b3261e}[data-skin=shogi] .arena-komadai{outline-offset:3px;background:#172843;border:1px solid #d9c9a0b3;border-radius:10px;outline:1px solid #d9c9a040;position:relative;box-shadow:0 10px 24px -14px #000}[data-skin=shogi] .arena-komadai .text-muted-foreground{color:#d6c8a8}[data-skin=shogi] .arena-komadai>span.text-xs{color:var(--washi);font-size:.875rem;font-weight:600}[data-skin=shogi] .arena-komadai>:is(span,button)[class*=inline-flex]{color:#1a1410;background:linear-gradient(125deg,#fbe7b8,#f0cf8e);border-color:#b98a45}[data-skin=shogi] .arena-komadai>button[aria-pressed=true]{border-color:var(--washi);color:var(--washi);box-shadow:0 0 0 2px var(--washi);background:#24406b}[data-skin=shogi] .arena-komadai[aria-label^=Ваши]{padding-right:3.2rem}[data-skin=shogi] .arena-komadai[aria-label^=Ваши]:after{content:"";background:url(/skins/shogi/hanko.webp) 50%/contain no-repeat;width:2.1rem;height:2.1rem;position:absolute;top:50%;right:.55rem;translate:0 -50%}[data-skin=shogi] .arena-komadai+div:not(.arena-board-viewport,.arena-komadai){background:#172843e6;border:1px solid #d9c9a040;border-radius:10px;padding:.75rem}[data-skin=shogi] .arena-komadai+div:not(.arena-board-viewport,.arena-komadai) .text-foreground{color:var(--washi)}.arena-room[data-skin=shogi] :is(.arena-room-info,.arena-room-side){background:#0f1b33;border:1.5px solid #d9c9a0b3}.arena-room[data-skin=shogi] .arena-room-side{background:linear-gradient(#0f1b33 55%,#0f1b33b3 80%,#0f1b3300),radial-gradient(circle at 50% 100%,#0000 62%,#d9c9a02e 63% 66%,#0000 67%) 0 0/28px 14px,#0f1b33}.arena-room[data-skin=shogi] .arena-room-info{position:relative}.arena-room[data-skin=shogi] .arena-room-info:after{content:"";pointer-events:none;opacity:.9;background:url(/skins/shogi/cloud.webp) 50%/contain no-repeat;width:140px;height:40px;position:absolute;bottom:-14px;right:10px}.arena-room[data-skin=shogi] .arena-room-info h3{font-family:var(--font-arena-display), sans-serif;font-size:1.3rem;font-weight:800}.arena-room[data-skin=shogi] [data-part=side-badge]{color:var(--washi);background:0 0;border-color:#d9c9a0b3}.arena-room[data-skin=shogi] .arena-status{box-shadow:none;background:#172843;border:1px solid #d9c9a066}.arena-room[data-skin=shogi] .arena-status[data-turn=me]{color:#fff6e0;border-color:#e8c77a;font-weight:700;box-shadow:0 0 16px -6px #e8c77a}.arena-room[data-skin=shogi] .arena-result[data-outcome=win]{color:#e8c77a;background:#22375c;box-shadow:inset 0 0 0 1px #e8c77a}.arena-room[data-skin=shogi] .arena-player{background:#14233f;border-color:#2c4470}.arena-room[data-skin=shogi] .arena-player-active{background:#1b2c4e;border-color:#e8c77a;box-shadow:0 0 0 1px #e8c77a,0 0 16px -4px #e8c77a80}.arena-room[data-skin=shogi] .arena-player-avatar{color:#14233f;background:#9fb8d8}.arena-room[data-skin=shogi] .arena-player[data-me] .arena-player-avatar{background:var(--washi);color:#14233f}.arena-room[data-skin=shogi] .arena-player .arena-clock{color:#d6c8a8;background:#0f1b33;box-shadow:inset 0 0 0 1px #2c4470}.arena-room[data-skin=shogi] .arena-player-active .arena-clock{color:#e8c77a;box-shadow:inset 0 0 0 1px #e8c77a}.arena-room[data-skin=shogi] .arena-player .arena-clock-low{color:#ff6f5e;background:#3a1412;box-shadow:inset 0 0 0 1px #e0473a}.arena-room[data-skin=shogi] .arena-move-list .arena-well{background:#12203a;box-shadow:inset 0 0 0 1px #2c4470}.arena-room[data-skin=shogi] .arena-move-entry .bg-accent{color:var(--washi);box-shadow:none;background:#24406b}.arena-room[data-skin=shogi] .arena-action-bar>button.arena-soft{color:var(--washi);background:#14233f;border-color:#d9c9a080}.arena-room[data-skin=shogi] .arena-action-bar>button.arena-soft:hover{border-color:var(--washi);background:#1b2c4e}.arena-room[data-skin=shogi] .arena-action-bar>button[data-action=resign]{color:#ff7a6b;background:0 0;border-color:#e0473a}.arena-room[data-skin=shogi] .arena-action-bar>button[data-action=resign]:hover{background:#e0473a1f}.arena-room[data-skin=shogi] .arena-rules{background:#12203a;border-color:#d9c9a04d}@media (max-width:480px){[data-skin=shogi] .arena-koma{filter:none;font-weight:900}[data-skin=shogi] .arena-koma:after{box-shadow:none}}:is(.arena-room,.arena-play-preview)[data-skin=checkers]{--gold:#c99a3e;--gold-hi:#e8c46a;--ice:#cfe3f2;--card:#120d0a;--card-foreground:#f1e3c0;--foreground:#f1e3c0;--raised:#1b1410;--popover:#221913;--popover-foreground:#f1e3c0;--muted:#0d0a08;--muted-foreground:#c4b08a;--secondary:#1b1410;--hairline:#c99a3e47;--border:#3a2a18;--input:#6b5330;--accent:#e8c46a29;--accent-foreground:#e8c46a;--primary:#e8c46a;--primary-foreground:#1a1206;--ring:#e8c46a;--destructive:#e8574c;--player-two:var(--ice);--tint-warm:#241a12;--accent-from:#c99a3e;--accent-to:#e8c46a}.arena-room[data-skin=checkers] .arena-stage,.arena-play-preview[data-skin=checkers]{background:radial-gradient(70% 50% at 50% 40%,#1a1410,#0b0907);border:clamp(44px,9cqi,96px) solid #0000;border-width:clamp(44px,9cqi,96px) clamp(22px,4.4cqi,44px);border-image:url(/skins/checkers/frame.webp) 13% 8% fill;box-shadow:0 30px 70px -30px #000}@media (max-width:640px){.arena-room[data-skin=checkers] .arena-stage,.arena-play-preview[data-skin=checkers]{border:1px solid #c99a3e80;border-image:;box-shadow:inset 0 0 0 3px #0b0907,inset 0 0 0 4px #c99a3e59}}.arena-play-preview[data-skin=checkers] figcaption{color:var(--muted-foreground)}[data-skin=checkers] .arena-checkers.arena-table{--board-accent:#e8c46a;--primary:#e8c46a;--accent:#cfe3f2;--ring:#e8c46a;--chess-light-square:#eedfb9;--chess-dark-square:#560c10;background:#0b0907;border:0;border-radius:6px;gap:2px;padding:6px;box-shadow:0 0 0 1px #c99a3e,0 0 0 4px #0b0907,0 0 0 5px #c99a3e80,0 24px 46px -20px #000}[data-skin=checkers] .arena-checkers>button{background:url(/skins/checkers/light.webp) 50%/128px;border-radius:2px}[data-skin=checkers] .arena-checkers>button[data-dark]{background-image:url(/skins/checkers/dark.webp);box-shadow:inset 0 0 0 1px #c99a3e33}[data-skin=checkers] .arena-checkers .arena-last-move{border:0;background:#e8c46a38!important}[data-skin=checkers] .arena-checkers>button>span.ring-primary{--tw-ring-color:#e8c46a;box-shadow:inset 0 0 0 3px #e8c46a,inset 0 0 12px #e8c46a66}[data-skin=checkers] .arena-checkers>button>span[class*=ring-primary\/60]{--tw-ring-color:#e8c46a8c;box-shadow:inset 0 0 0 2px #e8c46a8c}[data-skin=checkers] .arena-checkers>button>span.ring-destructive{--tw-ring-color:transparent}[data-skin=checkers] .arena-checkers>button[data-must] .arena-disc{box-shadow:0 0 0 2px #cfe3f2,0 0 14px 2px #cfe3f2b3,0 3px 4px #000a}[data-skin=checkers] .arena-checkers .arena-legal-marker:not([class*=inset-1]){background:#f1e3c0bf}[data-skin=checkers] .arena-checkers .arena-legal-marker[class*=inset-1]{--tw-ring-color:#cfe3f2;box-shadow:inset 0 0 0 3px #cfe3f2}[data-skin=checkers] .arena-checkers>button>span.ring-accent{--tw-ring-color:#cfe3f2}[data-skin=checkers] .arena-checkers .arena-disc{border:0;border-radius:9999px;width:84%;height:84%;box-shadow:0 0 0 1.5px #c99a3e,0 3px 4px #000a;background:50%/contain no-repeat!important}[data-skin=checkers] .arena-checkers .arena-disc[data-piece="0"]{background-image:radial-gradient(at 38% 22%,#fff6,#0000 45%),url(/skins/checkers/white.webp)!important}[data-skin=checkers] .arena-checkers .arena-disc[data-piece="1"]{background-image:radial-gradient(at 38% 22%,#fff3,#0000 45%),url(/skins/checkers/black.webp)!important}[data-skin=checkers] .arena-checkers .arena-disc[data-king]{translate:0 -3px;box-shadow:0 0 0 2px #e8c46a,0 3px 0 1px #7a5a22,0 6px 6px #000b}[data-skin=checkers] .arena-checkers .arena-disc[data-king]>svg{display:none}[data-skin=checkers] .arena-checkers .arena-disc[data-king]:after{content:"";filter:drop-shadow(0 1px 1px #000c);background:url(/skins/checkers/crown.webp) 50%/contain no-repeat;position:absolute;inset:22%}[data-skin=checkers] .arena-stage p+button{color:#e8c46a;background:0 0;border:1px solid #c99a3e80;border-radius:9999px}[data-skin=checkers] .arena-stage .text-muted-foreground{color:#d8c49c}.arena-room[data-skin=checkers] :is(.arena-room-info,.arena-room-side){background:radial-gradient(120% 60% at 50% 0,#1b1410,#120d0a);border-color:#c99a3e66}.arena-room[data-skin=checkers] .arena-room-info h3{font-family:var(--font-skin-serif), Georgia, serif;color:#f6e9c8;font-size:1.3rem;font-weight:700}.arena-room[data-skin=checkers] [data-part=side-badge]{color:#f1e3c0;background:#0b0907;border-color:#c99a3e99}.arena-room[data-skin=checkers] .arena-status{box-shadow:none;background:#0d0a08;border:1px solid #3a2a18}.arena-room[data-skin=checkers] .arena-status[data-turn=me]{color:#f6e9c8;box-shadow:none;border-color:#e8c46a;font-weight:700}.arena-room[data-skin=checkers] .arena-result[data-outcome=win]{color:#e8c46a;background:#241a12;box-shadow:inset 0 0 0 1px #e8c46a}.arena-room[data-skin=checkers] .arena-player{background:#0d0a08;border-color:#3a2a18}.arena-room[data-skin=checkers] .arena-player-active{background:#16100c;border-color:#e8c46a;box-shadow:0 0 0 1px #e8c46a,0 0 18px -4px #e8c46a73}.arena-room[data-skin=checkers] .arena-player-avatar{color:#0000;background:url(/skins/checkers/white.webp) 50%/contain;box-shadow:0 0 0 2px #c99a3e}.arena-room[data-skin=checkers] .arena-player[data-slot="1"] .arena-player-avatar{background-image:url(/skins/checkers/black.webp)}.arena-room[data-skin=checkers] .arena-player .arena-clock{color:#c4b08a;background:#0b0907;box-shadow:inset 0 0 0 1px #3a2a18}.arena-room[data-skin=checkers] .arena-player-active .arena-clock{color:#e8c46a;box-shadow:inset 0 0 0 1px #e8c46a}.arena-room[data-skin=checkers] .arena-player .arena-clock-low{color:#0b0907;background:var(--ice);box-shadow:0 0 0 3px #cfe3f259}.arena-room[data-skin=checkers] .arena-move-list .arena-well{background:#0d0a08;box-shadow:inset 0 0 0 1px #3a2a18}.arena-room[data-skin=checkers] .arena-move-entry .bg-accent{color:#e8c46a;box-shadow:none;background:#e8c46a24}.arena-room[data-skin=checkers] .arena-action-bar>button.arena-soft{color:#f1e3c0;background:#120d0a;border-color:#6b5330}.arena-room[data-skin=checkers] .arena-action-bar>button.arena-soft:hover{background:#1b1410;border-color:#e8c46a}.arena-room[data-skin=checkers] .arena-action-bar svg{color:#e8c46a}.arena-room[data-skin=checkers] .arena-action-bar>button[data-action=resign]{color:#f6e9c8;background:#560c10;border-color:#c99a3e}.arena-room[data-skin=checkers] .arena-action-bar>button[data-action=resign] svg{color:#e8c46a}.arena-room[data-skin=checkers] .arena-action-bar>button[data-action=resign]:hover{background:#6e1016}.arena-room[data-skin=checkers] .arena-rules{background:#0d0a08;border-color:#3a2a18}:is(.arena-room,.arena-play-preview):is([data-skin=backgammon],[data-skin=longnardy]){--brass:#e3b860;--gold:#c9a35a;--felt-tint:#0f3a2a;--card:#24130e;--card-foreground:#ecdcc0;--foreground:#ecdcc0;--raised:#2e1913;--popover:#351e16;--popover-foreground:#ecdcc0;--muted:#1b0e0a;--muted-foreground:#c2ad8f;--secondary:#2e1913;--hairline:#8a6a3a59;--border:#4a2c1e;--input:#8a6a3a;--accent:#e3b8602e;--accent-foreground:#e3b860;--primary:#e3b860;--primary-foreground:#1f1206;--ring:#e3b860;--destructive:#e5534b;--player-two:#f1ebdc;--tint-warm:#331b13;--accent-from:#c9a35a;--accent-to:#e3b860}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-stage,.arena-play-preview:is([data-skin=backgammon],[data-skin=longnardy]){background:radial-gradient(80% 70% at 50% 45%,#0b080700 40%,#0b080799 90%),url(/skins/nardy/stage.webp) 50%/cover no-repeat,#0b0807;border-color:#8a6a3a66;box-shadow:inset 0 1px #ffffff0f,0 30px 70px -30px #000}@media (max-width:640px){.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-stage,.arena-play-preview:is([data-skin=backgammon],[data-skin=longnardy]){background:radial-gradient(90% 60% at 50% 0,#2a1610,#0b0807)}}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-nardy-summary{color:#d8c4a4}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-stage>div>p[aria-live]{color:#e6d3b3}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-backgammon.arena-table{--accent-to:#e3b860;background:url(/skins/nardy/leather.webp) 50%/220px,#3a2218;border:clamp(6px,1.4cqi,12px) solid #2e1a10;border-radius:10px;box-shadow:inset 0 0 0 1px #c9a35a80,0 0 0 1px #5a3a28,0 26px 50px -22px #000}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-backgammon>div{background:url(/skins/nardy/felt.webp) center / 192px, var(--felt-tint);background-blend-mode:luminosity;border-radius:4px;box-shadow:inset 0 0 0 1px #c9a35a59,inset 0 4px 12px #000a}[data-skin=longnardy] .arena-backgammon>div{--felt-tint:#4a161a}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-point .arena-triangle{opacity:1;inset:0 2px;clip-path:none!important;background:50%/100% 100% no-repeat!important}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-point.justify-start .arena-triangle[data-tone=a]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='1,0 99,0 50,98' fill='%23a3302a' stroke='%23c9a35a' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")!important}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-point.justify-start .arena-triangle[data-tone=b]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='1,0 99,0 50,98' fill='%23e6d5b0' stroke='%23c9a35a' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")!important}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-point.justify-end .arena-triangle[data-tone=a]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='50,2 99,100 1,100' fill='%23a3302a' stroke='%23c9a35a' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")!important}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-point.justify-end .arena-triangle[data-tone=b]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='50,2 99,100 1,100' fill='%23e6d5b0' stroke='%23c9a35a' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")!important}[data-skin=longnardy] .arena-point.justify-start .arena-triangle[data-tone=a]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='1,0 99,0 50,98' fill='%232a6b4c' stroke='%23c9a35a' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")!important}[data-skin=longnardy] .arena-point.justify-end .arena-triangle[data-tone=a]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='50,2 99,100 1,100' fill='%232a6b4c' stroke='%23c9a35a' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")!important}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-backgammon .arena-point span.text-muted-foreground{color:#e3b860;background:#1b0e0ae6;border-radius:3px;padding:0 3px;font-weight:700}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-backgammon .ring-primary{--tw-ring-color:#e3b860;box-shadow:inset 0 0 0 2px #e3b860,inset 0 0 14px #e3b86066}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-backgammon [class*=ring-primary\/50]{--tw-ring-color:#e3b86073;box-shadow:inset 0 0 0 2px #e3b860a6}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-backgammon .arena-legal-marker{--tw-ring-color:#e3b860;box-shadow:inset 0 0 0 2px #e3b860,inset 0 0 0 3px #1f1206,inset 0 0 16px #e3b86080}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-backgammon .arena-disc{border:0;box-shadow:0 2px 3px #000b;background:50%/contain no-repeat!important}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-backgammon .arena-disc[data-side="0"]{background-image:url(/skins/nardy/black.webp)!important}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-backgammon .arena-disc[data-side="1"]{background-image:url(/skins/nardy/white.webp)!important}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-backgammon .arena-disc[data-count]{font-weight:800;color:#1f1206!important;background-image:radial-gradient(circle,#f0cf7a 0 34%,#b88a3e 35% 40%,#0000 41%),url(/skins/nardy/black.webp)!important}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-backgammon .arena-disc[data-count][data-side="1"]{background-image:radial-gradient(circle,#f0cf7a 0 34%,#b88a3e 35% 40%,#0000 41%),url(/skins/nardy/white.webp)!important}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-backgammon>button{background:#24130e;border-radius:4px;box-shadow:inset 0 0 0 1px #c9a35a40,inset 0 4px 10px #000b}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-backgammon>button span.text-muted-foreground{color:#d9b86a}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-backgammon>button .text-foreground{color:#f1ebdc}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-die{color:#f5f0e6;background:linear-gradient(145deg,#d42a32,#a0141c 60%,#7a0d14);border:0;box-shadow:inset 0 2px #ffffff40,inset 0 -3px #5a0a10,0 6px 10px #000b}:is([data-skin=backgammon],[data-skin=longnardy]) .arena-die.bg-muted{opacity:.45;filter:saturate(.6)}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) :is(.arena-room-info,.arena-room-side){background-blend-mode:soft-light;background:url(/skins/nardy/leather.webp) 50%/260px,#3b1d15;border-color:#8a6a3a80;box-shadow:inset 0 0 0 4px #3b1d15,inset 0 0 0 5px #8a6a3a59,0 24px 60px -30px #000}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-room-info h3{font-family:var(--font-skin-serif), Georgia, serif;color:#f3e3c4;font-size:1.25rem;font-weight:700}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) [data-part=side-badge]{color:#ecdcc0;background:#1b0e0a;border-color:#c9a35a99}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-status{box-shadow:none;background:#1b0e0acc;border:1px solid #4a2c1e}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-status[data-turn=me]{color:#f3e3c4;border-color:#e3b860;font-weight:700;box-shadow:0 0 16px -6px #e3b860}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-result[data-outcome=win]{color:#e3b860;background:#331b13;box-shadow:inset 0 0 0 1px #e3b860}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-player{opacity:.75;background:#1b0e0acc;border-color:#4a2c1e}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-player-active{opacity:1;background:#2e1913;border-color:#e3b860;box-shadow:0 0 0 1px #e3b860,inset 0 0 16px #e3b86026}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-player .arena-clock{color:#c2ad8f;background:#140a07;box-shadow:inset 0 0 0 1px #4a2c1e}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-player-active .arena-clock{color:#e3b860;box-shadow:inset 0 0 0 1px #e3b860}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-player .arena-clock-low{color:#fff;box-shadow:none;background:#e5534b}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-move-list .arena-well{background:#140a07cc;box-shadow:inset 0 0 0 1px #4a2c1e}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-move-entry .bg-accent{color:#e3b860;box-shadow:none;background:#e3b86026}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-action-bar>button.arena-soft{color:#ecdcc0;background:#1b0e0a;border-color:#8a6a3a}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-action-bar>button.arena-soft:hover{background:#2e1913;border-color:#e3b860}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-action-bar>button[data-action=resign]{color:#f08078;background:0 0;border-color:#e5534b}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-action-bar>button[data-action=resign]:hover{background:#e5534b1f}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) .arena-rules{background:#140a07cc;border-color:#4a2c1e}.arena-room:is([data-skin=backgammon],[data-skin=longnardy]) :is(.arena-status,.arena-player-name,.arena-move-list>div:first-child,.arena-action-bar>button){font-family:var(--font-skin-serif), Georgia, serif}[data-skin=battleship]{--brass:#c9a05a;--brass-hi:#e2c07a;--parchment:#e3d2a8;--chart-ink:#3e6c9a;--navy:#1a2438;--cream:#ead7ac;--own:#3e6c9a;--enemy:#b3261e;--enemy-b:#e8a08a;--card:#1a2438;--card-foreground:#ead7ac;--foreground:#ead7ac;--popover:#222e46;--muted-foreground:#c5b48c;--hairline:#c9a05a4d;--bs-line:#c9a05a66;--primary:#e2c07a;--ring:#e2c07a;--accent-gradient:linear-gradient(180deg, #e2c07a, #b8894a);--on-accent:#1f1406}.bs-hud[data-skin=battleship]{background:radial-gradient(90% 80% at 50% 45%,#2a1a1000 30%,#140c07d9 92%),url(/skins/battleship/desk.webp) 50%/cover no-repeat,#2a1a10;border-color:#c9a05a59}@media (max-width:768px){.bs-hud[data-skin=battleship]{background:linear-gradient(#2a1a10,#1c110a)}}.arena-play-preview[data-skin=battleship]{background:radial-gradient(90% 80% at 50% 45%,#2a1a1000 30%,#140c07d9 92%),url(/skins/battleship/desk.webp) 50%/cover,#2a1a10;border-color:#c9a05a59}.arena-play-preview[data-skin=battleship] figcaption{color:var(--cream)}[data-skin=battleship] :is(.bs-top,.bs-panel){-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#1f2b42,#172034);border:1px solid #c9a05a99;box-shadow:inset 0 0 0 3px #172034,inset 0 0 0 4px #c9a05a33,0 14px 30px -16px #000}[data-skin=battleship] .bs-gametitle,[data-skin=battleship] .bs-boardtitle,[data-skin=battleship] .bs-sidehead,[data-skin=battleship] .bs-frow .nm{font-family:var(--font-skin-serif), Georgia, serif;letter-spacing:.01em}[data-skin=battleship] .bs-gametitle{color:#f3e4be;align-items:center;gap:.6rem;font-size:1.4rem;display:inline-flex}@media (max-width:768px){[data-skin=battleship] .bs-gametitle{font-size:1.1rem}}[data-skin=battleship] .bs-gametitle:before{content:"";background:url(/skins/battleship/compass.webp) 50%/contain no-repeat;flex-shrink:0;width:2.2rem;height:2.2rem}[data-skin=battleship] .bs-timer{background:radial-gradient(circle at 50% 30%,#24324e,#141c2d);border:1px solid #c9a05a;border-radius:9999px;box-shadow:inset 0 0 0 3px #141c2d,inset 0 0 0 4px #c9a05a59,0 8px 18px -10px #000}[data-skin=battleship] .bs-clock{color:#f3e4be;font-variant-numeric:tabular-nums}[data-skin=battleship] .bs-turnbar{background:#c9a05a33}[data-skin=battleship] .bs-turnbar i{background:var(--brass-hi)}[data-skin=battleship] .bs-turnbar.foe i{background:#e5484d}[data-skin=battleship] :is(.bs-btn,.bs-icon-btn,.bs-ebtn:is(.surr,.lobby)){color:var(--cream);background:#141c2d;border:1px solid #c9a05a80}[data-skin=battleship] :is(.bs-btn,.bs-icon-btn,.bs-ebtn:is(.surr,.lobby)):hover:not(:disabled){border-color:var(--brass-hi);background:#1f2b42}[data-skin=battleship] .bs-btn.go,[data-skin=battleship] .bs-btn.go:hover:not(:disabled){color:#1f1406;background:linear-gradient(#e2c07a,#b8894a);border-color:#8a6a32;box-shadow:inset 0 1px #fff6,0 8px 18px -10px #c9a05a}[data-skin=battleship] .bs-frow{background:#172034;border-color:#c9a05a59}[data-skin=battleship] .bs-frow.sel,[data-skin=battleship] button.bs-frow.sel:hover{border-color:var(--brass-hi);box-shadow:0 0 0 1px var(--brass-hi), 0 0 16px -6px var(--brass-hi);background:#22304a}[data-skin=battleship] .bs-frow .ct{color:var(--brass-hi)}[data-skin=battleship] .bs-frow .left.none{color:#e8a08a}[data-skin=battleship] .bs-board{background:url(/skins/battleship/parchment.webp) center / 256px, var(--parchment);border:1px solid #c4ad7f;border-radius:6px;gap:1px;box-shadow:inset 0 0 0 3px #e3d2a8,inset 0 0 0 4px #3e6c9a59,0 0 0 4px #3a2614,0 0 0 6px #c9a05a,0 18px 34px -12px #000}[data-skin=battleship] .bs-board.e{background:url(/skins/battleship/night.webp) 50%/256px,#1c2a44;border-color:#c9a05a99;box-shadow:inset 0 0 0 3px #1c2a44,inset 0 0 0 4px #c9a05a4d,0 0 0 4px #0e1524,0 0 0 6px #c9a05a,0 18px 34px -12px #000}[data-skin=battleship] .bs-lab{color:#2c4f75;font-family:var(--font-skin-serif), Georgia, serif;font-size:clamp(11px,1vw,15px);font-weight:700}[data-skin=battleship] .bs-board.e .bs-lab{color:#d8c79a}[data-skin=battleship] .bs-cell{background:0 0;border:0;border-radius:0;box-shadow:inset 0 0 0 .5px #3e6c9a8c}[data-skin=battleship] .bs-board.e .bs-cell{background:0 0;box-shadow:inset 0 0 0 .5px #d8c79a59}[data-skin=battleship] .bs-cell.ship{background-color:#3e6c9a24}[data-skin=battleship] .bs-cell.water{background:#3e6c9a14}[data-skin=battleship] .bs-board.e .bs-cell.water{background:#d8c79a0f}[data-skin=battleship] .bs-cell.fire{background-color:#b3261e2e;box-shadow:inset 0 0 0 1px #b3261e}[data-skin=battleship] .bs-board.e .bs-cell.fire{background-image:repeating-linear-gradient(45deg,#b3261e33 0 3px,#0000 3px 7px)}[data-skin=battleship] .bs-cell.fire:has(+.bs-shipitem){background-image:repeating-linear-gradient(45deg,#b3261e33 0 3px,#0000 3px 7px)}[data-skin=battleship] .bs-cell.fireable:hover{box-shadow:inset 0 0 0 1px var(--brass-hi);background:#e2c07a1f}[data-skin=battleship] .bs-cell.prev-ok{outline-offset:-3px;background-color:#4a86c833;outline:1px dashed #4a86c8;box-shadow:inset 0 0 0 1.5px #4a86c8}[data-skin=battleship] .bs-cell.prev-bad{outline-offset:-3px;background-color:#c0392b33;outline:1px dashed #c0392b;box-shadow:inset 0 0 0 1.5px #c0392b}[data-skin=battleship] .bs-cell.place:hover{box-shadow:inset 0 0 0 1px #3e6c9a}[data-skin=battleship] .bs-cell:focus-visible{outline:2px solid var(--brass-hi);outline-offset:-2px}[data-skin=battleship] .bs-ship{filter:drop-shadow(0 2px 3px #0008)}[data-skin=battleship] .bs-boardtitle{font-size:1.2rem;font-weight:700}[data-skin=battleship] .bs-boardtitle .dot{display:none}[data-skin=battleship] .bs-boardtitle:before,[data-skin=battleship] .bs-boardtitle:after{content:"";opacity:.5;background:currentColor;width:3rem;height:1px}[data-skin=battleship] .bs-boardtitle.you{color:#9ec3ea}[data-skin=battleship] .bs-boardtitle.foe{color:#e8a08a}[data-skin=battleship] .bs-fx>image{display:none}[data-skin=battleship] .bs-fx[data-impact=hit]{background:url(/skins/battleship/hit.webp) 50%/78% no-repeat}[data-skin=battleship] .bs-fx[data-impact=miss]{background:radial-gradient(circle,#1e3350 0 17%,#0000 19%)}[data-skin=battleship] .bs-board.e .bs-fx[data-impact=miss]{background:radial-gradient(circle,#e3d2a8 0 17%,#0000 19%)}[data-skin=battleship] .bs-fx.bs-reticle{background:url(/skins/battleship/reticle.webp) 50%/92% no-repeat}[data-skin=battleship] .bs-scene{background:url(/skins/battleship/compass.webp) 50%/62% no-repeat,radial-gradient(circle,#1f2b42,#141c2d)}[data-skin=battleship] .bs-scene-img{display:none}[data-skin=battleship] .bs-fleetsummary,[data-skin=battleship] .bs-pill-label,[data-skin=battleship] .bs-who,[data-skin=battleship] .bs-youmark{color:#c5b48c}[data-skin=battleship] .bs-fleetsummary b{color:#f3e4be}[data-skin=battleship] .bs-fleetsummary{background:#172034;border:1px solid #c9a05a99;border-radius:4px;padding:.25rem .8rem}[data-skin=battleship] .bs-mv{border-top-color:#c9a05a26}@media (max-width:768px){[data-skin=battleship] .bs-board{background:url(/skins/battleship/parchment.webp) center / 256px, var(--parchment)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--radius:1.25rem;--background:#e9edf2;--foreground:#202731;--sidebar:#f0f3f7;--sidebar-foreground:#202731;--card:#f8f9fc;--card-foreground:#202731;--raised:#fcfdff;--popover:#fcfdff;--popover-foreground:#202731;--primary:#ae361c;--primary-foreground:#f8f9fc;--accent-from:#f35b46;--accent-to:#f99a57;--accent-gradient:linear-gradient(120deg,var(--accent-from),var(--accent-to));--on-accent:#24150f;--secondary:#dce3ec;--secondary-foreground:#303c4b;--muted:#e0e6ee;--muted-foreground:#526073;--accent:#f3e4df;--accent-foreground:#8c2c18;--destructive:#ac283b;--border:#c3ccd8;--input:#8997aa;--ring:#ae361c;--player-two:#315f8c;--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--accent);--sidebar-accent-foreground:var(--accent-foreground);--sidebar-border:var(--border);--sidebar-ring:var(--ring);--chart-1:var(--primary);--chart-2:var(--player-two);--chart-3:#75613c;--chart-4:#566b84;--chart-5:#745c83;--chess-light-square:#d9cbb5;--chess-dark-square:#786d64;--wood:#d4ba8d;--wood-ink:#514333;--board-accent:#ae361c;--mark-x:var(--primary);--mark-o:var(--player-two);--checker-white:#f0eee6;--checker-black:#252d38;--shadow-table:0 18px 38px -20px #10172280;--tint-warm:var(--accent-from)}@supports (color:color-mix(in lab, red, red)){:root{--tint-warm:color-mix(in srgb,var(--accent-from) 10%,var(--card))}}:root{--frame:var(--input)}@supports (color:color-mix(in lab, red, red)){:root{--frame:color-mix(in srgb,var(--input) 40%,var(--card))}}:root{--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--dur-emph:.52s;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.45,0,.55,1);--ease-arena:var(--ease-out);--hairline:var(--foreground)}@supports (color:color-mix(in lab, red, red)){:root{--hairline:color-mix(in srgb,var(--foreground) 10%,transparent)}}:root{--depth-1:0 1px 2px -1px #1017221f, 0 1px 3px #1017220f;--depth-2:0 10px 28px -14px #10172238, 0 2px 8px -4px #1017221f;--depth-3:0 28px 64px -26px #10172252, 0 10px 24px -14px #1017222e;--highlight:inset 0 1px 0 #fff9;--glass:var(--card)}@supports (color:color-mix(in lab, red, red)){:root{--glass:color-mix(in srgb,var(--card) 72%,transparent)}}:root{--glass-strong:var(--popover)}@supports (color:color-mix(in lab, red, red)){:root{--glass-strong:color-mix(in srgb,var(--popover) 86%,transparent)}}:root{--blur:18px;--ambient:radial-gradient(70% 55% at 8% -12%,var(--accent-from),transparent 70%), radial-gradient(55% 50% at 104% 108%,var(--player-two),transparent 70%)}@supports (color:color-mix(in lab, red, red)){:root{--ambient:radial-gradient(70% 55% at 8% -12%,color-mix(in srgb,var(--accent-from) 10%,transparent),transparent 70%), radial-gradient(55% 50% at 104% 108%,color-mix(in srgb,var(--player-two) 9%,transparent),transparent 70%)}}.dark{--depth-1:0 1px 2px -1px #00000080, 0 1px 3px #0000004d;--depth-2:0 12px 32px -14px #000000b3, 0 3px 10px -4px #00000073;--depth-3:0 32px 72px -28px #000000d9, 0 12px 28px -14px #0000008c;--highlight:inset 0 1px 0 #ffffff0d;--hairline:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.dark{--hairline:color-mix(in srgb,var(--foreground) 9%,transparent)}}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#090b0f;--foreground:#e9edf4;--sidebar:#0c0f13;--sidebar-foreground:#e9edf4;--card:#11151b;--card-foreground:#e9edf4;--raised:#181d24;--popover:#1d232c;--popover-foreground:#e9edf4;--primary:#ff9875;--primary-foreground:#281b17;--secondary:#1a2029;--secondary-foreground:#e1e8f2;--muted:#151a21;--muted-foreground:#aab8cb;--accent:#261d1b;--accent-foreground:#ffc0a6;--destructive:#ff9daa;--border:var(--hairline);--input:#435064;--ring:#ff9875;--player-two:#9ac9f0;--chart-3:#d8c39a;--chart-4:#b0bfd3;--chart-5:#c7b2df}.bs-hud{--own:var(--player-two);--enemy:#f47b55;--enemy-b:#ffb18e;--bs-line:var(--own)}@supports (color:color-mix(in lab, red, red)){.bs-hud{--bs-line:color-mix(in srgb,var(--own) 16%,transparent)}}.bs-hud{--veil:var(--background)}@supports (color:color-mix(in lab, red, red)){.bs-hud{--veil:color-mix(in srgb,var(--background) 91%,transparent)}}.bs-hud{width:100%;color:var(--foreground);border:1px solid var(--bs-line);border-radius:var(--radius-xl);box-shadow:var(--highlight),var(--depth-2);background:linear-gradient(var(--veil),var(--veil)),var(--background) url(/battleship/hq/background_dark_ocean_tile_2048.webp) 0 0/512px;flex-direction:column;gap:16px;padding:clamp(10px,2vw,18px);display:flex;position:relative;overflow:hidden;container-type:inline-size}.bs-panel{background:var(--card);border:1px solid var(--bs-line);border-radius:var(--radius-lg);box-shadow:var(--highlight),var(--depth-2);position:relative}.bs-top{border:1px solid var(--bs-line);border-radius:var(--radius-xl);box-shadow:var(--highlight),var(--depth-2);background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.3);backdrop-filter:blur(var(--blur)) saturate(1.3);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px 16px;padding:12px 16px;display:grid}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bs-top{background:var(--popover)}}.bs-top-left{align-items:center;min-width:0;display:flex}.bs-gametitle{overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:1.4}.bs-top-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.bs-youmark{color:var(--muted-foreground);white-space:nowrap;font-size:14px}.bs-center{justify-content:center;min-width:0;display:flex}.bs-timer{text-align:center;background:var(--foreground);border-radius:9999px;flex-direction:column;align-items:center;gap:2px;min-width:190px;max-width:100%;padding:8px 28px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.bs-timer{background:color-mix(in srgb,var(--foreground) 4%,transparent)}}.bs-timer{box-shadow:inset 0 0 0 1px var(--hairline),inset 0 1px 2px #0000002e}.bs-pill-label{color:var(--muted-foreground);overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.4}.bs-clock{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;line-height:1.2}.bs-who{color:var(--muted-foreground);overflow-wrap:anywhere;font-size:12px;line-height:1.4}.bs-turnbar{background:var(--foreground);border-radius:9999px;width:min(120px,100%);height:3px;margin-top:4px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.bs-turnbar{background:color-mix(in srgb,var(--foreground) 8%,transparent)}}.bs-turnbar i{border-radius:inherit;background:var(--own);height:100%;display:block}.bs-turnbar.foe i{background:var(--enemy)}.bs-btn,.bs-icon-btn,.bs-ebtn:is(.surr,.lobby){color:var(--foreground);background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bs-btn,.bs-icon-btn,.bs-ebtn:is(.surr,.lobby){background:color-mix(in srgb,var(--foreground) 5%,transparent)}}.bs-btn,.bs-icon-btn,.bs-ebtn:is(.surr,.lobby){border:1px solid var(--bs-line);box-shadow:var(--highlight)}:is(.bs-btn,.bs-icon-btn,.bs-ebtn:is(.surr,.lobby)):hover:not(:disabled){background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){:is(.bs-btn,.bs-icon-btn,.bs-ebtn:is(.surr,.lobby)):hover:not(:disabled){background:color-mix(in srgb,var(--foreground) 9%,transparent)}}:is(.bs-btn,.bs-icon-btn,.bs-ebtn:is(.surr,.lobby)):hover:not(:disabled){box-shadow:var(--highlight),var(--depth-1)}:is(.bs-btn,.bs-icon-btn,.bs-ebtn):disabled{opacity:.5}.bs-icon-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--muted-foreground);flex:none;justify-content:center;align-items:center;display:flex}.bs-icon-btn:hover{color:var(--foreground)}.bs-icon-btn svg{width:18px;height:18px}.bs-btn{border-radius:var(--radius-md);text-align:center;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.bs-btn svg,.bs-ebtn svg{flex:none;width:16px;height:16px}.bs-btn.go,.bs-btn.go:hover:not(:disabled){min-height:44px;color:var(--on-accent);background:var(--accent-gradient);box-shadow:inset 0 1px 0 #ffffff47,0 10px 22px -12px var(--accent-from);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.bs-btn.go,.bs-btn.go:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff47,0 10px 22px -12px color-mix(in srgb,var(--accent-from) 75%,transparent)}}.bs-btn.go:hover:not(:disabled){filter:brightness(1.06)}.bs-main{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;display:flex}.bs-side{flex-direction:column;flex:none;gap:12px;width:250px;min-width:0;display:flex}.bs-sidehead{padding:4px 2px 0;font-size:14px;font-weight:600}.bs-fleetlist{grid-template-columns:repeat(auto-fill,minmax(min(100%,176px),1fr));gap:8px;display:grid}.bs-frow{text-align:left;min-width:0;color:var(--foreground);background:var(--card);border:1px solid var(--bs-line);border-radius:var(--radius-lg);box-shadow:var(--highlight),var(--depth-1);flex-direction:column;gap:8px;padding:12px 14px;display:flex}button.bs-frow:hover:not(:disabled){background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){button.bs-frow:hover:not(:disabled){background:color-mix(in srgb,var(--foreground) 3%,var(--card))}}button.bs-frow:hover:not(:disabled){box-shadow:var(--highlight),var(--depth-2)}.bs-frow.sel,button.bs-frow.sel:hover{background:var(--popover);border-color:var(--own)}@supports (color:color-mix(in lab, red, red)){.bs-frow.sel,button.bs-frow.sel:hover{border-color:color-mix(in srgb,var(--own) 45%,transparent)}}.bs-frow.sel,button.bs-frow.sel:hover{box-shadow:var(--highlight),var(--depth-2)}.bs-frow.done{opacity:.45}.bs-frow .hd{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:4px 8px;display:flex}.bs-frow .nm{font-size:14px;font-weight:600}.bs-frow .sz{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.bs-frow .ct{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600;line-height:1}.bs-frow .left{color:var(--muted-foreground);white-space:nowrap;font-size:12px}.bs-frow .left.none{color:var(--enemy)}.bs-frow .vis{justify-content:center;align-items:center;display:flex}.bs-frow .micon{align-items:center;width:100%;height:26px;display:flex}.bs-frow .micon .bs-ship{filter:none;width:auto;height:26px}.bs-fleetsummary{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:8px;margin:8px 0 6px;font-size:12px;display:flex}.bs-fleetsummary b{color:var(--foreground);font-variant-numeric:tabular-nums;font-weight:600}.bs-roster{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bs-roster-item{height:20px;transition:opacity var(--dur-base) var(--ease-out)}.bs-roster-item .bs-ship{filter:none;width:auto;height:20px}.bs-roster-item.dead{opacity:.35;filter:grayscale(.6)}.bs-actions{flex-direction:column;gap:8px;display:flex}.bs-actionrow{flex-wrap:wrap;gap:8px;display:flex}.bs-actionrow .bs-btn{flex:100px;min-width:0}.bs-boardwrap{flex-direction:column;flex:360px;min-width:0;max-width:480px;display:flex;overflow-x:auto}.bs-boardtitle{justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.bs-boardtitle.you{color:var(--own)}.bs-boardtitle.foe{color:var(--enemy-b)}.bs-boardtitle .dot{background:currentColor;border-radius:50%;width:8px;height:8px}.bs-board{aspect-ratio:1;border:1px solid var(--own);grid-template-rows:24px repeat(10,1fr);grid-template-columns:24px repeat(10,1fr);gap:2px;width:100%;min-width:468px;padding:10px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.bs-board{border:1px solid color-mix(in srgb,var(--own) 24%,transparent)}}.bs-board{border-radius:var(--radius-lg);box-shadow:var(--highlight),var(--depth-2);background:linear-gradient(#0b1e2eeb,#06101af5)}.bs-board.e{border-color:var(--enemy)}@supports (color:color-mix(in lab, red, red)){.bs-board.e{border-color:color-mix(in srgb,var(--enemy) 26%,transparent)}}.bs-board.e{background:linear-gradient(#280e0aeb,#160705f5)}.bs-lab{color:var(--muted-foreground);justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex}.bs-board.e .bs-lab{color:#d0a08d}.bs-cell{background:#102e4c47;border:1px solid #6ea0cd29;border-radius:3px;padding:0;position:relative;box-shadow:inset 0 1px 2px #00000047}.bs-cell.ship{background-color:#3896d233;border-color:#60c4f280}.bs-cell.fire{background-color:#5c1e106b;border-color:#ff783c8c}.bs-cell.water{background:#1e3c564d}.bs-board.e .bs-cell{background:#2814103d;border-color:#a05f4829}.bs-cell.fireable{cursor:pointer}.bs-cell.fireable:hover{background:#4696d238;border-color:#60c4fab3}.bs-cell.prev-ok{border-color:var(--own);background-color:#3cb4e64d}.bs-cell.prev-bad{border-color:var(--enemy);background-color:#ff563047}.bs-cell.place{cursor:pointer}.bs-cell.place:hover{border-color:#78bef08c}.bs-cell:disabled{cursor:default}.bs-cell:focus-visible{outline:2px solid var(--own);outline-offset:1px}.bs-shipitem{z-index:3;pointer-events:none;padding:1px;position:relative}.bs-ship{filter:drop-shadow(0 3px 5px #0009);width:100%;height:100%;display:block;overflow:visible}.bs-fx{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bs-reticle{z-index:6}@keyframes bs-pulse{0%,to{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1.05)}}.bs-bottom{flex-wrap:wrap;align-items:stretch;gap:16px;display:flex}.bs-history{flex-direction:column;flex:320px;min-width:0;padding:12px 0 6px;display:flex}.bs-history .h{padding:0 16px 8px;font-size:14px;font-weight:600}.bs-moves{flex-direction:column;max-height:190px;display:flex;overflow-y:auto}.bs-mv{border-top:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:4px 8px;padding:8px 16px;font-size:14px;display:flex}.bs-mv:first-child{border-top:none}.bs-mv .dot{border-radius:50%;flex:none;width:8px;height:8px}.bs-mv.you .dot{background:var(--own)}.bs-mv.opp .dot{background:var(--enemy)}.bs-mv .who{font-weight:600}.bs-mv.you .who{color:var(--own)}.bs-mv.opp .who{color:var(--enemy-b)}.bs-mv :is(.sep,.res){color:var(--muted-foreground)}.bs-mv .co{font-variant-numeric:tabular-nums}.bs-moves .empty{color:var(--muted-foreground);padding:8px 16px;font-size:14px}.bs-endbtns{flex-direction:column;flex:200px;gap:8px;min-width:0;max-width:280px;display:flex}.bs-ebtn{border-radius:var(--radius-md);text-align:center;white-space:normal;justify-content:center;align-items:center;gap:8px;height:auto;min-height:44px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.bs-ebtn.surr{color:var(--destructive)}.bs-ebtn.surr:hover:not(:disabled){background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bs-ebtn.surr:hover:not(:disabled){background:color-mix(in srgb,var(--destructive) 10%,transparent)}}.bs-scene{flex:0 260px;justify-content:center;align-items:center;min-width:160px;padding:0;display:flex;overflow:hidden}.bs-scene-img{opacity:.92;filter:saturate(1.05)contrast(1.03);width:100%;height:auto;display:block}.bs-code{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;padding:12px 16px;font-size:14px;display:flex}.bs-code code{border-radius:var(--radius-md);color:var(--own);letter-spacing:.05em;overflow-wrap:anywhere;background:var(--foreground);padding:4px 12px}@supports (color:color-mix(in lab, red, red)){.bs-code code{background:color-mix(in srgb,var(--foreground) 4%,transparent)}}.bs-code code{box-shadow:inset 0 0 0 1px var(--hairline),inset 0 1px 2px #0000002e}.bs-note{text-align:center;color:var(--muted-foreground);overflow-wrap:anywhere;padding:6px 0;font-size:14px}.bs-note.bad{color:var(--enemy-b)}.bs-instr{color:var(--muted-foreground);padding:12px 16px;font-size:14px;line-height:1.5}.bs-hud [data-connection=reconnecting]{color:var(--enemy-b);text-underline-offset:4px;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.bs-hud>.arena-game-chat{border:1px solid var(--bs-line);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--highlight),var(--depth-2);padding:16px}@container (max-width:860px){.bs-scene{display:none}}@container (max-width:640px){.bs-side{width:100%}.bs-endbtns{flex-flow:wrap;max-width:none}.bs-ebtn{flex:140px}}@container (max-width:560px){.bs-top{grid-template-columns:1fr auto;padding:10px 12px}.bs-center{grid-area:2/1/auto/-1}.bs-gametitle{font-size:14px}}.arena-type{font-family:var(--font-arena-ui), Inter, sans-serif}.arena-type :is(h1,h2,h3,.arena-wordmark){font-family:var(--font-arena-display), Inter, sans-serif;text-wrap:balance}:where(button,a,input,select,summary):focus-visible{outline:2px solid var(--ring);outline-offset:4px}:where(button,a){-webkit-tap-highlight-color:transparent}.arena-type h1{letter-spacing:-.035em}.arena-main{background:0 0}.arena-header{padding-inline:clamp(1rem,3vw,2rem)}.arena-wordmark{letter-spacing:-.04em;font-size:1.4rem;font-weight:800}.arena-wordmark span{color:var(--primary)}.arena-skip{z-index:100;background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-md);padding:.8rem 1rem;position:fixed;top:-80px;left:1rem}.arena-skip:focus{top:1rem}.arena-mobile-games{border-bottom:1px solid var(--hairline);flex-shrink:0;padding:.5rem .75rem;overflow-x:auto}.arena-mobile-games nav{flex-direction:row;gap:.5rem;width:max-content}.arena-mobile-games nav h2{display:none}.arena-mobile-games nav a{border-radius:9999px;padding-inline:.6rem}:root:not(.dark) :is(.arena-cover-emblem,.arena-game-icon,.arena-play-icon){filter:brightness(.45)saturate(1.4)}.arena-hub{container-type:inline-size}.arena-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"top top""rate rate""watch board""tours profile""puzzles learn""clubs clubs";gap:1rem;display:grid}@container (min-width:640px){.arena-bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"top top rate""watch board profile""tours puzzles learn""clubs clubs clubs"}}@container (min-width:1100px){.arena-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"top top top rate""watch board profile rate""tours puzzles learn rate""clubs clubs clubs rate"}}.arena-play-heading{min-width:0}.arena-play-icon{flex-shrink:0;width:48px;height:48px}.arena-chat{font-size:.875rem}.arena-chat li{overflow-wrap:anywhere}.arena-auth .arena-card{box-shadow:var(--highlight), var(--depth-3)}.arena-auth form button{min-height:44px}.arena-rank{font-variant-numeric:tabular-nums}.arena-rank:first-child{color:var(--primary)}.arena-rank>div{min-width:0}.arena-rank>div:first-child>span:last-child{overflow-wrap:anywhere}.arena-profile-header{border-bottom:1px solid var(--border);padding:1rem 0 1.5rem}.arena-profile td,.arena-profile th{padding-block:1rem}.arena-profile tbody tr:hover{background:var(--muted)}.arena-landing{max-width:1320px;margin:auto;padding-inline:clamp(1.25rem,5vw,5rem)}.arena-landing-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-block:1.5rem;display:flex}.arena-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:3rem;min-height:610px;padding-block:4rem;display:grid}.arena-hero h1{font-size:clamp(2.75rem,5.3vw,5rem);font-weight:750;line-height:1.06}.arena-hero h1 span{color:var(--primary)}.arena-hero-copy>p{color:var(--muted-foreground);max-width:39ch;margin-block:1.8rem 2rem;font-size:1.1rem;line-height:1.75}.arena-hero-table{perspective:1000px;padding:1rem;position:relative}.arena-hero-board{aspect-ratio:1;background:var(--frame);border-radius:10px;grid-template-columns:repeat(8,1fr);padding:14px;display:grid;transform:rotateX(18deg)rotate(-12deg);box-shadow:0 28px 50px -18px #0009}.arena-hero-board>span{place-items:center;display:grid}.arena-hero-board .dark-square{background:var(--chess-dark-square)}.arena-hero-board .light-square{background:var(--chess-light-square)}.arena-hero-stone{border-radius:50%;width:80%;height:80%;box-shadow:2px 5px 5px #0007,inset 0 1px 2px #fff5}.arena-hero-stone.black{background:radial-gradient(circle at 35% 25%,#586578,#202733 70%)}.arena-hero-stone.white{background:radial-gradient(circle at 35% 25%,#fffdf5,#d3c5a9 80%)}.arena-hero-emblem{background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius-lg);width:100px;height:100px;box-shadow:var(--highlight), var(--depth-3);padding:12px;position:absolute;bottom:-1rem;right:-1rem}.arena-landing-library{padding-block:2rem 4rem}.arena-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;display:flex}.arena-section-heading h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:650}.arena-section-heading p,.arena-landing-footer p{color:var(--muted-foreground);font-size:.875rem}.arena-landing-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:2rem;display:flex}@media (max-width:640px){.arena-hero{grid-template-columns:1fr;gap:2rem;min-height:auto;padding-block:3rem}.arena-hero-table{width:85%;max-width:320px;margin:auto}.arena-hero h1{font-size:clamp(2.5rem,10vw,3.6rem)}.arena-header{padding-inline:.75rem}.arena-header>div{gap:.5rem}.arena-header>div>span{padding-inline:.5rem;font-size:.75rem}}.arena-status{text-align:center;width:100%;padding:.65rem 1rem;font-size:.875rem}.arena-result{border:1px solid var(--hairline);border-radius:var(--radius-md);width:100%;color:var(--foreground);background:var(--raised);box-shadow:var(--highlight), var(--depth-1);text-align:center;animation:arena-reveal .24s var(--ease-arena);padding:1.25rem;font-size:1.3rem;font-weight:700}.arena-result[data-outcome=win]{background:var(--tint-warm)}.arena-action-bar>button{white-space:normal;height:auto;min-height:2.5rem;padding-block:.5rem}.arena-clock{font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;font-weight:750;display:inline-block}.arena-clock-low{color:var(--destructive);background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.arena-clock-low{background:color-mix(in srgb,var(--destructive) 16%,transparent)}}.arena-clock-low{border-radius:9999px;padding-inline:.5rem}.arena-player .arena-clock{background:var(--foreground);border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600;line-height:1.25rem}@supports (color:color-mix(in lab, red, red)){.arena-player .arena-clock{background:color-mix(in srgb,var(--foreground) 4%,transparent)}}.arena-player .arena-clock{box-shadow:inset 0 0 0 1px var(--hairline), inset 0 1px 2px #0000002e;transition:color var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out)}.arena-player-active .arena-clock{color:var(--primary)}.arena-player .arena-clock-low{color:var(--destructive);background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.arena-player .arena-clock-low{background:color-mix(in srgb,var(--destructive) 16%,transparent)}}.arena-stage :is(.arena-table,.arena-goban){border-radius:var(--radius-lg)}.arena-stage .arena-table{box-shadow:var(--depth-3), inset 0 1px 0 #fff3}.arena-stage .arena-goban{box-shadow:var(--depth-3), inset 0 0 0 1px #e7d8bc}.arena-stage .arena-tictactoe{box-shadow:var(--highlight), var(--depth-3)}.arena-stage .arena-shogi{overflow:hidden}.arena-table{box-shadow:var(--shadow-table),inset 0 1px 0 #fff3;border:6px solid var(--frame);border-radius:9px}.arena-disc{background-image:radial-gradient(at 35% 20%,#ffffff45,#0000 65%);border:1px solid #0004;box-shadow:inset 0 0 0 3px #ffffff20,inset 0 -3px 2px #0005,0 3px 4px #0005}.arena-stone{background-image:radial-gradient(at 30% 20%,#fff5,#0000 60%);border:1px solid #0003;box-shadow:inset 0 -2px 3px #0003,1px 3px 4px #0006}.arena-tictactoe{border-radius:var(--radius-xl);background:var(--muted);padding:8px}.arena-tictactoe button{border:0;border-radius:10px;box-shadow:inset 0 1px #ffffff0d}.arena-mark{filter:drop-shadow(0 3px 5px #0003);width:75%;height:75%}.arena-mark>*,.arena-win-line line{stroke-dasharray:1;animation:arena-draw var(--dur-slow) var(--ease-out)}.arena-win-line{pointer-events:none;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px}.arena-goban{box-shadow:var(--shadow-table),inset 0 0 0 1px #e7d8bc;background:linear-gradient(110deg,#dfcba8,#d4ba8d 70%,#dcc39b);border:6px solid #5f6268}.arena-goban-grid{width:100%;height:100%;stroke:var(--wood-ink);stroke-width:1px;fill:var(--wood-ink);pointer-events:none;position:absolute;inset:0}.arena-gomoku button{z-index:1}.arena-corners{--chess-light-square:#b2c2d3;--chess-dark-square:#566b84;--checker-black:#be492c;--checker-white:#bdd9ef;border-color:#35404f}.arena-rps header{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0}.arena-rps header>div>div:first-child{color:var(--primary)}.arena-rps header>div>div:last-child{color:var(--player-two)}.arena-hand{box-shadow:inset 0 1px #ffffff12,0 8px 16px -12px #0009}.arena-hand:hover:not(:disabled){box-shadow:var(--highlight), var(--depth-2)}.arena-backgammon{background:#303e4c;border-width:8px;gap:8px}.arena-point{isolation:isolate}.arena-point>span{z-index:1}.arena-point .arena-triangle{z-index:-1;opacity:.95;position:absolute;inset:0 1px}.arena-point>span:first-of-type+span,.arena-point span.text-muted-foreground{color:#202731}.arena-die{color:#303c4b;animation:arena-roll .28s var(--ease-arena);background:#f6ead2;box-shadow:inset 0 -3px #c7b58f,0 4px 8px #0004}.arena-chess{border-width:7px;padding:2px;overflow:hidden}.arena-chess svg{filter:drop-shadow(0 2px 1px #0003)}.arena-shogi{background:#625b50;border-color:#626b79;gap:1px}.arena-shogi>button{background:linear-gradient(100deg,#d6ae72,#c29a60)}.arena-koma{isolation:isolate;color:#34251a;filter:drop-shadow(0 1.5px 1.5px #0006);padding-top:12%;font-family:Yu Mincho,Noto Serif CJK JP,serif;position:relative}.arena-koma:before,.arena-koma:after{content:"";z-index:-1;clip-path:polygon(50% 0,87% 20%,100% 100%,0 100%,13% 20%);position:absolute}.arena-koma:before{background:#5b3c19;inset:0}.arena-koma:after{background:linear-gradient(120deg,#fff6db,#e6bb72);inset:1.5px;box-shadow:inset 0 -4px #a87537}.arena-koma.text-destructive{color:#a52e20}.arena-komadai{background:var(--muted);border-color:var(--border);min-height:62px;padding:.75rem;box-shadow:inset 0 -3px #626b7920}@keyframes arena-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes arena-reveal{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes arena-roll{0%{transform:rotate(-20deg)translateY(-5px)}to{transform:rotate(0)translateY(0)}}.arena-board-viewport{scrollbar-color:var(--foreground) transparent;width:100%;max-width:100%;padding:3px 3px 14px;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.arena-board-viewport{scrollbar-color:color-mix(in srgb,var(--foreground) 18%,transparent) transparent}}.arena-gomoku,.arena-shogi,.arena-checkers,.arena-corners,.arena-backgammon{min-width:0}.arena-go{min-width:min(412px,100%)}.arena-go[data-size="13"],.arena-go[data-size="19"]{min-width:0}@media (max-width:640px){.arena-room .arena-player{font-size:.8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.arena-board-viewport{min-width:0}.arena-chess{min-width:min(338px,100%)}.arena-mobile-chat{border-bottom:1px solid var(--hairline);flex-shrink:0}.arena-mobile-chat summary{min-height:40px;color:var(--muted-foreground);cursor:pointer;padding:.65rem 1rem;font-size:.8rem}.arena-mobile-chat[open]{max-height:55dvh;overflow-y:auto}.arena-rps :is(.arena-hand,section) img{max-width:100%}:root:not(.dark) .arena-rps :is(.arena-hand,section) img{filter:brightness(.4)}html{scroll-behavior:smooth;scroll-padding-top:1rem}.arena-main,.bs-moves,.arena-shell [class~=overflow-y-auto]{scroll-behavior:smooth}.arena-motion-surface{display:contents}:where(.arena-shell,.arena-landing,.arena-auth) *{scrollbar-width:thin;scrollbar-color:var(--foreground) transparent}@supports (color:color-mix(in lab, red, red)){:where(.arena-shell,.arena-landing,.arena-auth) *{scrollbar-color:color-mix(in srgb,var(--foreground) 18%,transparent) transparent}}:where(.arena-main,.arena-shell aside,.bs-moves,.arena-board-viewport,.bs-boardwrap){overscroll-behavior:contain;scroll-padding:1rem}:where(.arena-shell,.arena-landing,.arena-auth) ::-webkit-scrollbar{width:6px;height:6px}:where(.arena-shell,.arena-landing,.arena-auth) ::-webkit-scrollbar-thumb{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){:where(.arena-shell,.arena-landing,.arena-auth) ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--foreground) 18%,transparent)}}:where(.arena-shell,.arena-landing,.arena-auth) ::-webkit-scrollbar-thumb{border-radius:8px}:where(button,a[href],summary,select,input,textarea,[role=button],[role=tab],[role=option],label[for]){transition:translate var(--dur-fast) var(--ease-out), scale var(--dur-fast) var(--ease-out), opacity var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);-webkit-tap-highlight-color:transparent}:where(a[href],summary,[role=button],[role=tab],[role=option]){cursor:pointer}:where(button,a[href],summary,[role=button],[role=tab],[role=option]):not(:disabled,[aria-disabled=true]):active{transition-duration:var(--dur-fast);scale:.98}:where(button,a[href],summary,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--ring);outline-offset:3px;animation:arena-focus var(--dur-base) var(--ease-out)}@media (hover:hover) and (pointer:fine){:where(input,textarea,select):not(:disabled):hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){:where(input,textarea,select):not(:disabled):hover{border-color:color-mix(in srgb,var(--foreground) 22%,transparent)}}.arena-hand:not(:disabled):hover img{translate:0 -2px;scale:1.025}:where(.arena-table,.arena-goban) button:not(:disabled):hover :is(.arena-disc,.arena-stone,.arena-koma){filter:drop-shadow(0 4px 3px #0004);translate:0 -2px}.arena-goban button:not(:disabled):hover>.opacity-0{opacity:.4}}:is(button,a,summary):is(:disabled,[aria-disabled=true]){transition:none!important;animation:none!important;translate:none!important;scale:none!important}:is(.arena-table,.arena-goban,.arena-tictactoe,.bs-board) button{translate:none!important;scale:none!important}:is(.arena-table,.arena-goban) button:not(:disabled):active :is(.arena-disc,.arena-stone,.arena-koma){scale:.97}.arena-hand img,:is(.arena-disc,.arena-stone,.arena-koma){transition:translate var(--dur-fast) var(--ease-out),scale var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}:is(.arena-disc,.arena-stone,.arena-koma){animation:arena-settle var(--dur-base) var(--ease-out)}.arena-legal-marker,button[aria-pressed=true]:not(:disabled)>:is(.ring-primary,.ring-primary\/60){animation:arena-marker var(--dur-fast) var(--ease-out)}.arena-die{animation:arena-roll var(--dur-slow) var(--ease-out)}.arena-hand{overflow:hidden}.arena-rps section{animation:none}.arena-rps section img{animation:arena-hand-reveal var(--dur-slow) var(--ease-out);backface-visibility:hidden}.bs-fx{animation:arena-marker var(--dur-base) var(--ease-out)}.bs-reticle{animation:arena-marker var(--dur-fast) var(--ease-out)}.arena-hub>header,.arena-profile-header,.arena-leaderboard>h1,.arena-auth>.arena-card,.arena-hero-copy,.arena-hero-table{animation:arena-arrive var(--dur-slow) var(--ease-out)}.arena-main>.arena-motion-surface>:not(.arena-room):not(.arena-hub,.arena-profile,.arena-leaderboard):not(:has(.bs-hud)){animation:arena-arrive var(--dur-slow) var(--ease-out)}:is([role=tabpanel],[role=dialog],.arena-mobile-chat[open]>div){animation:arena-arrive var(--dur-base) var(--ease-out)}:is(.arena-library,.arena-bento,.arena-stagger)>*,.arena-rank,.arena-profile tbody>tr,.bs-mv{--entry-delay:.28s;animation:arena-list-entry var(--dur-slow) var(--ease-out) var(--entry-delay) backwards}:is(.arena-library,.arena-bento,.arena-stagger)>:first-child,.arena-rank:first-child,.arena-profile tbody>tr:first-child{--entry-delay:0s}:is(.arena-library,.arena-bento,.arena-stagger)>:nth-child(2),.arena-rank:nth-child(2),.arena-profile tbody>tr:nth-child(2){--entry-delay:40ms}:is(.arena-library,.arena-bento,.arena-stagger)>:nth-child(3),.arena-rank:nth-child(3),.arena-profile tbody>tr:nth-child(3){--entry-delay:80ms}:is(.arena-library,.arena-bento,.arena-stagger)>:nth-child(4),.arena-rank:nth-child(4),.arena-profile tbody>tr:nth-child(4){--entry-delay:.12s}:is(.arena-library,.arena-bento,.arena-stagger)>:nth-child(5),.arena-rank:nth-child(5),.arena-profile tbody>tr:nth-child(5){--entry-delay:.16s}:is(.arena-library,.arena-bento,.arena-stagger)>:nth-child(6),.arena-rank:nth-child(6),.arena-profile tbody>tr:nth-child(6){--entry-delay:.2s}:is(.arena-library,.arena-bento,.arena-stagger)>:nth-child(7),.arena-rank:nth-child(7),.arena-profile tbody>tr:nth-child(7){--entry-delay:.24s}.bs-mv{--entry-delay:0s}.arena-move-entry{animation:arena-list-entry var(--dur-fast) var(--ease-out)}:is(.arena-library,.arena-bento,.arena-stagger)>:focus-within{animation:none}.arena-room :is(.arena-table,.arena-goban,.arena-tictactoe),.bs-board{animation:arena-board-entry var(--dur-slow) var(--ease-out)}.arena-player{animation:arena-player-left var(--dur-slow) var(--ease-out);position:relative}.arena-player:nth-child(2),.arena-room-board .arena-player:last-child{animation-name:arena-player-right}.arena-clock-low{animation:arena-content-fade var(--dur-base) var(--ease-out)}.arena-result,.arena-match-arrival{animation:arena-payoff var(--dur-emph) var(--ease-out)}.arena-room .arena-status,.bs-top{animation:arena-arrive var(--dur-emph) var(--ease-out)}.arena-chess [data-piece] svg{transition:filter var(--dur-fast) var(--ease-out)}@media (hover:hover) and (pointer:fine){.arena-chess [data-piece][style*="cursor: grab"]:hover svg{filter:drop-shadow(0 4px 3px #0006)}}.arena-chess [data-piece][style*="cursor: grab"]:active svg{filter:drop-shadow(0 1px 1px #0005)}.arena-loading{animation:arena-breathe 1.6s var(--ease-in-out) infinite}@keyframes arena-focus{0%{box-shadow:0 0 0 5px #0000}to{box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 20%,transparent)}}@keyframes arena-arrive{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes arena-list-entry{0%{opacity:.65;translate:0 8px}to{opacity:1;translate:0}}@keyframes arena-settle{0%{opacity:.7;scale:1.08}to{opacity:1;scale:1}}@keyframes arena-marker{0%{opacity:0;scale:.75}to{opacity:1;scale:1}}@keyframes arena-board-entry{0%{opacity:.4;scale:.985}to{opacity:1;scale:1}}@keyframes arena-player-left{0%{opacity:.4;translate:-12px}to{opacity:1;translate:0}}@keyframes arena-player-right{0%{opacity:.4;translate:12px}to{opacity:1;translate:0}}@keyframes arena-breathe{0%,to{opacity:1}50%{opacity:.55}}@keyframes arena-payoff{0%{opacity:.25;translate:0 8px;scale:.965}65%{opacity:1;translate:0;scale:1.008}to{scale:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}:where(button,a,summary,[role=button]):active{scale:none}.arena-hand:hover img,:is(.arena-table,.arena-goban) button:hover :is(.arena-disc,.arena-stone,.arena-koma),:is(.arena-table,.arena-goban) button:active :is(.arena-disc,.arena-stone,.arena-koma){translate:none;scale:none}}.arena-modal{border:1px solid var(--hairline);border-radius:var(--radius-xl);background:var(--popover);width:min(28rem,100% - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.arena-modal{background:color-mix(in srgb, var(--popover) 96%, transparent)}}.arena-modal{-webkit-backdrop-filter:blur(var(--blur)) saturate(1.3);backdrop-filter:blur(var(--blur)) saturate(1.3);box-shadow:var(--highlight), var(--depth-3);color:var(--card-foreground)}.arena-modal::backdrop{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.arena-modal::backdrop{background:color-mix(in srgb, var(--background) 72%, transparent)}}.arena-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.arena-result-dialog-body{text-align:center;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.arena-result-dialog-title{font-size:1.75rem;font-weight:700}.arena-result-dialog-reason,.arena-result-dialog-note{color:var(--muted-foreground)}.arena-result-dialog-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}.arena-game-chat{flex-direction:column;gap:.5rem;width:100%;display:flex}.arena-game-chat-lines{max-height:10rem;font-size:.875rem;overflow-y:auto}.arena-game-chat-form{gap:.5rem;display:flex}.arena-player-link{text-underline-offset:3px;border-radius:3px;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.arena-player-link:hover{color:var(--primary);text-decoration-color:currentColor}.arena-profile-avatar{border:1px solid var(--hairline);background:var(--raised);width:4rem;height:4rem;box-shadow:var(--highlight), var(--depth-1);color:var(--primary);border-radius:9999px;justify-content:center;align-items:center;font-size:1.75rem;font-weight:700;display:inline-flex}.arena-cta,:is(.arena-header,.arena-landing-nav) .bg-primary{background:var(--accent-gradient);color:var(--on-accent)}.arena-cta:not(:disabled):hover{filter:brightness(1.06)}.arena-type :is(h1,h2,h3){letter-spacing:-.03em}.arena-hero h1{font-weight:800}.arena-shell nav a[aria-current=page]{background:var(--raised);color:var(--foreground);box-shadow:var(--highlight), var(--depth-1)}.arena-status[data-connection=reconnecting],.arena-status[data-connection=error]{border:1px dashed var(--primary);color:var(--accent-foreground);background:var(--accent)}.arena-result-dialog-body{gap:1rem;padding:clamp(1.25rem,5vw,2rem)}.arena-result-dialog-title{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(1.6rem,5vw,2.15rem);font-weight:800}.arena-result-dialog[data-outcome=win] .arena-result-dialog-title{color:var(--primary)}.arena-result-dialog-note{padding:.75rem}.arena-game-chat{border-top:1px solid var(--hairline);gap:.75rem;padding-top:1rem}.arena-room .arena-game-chat{border-top:0;padding-top:0}.arena-game-chat-lines{overscroll-behavior:contain;min-height:3rem;padding:.5rem .75rem}.arena-game-chat-lines li{overflow-wrap:anywhere;animation:arena-list-entry var(--dur-fast) var(--ease-out);padding-block:.4rem}.arena-game-chat-lines b{color:var(--player-two);font-weight:600}.arena-game-chat-form input{flex:1;min-width:0}.arena-game-chat-form button{min-height:44px}.arena-profile-header>div{min-width:0}.arena-profile-header h1{overflow-wrap:anywhere}.arena-shell nav h2{text-transform:uppercase;letter-spacing:.08em}.arena-profile-stats .text-2xl{letter-spacing:-.03em;font-size:2rem}.arena-profile-stats>:nth-child(2) .text-2xl{color:var(--primary)}.arena-profile li>span{flex-wrap:wrap;min-width:0}.arena-live-game{flex-wrap:wrap;padding:1rem;position:relative}.arena-live-game>img{width:48px;height:48px}.arena-live-game>div{flex-basis:140px}.arena-live-game:focus-within{outline:1px solid var(--ring);outline-offset:3px}.arena-swap2{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--raised);padding:1rem}.arena-swap2 button:nth-child(-n+2):before{content:"";background:var(--checker-black);border:1px solid var(--muted-foreground);border-radius:50%;width:14px;height:14px}.arena-swap2 button:nth-child(2):before{background:var(--checker-white)}.arena-go-controls{background:var(--muted);border:1px solid var(--hairline);border-radius:var(--radius-lg);flex-wrap:wrap;padding:.75rem}.arena-go-controls>div:first-child{flex:200px}.arena-go-controls>div:last-child{flex-shrink:1}.arena-stone-dead{opacity:.55}.arena-stone-dead:after{content:"";border:2px solid var(--board-accent);background:linear-gradient(135deg,transparent 44%,var(--board-accent) 45% 55%,transparent 56%);border-radius:50%;position:absolute;inset:15%}:is(.arena-goban,.arena-checkers,.arena-chess,.arena-shogi,.arena-backgammon){--ring:var(--board-accent)}:is(.arena-goban,.arena-checkers,.arena-shogi){--primary:var(--board-accent);--accent:var(--board-accent)}.arena-backgammon .arena-legal-marker{--tw-ring-color:var(--accent-to)}.arena-corners{--ring:#9d301c}.arena-backgammon .arena-point span.text-muted-foreground{color:#202731}.arena-watch{animation:arena-arrive var(--dur-slow) var(--ease-out)}.arena-watch>header{border-bottom:1px solid var(--border);padding-bottom:1.5rem}.arena-live-games>li{animation:arena-list-entry var(--dur-slow) var(--ease-out) both;animation-delay:var(--entry-delay,0s)}.arena-play,.arena-leaderboard{container-type:inline-size}.arena-play-modes>.arena-card{flex-direction:column;min-width:0;display:flex}.arena-play-modes>.arena-card>:last-child{flex:1}.arena-play-modes>.arena-card>:last-child>.arena-selection{margin-bottom:auto}.arena-play-primary>:last-child>button{min-height:3rem;font-size:1rem}.arena-play-modes .arena-card>div,.arena-time-controls>div{padding-inline:clamp(1rem,3cqi,1.5rem)}.arena-play-modes button,.arena-chess-play button{white-space:normal;overflow-wrap:anywhere;height:auto;min-height:40px;padding-block:.65rem}.arena-play-modes h3{line-height:1.4}.arena-join-form{align-items:start}.arena-join-form input{flex:1;min-width:0}.arena-join-form button{flex-shrink:0}.arena-selection button,.arena-game-selector button,.arena-segments button{isolation:isolate;position:relative}.arena-selection .arena-cta{background:var(--accent);color:var(--accent-foreground)}.arena-segments{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;display:grid}.arena-segments button{min-width:0;line-height:1.4}.arena-content-enter{min-width:0;animation:arena-content-fade var(--dur-base) var(--ease-out)}@keyframes arena-content-fade{0%{opacity:.4}to{opacity:1}}@container (min-width:560px){.arena-segments{grid-template-columns:repeat(4,minmax(0,1fr))}.arena-time-controls{align-items:center;gap:1.5rem;display:flex}.arena-time-controls>:first-child{flex-shrink:0;padding-block:1.25rem}.arena-time-controls>:last-child{padding-block:1rem;padding-left:0}}.arena-game-selector button{min-width:0}.arena-ranking-panel>div{padding-inline:clamp(.75rem,3cqi,1.5rem)}.arena-rank{grid-template-columns:minmax(0,1fr) minmax(4rem,auto);align-items:center;gap:.75rem;display:grid}.arena-rank-identity{grid-template-columns:2.25rem minmax(0,1fr);align-items:baseline;gap:.5rem;display:grid}.arena-rank-identity .arena-player-link{overflow-wrap:anywhere}.arena-rank-stats{text-align:right;font-variant-numeric:tabular-nums;gap:.25rem;display:grid}.arena-rank:first-child .arena-rank-identity>span{color:var(--primary);font-weight:700}@container (min-width:560px){.arena-rank{grid-template-columns:minmax(0,1fr) 13rem;gap:2rem}.arena-rank-stats{grid-template-columns:5rem 7rem;align-items:baseline;gap:1rem}}.arena-room-info{min-width:0}.arena-room-info h3{line-height:1.4}.arena-room-info h3>span{overflow-wrap:anywhere;min-width:0}.arena-room-info h3 img{flex-shrink:0}.arena-room-info code{overflow-wrap:anywhere;min-width:0}.arena-room :is(.arena-status,.arena-result){text-align:left;overflow-wrap:anywhere;line-height:1.6}.arena-room-info,.arena-room-side,.arena-chess-aside{animation:arena-side-entry var(--dur-slow) var(--ease-out)}.arena-chess-aside .arena-room-info{animation:none}.arena-room-board{animation:arena-board-entry var(--dur-slow) var(--ease-out)}.arena-room-board :is(.arena-table,.arena-goban,.arena-tictactoe){animation:none}.arena-move-list>:last-child{overscroll-behavior:contain;max-height:36dvh}.arena-move-entry{grid-template-columns:2.5rem minmax(0,1fr) minmax(0,1fr)}.arena-move-entry>span{overflow-wrap:anywhere;padding-block:.45rem}@keyframes arena-side-entry{0%{opacity:.5;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@container (min-width:896px){.arena-chess-aside,.arena-room-board{position:sticky;top:1rem}}.arena-board-viewport>:is(.arena-go,.arena-shogi){margin-inline:auto}.arena-go{padding:min(3.6vh,41px,5%)}.arena-shogi>button{container-type:inline-size}.arena-shogi>button .arena-koma{font-size:clamp(.85rem,40cqi,2.25rem)}.arena-backgammon .arena-point{min-height:220px}.arena-live-game{align-content:start}.arena-live-game>div{overflow-wrap:anywhere}.arena-live-game>a{margin-left:auto}@media (max-width:640px){.arena-result-dialog-actions{flex-direction:column}.arena-result-dialog-actions button{width:100%}.arena-live-game>a{margin-left:auto}.arena-go-controls>div:last-child{justify-content:flex-start}}.arena-library{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:640px){.arena-library{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px}}@media (min-width:1280px){.arena-library{grid-template-columns:repeat(auto-fill,minmax(196px,1fr))}}@media (min-width:1800px){.arena-library{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}}.arena-game-cover{aspect-ratio:16/9;isolation:isolate;border-radius:var(--radius-xl);border:1px solid var(--hairline);background:radial-gradient(ellipse at 50% 30%,var(--tint-warm),var(--card) 70%);box-shadow:var(--highlight), var(--depth-2);transition:translate var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);place-items:center;display:grid;position:relative;overflow:hidden}.arena-game-cover[data-art=poster]{aspect-ratio:3/4}@media (min-width:640px){.arena-game-cover{aspect-ratio:3/4}}.arena-game-cover picture,.arena-game-cover picture img{width:100%;height:100%;position:absolute;inset:0}.arena-game-cover picture img{object-fit:contain}.arena-cover-emblem{filter:drop-shadow(0 8px 18px #000a);width:34%;max-width:110px;height:auto;translate:0 -12%}.arena-cover-title{text-align:center;font:800 clamp(1.05rem,4.5cqi,1.6rem)/1.05 var(--font-arena-display),sans-serif;color:var(--foreground);position:absolute;inset:auto 8px 9%}.arena-game-cover{container-type:inline-size}.arena-cover-play{z-index:3;font:700 .75rem/1.4 var(--font-arena-ui),sans-serif;color:var(--foreground);background:var(--popover);border:1px solid var(--hairline);box-shadow:var(--highlight), var(--depth-1);opacity:0;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);border-radius:999px;padding:.25rem .5rem;position:absolute;top:.5rem;right:.5rem;transform:translateY(-4px)}@media (hover:hover) and (pointer:fine){.arena-game-cover:hover{border-color:var(--foreground);translate:0 -3px}@supports (color:color-mix(in lab, red, red)){.arena-game-cover:hover{border-color:color-mix(in srgb,var(--foreground) 18%,transparent)}}.arena-game-cover:hover{box-shadow:var(--highlight), var(--depth-3)}.arena-game-cover:hover .arena-cover-play{opacity:1;transform:none}}.arena-game-cover:focus-visible{outline:2px solid var(--ring);outline-offset:3px;box-shadow:var(--highlight), var(--depth-3)}.arena-game-cover:focus-visible .arena-cover-play{opacity:1;transform:none}.arena-game-cover:active{transition-duration:var(--dur-fast);transform:scale(.985)}@media (prefers-reduced-motion:reduce){.arena-game-cover:is(:hover,:focus-visible){translate:none}}.arena-friend-actions{min-width:0;padding-top:.5rem}.arena-friend-actions :is(button,a){white-space:normal;overflow-wrap:anywhere;max-width:100%;height:auto;min-height:40px;padding-block:.5rem}.arena-friend-actions>:is([role=alert],span){flex-basis:100%}.arena-friends{overscroll-behavior:contain;padding-block:.25rem}.arena-friends section{min-width:0}.arena-friends ul{padding:.5rem}.arena-friends li{border-radius:var(--radius-md);overflow-wrap:anywhere;min-width:0;padding:.5rem;line-height:1.6}.arena-friends li:has(a):hover{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.arena-friends li:has(a):hover{background:color-mix(in srgb,var(--foreground) 5%,transparent)}}.arena-friends .arena-player-link{overflow-wrap:anywhere;align-items:center;min-height:40px;display:flex}.arena-friends li>[aria-hidden=true]{flex-shrink:0}.arena-friends section>p{overflow-wrap:anywhere;line-height:1.6}.arena-messages,.arena-conversations{min-width:0}.arena-conversations>a{border:1px solid #0000;align-items:flex-start}.arena-conversations>a>span:first-child{background:var(--raised);border:1px solid var(--border)}.arena-conversations>a[aria-current=page]{background:var(--raised);border-color:var(--hairline);box-shadow:var(--highlight), var(--depth-1)}.arena-conversations>a:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.arena-conversations>a>span:last-child{overflow-wrap:anywhere;gap:.25rem}.arena-conversations>p:first-child{padding:1.5rem;line-height:1.7}.arena-thread{min-width:0;container-type:inline-size}.arena-thread header{flex-shrink:0}.arena-thread h1{overflow-wrap:anywhere}.arena-thread ol{overscroll-behavior:contain;scroll-behavior:auto;scrollbar-gutter:stable;padding-block:.5rem}.arena-thread ol>li{min-width:0}.arena-thread ol>li:only-child{text-align:center;padding:1rem;line-height:1.7}.arena-dm{overflow-wrap:anywhere;min-width:0;animation:arena-content-fade var(--dur-base) var(--ease-out)}.arena-dm>p{overflow-wrap:anywhere}.arena-dm-day{border:1px solid var(--border);background:var(--card);text-align:center;border-radius:999px;max-width:100%;padding:.25rem .75rem}.arena-dm-composer{border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;padding-top:.75rem}.arena-dm-composer input{flex:12rem;min-width:0}.arena-dm-composer button{flex:auto}@container (min-width:400px){.arena-dm-composer{flex-wrap:nowrap}.arena-dm-composer button{flex:none}.arena-dm{max-width:min(80%,560px)}}.arena-unread{animation:arena-content-fade var(--dur-base) var(--ease-out)}.arena-messages-link{transition:transform var(--dur-fast) var(--ease-out)}.arena-messages-link:active{transform:scale(.97)}.arena-balance{font-variant-numeric:tabular-nums;line-height:1.4}.arena-header>div{min-width:0}.arena-header>a{flex-shrink:0}.arena-stakes button{font-variant-numeric:tabular-nums;min-width:4rem}.arena-time-controls{display:block}.arena-time-controls>:first-child{padding-bottom:.75rem}.arena-time-controls>:last-child{padding:0 1.5rem 1.5rem}.arena-top-matches{min-width:0}.arena-top-match{overflow-wrap:anywhere;min-width:0}.arena-top-match:focus-within{border-color:var(--ring)}.arena-profile-stats .text-2xl{font-size:1.5rem}.arena-profile-stats>div{overflow-wrap:anywhere;min-width:0}.arena-profile-game{container-type:inline-size}.arena-profile-game>div:first-child{overflow-wrap:anywhere}.arena-profile-game dl{border-top:1px solid var(--border);padding-top:.75rem}.arena-profile-game dd{overflow-wrap:anywhere}.arena-profile-game>div:last-child>span>span{background:var(--accent-gradient)}.arena-ui-library{overflow-wrap:anywhere;container-type:inline-size}.arena-ui-library>section{min-width:0;scroll-margin-top:1.5rem}.arena-ui-library code{overflow-wrap:anywhere}.arena-ui-library .text-5xl{font-size:clamp(2rem,7cqi,3rem)}@media (prefers-reduced-motion:reduce){.arena-dm,.arena-unread{animation:none}.arena-messages-link{transition:none}.arena-messages-link:active{transform:none}}.arena-header{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.3);backdrop-filter:blur(var(--blur)) saturate(1.3);border-bottom-color:var(--hairline)}.arena-shell>div>aside{background:var(--sidebar)}@supports (color:color-mix(in lab, red, red)){.arena-shell>div>aside{background:color-mix(in srgb,var(--sidebar) 55%,transparent)}}.arena-shell>div>aside{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border-color:var(--hairline)}.arena-segment-active{background:var(--popover)}.arena-play-primary{border-color:var(--hairline);background:var(--tint-warm);box-shadow:var(--highlight), var(--depth-3)}.arena-live-game{background:var(--card);border-color:var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--highlight), var(--depth-2);transition:box-shadow var(--dur-base) var(--ease-out)}.arena-live-game:hover{box-shadow:var(--highlight), var(--depth-3)}.arena-hscroll>button:hover{background:var(--popover)}.arena-field:focus-visible{border-color:var(--ring);outline:none}@supports (color:color-mix(in lab, red, red)){.arena-field:focus-visible{border-color:color-mix(in srgb,var(--ring) 70%,transparent)}}.arena-field:focus-visible{box-shadow:inset 0 1px 2px #0000002e, 0 0 0 4px var(--ring)}@supports (color:color-mix(in lab, red, red)){.arena-field:focus-visible{box-shadow:inset 0 1px 2px #0000002e, 0 0 0 4px color-mix(in srgb,var(--ring) 18%,transparent)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.arena-header{background:var(--card)}.arena-shell>div>aside{background:var(--sidebar)}.arena-modal{background:var(--popover)}@layer components{.arena-glass,.arena-mobile-games,.arena-mobile-chat{background:var(--card)}}}.arena-cover-online{z-index:3;max-width:calc(100% - 1rem);font:600 .75rem/1.4 var(--font-arena-ui),sans-serif;font-variant-numeric:tabular-nums;color:var(--foreground);background:var(--popover);border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .5rem;display:inline-flex;position:absolute;top:.5rem;left:.5rem}@supports (color:color-mix(in lab, red, red)){.arena-cover-online{background:color-mix(in srgb,var(--popover) 96%,transparent)}}.arena-cover-online{border:1px solid var(--hairline);-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--highlight), var(--depth-1);overflow-wrap:anywhere}.arena-cover-online:before{content:"";background:var(--primary);border-radius:50%;flex:0 0 .375rem;height:.375rem}.arena-game-cover:has(.arena-cover-online) .arena-cover-play{top:2.75rem}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.arena-cover-online{background:var(--popover)}}.arena-game-cover{view-transition-class:arena-cover-reorder;transition-property:translate,transform,box-shadow}::view-transition-group(*.arena-cover-reorder){animation-duration:var(--dur-emph);animation-timing-function:var(--ease-out)}::view-transition-old(*.arena-cover-reorder){animation-duration:var(--dur-base)}::view-transition-new(*.arena-cover-reorder){animation-duration:var(--dur-base)}::view-transition{pointer-events:none}.arena-library>.arena-game-cover{animation:none}[data-piece-motion]{position:relative}[data-piece-motion] [data-motion-piece],[data-dice-motion] .arena-die{animation:none}[data-motion-piece]{z-index:2;position:relative}.arena-piece-exit{z-index:4;pointer-events:none;animation:none!important;position:absolute!important}.arena-last-marker,[data-piece-motion] .arena-last-marker{animation:arena-marker var(--dur-fast) var(--ease-out)}.arena-chess [data-piece]{transition-duration:var(--dur-slow)!important;transition-timing-function:var(--ease-out)!important}.arena-win-line line{animation-duration:var(--dur-emph)}@keyframes arena-hand-reveal{0%{opacity:.4;transform:perspective(500px)rotateY(-90deg)}to{opacity:1;transform:perspective(500px)rotateY(0)}}.bs-fx[data-impact=hit]{animation:arena-impact var(--dur-slow) var(--ease-out)}.bs-fx[data-impact=miss]{animation:arena-marker var(--dur-base) var(--ease-out)}.bs-splash-ring{transform-origin:50%;animation:arena-splash var(--dur-emph) var(--ease-out) both}@keyframes arena-impact{0%{opacity:.3;transform:scale(.75)}35%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes arena-splash{0%{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1.15)}}.bs-board .bs-shipitem[data-sunk=true],.bs-board .bs-cell[data-sunk=true]>.bs-fx{animation:arena-ship-sunk var(--dur-slow) var(--ease-out)}@keyframes arena-ship-sunk{0%,to{transform:translate(0)}25%{transform:translate(-2px)}60%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*.arena-cover-reorder){animation:none!important}::view-transition-old(*.arena-cover-reorder){animation:none!important}::view-transition-new(*.arena-cover-reorder){animation:none!important}.arena-game-cover:active{transform:none}.arena-chess [data-piece]{transition:none!important}.bs-splash-ring{opacity:0}}.arena-stage{container-type:inline-size}.arena-backgammon{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto}.bs-board{grid-template-rows:24px repeat(10,minmax(0,1fr));grid-template-columns:24px repeat(10,minmax(0,1fr));min-width:0}@container (max-width:560px){.arena-stage{padding:8px}.arena-board-viewport{padding-inline:0}.arena-checkers{gap:1px;padding:4px}.arena-shogi{border-width:4px}.arena-go[data-size="13"],.arena-go[data-size="19"]{border-width:4px;max-width:100%;padding:8px 8px 20px 24px}.arena-komadai{min-width:0;padding:8px}.arena-komadai>:first-child{overflow-wrap:anywhere}.arena-backgammon{border-width:4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px}.arena-backgammon>div{gap:1px;min-width:0}.arena-backgammon>div:first-of-type{grid-area:1/1}.arena-backgammon>div:nth-of-type(2){grid-area:1/2}.arena-backgammon>div:nth-of-type(3){grid-area:2/1}.arena-backgammon>div:nth-of-type(4){grid-area:2/2}.arena-backgammon>button{flex-direction:row;grid-row:3;gap:8px;width:100%;min-height:44px}.arena-backgammon>button>[data-motion-piece]{width:24px}.arena-backgammon .arena-point{min-width:0;min-height:132px;padding:0}.arena-backgammon .arena-point .arena-disc{width:90%;font-size:11px;box-shadow:inset 0 -2px 2px #0005,0 1px 2px #0005}.arena-backgammon .arena-point>span.text-muted-foreground{font-size:12px}.arena-nardy-summary>[data-dice-motion]{flex-basis:100%;order:-1}.arena-rps :is(header,section){padding:12px}.arena-rps section>div{gap:16px}.arena-hand>span:last-child{font-size:14px}.bs-main:has(.bs-target-board){flex-direction:column}.bs-target-board{flex-basis:auto;order:-1;width:100%}.bs-own-board{flex-basis:auto;align-self:center;width:min(100%,260px)}.bs-main:has(.bs-target-board)>.bs-side{display:none}.bs-board{grid-template-rows:20px repeat(10,minmax(0,1fr));grid-template-columns:20px repeat(10,minmax(0,1fr));gap:1px;padding:4px}.bs-top{gap:8px;padding:8px}.bs-timer{min-width:0;padding:8px 12px}.bs-top-right{flex-wrap:wrap}}.arena-move-entry>button{overflow-wrap:anywhere;border-radius:var(--radius-sm);min-width:0;min-height:40px}.arena-move-entry>button:hover{background:var(--raised)}.arena-move-entry>button[aria-current=step]{background:var(--popover);color:var(--primary)}.arena-move-mark{background:var(--secondary);color:var(--foreground);border-radius:4px;padding:0 4px;font-weight:700;display:inline-block}.arena-shogi .arena-coord{z-index:3;color:var(--wood-ink);background:var(--wood);font-size:12px;font-weight:600}.arena-shogi .arena-coord.inset-x-0{inset-inline:auto;top:0;left:1px}.arena-shogi .arena-coord.inset-y-0{inset-block:auto;bottom:0;right:1px}.arena-check{border:2px solid var(--board-accent);background:var(--board-accent)}@supports (color:color-mix(in lab, red, red)){.arena-check{background:color-mix(in srgb,var(--board-accent) 25%,transparent)}}.arena-check{pointer-events:none}.arena-declare{white-space:normal;max-width:100%;height:auto;min-height:44px;padding-block:8px}.arena-checkers .arena-last-move{border:2px solid var(--board-accent);pointer-events:none}.arena-backgammon .arena-point[data-last]{box-shadow:inset 0 0 0 2px var(--board-accent)}.bs-board .bs-cell[data-last]{outline:2px solid var(--board-accent);outline-offset:-2px}.arena-gomoku .arena-armed{opacity:.65;outline:2px dashed var(--board-accent);outline-offset:1px}.bs-board.e .bs-cell.ship.revealed{border:2px dashed var(--own);background:#3896d24d}.arena-play .arena-selection[role=group]{align-items:center;gap:8px}.arena-play .arena-selection[role=group]>button{white-space:normal;height:auto;min-height:40px}.arena-play-modes>.arena-card:has([aria-label="Сторона в вызове"]){border-color:var(--input)}.arena-play>.arena-card:has(>ul.arena-stagger)>ul>li{flex-wrap:wrap}.arena-play>.arena-card:has(>ul.arena-stagger)>ul>li>div{overflow-wrap:anywhere;flex:160px}.arena-play>.arena-card:has(>ul.arena-stagger)>ul>li>div>.truncate{white-space:normal;overflow:visible}.arena-play-setup .arena-stakes button[aria-pressed=true]{background:var(--muted);color:var(--foreground);border-color:var(--hairline)}.arena-play-setup .arena-stakes button:not(:disabled):hover{background:var(--raised);color:var(--foreground)}.arena-stake-field input[aria-invalid=true]{border-color:var(--destructive)}.arena-stake-field:has(input[aria-invalid=true])>span{color:var(--destructive)}.arena-play-status[data-searching=true]{border-color:var(--primary);color:var(--foreground)}.arena-play-status .arena-search-elapsed{background:var(--accent);color:var(--accent-foreground);border-radius:9999px;padding:0 8px;font-weight:600;display:inline-block}.arena-play-preview .arena-go-controls,.arena-play-preview .bs-note{display:none}.arena-play-preview .bs-main{width:100%}.arena-play-preview .bs-own-board{width:min(100%,200px)}.arena-play-preview .bs-side{display:none}@container setup (min-width:400px){.arena-play-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}.arena-hub-continue[role=status]{border-color:var(--primary);background:var(--tint-warm)}.arena-invite[data-copied=true] .arena-cta{background:var(--accent);color:var(--accent-foreground)}.bs-code.arena-invite{text-align:left;flex-direction:column;align-items:stretch;gap:.75rem;display:flex}.bs-code.arena-invite>button{white-space:normal;justify-content:center;align-items:center;gap:.5rem;min-width:0;height:auto;min-height:2.5rem;display:inline-flex}.bs-code.arena-invite>.arena-cta{background:var(--accent-gradient);color:var(--on-accent)}.bs-code.arena-invite[data-copied=true]>.arena-cta{background:var(--accent);color:var(--accent-foreground)}.bs-code.arena-invite>span:last-child{color:var(--muted-foreground);font-variant-numeric:tabular-nums}.arena-profile-signout button{color:var(--muted-foreground);background:0 0;border-color:#0000}.arena-profile-signout button:hover{background:var(--muted);color:var(--foreground)}.arena-profile-filters>a[aria-current=page]{background:var(--accent);color:var(--accent-foreground);border-color:var(--primary)}.arena-modal{overflow-wrap:anywhere;container:arena-modal/inline-size}.arena-modal :is(button,a) svg,.arena-result-dialog-rating svg{flex-shrink:0;width:1rem;height:1rem}.arena-modal-emblem{border:1px solid var(--hairline);border-radius:var(--radius-xl);background:var(--card);width:4rem;height:4rem;color:var(--muted-foreground);box-shadow:var(--highlight), var(--depth-1);align-self:center;place-items:center;margin-inline:auto;display:grid}.arena-modal-emblem>svg{stroke-width:1.5px;width:1.75rem;height:1.75rem}.arena-result-dialog[data-outcome=win]{border-color:var(--primary)}.arena-result-dialog[data-outcome=win]::backdrop{background:var(--tint-warm)}@supports (color:color-mix(in lab, red, red)){.arena-result-dialog[data-outcome=win]::backdrop{background:color-mix(in srgb, var(--tint-warm) 80%, transparent)}}.arena-result-dialog[data-outcome=win] .arena-modal-emblem{background:var(--tint-warm);color:var(--primary);border-color:var(--primary);box-shadow:var(--highlight), 0 12px 28px -16px var(--primary)}.arena-result-dialog[data-outcome=loss]{border-color:var(--muted-foreground)}.arena-result-dialog-reason{align-self:center;margin-top:-.5rem;font-size:.75rem}.arena-result-dialog-rating{background:var(--card);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.arena-result-dialog-rating>span{align-items:center;gap:.25rem;display:inline-flex}.arena-result-dialog-note{border-radius:var(--radius-lg);font-size:.75rem}.arena-result-dialog-actions{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.arena-result-dialog-row{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.5rem;display:grid}.arena-result-dialog-row:empty{display:none}.arena-result-dialog-actions :is(button,a){white-space:normal;width:100%;min-width:0;height:auto;min-height:2.5rem;padding:.5rem}.arena-result-dialog-actions>[data-tier="1"]{min-height:3rem;padding:.75rem 1rem}.arena-result-dialog-row[data-tier="3"] :is(button,a){color:var(--muted-foreground);font-size:.75rem}.arena-result-dialog-row[data-tier="3"] :is(button,a):hover{color:var(--foreground)}.arena-confirm-dialog{width:min(25rem,100% - 2rem)}.arena-confirm-dialog-body{text-align:center;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.arena-confirm-dialog-title{font-size:1.125rem;font-weight:600}.arena-confirm-dialog-text{color:var(--muted-foreground);font-size:.875rem}.arena-confirm-dialog[data-tone=danger] .arena-modal-emblem{color:var(--destructive)}.arena-confirm-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.5rem;display:grid}.arena-confirm-dialog-actions button{white-space:normal;min-width:0;height:auto;min-height:2.75rem;padding:.75rem}.arena-confirm-dialog[data-tone=danger] .arena-confirm-dialog-actions>button:last-child{background:var(--card);border:1px solid var(--destructive);color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.arena-confirm-dialog[data-tone=danger] .arena-confirm-dialog-actions>button:last-child{color:color-mix(in srgb,var(--destructive) 80%,var(--foreground))}}.arena-confirm-dialog[data-tone=danger] .arena-confirm-dialog-actions>button:last-child:hover{background:var(--popover)}.arena-report-dialog{padding:1.5rem}.arena-report-dialog>.arena-modal-emblem{width:3rem;height:3rem;margin:0 0 1rem}.arena-report-option{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--card);min-height:3rem;color:var(--foreground);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem;font-size:.875rem;display:flex}.arena-report-option:hover{background:var(--muted)}.arena-report-option:has(input:checked){background:var(--tint-warm);border-color:var(--primary)}.arena-report-option:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.arena-report-option input{width:1rem;height:1rem;accent-color:var(--primary);flex-shrink:0}.arena-promotion-overlay{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.arena-promotion-overlay{background:color-mix(in srgb,var(--background) 72%,transparent)}}.arena-promotion-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.5rem}.arena-promotion-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;width:min(100%,24rem);max-height:100%;padding:1rem;display:grid}.arena-promotion-picker>button{white-space:normal;min-width:0}.arena-promotion-choice{border:1px solid var(--hairline);min-height:5.5rem;padding-inline:.25rem}.arena-promotion-choice[data-preferred=true]{border-color:var(--primary);background:var(--tint-warm);color:var(--primary)}.arena-promotion-choice:is(:hover,:focus-visible){transform:translateY(-2px)}@container arena-modal (max-width:22rem){.arena-confirm-dialog-actions{grid-template-columns:minmax(0,1fr)}.arena-result-dialog-body{padding:1.25rem}}@media (prefers-reduced-motion:no-preference){.arena-modal[open],.arena-promotion-picker{animation:arena-content-fade var(--dur-slow) var(--ease-out)}.arena-result-dialog[open] .arena-modal-emblem{animation:arena-marker var(--dur-emph) var(--ease-out)}.arena-promotion-choice{transition:transform var(--dur-fast) var(--ease-out)}}@media (prefers-reduced-motion:reduce){.arena-promotion-choice:is(:hover,:focus-visible){transform:none}}@media (prefers-reduced-motion:no-preference){.arena-live-dot{animation:arena-content-fade var(--dur-slow) var(--ease-out) both}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""}