/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-tracking:initial;--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}}}@layer theme{:root,:host{--font-sans:"Sour Gummy", "Itim", "Noto Sans Thai", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--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)}}@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}}@layer components;@layer utilities{.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}.fixed{position:fixed}.static{position:static}.col-span-full{grid-column:1/-1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-0\!{margin-top:0!important}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.w-auto\!{width:auto!important}.w-full\!{width:100%!important}.min-w-0{min-width:0}.min-w-36\.25{min-width:calc(var(--spacing) * 36.25)}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.flex-col{flex-direction:column}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--tone-dce5d5\)\]\!{border-color:var(--tone-dce5d5)!important}.border-\[var\(--tone-e3e8dc\)\]{border-color:var(--tone-e3e8dc)}.bg-\[var\(--tone-fafbf7\)\]{background-color:var(--tone-fafbf7)}.p-4\.5{padding:calc(var(--spacing) * 4.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-3{padding-block:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-\[17px\]{font-size:17px}.tracking-\[4px\]{--tw-tracking:4px;letter-spacing:4px}.text-\[var\(--tone-58734d\)\]\!{color:var(--tone-58734d)!important}.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,)}@media not all and (width>=760px){.max-\[760px\]\:row-start-1{grid-row-start:1}}@media not all and (width>=520px){.max-\[520px\]\:w-full\!{width:100%!important}.max-\[520px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}.\[\&\>svg\:last-child\]\:ml-auto>svg:last-child{margin-left:auto}.\[\&\>svg\:last-child\]\:transition-transform>svg:last-child{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))}.aria-expanded\:\[\&\>svg\:last-child\]\:rotate-90[aria-expanded=true]>svg:last-child{rotate:90deg}}:root{--tone-121812:#121418;--tone-172119:#171b21;--tone-1e3b2d:#1e2a3b;--tone-233627:#232b36;--tone-24432f:#243143;--tone-254431:#253244;--tone-254a35:#25344a;--tone-263128:#262b31;--tone-26321e:#1e2632;--tone-263b2d:#262f3b;--tone-263d30:#26303d;--tone-264431:#263244;--tone-27452e:#273345;--tone-294431:#293444;--tone-294832:#293648;--tone-294b38:#29374b;--tone-294e32:#29384e;--tone-2a4936:#2a3749;--tone-2c3b30:#2c323b;--tone-2d4131:#2d3541;--tone-2f3c31:#2f343c;--tone-303831:#303338;--tone-314b36:#313c4b;--tone-31523c:#313f52;--tone-315b43:#31425b;--tone-315c40:#31435c;--tone-344239:#343a42;--tone-344432:#323a44;--tone-344834:#343c48;--tone-344b39:#343e4b;--tone-34a853:#3464a8;--tone-35503a:#354050;--tone-38503b:#384250;--tone-38503d:#384250;--tone-3a5840:#3a4658;--tone-3f5443:#3f4854;--tone-41593a:#3a4759;--tone-435548:#434a55;--tone-455e39:#39485e;--tone-46603d:#3d4c60;--tone-466341:#414f63;--tone-475545:#454c55;--tone-475d3d:#3d4a5d;--tone-476143:#434f61;--tone-486245:#455162;--tone-49623c:#3c4c62;--tone-4b574a:#4a4f57;--tone-4b673d:#3d4e67;--tone-4c6942:#425269;--tone-4d653c:#3c4d65;--tone-4e713b:#3b5271;--tone-4f743e:#3e5474;--tone-4f7d50:#4f627d;--tone-526443:#435164;--tone-526a46:#46556a;--tone-526a47:#47566a;--tone-526a48:#48566a;--tone-526b43:#43546b;--tone-526b46:#46556b;--tone-526c48:#48576c;--tone-527047:#475870;--tone-536c48:#48576c;--tone-547246:#465872;--tone-547a3f:#3f587a;--tone-556e40:#40536e;--tone-557349:#495a73;--tone-567143:#435671;--tone-576e45:#45566e;--tone-58734d:#4d5d73;--tone-59714c:#4c5b71;--tone-5a7050:#505d70;--tone-5b7849:#495d78;--tone-5b7b44:#445b7b;--tone-5d7d4c:#4c607d;--tone-5e824b:#4b6282;--tone-607158:#586271;--tone-627854:#546378;--tone-62844c:#4c6384;--tone-63764d:#4d5e76;--tone-648457:#576a84;--tone-657857:#576578;--tone-657b52:#52637b;--tone-658151:#516581;--tone-66725f:#5f6772;--tone-668052:#526580;--tone-668a57:#576c8a;--tone-678354:#546883;--tone-688052:#526580;--tone-69805b:#5b6a80;--tone-6a8057:#576880;--tone-6a8454:#546884;--tone-6b8751:#516787;--tone-6c8359:#596a83;--tone-6d8068:#687280;--tone-6d8258:#586a82;--tone-6d8757:#576b87;--tone-6e895f:#5f7089;--tone-6e8b5c:#5c708b;--tone-6e8c5b:#5b6f8c;--tone-6f7d6b:#6b727d;--tone-6f7e61:#616d7e;--tone-718069:#697380;--tone-718073:#717780;--tone-718164:#647081;--tone-718461:#617084;--tone-71885c:#5c6e88;--tone-718958:#586c89;--tone-718c58:#586e8c;--tone-719156:#566f91;--tone-71a259:#5977a2;--tone-72995b:#5b7599;--tone-747d6f:#6f757d;--tone-747e70:#70767e;--tone-748473:#737a84;--tone-758360:#606f83;--tone-758565:#657285;--tone-759656:#567196;--tone-76806f:#6f7680;--tone-778865:#657488;--tone-788271:#717882;--tone-788371:#717883;--tone-78905f:#5f7390;--tone-789081:#788290;--tone-79945d:#5d7494;--tone-7a896d:#6d7989;--tone-7b8973:#737c89;--tone-7b8c67:#67768c;--tone-7b916a:#6a7a91;--tone-7c897a:#7a8089;--tone-7c9267:#677992;--tone-7d8b70:#707b8b;--tone-7d8b73:#737d8b;--tone-7e897a:#7a8089;--tone-7f8b70:#707b8b;--tone-80936a:#6a7b93;--tone-819a6b:#6b7f9a;--tone-819c65:#657c9c;--tone-829078:#788290;--tone-829369:#697a93;--tone-839470:#707f94;--tone-839d67:#677d9d;--tone-839d8a:#838e9d;--tone-859078:#788290;--tone-859568:#687b95;--tone-869777:#778497;--tone-87927d:#7d8692;--tone-87927e:#7e8692;--tone-879478:#788494;--tone-87957a:#7a8595;--tone-899282:#828992;--tone-899284:#848a92;--tone-899382:#828993;--tone-8a947f:#7f8894;--tone-8a9483:#838a94;--tone-8a957d:#7d8795;--tone-8a9581:#818995;--tone-8a9876:#768498;--tone-8aa58d:#8a95a5;--tone-8b9380:#808893;--tone-8b9583:#838b95;--tone-8b9d74:#74859d;--tone-8b9f58:#58769f;--tone-8b9f7b:#7b8a9f;--tone-8ba66e:#6e85a6;--tone-8baa61:#617faa;--tone-8c9284:#848a92;--tone-8c987c:#7c8898;--tone-8c9b70:#70829b;--tone-8c9c79:#79889c;--tone-8ca369:#6981a3;--tone-8ca57a:#7a8ca5;--tone-8d9687:#878d96;--tone-8d9879:#798698;--tone-8d9d76:#76869d;--tone-8da277:#7789a2;--tone-8da58f:#8d97a5;--tone-8e9783:#838b97;--tone-8f9d7e:#7e8b9d;--tone-908255:#556e90;--tone-909989:#899099;--tone-90998b:#8b9199;--tone-90a673:#7388a6;--tone-919b8a:#8a919b;--tone-91a27e:#7e8da2;--tone-929b82:#828c9b;--tone-929c8b:#8b929c;--tone-929d8d:#8d949d;--tone-92a07e:#7e8ca0;--tone-92a27f:#7f8ea2;--tone-939b8b:#8b929b;--tone-939e84:#848f9e;--tone-939f84:#848f9f;--tone-93a07d:#7d8ca0;--tone-93a080:#808da0;--tone-93a086:#8691a0;--tone-93a186:#8691a1;--tone-93a18f:#8f96a1;--tone-93a38b:#8b95a3;--tone-94a08c:#8c94a0;--tone-94a17e:#7e8da1;--tone-94a97f:#7f90a9;--tone-94b072:#728cb0;--tone-95a587:#8793a5;--tone-96a18e:#8e96a1;--tone-96a484:#8491a4;--tone-97a092:#9298a0;--tone-97a38d:#8d96a3;--tone-97a885:#8594a8;--tone-98a191:#9198a1;--tone-98a387:#8793a3;--tone-99a68c:#8c97a6;--tone-99a887:#8795a8;--tone-99aa6b:#6b85aa;--tone-9aa391:#9198a3;--tone-9aa58b:#8b96a5;--tone-9aa68c:#8c97a6;--tone-9aae86:#8697ae;--tone-9b8d5e:#5e779b;--tone-9b9f8b:#8b939f;--tone-9ba394:#949aa3;--tone-9ba495:#959ba4;--tone-9ba58d:#8d97a5;--tone-9bac88:#8897ac;--tone-9bac8b:#8b99ac;--tone-9bad93:#939ead;--tone-9bb67b:#7b94b6;--tone-9cac8b:#8b99ac;--tone-9caf7a:#7a90af;--tone-9caf8b:#8b9aaf;--tone-9da493:#939aa4;--tone-9da78f:#8f99a7;--tone-9dac8e:#8e9bac;--tone-9eb87c:#7c95b8;--tone-9fb5a4:#9fa8b5;--tone-a08956:#5675a0;--tone-a0a594:#949ba5;--tone-a0a790:#909aa7;--tone-a0ad91:#919dad;--tone-a0b19b:#9ba4b1;--tone-a0b57a:#7a93b5;--tone-a19462:#627ca1;--tone-a1a593:#939ba5;--tone-a1aca4:#a1a6ac;--tone-a1ae92:#929eae;--tone-a2a694:#949ca6;--tone-a2a796:#969da7;--tone-a3aa97:#979faa;--tone-a3ac98:#98a0ac;--tone-a3b47e:#7e94b4;--tone-a3ba84:#849aba;--tone-a5b275:#758eb2;--tone-a79759:#597aa7;--tone-a7b68e:#8e9fb6;--tone-a8bb9c:#9ca9bb;--tone-a9cd73:#7398cd;--tone-aaa070:#7088aa;--tone-aabd87:#879dbd;--tone-aabd9e:#9eabbd;--tone-abb8aa:#aab0b8;--tone-abb996:#96a5b9;--tone-aeb9a5:#a5adb9;--tone-aebd86:#869dbd;--tone-afc09f:#9fadc0;--tone-b0b5a4:#a4abb5;--tone-b0b79f:#9fa9b7;--tone-b0bda0:#a0acbd;--tone-b1bb77:#7793bb;--tone-b2bda1:#a1adbd;--tone-b39952:#527ab3;--tone-b3bda0:#a0acbd;--tone-b3bea2:#a2aebe;--tone-b4bbb0:#b0b5bb;--tone-b4c895:#95aac8;--tone-b6c0a5:#a5b0c0;--tone-b8aa72:#728fb8;--tone-b8c99c:#9cafc9;--tone-b9c6ae:#aeb8c6;--tone-b9c9bd:#b9c0c9;--tone-b9cba6:#a6b5cb;--tone-bcccaa:#aab8cc;--tone-bccda8:#a8b7cd;--tone-bdcf93:#93accf;--tone-bdd0ab:#abbad0;--tone-bed0c3:#bec6d0;--tone-c0c6b9:#b9bec6;--tone-c0d095:#95aed0;--tone-c1ac73:#7393c1;--tone-c1c7b7:#b7bec7;--tone-c1cda8:#a8b7cd;--tone-c4d1c3:#c3c9d1;--tone-c7d5b4:#b4c2d5;--tone-c7df8b:#8baedf;--tone-c9d8b9:#b9c6d8;--tone-c9d9b4:#b4c3d9;--tone-d1d9b7:#b7c5d9;--tone-d2ddba:#bac9dd;--tone-d3ded0:#d0d6de;--tone-d4e3a4:#a4bee3;--tone-d4e4aa:#aac2e4;--tone-d5e0c5:#c5d0e0;--tone-d6debe:#becbde;--tone-d6e1c8:#c8d2e1;--tone-d6e3a8:#a8c1e3;--tone-d7e1b7:#b7c8e1;--tone-d9e5c5:#c5d2e5;--tone-dbe3ca:#cad4e3;--tone-dbe6dc:#dbe0e6;--tone-dce2d5:#d5dae2;--tone-dce3d4:#d4dae3;--tone-dce4d2:#d2dae4;--tone-dce4d4:#d4dbe4;--tone-dce5d5:#d5dce5;--tone-dce6aa:#aac3e6;--tone-dce6d5:#d5dce6;--tone-dce7d0:#d0dae7;--tone-dce8bd:#bdcfe8;--tone-dce8c9:#c9d6e8;--tone-dce9ac:#acc5e9;--tone-dce9cc:#ccd8e9;--tone-dceaac:#acc6ea;--tone-dcebab:#abc6eb;--tone-dcebac:#acc6eb;--tone-dde4d6:#d6dce4;--tone-dde5cf:#cfd8e5;--tone-deebcb:#cbd8eb;--tone-dfe4d8:#d8dde4;--tone-dfe4da:#dadee4;--tone-dfe5d6:#d6dce5;--tone-dfe5da:#dadfe5;--tone-dfe6d5:#d5dce6;--tone-dfe6d8:#d8dee6;--tone-dfe7d0:#d0dae7;--tone-dfe9cf:#cfdae9;--tone-e0e7d8:#d8dee7;--tone-e0e8d3:#d3dce8;--tone-e0ebce:#cedaeb;--tone-e1e6d9:#d9dee6;--tone-e1e7d2:#d2dbe7;--tone-e1e7d7:#d7dee7;--tone-e1e8d4:#d4dce8;--tone-e2e8d7:#d7dee8;--tone-e2ebd5:#d5deeb;--tone-e3e8d6:#d6dee8;--tone-e3e8d7:#d7dee8;--tone-e3e8dc:#dce1e8;--tone-e3ead5:#d5deea;--tone-e4e8d7:#d7dee8;--tone-e4e8da:#dae0e8;--tone-e4eacd:#cdd9ea;--tone-e4ecd8:#d8e0ec;--tone-e5ebd9:#d9e0eb;--tone-e6e9df:#dfe3e9;--tone-e6eadc:#dce2ea;--tone-e6eddc:#dce3ed;--tone-e6f2bd:#bdd3f2;--tone-e7ece0:#e0e5ec;--tone-e7efce:#cedcef;--tone-e7f3bd:#bdd3f3;--tone-e8ebe1:#e1e5eb;--tone-e8ecdf:#dfe4ec;--tone-e8efdd:#dde4ef;--tone-e8f0dc:#dce4f0;--tone-e9ddbe:#bed0e9;--tone-e9e2c7:#c7d5e9;--tone-e9eddf:#dfe5ed;--tone-e9eedc:#dce4ee;--tone-e9eedf:#dfe5ee;--tone-e9eee3:#e3e8ee;--tone-e9efcc:#ccdbef;--tone-e9efd9:#d9e2ef;--tone-e9f0e0:#e0e7f0;--tone-e9f3e3:#e3eaf3;--tone-eaf0df:#dfe6f0;--tone-eaf1df:#dfe6f1;--tone-eceee6:#e6e9ee;--tone-eceee8:#e8ebee;--tone-edf0e4:#e4e9f0;--tone-edf0e8:#e8ebf0;--tone-edf1e6:#e6ebf1;--tone-edf1e7:#e7ebf1;--tone-edf1e8:#e8ecf1;--tone-edf2e2:#e2e9f2;--tone-edf2e3:#e3e9f2;--tone-edf2e4:#e4eaf2;--tone-edf3df:#dfe7f3;--tone-edf3e2:#e2e9f3;--tone-edf3e3:#e3eaf3;--tone-edf3e4:#e4eaf3;--tone-eef1e3:#e3e9f1;--tone-eef1e4:#e4e9f1;--tone-eef1e6:#e6ebf1;--tone-eef1e7:#e7ebf1;--tone-eef2e5:#e5eaf2;--tone-eef2e6:#e6ebf2;--tone-eef2e8:#e8ecf2;--tone-eef3e4:#e4eaf3;--tone-eef3e5:#e5ebf3;--tone-eef3e6:#e6ebf3;--tone-eef4e4:#e4ebf4;--tone-eef5e9:#e9eef5;--tone-eff3e5:#e5ebf3;--tone-eff4e4:#e4ebf4;--tone-f0f2eb:#ebeef2;--tone-f0f4e7:#e7ecf4;--tone-f0f4e8:#e8edf4;--tone-f0f4e9:#e9eef4;--tone-f0f5e9:#e9eef5;--tone-f1e9d5:#d5e1f1;--tone-f1f3ec:#eceff3;--tone-f1f5e9:#e9eef5;--tone-f2eddd:#dde6f2;--tone-f2f2df:#dfe7f2;--tone-f2f4e9:#e9eef4;--tone-f2f4ed:#edf0f4;--tone-f2f5e9:#e9eef5;--tone-f2f5eb:#ebeff5;--tone-f2f6e9:#e9eef6;--tone-f2f7e7:#e7eef7;--tone-f3ead6:#d6e2f3;--tone-f3edda:#dae4f3;--tone-f3eddd:#dde6f3;--tone-f3f5ed:#edf0f5;--tone-f3f7e9:#e9eff7;--tone-f4efdf:#dfe8f4;--tone-f4f6ee:#eef1f6;--tone-f4f6f0:#f0f2f6;--tone-f5f7ef:#eff2f7;--tone-f5f8ef:#eff3f8;--tone-f6f8f0:#f0f3f8;--tone-f6f8f2:#f2f4f8;--tone-f7f8f4:#f4f6f8;--tone-f7f9ed:#edf2f9;--tone-f7f9f3:#f3f5f9;--tone-f7faf1:#f1f5fa;--tone-f7faf2:#f2f5fa;--tone-f9faf5:#f5f7fa;--tone-fafbf7:#f7f9fb;--tone-fafbf8:#f8f9fb;--tone-fafcf5:#f5f8fc;--tone-fafcf6:#f6f9fc;--tone-fafcf7:#f7f9fc;--tone-fbbc05:#056bfb;--tone-fbfcf8:#f8fafc;--tone-fcfdf9:#f9fbfd}:root[data-theme=green]{--tone-121812:#121812;--tone-172119:#172119;--tone-1e3b2d:#1e3b2d;--tone-233627:#233627;--tone-24432f:#24432f;--tone-254431:#254431;--tone-254a35:#254a35;--tone-263128:#263128;--tone-26321e:#26321e;--tone-263b2d:#263b2d;--tone-263d30:#263d30;--tone-264431:#264431;--tone-27452e:#27452e;--tone-294431:#294431;--tone-294832:#294832;--tone-294b38:#294b38;--tone-294e32:#294e32;--tone-2a4936:#2a4936;--tone-2c3b30:#2c3b30;--tone-2d4131:#2d4131;--tone-2f3c31:#2f3c31;--tone-303831:#303831;--tone-314b36:#314b36;--tone-31523c:#31523c;--tone-315b43:#315b43;--tone-315c40:#315c40;--tone-344239:#344239;--tone-344432:#344432;--tone-344834:#344834;--tone-344b39:#344b39;--tone-34a853:#34a853;--tone-35503a:#35503a;--tone-38503b:#38503b;--tone-38503d:#38503d;--tone-3a5840:#3a5840;--tone-3f5443:#3f5443;--tone-41593a:#41593a;--tone-435548:#435548;--tone-455e39:#455e39;--tone-46603d:#46603d;--tone-466341:#466341;--tone-475545:#475545;--tone-475d3d:#475d3d;--tone-476143:#476143;--tone-486245:#486245;--tone-49623c:#49623c;--tone-4b574a:#4b574a;--tone-4b673d:#4b673d;--tone-4c6942:#4c6942;--tone-4d653c:#4d653c;--tone-4e713b:#4e713b;--tone-4f743e:#4f743e;--tone-4f7d50:#4f7d50;--tone-526443:#526443;--tone-526a46:#526a46;--tone-526a47:#526a47;--tone-526a48:#526a48;--tone-526b43:#526b43;--tone-526b46:#526b46;--tone-526c48:#526c48;--tone-527047:#527047;--tone-536c48:#536c48;--tone-547246:#547246;--tone-547a3f:#547a3f;--tone-556e40:#556e40;--tone-557349:#557349;--tone-567143:#567143;--tone-576e45:#576e45;--tone-58734d:#58734d;--tone-59714c:#59714c;--tone-5a7050:#5a7050;--tone-5b7849:#5b7849;--tone-5b7b44:#5b7b44;--tone-5d7d4c:#5d7d4c;--tone-5e824b:#5e824b;--tone-607158:#607158;--tone-627854:#627854;--tone-62844c:#62844c;--tone-63764d:#63764d;--tone-648457:#648457;--tone-657857:#657857;--tone-657b52:#657b52;--tone-658151:#658151;--tone-66725f:#66725f;--tone-668052:#668052;--tone-668a57:#668a57;--tone-678354:#678354;--tone-688052:#688052;--tone-69805b:#69805b;--tone-6a8057:#6a8057;--tone-6a8454:#6a8454;--tone-6b8751:#6b8751;--tone-6c8359:#6c8359;--tone-6d8068:#6d8068;--tone-6d8258:#6d8258;--tone-6d8757:#6d8757;--tone-6e895f:#6e895f;--tone-6e8b5c:#6e8b5c;--tone-6e8c5b:#6e8c5b;--tone-6f7d6b:#6f7d6b;--tone-6f7e61:#6f7e61;--tone-718069:#718069;--tone-718073:#718073;--tone-718164:#718164;--tone-718461:#718461;--tone-71885c:#71885c;--tone-718958:#718958;--tone-718c58:#718c58;--tone-719156:#719156;--tone-71a259:#71a259;--tone-72995b:#72995b;--tone-747d6f:#747d6f;--tone-747e70:#747e70;--tone-748473:#748473;--tone-758360:#758360;--tone-758565:#758565;--tone-759656:#759656;--tone-76806f:#76806f;--tone-778865:#778865;--tone-788271:#788271;--tone-788371:#788371;--tone-78905f:#78905f;--tone-789081:#789081;--tone-79945d:#79945d;--tone-7a896d:#7a896d;--tone-7b8973:#7b8973;--tone-7b8c67:#7b8c67;--tone-7b916a:#7b916a;--tone-7c897a:#7c897a;--tone-7c9267:#7c9267;--tone-7d8b70:#7d8b70;--tone-7d8b73:#7d8b73;--tone-7e897a:#7e897a;--tone-7f8b70:#7f8b70;--tone-80936a:#80936a;--tone-819a6b:#819a6b;--tone-819c65:#819c65;--tone-829078:#829078;--tone-829369:#829369;--tone-839470:#839470;--tone-839d67:#839d67;--tone-839d8a:#839d8a;--tone-859078:#859078;--tone-859568:#859568;--tone-869777:#869777;--tone-87927d:#87927d;--tone-87927e:#87927e;--tone-879478:#879478;--tone-87957a:#87957a;--tone-899282:#899282;--tone-899284:#899284;--tone-899382:#899382;--tone-8a947f:#8a947f;--tone-8a9483:#8a9483;--tone-8a957d:#8a957d;--tone-8a9581:#8a9581;--tone-8a9876:#8a9876;--tone-8aa58d:#8aa58d;--tone-8b9380:#8b9380;--tone-8b9583:#8b9583;--tone-8b9d74:#8b9d74;--tone-8b9f58:#8b9f58;--tone-8b9f7b:#8b9f7b;--tone-8ba66e:#8ba66e;--tone-8baa61:#8baa61;--tone-8c9284:#8c9284;--tone-8c987c:#8c987c;--tone-8c9b70:#8c9b70;--tone-8c9c79:#8c9c79;--tone-8ca369:#8ca369;--tone-8ca57a:#8ca57a;--tone-8d9687:#8d9687;--tone-8d9879:#8d9879;--tone-8d9d76:#8d9d76;--tone-8da277:#8da277;--tone-8da58f:#8da58f;--tone-8e9783:#8e9783;--tone-8f9d7e:#8f9d7e;--tone-908255:#908255;--tone-909989:#909989;--tone-90998b:#90998b;--tone-90a673:#90a673;--tone-919b8a:#919b8a;--tone-91a27e:#91a27e;--tone-929b82:#929b82;--tone-929c8b:#929c8b;--tone-929d8d:#929d8d;--tone-92a07e:#92a07e;--tone-92a27f:#92a27f;--tone-939b8b:#939b8b;--tone-939e84:#939e84;--tone-939f84:#939f84;--tone-93a07d:#93a07d;--tone-93a080:#93a080;--tone-93a086:#93a086;--tone-93a186:#93a186;--tone-93a18f:#93a18f;--tone-93a38b:#93a38b;--tone-94a08c:#94a08c;--tone-94a17e:#94a17e;--tone-94a97f:#94a97f;--tone-94b072:#94b072;--tone-95a587:#95a587;--tone-96a18e:#96a18e;--tone-96a484:#96a484;--tone-97a092:#97a092;--tone-97a38d:#97a38d;--tone-97a885:#97a885;--tone-98a191:#98a191;--tone-98a387:#98a387;--tone-99a68c:#99a68c;--tone-99a887:#99a887;--tone-99aa6b:#99aa6b;--tone-9aa391:#9aa391;--tone-9aa58b:#9aa58b;--tone-9aa68c:#9aa68c;--tone-9aae86:#9aae86;--tone-9b8d5e:#9b8d5e;--tone-9b9f8b:#9b9f8b;--tone-9ba394:#9ba394;--tone-9ba495:#9ba495;--tone-9ba58d:#9ba58d;--tone-9bac88:#9bac88;--tone-9bac8b:#9bac8b;--tone-9bad93:#9bad93;--tone-9bb67b:#9bb67b;--tone-9cac8b:#9cac8b;--tone-9caf7a:#9caf7a;--tone-9caf8b:#9caf8b;--tone-9da493:#9da493;--tone-9da78f:#9da78f;--tone-9dac8e:#9dac8e;--tone-9eb87c:#9eb87c;--tone-9fb5a4:#9fb5a4;--tone-a08956:#a08956;--tone-a0a594:#a0a594;--tone-a0a790:#a0a790;--tone-a0ad91:#a0ad91;--tone-a0b19b:#a0b19b;--tone-a0b57a:#a0b57a;--tone-a19462:#a19462;--tone-a1a593:#a1a593;--tone-a1aca4:#a1aca4;--tone-a1ae92:#a1ae92;--tone-a2a694:#a2a694;--tone-a2a796:#a2a796;--tone-a3aa97:#a3aa97;--tone-a3ac98:#a3ac98;--tone-a3b47e:#a3b47e;--tone-a3ba84:#a3ba84;--tone-a5b275:#a5b275;--tone-a79759:#a79759;--tone-a7b68e:#a7b68e;--tone-a8bb9c:#a8bb9c;--tone-a9cd73:#a9cd73;--tone-aaa070:#aaa070;--tone-aabd87:#aabd87;--tone-aabd9e:#aabd9e;--tone-abb8aa:#abb8aa;--tone-abb996:#abb996;--tone-aeb9a5:#aeb9a5;--tone-aebd86:#aebd86;--tone-afc09f:#afc09f;--tone-b0b5a4:#b0b5a4;--tone-b0b79f:#b0b79f;--tone-b0bda0:#b0bda0;--tone-b1bb77:#b1bb77;--tone-b2bda1:#b2bda1;--tone-b39952:#b39952;--tone-b3bda0:#b3bda0;--tone-b3bea2:#b3bea2;--tone-b4bbb0:#b4bbb0;--tone-b4c895:#b4c895;--tone-b6c0a5:#b6c0a5;--tone-b8aa72:#b8aa72;--tone-b8c99c:#b8c99c;--tone-b9c6ae:#b9c6ae;--tone-b9c9bd:#b9c9bd;--tone-b9cba6:#b9cba6;--tone-bcccaa:#bcccaa;--tone-bccda8:#bccda8;--tone-bdcf93:#bdcf93;--tone-bdd0ab:#bdd0ab;--tone-bed0c3:#bed0c3;--tone-c0c6b9:#c0c6b9;--tone-c0d095:#c0d095;--tone-c1ac73:#c1ac73;--tone-c1c7b7:#c1c7b7;--tone-c1cda8:#c1cda8;--tone-c4d1c3:#c4d1c3;--tone-c7d5b4:#c7d5b4;--tone-c7df8b:#c7df8b;--tone-c9d8b9:#c9d8b9;--tone-c9d9b4:#c9d9b4;--tone-d1d9b7:#d1d9b7;--tone-d2ddba:#d2ddba;--tone-d3ded0:#d3ded0;--tone-d4e3a4:#d4e3a4;--tone-d4e4aa:#d4e4aa;--tone-d5e0c5:#d5e0c5;--tone-d6debe:#d6debe;--tone-d6e1c8:#d6e1c8;--tone-d6e3a8:#d6e3a8;--tone-d7e1b7:#d7e1b7;--tone-d9e5c5:#d9e5c5;--tone-dbe3ca:#dbe3ca;--tone-dbe6dc:#dbe6dc;--tone-dce2d5:#dce2d5;--tone-dce3d4:#dce3d4;--tone-dce4d2:#dce4d2;--tone-dce4d4:#dce4d4;--tone-dce5d5:#dce5d5;--tone-dce6aa:#dce6aa;--tone-dce6d5:#dce6d5;--tone-dce7d0:#dce7d0;--tone-dce8bd:#dce8bd;--tone-dce8c9:#dce8c9;--tone-dce9ac:#dce9ac;--tone-dce9cc:#dce9cc;--tone-dceaac:#dceaac;--tone-dcebab:#dcebab;--tone-dcebac:#dcebac;--tone-dde4d6:#dde4d6;--tone-dde5cf:#dde5cf;--tone-deebcb:#deebcb;--tone-dfe4d8:#dfe4d8;--tone-dfe4da:#dfe4da;--tone-dfe5d6:#dfe5d6;--tone-dfe5da:#dfe5da;--tone-dfe6d5:#dfe6d5;--tone-dfe6d8:#dfe6d8;--tone-dfe7d0:#dfe7d0;--tone-dfe9cf:#dfe9cf;--tone-e0e7d8:#e0e7d8;--tone-e0e8d3:#e0e8d3;--tone-e0ebce:#e0ebce;--tone-e1e6d9:#e1e6d9;--tone-e1e7d2:#e1e7d2;--tone-e1e7d7:#e1e7d7;--tone-e1e8d4:#e1e8d4;--tone-e2e8d7:#e2e8d7;--tone-e2ebd5:#e2ebd5;--tone-e3e8d6:#e3e8d6;--tone-e3e8d7:#e3e8d7;--tone-e3e8dc:#e3e8dc;--tone-e3ead5:#e3ead5;--tone-e4e8d7:#e4e8d7;--tone-e4e8da:#e4e8da;--tone-e4eacd:#e4eacd;--tone-e4ecd8:#e4ecd8;--tone-e5ebd9:#e5ebd9;--tone-e6e9df:#e6e9df;--tone-e6eadc:#e6eadc;--tone-e6eddc:#e6eddc;--tone-e6f2bd:#e6f2bd;--tone-e7ece0:#e7ece0;--tone-e7efce:#e7efce;--tone-e7f3bd:#e7f3bd;--tone-e8ebe1:#e8ebe1;--tone-e8ecdf:#e8ecdf;--tone-e8efdd:#e8efdd;--tone-e8f0dc:#e8f0dc;--tone-e9ddbe:#e9ddbe;--tone-e9e2c7:#e9e2c7;--tone-e9eddf:#e9eddf;--tone-e9eedc:#e9eedc;--tone-e9eedf:#e9eedf;--tone-e9eee3:#e9eee3;--tone-e9efcc:#e9efcc;--tone-e9efd9:#e9efd9;--tone-e9f0e0:#e9f0e0;--tone-e9f3e3:#e9f3e3;--tone-eaf0df:#eaf0df;--tone-eaf1df:#eaf1df;--tone-eceee6:#eceee6;--tone-eceee8:#eceee8;--tone-edf0e4:#edf0e4;--tone-edf0e8:#edf0e8;--tone-edf1e6:#edf1e6;--tone-edf1e7:#edf1e7;--tone-edf1e8:#edf1e8;--tone-edf2e2:#edf2e2;--tone-edf2e3:#edf2e3;--tone-edf2e4:#edf2e4;--tone-edf3df:#edf3df;--tone-edf3e2:#edf3e2;--tone-edf3e3:#edf3e3;--tone-edf3e4:#edf3e4;--tone-eef1e3:#eef1e3;--tone-eef1e4:#eef1e4;--tone-eef1e6:#eef1e6;--tone-eef1e7:#eef1e7;--tone-eef2e5:#eef2e5;--tone-eef2e6:#eef2e6;--tone-eef2e8:#eef2e8;--tone-eef3e4:#eef3e4;--tone-eef3e5:#eef3e5;--tone-eef3e6:#eef3e6;--tone-eef4e4:#eef4e4;--tone-eef5e9:#eef5e9;--tone-eff3e5:#eff3e5;--tone-eff4e4:#eff4e4;--tone-f0f2eb:#f0f2eb;--tone-f0f4e7:#f0f4e7;--tone-f0f4e8:#f0f4e8;--tone-f0f4e9:#f0f4e9;--tone-f0f5e9:#f0f5e9;--tone-f1e9d5:#f1e9d5;--tone-f1f3ec:#f1f3ec;--tone-f1f5e9:#f1f5e9;--tone-f2eddd:#f2eddd;--tone-f2f2df:#f2f2df;--tone-f2f4e9:#f2f4e9;--tone-f2f4ed:#f2f4ed;--tone-f2f5e9:#f2f5e9;--tone-f2f5eb:#f2f5eb;--tone-f2f6e9:#f2f6e9;--tone-f2f7e7:#f2f7e7;--tone-f3ead6:#f3ead6;--tone-f3edda:#f3edda;--tone-f3eddd:#f3eddd;--tone-f3f5ed:#f3f5ed;--tone-f3f7e9:#f3f7e9;--tone-f4efdf:#f4efdf;--tone-f4f6ee:#f4f6ee;--tone-f4f6f0:#f4f6f0;--tone-f5f7ef:#f5f7ef;--tone-f5f8ef:#f5f8ef;--tone-f6f8f0:#f6f8f0;--tone-f6f8f2:#f6f8f2;--tone-f7f8f4:#f7f8f4;--tone-f7f9ed:#f7f9ed;--tone-f7f9f3:#f7f9f3;--tone-f7faf1:#f7faf1;--tone-f7faf2:#f7faf2;--tone-f9faf5:#f9faf5;--tone-fafbf7:#fafbf7;--tone-fafbf8:#fafbf8;--tone-fafcf5:#fafcf5;--tone-fafcf6:#fafcf6;--tone-fafcf7:#fafcf7;--tone-fbbc05:#fbbc05;--tone-fbfcf8:#fbfcf8;--tone-fcfdf9:#fcfdf9}:root[data-theme=purple]{--tone-121812:#151218;--tone-172119:#1c1721;--tone-1e3b2d:#2c1e3b;--tone-233627:#2c2336;--tone-24432f:#332443;--tone-254431:#342544;--tone-254a35:#37254a;--tone-263128:#2b2631;--tone-26321e:#281e32;--tone-263b2d:#30263b;--tone-263d30:#31263d;--tone-264431:#352644;--tone-27452e:#362745;--tone-294431:#362944;--tone-294832:#382948;--tone-294b38:#3a294b;--tone-294e32:#3b294e;--tone-2a4936:#392a49;--tone-2c3b30:#332c3b;--tone-2d4131:#372d41;--tone-2f3c31:#352f3c;--tone-303831:#343038;--tone-314b36:#3e314b;--tone-31523c:#423152;--tone-315b43:#46315b;--tone-315c40:#46315c;--tone-344239:#3b3442;--tone-344432:#3b3244;--tone-344834:#3e3448;--tone-344b39:#3f344b;--tone-34a853:#6e34a8;--tone-35503a:#423550;--tone-38503b:#443850;--tone-38503d:#443850;--tone-3a5840:#493a58;--tone-3f5443:#493f54;--tone-41593a:#493a59;--tone-435548:#4c4355;--tone-455e39:#4b395e;--tone-46603d:#4e3d60;--tone-466341:#524163;--tone-475545:#4d4555;--tone-475d3d:#4d3d5d;--tone-476143:#524361;--tone-486245:#534562;--tone-49623c:#4f3c62;--tone-4b574a:#504a57;--tone-4b673d:#523d67;--tone-4c6942:#564269;--tone-4d653c:#503c65;--tone-4e713b:#563b71;--tone-4f743e:#593e74;--tone-4f7d50:#664f7d;--tone-526443:#534364;--tone-526a46:#58466a;--tone-526a47:#58476a;--tone-526a48:#59486a;--tone-526b43:#57436b;--tone-526b46:#58466b;--tone-526c48:#5a486c;--tone-527047:#5b4770;--tone-536c48:#5a486c;--tone-547246:#5c4672;--tone-547a3f:#5c3f7a;--tone-556e40:#57406e;--tone-557349:#5e4973;--tone-567143:#5a4371;--tone-576e45:#59456e;--tone-58734d:#604d73;--tone-59714c:#5e4c71;--tone-5a7050:#605070;--tone-5b7849:#604978;--tone-5b7b44:#5f447b;--tone-5d7d4c:#644c7d;--tone-5e824b:#664b82;--tone-607158:#645871;--tone-627854:#665478;--tone-62844c:#684c84;--tone-63764d:#614d76;--tone-648457:#6d5784;--tone-657857:#675778;--tone-657b52:#66527b;--tone-658151:#695181;--tone-66725f:#685f72;--tone-668052:#695280;--tone-668a57:#70578a;--tone-678354:#6b5483;--tone-688052:#695280;--tone-69805b:#6e5b80;--tone-6a8057:#6b5780;--tone-6a8454:#6c5484;--tone-6b8751:#6c5187;--tone-6c8359:#6e5983;--tone-6d8068:#746880;--tone-6d8258:#6d5882;--tone-6d8757:#6f5787;--tone-6e895f:#745f89;--tone-6e8b5c:#735c8b;--tone-6e8c5b:#735b8c;--tone-6f7d6b:#746b7d;--tone-6f7e61:#6f617e;--tone-718069:#746980;--tone-718073:#787180;--tone-718164:#726481;--tone-718461:#726184;--tone-71885c:#725c88;--tone-718958:#705889;--tone-718c58:#72588c;--tone-719156:#735691;--tone-71a259:#7d59a2;--tone-72995b:#7a5b99;--tone-747d6f:#766f7d;--tone-747e70:#77707e;--tone-748473:#7c7384;--tone-758360:#716083;--tone-758565:#756585;--tone-759656:#765696;--tone-76806f:#786f80;--tone-778865:#766588;--tone-788271:#7a7182;--tone-788371:#7a7183;--tone-78905f:#775f90;--tone-789081:#847890;--tone-79945d:#785d94;--tone-7a896d:#7b6d89;--tone-7b8973:#7e7389;--tone-7b8c67:#7a678c;--tone-7b916a:#7e6a91;--tone-7c897a:#827a89;--tone-7c9267:#7c6792;--tone-7d8b70:#7d708b;--tone-7d8b73:#7f738b;--tone-7e897a:#827a89;--tone-7f8b70:#7d708b;--tone-80936a:#7e6a93;--tone-819a6b:#826b9a;--tone-819c65:#80659c;--tone-829078:#847890;--tone-829369:#7e6993;--tone-839470:#827094;--tone-839d67:#82679d;--tone-839d8a:#90839d;--tone-859078:#847890;--tone-859568:#7e6895;--tone-869777:#877797;--tone-87927d:#887d92;--tone-87927e:#887e92;--tone-879478:#867894;--tone-87957a:#887a95;--tone-899282:#8a8292;--tone-899284:#8b8492;--tone-899382:#8a8293;--tone-8a947f:#8a7f94;--tone-8a9483:#8c8394;--tone-8a957d:#897d95;--tone-8a9581:#8b8195;--tone-8a9876:#877698;--tone-8aa58d:#988aa5;--tone-8b9380:#8a8093;--tone-8b9583:#8c8395;--tone-8b9d74:#88749d;--tone-8b9f58:#7b589f;--tone-8b9f7b:#8d7b9f;--tone-8ba66e:#8a6ea6;--tone-8baa61:#8561aa;--tone-8c9284:#8b8492;--tone-8c987c:#8a7c98;--tone-8c9b70:#85709b;--tone-8c9c79:#8a799c;--tone-8ca369:#8669a3;--tone-8ca57a:#8f7aa5;--tone-8d9687:#8e8796;--tone-8d9879:#887998;--tone-8d9d76:#8a769d;--tone-8da277:#8c77a2;--tone-8da58f:#998da5;--tone-8e9783:#8d8397;--tone-8f9d7e:#8e7e9d;--tone-908255:#725590;--tone-909989:#918999;--tone-90998b:#928b99;--tone-90a673:#8c73a6;--tone-919b8a:#928a9b;--tone-91a27e:#907ea2;--tone-929b82:#8e829b;--tone-929c8b:#938b9c;--tone-929d8d:#958d9d;--tone-92a07e:#8f7ea0;--tone-92a27f:#907fa2;--tone-939b8b:#938b9b;--tone-939e84:#91849e;--tone-939f84:#92849f;--tone-93a07d:#8e7da0;--tone-93a080:#9080a0;--tone-93a086:#9386a0;--tone-93a186:#9386a1;--tone-93a18f:#988fa1;--tone-93a38b:#978ba3;--tone-94a08c:#968ca0;--tone-94a17e:#8f7ea1;--tone-94a97f:#947fa9;--tone-94b072:#9172b0;--tone-95a587:#9687a5;--tone-96a18e:#988ea1;--tone-96a484:#9484a4;--tone-97a092:#9992a0;--tone-97a38d:#988da3;--tone-97a885:#9685a8;--tone-98a191:#9991a1;--tone-98a387:#9587a3;--tone-99a68c:#998ca6;--tone-99a887:#9787a8;--tone-99aa6b:#8a6baa;--tone-9aa391:#9a91a3;--tone-9aa58b:#988ba5;--tone-9aa68c:#998ca6;--tone-9aae86:#9a86ae;--tone-9b8d5e:#7c5e9b;--tone-9b9f8b:#958b9f;--tone-9ba394:#9c94a3;--tone-9ba495:#9c95a4;--tone-9ba58d:#998da5;--tone-9bac88:#9a88ac;--tone-9bac8b:#9c8bac;--tone-9bad93:#a093ad;--tone-9bb67b:#987bb6;--tone-9cac8b:#9c8bac;--tone-9caf7a:#947aaf;--tone-9caf8b:#9d8baf;--tone-9da493:#9c93a4;--tone-9da78f:#9b8fa7;--tone-9dac8e:#9d8eac;--tone-9eb87c:#9a7cb8;--tone-9fb5a4:#aa9fb5;--tone-a08956:#7b56a0;--tone-a0a594:#9c94a5;--tone-a0a790:#9c90a7;--tone-a0ad91:#9f91ad;--tone-a0b19b:#a69bb1;--tone-a0b57a:#977ab5;--tone-a19462:#8162a1;--tone-a1a593:#9c93a5;--tone-a1aca4:#a6a1ac;--tone-a1ae92:#a092ae;--tone-a2a694:#9d94a6;--tone-a2a796:#9e96a7;--tone-a3aa97:#a097aa;--tone-a3ac98:#a298ac;--tone-a3b47e:#997eb4;--tone-a3ba84:#9f84ba;--tone-a5b275:#9375b2;--tone-a79759:#8059a7;--tone-a7b68e:#a28eb6;--tone-a8bb9c:#ac9cbb;--tone-a9cd73:#a073cd;--tone-aaa070:#8d70aa;--tone-aabd87:#a287bd;--tone-aabd9e:#ae9ebd;--tone-abb8aa:#b1aab8;--tone-abb996:#a796b9;--tone-aeb9a5:#afa5b9;--tone-aebd86:#a186bd;--tone-afc09f:#b09fc0;--tone-b0b5a4:#aca4b5;--tone-b0b79f:#ab9fb7;--tone-b0bda0:#aea0bd;--tone-b1bb77:#97b;--tone-b2bda1:#afa1bd;--tone-b39952:#8252b3;--tone-b3bda0:#aea0bd;--tone-b3bea2:#b0a2be;--tone-b4bbb0:#b5b0bb;--tone-b4c895:#ae95c8;--tone-b6c0a5:#b2a5c0;--tone-b8aa72:#9572b8;--tone-b8c99c:#b29cc9;--tone-b9c6ae:#baaec6;--tone-b9c9bd:#c1b9c9;--tone-b9cba6:#b8a6cb;--tone-bcccaa:#bac;--tone-bccda8:#baa8cd;--tone-bdcf93:#b193cf;--tone-bdd0ab:#bdabd0;--tone-bed0c3:#c7bed0;--tone-c0c6b9:#c0b9c6;--tone-c0d095:#b295d0;--tone-c1ac73:#9a73c1;--tone-c1c7b7:#bfb7c7;--tone-c1cda8:#baa8cd;--tone-c4d1c3:#cac3d1;--tone-c7d5b4:#c4b4d5;--tone-c7df8b:#b58bdf;--tone-c9d8b9:#c8b9d8;--tone-c9d9b4:#c6b4d9;--tone-d1d9b7:#c8b7d9;--tone-d2ddba:#cbbadd;--tone-d3ded0:#d7d0de;--tone-d4e3a4:#c3a4e3;--tone-d4e4aa:#c7aae4;--tone-d5e0c5:#d2c5e0;--tone-d6debe:#cebede;--tone-d6e1c8:#d4c8e1;--tone-d6e3a8:#c5a8e3;--tone-d7e1b7:#ccb7e1;--tone-d9e5c5:#d5c5e5;--tone-dbe3ca:#d6cae3;--tone-dbe6dc:#e0dbe6;--tone-dce2d5:#dcd5e2;--tone-dce3d4:#dcd4e3;--tone-dce4d2:#dbd2e4;--tone-dce4d4:#dcd4e4;--tone-dce5d5:#ddd5e5;--tone-dce6aa:#c8aae6;--tone-dce6d5:#ded5e6;--tone-dce7d0:#dcd0e7;--tone-dce8bd:#d2bde8;--tone-dce8c9:#d8c9e8;--tone-dce9ac:#caace9;--tone-dce9cc:#dbcce9;--tone-dceaac:#cbacea;--tone-dcebab:#cbabeb;--tone-dcebac:#cbaceb;--tone-dde4d6:#ddd6e4;--tone-dde5cf:#dacfe5;--tone-deebcb:#dbcbeb;--tone-dfe4d8:#ded8e4;--tone-dfe4da:#dfdae4;--tone-dfe5d6:#ded6e5;--tone-dfe5da:#e0dae5;--tone-dfe6d5:#ded5e6;--tone-dfe6d8:#dfd8e6;--tone-dfe7d0:#dcd0e7;--tone-dfe9cf:#dccfe9;--tone-e0e7d8:#e0d8e7;--tone-e0e8d3:#ded3e8;--tone-e0ebce:#dcceeb;--tone-e1e6d9:#e0d9e6;--tone-e1e7d2:#dcd2e7;--tone-e1e7d7:#dfd7e7;--tone-e1e8d4:#ded4e8;--tone-e2e8d7:#e0d7e8;--tone-e2ebd5:#e0d5eb;--tone-e3e8d6:#dfd6e8;--tone-e3e8d7:#e0d7e8;--tone-e3e8dc:#e2dce8;--tone-e3ead5:#e0d5ea;--tone-e4e8d7:#e0d7e8;--tone-e4e8da:#e1dae8;--tone-e4eacd:#dccdea;--tone-e4ecd8:#e2d8ec;--tone-e5ebd9:#e2d9eb;--tone-e6e9df:#e4dfe9;--tone-e6eadc:#e3dcea;--tone-e6eddc:#e4dced;--tone-e6f2bd:#d7bdf2;--tone-e7ece0:#e6e0ec;--tone-e7efce:#deceef;--tone-e7f3bd:#d8bdf3;--tone-e8ebe1:#e6e1eb;--tone-e8ecdf:#e6dfec;--tone-e8efdd:#e6ddef;--tone-e8f0dc:#e6dcf0;--tone-e9ddbe:#d3bee9;--tone-e9e2c7:#d8c7e9;--tone-e9eddf:#e6dfed;--tone-e9eedc:#e5dcee;--tone-e9eedf:#e6dfee;--tone-e9eee3:#e8e3ee;--tone-e9efcc:#ddccef;--tone-e9efd9:#e4d9ef;--tone-e9f0e0:#e8e0f0;--tone-e9f3e3:#ebe3f3;--tone-eaf0df:#e8dff0;--tone-eaf1df:#e8dff1;--tone-eceee6:#eae6ee;--tone-eceee8:#ebe8ee;--tone-edf0e4:#eae4f0;--tone-edf0e8:#ece8f0;--tone-edf1e6:#ece6f1;--tone-edf1e7:#ece7f1;--tone-edf1e8:#ece8f1;--tone-edf2e2:#eae2f2;--tone-edf2e3:#eae3f2;--tone-edf2e4:#ebe4f2;--tone-edf3df:#e9dff3;--tone-edf3e2:#eae2f3;--tone-edf3e3:#ebe3f3;--tone-edf3e4:#ece4f3;--tone-eef1e3:#eae3f1;--tone-eef1e4:#ebe4f1;--tone-eef1e6:#ece6f1;--tone-eef1e7:#ece7f1;--tone-eef2e5:#ece5f2;--tone-eef2e6:#ece6f2;--tone-eef2e8:#ede8f2;--tone-eef3e4:#ece4f3;--tone-eef3e5:#ece5f3;--tone-eef3e6:#ece6f3;--tone-eef4e4:#ece4f4;--tone-eef5e9:#efe9f5;--tone-eff3e5:#ece5f3;--tone-eff4e4:#ece4f4;--tone-f0f2eb:#eeebf2;--tone-f0f4e7:#eee7f4;--tone-f0f4e8:#eee8f4;--tone-f0f4e9:#eee9f4;--tone-f0f5e9:#efe9f5;--tone-f1e9d5:#e3d5f1;--tone-f1f3ec:#f0ecf3;--tone-f1f5e9:#efe9f5;--tone-f2eddd:#e8ddf2;--tone-f2f2df:#e8dff2;--tone-f2f4e9:#eee9f4;--tone-f2f4ed:#f0edf4;--tone-f2f5e9:#efe9f5;--tone-f2f5eb:#f0ebf5;--tone-f2f6e9:#f0e9f6;--tone-f2f7e7:#efe7f7;--tone-f3ead6:#e4d6f3;--tone-f3edda:#e6daf3;--tone-f3eddd:#e8ddf3;--tone-f3f5ed:#f1edf5;--tone-f3f7e9:#f0e9f7;--tone-f4efdf:#eadff4;--tone-f4f6ee:#f2eef6;--tone-f4f6f0:#f3f0f6;--tone-f5f7ef:#f3eff7;--tone-f5f8ef:#f3eff8;--tone-f6f8f0:#f4f0f8;--tone-f6f8f2:#f5f2f8;--tone-f7f8f4:#f6f4f8;--tone-f7f9ed:#f3edf9;--tone-f7f9f3:#f6f3f9;--tone-f7faf1:#f5f1fa;--tone-f7faf2:#f6f2fa;--tone-f9faf5:#f8f5fa;--tone-fafbf7:#f9f7fb;--tone-fafbf8:#faf8fb;--tone-fafcf5:#f9f5fc;--tone-fafcf6:#f9f6fc;--tone-fafcf7:#faf7fc;--tone-fbbc05:#8005fb;--tone-fbfcf8:#faf8fc;--tone-fcfdf9:#fbf9fd}:root{--board-18311c21:#18223121;--board-254a35:#25344a;--board-29342430:#242b3430;--board-315c4080:#31435c80;--board-36553544:#35425544;--board-49653655:#364a6555;--board-78906c:#6c7b90;--board-8fa780:#8090a7;--board-b4c47b:#7b99c4;--board-d9e49b:#9bb9e4;--board-e8eddd:#dde4ed;--board-ecf0d9:#d9e3f0;--board-eef1da:#dae4f1;--board-eef2db:#dbe5f2}:root[data-theme=green]{--board-18311c21:#18311c21;--board-254a35:#254a35;--board-29342430:#29342430;--board-315c4080:#315c4080;--board-36553544:#36553544;--board-49653655:#49653655;--board-78906c:#78906c;--board-8fa780:#8fa780;--board-b4c47b:#b4c47b;--board-d9e49b:#d9e49b;--board-e8eddd:#e8eddd;--board-ecf0d9:#ecf0d9;--board-eef1da:#eef1da;--board-eef2db:#eef2db}:root[data-theme=purple]{--board-18311c21:#24183121;--board-254a35:#37254a;--board-29342430:#2c243430;--board-315c4080:#46315c80;--board-36553544:#45355544;--board-49653655:#4d366555;--board-78906c:#7e6c90;--board-8fa780:#9380a7;--board-b4c47b:#9f7bc4;--board-d9e49b:#bf9be4;--board-e8eddd:#e5dded;--board-ecf0d9:#e4d9f0;--board-eef1da:#e5daf1;--board-eef2db:#e6dbf2}:root{color:var(--tone-2c3b30);background:var(--tone-f7f8f4);font-synthesis:none;--green:var(--tone-315b43);--forest:var(--tone-1e3b2d);--muted:#8a9187;--canvas:var(--tone-f7f8f4);--border:var(--tone-e6e9df);--lime:var(--tone-dceaac);--ink:var(--tone-2c3b30);--surface:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Sour Gummy,Itim,Noto Sans Thai,sans-serif;font-weight:400}:is(.main-content:has(>.my-profile-page),.main-content:has(>.preferences-page),.main-content:has(>.notification-settings-page),.main-content:has(>.supporter-page),.main-content:has(>.account-page)){font-family:DM Sans,Noto Sans Thai,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button{background:0 0;border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--tone-8baa61);outline-offset:4px}input:focus{outline:2px solid var(--tone-a3ba84);outline-offset:1px}h1,h2,h3,p{margin:0}a{color:inherit}svg{flex-shrink:0}button,input{touch-action:manipulation}button{transition:background .17s,color .17s,border-color .17s,transform .17s}::selection{background:var(--tone-dceaac);color:var(--tone-1e3b2d)}.app-shell{min-height:100vh}@media (width<=700px){.topbar .mobile-header-context{flex:1;min-width:0}.topbar .mobile-header-context>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar .header-actions{flex-shrink:0}}.desktop-nav>button>span,.main-nav>button>span,.mobile-header-context>span{font-family:Sour Gummy,Itim,Noto Sans Thai,sans-serif;font-size:15px;font-weight:700}.sidebar{background:var(--forest);z-index:40;width:224px;color:var(--tone-d3ded0);flex-direction:column;padding:32px 18px 0;display:flex;position:fixed;inset:0 auto 0 0;overflow-x:hidden}@media (width>=701px){.sidebar{display:none}}.brand-button{text-align:left;width:100%;margin-bottom:45px;padding:0 10px}.brand{color:#fff;letter-spacing:-1.2px;align-items:center;gap:10px;font-size:20px;font-weight:700;line-height:1.1;display:flex}.brand-light{color:var(--tone-e9f0e0);font-weight:400}.brand small{letter-spacing:.9px;color:var(--tone-a8bb9c);margin-top:9px;font-size:10px;font-weight:400;display:block}.brand-mark{flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-mark .chess-piece{filter:none;width:39px;height:45px;fill:var(--tone-dceaac);stroke:var(--tone-dceaac)}.nav-section-label{letter-spacing:1.6px;color:var(--tone-8da58f);margin-bottom:15px;padding:0 16px;font-size:9px;font-weight:500}.main-nav{flex-direction:column;gap:7px;display:flex}.main-nav button{width:100%;color:var(--tone-c4d1c3);text-align:left;border-radius:7px;align-items:center;gap:12px;min-height:46px;padding:13px 15px;font-size:13px;display:flex}.main-nav button svg{stroke-width:1.6px}.main-nav button:hover{background:var(--tone-2a4936);color:#fff}.main-nav button.active{background:var(--tone-dceaac);color:var(--tone-27452e);font-weight:600}.nav-active-dot{background:var(--tone-315b43);border-radius:50%;width:5px;height:5px;margin-left:auto}.main-nav .beta-badge{margin-left:auto}.beta-badge{letter-spacing:.7px;background:var(--tone-38503b);color:var(--tone-d6e3a8);border-radius:4px;padding:5px 6px;font-size:8px;font-weight:600;line-height:1}.nav-separator{background:var(--tone-38503d);height:1px;margin:25px 14px}.secondary-nav button{padding-block:11px}.secondary-nav button>svg:last-child:not(:first-child){color:var(--tone-8aa58d);margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:38px}.sidebar-note{border:1px solid var(--tone-486245);background:var(--tone-294431);border-radius:8px;margin:0 10px 27px;padding:19px 14px 17px;position:relative;overflow:hidden}.sidebar-note .eyebrow{color:var(--tone-c0d095);letter-spacing:1px;font-size:7px}.sidebar-note h3{color:var(--tone-e9eedc);z-index:1;margin-top:10px;font-size:17px;font-weight:500;line-height:1.6;position:relative}.sidebar-note p{color:var(--tone-aabd9e);z-index:1;margin-top:8px;font-size:9px;position:relative}.sidebar-note button{color:var(--tone-dcebab);z-index:1;align-items:center;gap:7px;margin-top:16px;padding:0;font-size:10px;display:flex;position:relative}.sidebar-note>.chess-piece{opacity:.12;width:107px;height:124px;position:absolute;bottom:36px;right:-35px;transform:rotate(-12deg)}.note-spark{color:var(--tone-9caf7a);font-size:20px;position:absolute;top:14px;right:15px}.sidebar-profile{border-top:1px solid var(--tone-38503d);text-align:left;align-items:center;gap:9px;width:100%;padding:18px 8px 20px;display:flex}.sidebar-profile>span:nth-child(2){flex:1;min-width:0}.sidebar-profile strong{color:var(--tone-e7ece0);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.sidebar-profile small{color:var(--tone-a0b19b);margin-top:5px;font-size:9px;display:block}.sidebar-profile>svg{color:var(--tone-9bad93)}.avatar{letter-spacing:-.2px;border:3px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.avatar.small{border-width:2px;width:33px;height:33px;font-size:10px}.avatar.sage{background:var(--tone-dce6d5);color:var(--tone-536c48)}.avatar.peach{color:#a06c4c;background:#f2dbc7}.avatar.lavender{color:#8a709e;background:#e5dcf0}.avatar.blue{color:#5a8490;background:#d8e6e8}.avatar.sand{background:var(--tone-e9e2c7);color:var(--tone-908255)}.sidebar-profile .avatar{border-color:var(--tone-476143);background:var(--tone-63764d);color:var(--tone-e9efcc)}.main-shell{margin-left:0}.topbar{z-index:35;border-bottom:1px solid var(--border);background:var(--tone-fbfcf8);justify-content:space-between;align-items:center;gap:22px;height:78px;padding:0 30px;display:flex;position:sticky;top:0;box-shadow:0 5px 18px #293f2c0a}.topbar-navigation{align-items:center;gap:27px;min-width:0;display:flex}.topbar-brand{text-align:left;flex:none;padding:0}.topbar-brand .brand{color:var(--forest);letter-spacing:-.8px;gap:7px;font-size:16px}.topbar-brand .brand-light{color:var(--tone-6d8068)}.topbar-brand .brand-mark{width:44px;height:44px}.topbar-brand .brand-mark .chess-piece{width:32px;height:37px;fill:var(--tone-315c40);stroke:var(--tone-254a35)}.topbar-brand .brand small{display:none}.desktop-nav{align-items:center;gap:4px;min-width:0;display:flex}.desktop-nav>button{min-height:43px;color:var(--tone-6f7d6b);white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:600;transition:background .16s,color .16s;display:inline-flex;position:relative}.desktop-nav>button:hover{background:var(--tone-eef2e8);color:var(--green)}.desktop-nav>button.active{background:var(--tone-e2ebd5);color:var(--tone-315c40)}.desktop-nav>button.active:after{background:var(--tone-6e8c5b);content:"";border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-20px;left:11px;right:11px}.desktop-nav .beta-badge{background:var(--tone-e5ebd9);color:var(--tone-718461);padding:3px 4px;font-size:6px}.mobile-header-context{color:var(--tone-4b574a);align-items:center;gap:10px;font-size:11px;display:none}.breadcrumb{color:var(--tone-4b574a);align-items:center;gap:15px;font-size:11px;display:flex}.breadcrumb-home{color:var(--tone-7c897a);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;margin:-4px;padding:4px;display:inline-flex}.breadcrumb-home:hover,.breadcrumb-home:focus-visible{background:var(--tone-edf1e8);color:var(--tone-526a47)}.breadcrumb-home:focus-visible{outline:2px solid var(--tone-8ca57a);outline-offset:2px}.breadcrumb-slash{color:var(--tone-c0c6b9)}.header-actions{align-items:center;gap:20px;display:flex}.header-resume-button{border:1px solid var(--tone-d6e1c8);background:var(--tone-e8f0dc);color:var(--tone-315c40)}.header-resume-button:hover{border-color:var(--tone-b9cba6);background:var(--tone-dce9cc)}.status-dot{background:var(--tone-72995b);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #739a5c10}.status-dot.muted{background:#a0a49a}.online-indicator{color:var(--tone-76806f);align-items:center;gap:8px;font-size:10px;display:flex}.online-indicator.offline .status-dot{background:var(--tone-c1ac73)}.header-divider{background:var(--tone-e1e6d9);width:1px;height:18px}.language-label,.language-button{align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.language-label>span,.language-button>span:first-child{font-size:15px}.language-button{border:1px solid var(--tone-dfe4d8);background:var(--surface);color:inherit;cursor:pointer;border-radius:999px;padding:6px 10px;transition:border-color .16s,background .16s}.language-button:hover{border-color:var(--tone-aeb9a5);background:var(--tone-f6f8f2)}.icon-button{color:var(--tone-7e897a);border-radius:6px;justify-content:center;align-items:center;padding:5px;display:inline-flex}.icon-button:hover{background:var(--tone-e9eedf);color:var(--green)}.notification-button{position:relative}.notification-button>span{background:var(--tone-b8aa72);border-radius:50%;width:4px;height:4px;position:absolute;top:3px;right:5px}.header-profile{min-width:0;color:var(--tone-66725f);text-align:left;border-radius:12px;align-items:center;gap:9px;padding:5px 7px 5px 5px;display:flex}.header-profile:hover,.header-profile.active{background:var(--tone-edf1e7);color:var(--green)}.header-profile-copy{min-width:0;line-height:1.15;display:grid}.header-profile-copy strong{max-width:132px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.header-profile-copy small{color:var(--tone-899282);margin-top:3px;font-size:9px}.profile-chevron{transition:transform .16s}.header-profile.active .profile-chevron{transform:rotate(180deg)}.profile-menu-wrap{position:relative}.profile-menu{z-index:90;border:1px solid var(--tone-2f3c31);background:var(--tone-121812);width:286px;color:var(--tone-f5f7ef);border-radius:20px;animation:.15s ease-out profile-menu-in;position:absolute;top:calc(100% + 13px);right:0;overflow:hidden;box-shadow:0 22px 55px #18211940}@keyframes profile-menu-in{0%{opacity:0;transform:translateY(-7px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-menu-summary{background:linear-gradient(135deg, var(--tone-233627), var(--tone-172119));align-items:center;gap:11px;padding:18px 18px 14px;display:flex}.profile-menu-summary>span{min-width:0;display:grid}.profile-menu-summary strong,.profile-menu-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-menu-summary strong{font-size:13px}.profile-menu-summary small{color:var(--tone-abb8aa);margin-top:4px;font-size:9px}.profile-menu-group{padding:8px}.profile-menu-group.separated{border-top:1px solid var(--tone-303831)}.profile-menu-group button{width:100%;min-height:42px;color:var(--tone-f2f4ed);text-align:left;border-radius:10px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;padding:8px 10px;display:grid}.profile-menu-group button:hover:not(:disabled),.profile-menu-group button:focus-visible{background:var(--tone-263128);color:var(--tone-e6f2bd)}.profile-menu-group button>svg{color:var(--tone-93a18f)}.profile-menu-group button>span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.profile-menu-group button>b,.profile-menu-group button>small{color:var(--tone-b9c6ae);font-size:9px;font-weight:600}.profile-menu-group button>em{background:var(--tone-dce9ac);color:var(--tone-26321e);letter-spacing:.5px;text-transform:uppercase;border-radius:999px;padding:3px 6px;font-size:7px;font-style:normal;font-weight:800}.profile-menu-group button:disabled{opacity:.58}.menu-live-dot{background:var(--tone-a9cd73);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #a9cd731c}.profile-menu-group.account-action{padding-block:9px 11px}.profile-menu-group button.danger,.profile-menu-group button.danger>svg{color:#ff7e83}.mobile-menu,.mobile-close,.nav-shade{display:none}.main-content{max-width:1570px;margin:auto;padding:31px 34px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:1.65px;color:var(--tone-7a896d);font-size:8px;font-weight:600}.page-eyebrow{letter-spacing:1.7px;color:var(--tone-8a957d);margin-bottom:7px;font-size:8px;display:block}h1{letter-spacing:-1px;color:var(--tone-2d4131);font-size:31px;font-weight:600;line-height:1.55}.heading-dot{color:var(--tone-a5b275);margin-left:3px}.page-heading p{color:var(--tone-8c9284);margin-top:3px;font-size:12px;line-height:1.8}.welcome-tag{color:var(--tone-7f8b70);background:var(--tone-eef1e6);white-space:nowrap;border-radius:5px;align-items:center;gap:9px;padding:8px 12px;font-size:10px;display:inline-flex}.welcome-tag>span{color:var(--tone-8b9f58);font-size:15px}.hero-banner{border:1px solid var(--tone-e4e8d7);background:var(--tone-eef1e3);border-radius:10px;min-height:213px;margin-bottom:27px;padding:26px 31px 25px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;position:relative}.hero-kicker{color:var(--tone-758360);align-items:center;gap:6px;margin-bottom:9px;font-size:9px;display:flex}.hero-kicker>span{background:var(--tone-859568);width:14px;height:1px}.hero-copy h2{letter-spacing:-.6px;color:var(--tone-344834);font-size:26px;font-weight:500;line-height:1.5}.hero-copy>p{color:var(--tone-859078);margin-top:9px;font-size:10px;line-height:1.7}.hero-perks{color:var(--tone-758565);align-items:center;gap:19px;margin-top:19px;font-size:9px;display:flex}.hero-perks span{align-items:center;gap:6px;display:flex}.hero-perks svg{stroke-width:1.7px}.hero-art{width:40%;height:100%;position:absolute;top:0;right:0;overflow:hidden}.art-orbit{border:1px solid var(--tone-d6debe);aspect-ratio:1;border-radius:50%;position:absolute}.orbit-one{width:256px;top:-23px;right:45px}.orbit-two{width:347px;top:-67px;right:0}.art-checker{background:conic-gradient(var(--tone-d1d9b7) 25%, transparent 0 50%, var(--tone-d1d9b7) 0 75%, transparent 0) 0 0/72px 72px;opacity:.63;width:310px;height:310px;position:absolute;bottom:-121px;right:-8px;transform:rotate(-28deg);-webkit-mask-image:linear-gradient(#0000 5%,#000);mask-image:linear-gradient(#0000 5%,#000)}.hero-knight{width:179px;height:189px;fill:var(--tone-31523c);stroke:var(--tone-e4eacd);stroke-width:.8px;filter:drop-shadow(7px 12px #bac79c66);position:absolute;top:9px;right:124px;transform:rotate(-8deg)}.art-pedestal{background:var(--tone-d2ddba);border-radius:50%;width:146px;height:28px;position:absolute;bottom:17px;right:121px;transform:rotate(-8deg)}.art-star{color:var(--tone-99aa6b);font-size:38px;position:absolute}.star-one{top:35px;right:88px;transform:rotate(10deg)}.star-two{font-size:30px;bottom:32px;left:29px}.art-dot{background:var(--tone-a3b47e);border-radius:50%;width:6px;height:6px;position:absolute;bottom:62px;right:51px}.art-caption{color:var(--tone-829369);letter-spacing:2px;font-size:9px;position:absolute;top:111px;right:35px;transform:rotate(90deg)}.hero-corner{color:var(--tone-8d9879);letter-spacing:.1px;z-index:3;font-size:8px;position:absolute;bottom:15px;right:22px}.home-grid{grid-template-columns:minmax(0,1fr) 306px;align-items:start;gap:23px;display:grid}.home-primary{min-width:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px}.quick-play-card{padding:22px 23px 18px}.card-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-title{align-items:center;gap:10px;display:flex}.section-title h2{letter-spacing:-.3px;font-size:15px;font-weight:600}.section-title p{color:var(--tone-90998b);margin-top:3px;font-size:9px}.icon-tile{background:var(--tone-edf2e4);width:36px;height:36px;color:var(--tone-648457);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-tile.sand{background:var(--tone-f3eddd);color:var(--tone-a19462)}.small-tag{background:var(--tone-f4f6ee);color:var(--tone-839470);border-radius:4px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;display:flex}.small-tag .status-dot{width:4px;height:4px}.quick-play-body{grid-template-columns:minmax(0,1fr) minmax(180px,.94fr);align-items:center;gap:25px;margin-top:24px;display:grid}.play-settings{min-width:0}.segmented-control{background:var(--tone-f1f3ec);border:1px solid var(--tone-eceee6);border-radius:6px;margin-bottom:18px;padding:3px;display:flex}.segmented-control button{color:var(--tone-939b8b);border-radius:4px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 5px;font-size:10px;display:flex}.segmented-control button.active{background:var(--surface);color:var(--tone-466341);font-weight:500;box-shadow:0 1px 4px #31442c0a}.field-label{justify-content:space-between;align-items:center;gap:5px;margin-bottom:9px;font-size:10px;font-weight:500;display:flex}.field-label>span{color:var(--tone-a0a594);font-size:8px;font-weight:400}.speed-options{grid-template-columns:1fr 1fr;gap:9px;display:grid}.speed-option{text-align:left;border:1px solid var(--tone-e8ebe1);background:var(--tone-fafbf7);border-radius:6px;padding:12px 13px;position:relative}.speed-option:hover{border-color:var(--tone-b8c99c);background:var(--tone-f2f5e9)}.speed-option.selected{border-color:var(--tone-9eb87c);background:var(--tone-eff4e4);box-shadow:inset 0 0 0 .3px var(--tone-9eb87c)}.speed-option>div{color:var(--tone-778865);align-items:center;gap:8px;display:flex}.speed-option>div b{letter-spacing:-.9px;color:var(--tone-41593a);font-size:21px;font-weight:500;line-height:1.1}.speed-check{color:var(--tone-6b8751);margin-left:auto}.speed-option>span{color:var(--tone-6f7e61);align-items:center;gap:7px;margin-top:7px;font-size:9px;display:flex}.speed-option small{color:var(--tone-a0a790);font-size:8px;line-height:1.5}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 16px;font-size:12px;font-weight:500;line-height:1.6;display:inline-flex}.button.primary{color:#fff;background:var(--tone-315b43);border-color:var(--tone-315b43)}.button.primary:hover:not(:disabled){background:var(--tone-254a35);transform:translateY(-1px);box-shadow:0 3px 10px #315b4318}.button.secondary{background:var(--surface);border-color:var(--tone-dce3d4);color:var(--tone-718164)}.button.secondary:hover:not(:disabled){background:var(--tone-f0f4e8);border-color:var(--tone-bccda8)}.button.danger{color:#fff;background:#a05c4f}.button.danger:hover{background:#8d4e42}.play-button{gap:9px;width:100%;min-height:43px;margin-top:16px;font-size:12px}.play-button>svg:last-child{margin-left:auto}.play-button>svg:first-child{margin-right:auto}.match-note{color:var(--tone-939f84);white-space:nowrap;justify-content:center;align-items:center;gap:5px;margin-top:10px;font-size:8px;display:flex}.board-preview{justify-self:end;width:100%;min-width:0;max-width:288px}.preview-player{color:var(--tone-8b9380);align-items:center;gap:7px;margin-bottom:9px;font-size:8px;display:flex}.mini-player-icon{background:var(--tone-eef1e7);border:1px solid var(--tone-e3e8d6);border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;display:flex}.mini-player-icon .chess-piece{filter:none;width:20px;height:20px}.preview-player.bottom{margin-top:9px;margin-bottom:0}.mini-player-icon.you{background:var(--tone-6e895f);border-color:var(--tone-6e895f)}.preview-rating{color:var(--tone-8f9d7e);letter-spacing:2px;margin-left:auto;font-size:9px}.board-frame{border:6px solid var(--board-e8eddd);border-radius:5px;width:100%;overflow:hidden}.chessboard{aspect-ratio:1;background:var(--board-ecf0d9);grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid}.square{aspect-ratio:1;border:0;border-radius:0;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative}.square[draggable=true]{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.square[draggable=true]:active{cursor:grabbing}.square.dragging .chess-piece{opacity:.35}.square.drag-over:after{content:"";z-index:4;pointer-events:none;background:#f5cc4d55;position:absolute;inset:0;box-shadow:inset 0 0 0 4px #a87813}.square.drag-over .move-dot{transform:scale(1.2)}.square.light{background:var(--board-eef1da)}.square.dark{background:var(--board-8fa780)}.chess-piece{width:85%;height:85%;filter:drop-shadow(0 2px 1px var(--board-18311c21));z-index:1;pointer-events:none;transition:opacity .12s,transform .12s;position:relative}.chess-piece.w{filter:drop-shadow(0 2px 1px var(--board-29342430))}.rank-label,.file-label{z-index:2;pointer-events:none;font-size:8px;font-weight:600;position:absolute}.rank-label{top:3px;left:3px}.file-label{bottom:2px;right:3px}.light .rank-label,.light .file-label{color:var(--board-78906c)}.dark .rank-label,.dark .file-label{color:var(--board-eef2db)}.compact .rank-label,.compact .file-label{font-size:6px}.square.last-move.light{background:var(--board-d9e49b)}.square.last-move.dark{background:var(--board-b4c47b)}.square.selected{background:#e1d581;box-shadow:inset 0 0 0 3px #adba65}.square.premove{box-shadow:inset 0 0 0 4px #4d8799}.square.premove.light{background:#cfe4dc}.square.premove.dark{background:#6f9f91}.square:focus-visible{outline:3px solid var(--board-254a35);outline-offset:-3px;z-index:3}.move-dot{background:var(--board-36553544);z-index:3;pointer-events:none;border-radius:50%;width:26%;height:26%;position:absolute}.capture-ring{border:5px solid var(--board-49653655);z-index:3;pointer-events:none;border-radius:50%;position:absolute;inset:4%}.dragged-piece{z-index:1000;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.dragged-piece .chess-piece{width:100%;height:100%;transition:none}.secondary-cards{grid-template-columns:1fr 1fr;gap:15px;margin-top:18px;display:grid}.mode-card{border:1px solid var(--tone-e4e8da);text-align:left;border-radius:9px;align-items:flex-start;gap:12px;min-height:174px;padding:21px 20px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.mode-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #24391f0a}.friends-card{background:var(--tone-f2f4e9)}.mode-icon{display:none}.mode-card-copy{z-index:2;position:relative}.mode-card .eyebrow{letter-spacing:1.15px;color:var(--tone-8a9876);align-items:center;gap:7px;font-size:7px;display:flex}.mode-card h3{letter-spacing:-.3px;margin-top:11px;font-size:18px;font-weight:500}.mode-card p{color:var(--tone-929b82);max-width:190px;margin-top:6px;font-size:9px;line-height:1.7}.mode-link{color:var(--tone-59714c);align-items:center;gap:14px;margin-top:26px;font-size:10px;font-weight:500;display:flex}.mode-art{width:94px;height:102px;position:absolute;bottom:-3px;right:-5px}.friends-art>.chess-piece:first-child{width:57px;height:74px;fill:var(--tone-678354);stroke:var(--tone-567143);position:absolute;top:7px;right:24px;transform:rotate(-10deg)}.friends-art>.chess-piece:last-child{width:57px;height:74px;fill:var(--tone-d7e1b7);stroke:var(--tone-abb996);position:absolute;top:36px;right:0;transform:rotate(8deg)}.bot-card{background:var(--tone-314b36);border-color:var(--tone-314b36);color:var(--tone-f2f2df)}.bot-card .eyebrow{color:var(--tone-aabd87)}.bot-card .beta-badge{background:var(--tone-526443);color:var(--tone-dce6aa);padding:4px;font-size:6px}.bot-card p{color:var(--tone-b6c0a5)}.bot-card .mode-link{color:var(--tone-d4e3a4)}.bot-art{width:103px;height:150px;bottom:-18px;right:-8px}.bot-art>.chess-piece{width:107px;height:120px;fill:var(--tone-bdcf93);stroke:var(--tone-a0b57a);opacity:.9;position:absolute;top:19px;right:0;transform:rotate(-14deg)}.bot-orbit{border:1px solid var(--tone-718164);opacity:.4;border-radius:50%;width:122px;height:122px;position:absolute;top:9px;left:0;transform:rotate(15deg)}.learn-strip{border:1px solid var(--border);background:var(--tone-fafbf7);border-radius:8px;align-items:center;gap:12px;margin-top:18px;padding:16px 17px;display:flex}.learn-strip-icon{color:var(--tone-8c9b70);background:var(--tone-eef1e4);border-radius:7px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.learn-strip strong{font-size:10px;font-weight:500}.learn-strip p{color:var(--tone-a1a593);margin-top:3px;font-size:9px}.text-button{color:var(--tone-6a8057);justify-content:center;align-items:center;gap:8px;padding:0;font-size:11px;line-height:1.7;display:inline-flex}.text-button:hover{color:var(--tone-294e32)}.learn-strip .text-button{white-space:nowrap;margin-left:auto;font-size:9px}.home-aside{min-width:0}.leaderboard-card{padding:20px 20px 15px}.leaderboard-card .section-title{gap:9px}.leaderboard-card h2{letter-spacing:-.2px;white-space:nowrap;font-size:13px}.trophy-tile{background:var(--tone-f3edda);width:31px;height:31px;color:var(--tone-a79759);border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.sample-tag{border:1px solid var(--tone-e6e9df);color:var(--tone-9b9f8b);white-space:nowrap;border-radius:3px;padding:3px 5px;font-size:7px;font-weight:500}.card-subtitle{color:var(--tone-9da493);margin-top:10px;font-size:9px}.leader-list{margin-top:17px}.leader-row{border-bottom:1px solid var(--tone-f0f2eb);align-items:center;gap:9px;min-width:0;margin-bottom:7px;padding:9px 0;display:flex}.leader-row:last-child{border-bottom:0}.rank-number{min-width:13px;color:var(--tone-a2a694);text-align:center;font-size:11px}.rank-1{color:var(--tone-b39952)}.rank-2{color:var(--tone-93a38b)}.rank-3{color:#b08767}.leader-row .avatar{border:2px solid #fff;width:33px;height:33px;font-size:9px}.leader-person{flex:1;min-width:0}.leader-person strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;display:block;overflow:hidden}.leader-person small{color:var(--tone-a2a796);margin-top:4px;font-size:8px;display:block}.rating{color:var(--tone-657b52);white-space:nowrap;font-size:11px;font-weight:500}.leaderboard-link{background:var(--tone-f3f5ed);border:1px solid var(--tone-edf0e4);border-radius:5px;justify-content:center;gap:16px;width:100%;margin-top:4px;padding:12px 8px;font-size:9px}.demo-note{color:var(--tone-b0b5a4);text-align:center;margin-top:10px;font-size:7px;line-height:1.8}.personal-card{border:1px solid var(--tone-e3e8d7);background:var(--tone-eff3e5);border-radius:9px;margin-top:18px;padding:20px;position:relative;overflow:hidden}.personal-heading{color:var(--tone-6d8258);align-items:center;gap:8px;font-size:10px;font-weight:500;display:flex}.personal-heading svg{stroke-width:1.7px}.personal-tag{border:1px solid var(--tone-dbe3ca);color:var(--tone-8d9d76);border-radius:4px;margin-left:auto;padding:4px 8px;font-size:7px}.personal-rating{flex-direction:column;margin-top:13px;display:flex;position:relative}.personal-rating>strong{letter-spacing:-1.4px;color:var(--tone-4d653c);font-size:33px;font-weight:500;line-height:1.2}.personal-rating>span:not(.rating-doodle){letter-spacing:1.35px;color:var(--tone-93a07d);margin-top:6px;font-size:7px}.rating-doodle{align-items:flex-end;gap:5px;height:40px;display:flex;position:absolute;top:7px;right:4px;transform:rotate(-4deg)}.rating-doodle i{background:var(--tone-c1cda8);border-radius:2px 2px 0 0;width:6px;display:block}.rating-doodle i:first-child{height:10px}.rating-doodle i:nth-child(2){height:16px}.rating-doodle i:nth-child(3){height:13px}.rating-doodle i:nth-child(4){height:23px}.rating-doodle i:nth-child(5){height:28px}.rating-doodle i:nth-child(6){height:26px}.rating-doodle i:nth-child(7){background:var(--tone-90a673);height:38px}.personal-stats{border-top:1px solid var(--tone-dfe7d0);margin-top:15px;padding-top:14px;display:flex}.personal-stats>span{color:var(--tone-98a387);text-align:center;border-right:1px solid var(--tone-dde5cf);flex-direction:column;flex:1;gap:4px;font-size:8px;display:flex}.personal-stats>span:last-child{border:0}.personal-stats b{color:var(--tone-658151);font-size:15px;font-weight:500}.personal-card>p{color:var(--tone-94a17e);text-align:center;margin-top:13px;font-size:8px;line-height:1.7}.footer{color:var(--tone-a3aa97);justify-content:space-between;align-items:center;gap:20px;padding:26px 0 20px;font-size:8px;display:flex}.footer>span{align-items:center;gap:6px;display:flex}.footer-dot{color:var(--tone-c1c7b7);margin:0 4px}.footer-heart{margin-left:4px;font-size:13px}.resume-game{color:var(--tone-d4e4aa);border:1px solid var(--tone-526a46);background:var(--tone-294431);border-radius:5px;justify-content:center;align-items:center;gap:8px;margin:25px 10px 0;padding:11px 6px;font-size:10px;display:flex}.resume-game .status-dot{background:var(--tone-c7df8b)}.resume-game:hover{background:var(--tone-35503a)}.connection-banner{background:var(--tone-f1e9d5);border:1px solid var(--tone-e9ddbe);color:var(--tone-a08956);border-radius:6px;align-items:center;gap:9px;margin-bottom:20px;padding:10px 14px;font-size:11px;display:flex}.connection-banner button{margin-left:auto;font-size:10px;text-decoration:underline}.tag{color:var(--tone-7b8c67);background:var(--tone-eef3e4);white-space:nowrap;border-radius:5px;align-items:center;gap:8px;padding:7px 12px;font-size:10px;display:inline-flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10281bc2;justify-content:center;align-items:center;padding:28px 18px;animation:.2s fade-in;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--tone-fcfdf9);border:1px solid var(--tone-e6eadc);border-radius:13px;width:100%;max-width:460px;max-height:calc(100dvh - 56px);padding:25px 28px 28px;animation:.2s modal-in;position:relative;overflow:auto;box-shadow:0 20px 100px #10291f45}.modal.wide{max-width:640px}.modal-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.modal-heading h2{letter-spacing:-.5px;font-size:20px;font-weight:500}.modal-description{color:var(--tone-8e9783);margin-bottom:22px;font-size:12px;line-height:1.9}.modal-description.centered{text-align:center}.input-label{color:var(--tone-657857);margin:17px 0 9px;font-size:11px;font-weight:500;display:block}.text-input{background:var(--surface);border:1px solid var(--tone-dce3d4);width:100%;color:var(--tone-475d3d);border-radius:6px;padding:12px 14px;font-size:13px}.input-help{color:var(--tone-9ba58d);margin-top:8px;font-size:9px}.full-width{width:100%}.modal .compact-speeds{margin-bottom:20px}.compact-speeds{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-speeds .speed-option{text-align:center;padding:12px 8px}.compact-speeds .speed-option>div{justify-content:center;gap:5px}.compact-speeds .speed-option b{font-size:19px}.compact-speeds .speed-option>span{font-size:9px;display:block}.compact-speeds .speed-option small,.compact-speeds .speed-check{display:none}.compact-speeds .speed-option>div>svg:first-child{width:13px}.or-divider{text-align:center;color:var(--tone-9aa58b);margin:22px 0;font-size:10px;position:relative}.or-divider:before{content:"";background:var(--tone-e8ecdf);height:1px;position:absolute;top:50%;left:0;right:0}.or-divider span{background:var(--tone-fcfdf9);padding:0 13px;position:relative}.join-room-form{gap:10px;display:flex}.room-code-input{border:1px solid var(--tone-dfe6d5);background:var(--surface);text-transform:uppercase;letter-spacing:2px;width:100%;min-width:0;color:var(--tone-526b43);border-radius:6px;padding:13px 15px;font-size:13px}.room-code-input::placeholder{letter-spacing:1px;color:var(--tone-a3ac98);font-size:11px}.join-room-form .button{white-space:nowrap}.local-play-link{margin:20px auto 0;font-size:10px;display:flex}.bot-modal-art{background:var(--tone-eef2e6);border-radius:8px;justify-content:center;align-items:center;gap:18px;margin:0 0 14px;padding:10px;display:flex}.bot-modal-art>.chess-piece{width:60px;height:70px;transform:rotate(-9deg)}.bot-modal-art .tag{background:var(--tone-e0e8d3);color:var(--tone-71885c);font-size:9px}.difficulty-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.difficulty-options button,.side-options button{border:1px solid var(--tone-dfe5d6);background:var(--surface);color:var(--tone-869777);border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:13px 8px;font-size:11px;display:flex}.difficulty-options button.selected,.side-options button.selected{border-color:var(--tone-9bb67b);background:var(--tone-edf3e2);color:var(--tone-556e40)}.difficulty-options button>span{color:var(--tone-9aae86);font-size:18px;line-height:1}.side-options{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;display:grid}.side-options button{flex-direction:column;gap:5px;padding:11px 8px}.side-options .chess-piece{width:34px;height:34px}.profile-summary{background:var(--tone-eef2e5);border-radius:8px;align-items:center;gap:15px;margin-bottom:20px;padding:18px;display:flex}.profile-summary>.avatar{width:50px;height:50px;font-size:15px}.profile-summary strong{color:var(--tone-576e45);font-size:21px;font-weight:500}.profile-summary p{color:var(--tone-93a080);margin-top:6px;font-size:10px}.profile-note{color:var(--tone-92a07e);background:var(--tone-f2f5eb);border-radius:6px;align-items:flex-start;gap:8px;margin:20px 0;padding:12px;font-size:10px;line-height:1.9;display:flex}.profile-note svg{margin-top:2px}.account-panel{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.25rem}.account-panel h3{margin:0 0 .85rem}.account-mode{grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1rem;display:grid}.queue-art{width:100px;height:100px;color:var(--tone-719156);background:var(--tone-edf3e3);border-radius:50%;justify-content:center;align-items:center;margin:28px auto 22px;display:flex;position:relative}.queue-ring{border:2px solid var(--tone-d9e5c5);border-top-color:var(--tone-759656);border-radius:50%;animation:2s linear infinite spin;position:absolute;inset:-5px}.queue-title{text-align:center;margin-bottom:12px;font-size:18px;font-weight:500}.queue-timer{text-align:center;letter-spacing:-1px;color:var(--tone-8b9d74);margin-bottom:24px;font-size:33px}.queue-tip{text-align:center;color:var(--tone-939e84);margin-bottom:20px;font-size:11px;line-height:1.8}.notification-item{border-top:1px solid var(--tone-e8ecdf);gap:13px;padding:18px 0;display:flex}.notification-item h3{margin-bottom:6px;font-size:13px;font-weight:500}.notification-item p{color:var(--tone-93a086);font-size:11px;line-height:1.9}.notification-item small{color:var(--tone-b0b79f);margin-top:8px;font-size:9px;display:block}.about-brand{background:var(--tone-254431);border-radius:8px;justify-content:center;align-items:center;margin-bottom:21px;padding:27px;display:flex}.about-values{color:var(--tone-7c9267);flex-direction:column;gap:16px;margin:24px 0;font-size:12px;display:flex}.about-values span{align-items:center;gap:12px;display:flex}.toast{z-index:120;background:var(--tone-294832);max-width:calc(100vw - 35px);color:var(--tone-e9efd9);border:1px solid var(--tone-557349);border-radius:8px;align-items:center;gap:18px;padding:13px 13px 13px 20px;font-size:12px;animation:.2s fade-in;display:flex;position:fixed;bottom:28px;left:calc(50% + 112px);transform:translate(-50%);box-shadow:0 5px 25px #18351d20}.toast .icon-button{color:var(--tone-c7d5b4)}.toast .icon-button:hover{background:var(--tone-3a5840)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.notification-menu-wrap{position:relative}.notification-button.active{background:var(--tone-e9eedf);color:var(--green)}.notification-button>span{background:var(--green);width:6px;height:6px;box-shadow:0 0 0 2px #fff}.notification-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;outline:none;width:460px;max-width:calc(100vw - 32px);position:absolute;top:calc(100% + 20px);right:-12px;box-shadow:0 16px 50px #14233726}.notification-panel:before{content:"";background:var(--surface);border-top:1px solid var(--border);border-left:1px solid var(--border);width:14px;height:14px;position:absolute;top:-8px;right:20px;transform:rotate(45deg)}.notification-panel-heading{align-items:center;gap:10px;padding:22px 20px 16px;display:flex}.notification-panel-heading h2{margin-right:auto;font-size:17px;font-weight:600}.notification-mark-all{color:var(--green);padding:5px 0;font-size:11px}.notification-tabs{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:0 22px;display:flex}.notification-tabs>[role=tab]{color:var(--muted);border-bottom:2px solid #0000;align-items:center;gap:6px;padding:14px 0;font-size:13px;display:flex}.notification-tabs>[aria-selected=true]{border-bottom-color:var(--green);color:var(--ink);font-weight:600}.notification-count{background:var(--green);color:#fff;border-radius:20px;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;display:inline-flex}.notification-tabs .notification-settings{margin-left:auto}.notification-list{border-radius:0 0 18px 18px;max-height:min(520px,100dvh - 210px);overflow-y:auto}.notification-row{border-bottom:1px solid var(--border);gap:13px;padding:20px 22px;display:flex}.notification-row:last-child{border-bottom:none}.notification-row.unread{background:var(--tone-f6f8f2)}.notification-avatar{background:var(--tone-e9eedf);height:44px;color:var(--green);border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;display:flex}.notification-copy{flex:1;min-width:0}.notification-copy h3{font-size:14px;font-weight:600;line-height:1.5}.notification-copy p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.7}.notification-copy small{color:var(--muted);margin-top:8px;font-size:10px;display:block}.notification-unread-dot{background:var(--green);border-radius:50%;flex:0 0 7px;width:7px;height:7px;margin-top:8px}.notification-row-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.notification-row-actions button{border:1px solid var(--border);background:var(--surface);color:var(--green);border-radius:7px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;display:inline-flex}.notification-row-actions button:hover{background:var(--tone-e9eedf)}.notification-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:40px 24px;display:flex}.notification-empty svg{color:var(--green)}.notification-empty strong{color:var(--ink);font-size:14px}.notification-empty p{font-size:12px}@media (width<=600px){.notification-panel{width:calc(100vw - 24px);max-width:none;position:fixed;top:73px;right:12px}.notification-panel:before{display:none}.notification-panel-heading{gap:8px;padding:18px 16px 12px}.notification-panel-heading h2{font-size:15px}.notification-tabs{gap:18px;padding:0 16px}.notification-row{padding:18px 16px}}.leaderboard-banner{background:var(--tone-edf2e2);border:1px solid var(--tone-e1e7d2);border-radius:10px;justify-content:space-between;align-items:center;gap:40px;margin-bottom:24px;padding:27px 32px;display:flex;position:relative}.leaderboard-banner h2{color:var(--tone-455e39);margin:8px 0;font-size:24px;font-weight:500}.leaderboard-banner p{color:var(--tone-8c9c79);font-size:11px}.leaderboard-banner>svg{color:var(--tone-aebd86);margin-left:auto;transform:rotate(-10deg)}.leaderboard-banner .button{font-size:11px}.ranking-table-card{overflow:hidden}.ranking-table-header{justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.ranking-table-header h2{font-size:16px;font-weight:500}.ranking-table-header p{color:var(--tone-9da78f);margin-top:5px;font-size:10px;line-height:1.8}.ranking-period-filter{border:1px solid var(--border);background:var(--canvas);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:0 28px 24px;padding:16px;display:flex}.ranking-period-summary{align-items:center;gap:12px;min-width:0;display:flex}.ranking-period-icon{background:var(--surface);width:36px;height:36px;color:var(--green);border:1px solid var(--border);border-radius:8px;place-items:center;display:grid}.ranking-period-copy{gap:4px;display:grid}.ranking-period-label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:600}.ranking-period-title{color:var(--ink);font-size:13px}.ranking-period-dates{color:var(--muted);font-size:11px;line-height:1.5}.ranking-period-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ranking-period-switcher{border:1px solid var(--border);background:var(--surface);border-radius:8px;order:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:4px;display:grid}.ranking-period-button{min-height:34px;color:var(--green);border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.ranking-period-button:hover{background:var(--canvas)}.ranking-period-button.active{color:#fff;background:var(--green)}.ranking-period-select{min-width:0;color:var(--green);border-radius:5px;position:relative}.ranking-period-select:hover{background:var(--canvas)}.ranking-period-select.active{background:var(--green);color:#fff}.ranking-period-dropdown{appearance:none;width:100%;min-height:34px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:8px 32px 8px 12px;font-size:12px;font-weight:500}.ranking-period-select.active .ranking-period-dropdown,.ranking-period-select.active .ranking-period-chevron{color:#fff}.ranking-period-dropdown option{background:var(--surface);color:var(--ink)}.ranking-period-chevron{pointer-events:none;color:inherit;position:absolute;top:50%;right:10px;transform:translateY(-50%)}@media (width<=620px){.ranking-period-filter{gap:16px;margin:0 18px 18px;padding:14px}.ranking-period-controls,.ranking-period-switcher,.ranking-period-select,.ranking-period-dropdown{width:100%}.ranking-period-button{padding-inline:8px}}.search-field{border:1px solid var(--tone-e1e7d7);color:var(--tone-99a68c);border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:9px 12px;display:flex}.search-field input{min-width:0;max-width:160px;color:var(--tone-627854);background:0 0;border:0;outline:none;font-size:11px}.search-field:focus-within{outline:2px solid var(--tone-a3ba84)}.table-scroll{overflow-x:auto}.current-player-rank{border:1px solid var(--border);background:var(--canvas);border-radius:10px;margin:0 0 24px;padding:20px}.current-player-identity{align-items:center;gap:12px;min-width:0;margin-bottom:18px;display:flex}.current-player-identity>div{min-width:0}.current-player-identity strong{overflow-wrap:anywhere;margin-top:4px;font-size:14px;display:block}.current-player-identity small,.current-player-identity span{font-size:11px;font-weight:400}.current-player-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;display:grid}.current-player-stat{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;padding:16px;display:flex}.current-player-stat dt{color:var(--muted);font-size:11px}.current-player-stat dd{color:var(--green);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(16px,1.5vw,24px);font-weight:600}.current-player-rank-note{color:var(--green);margin-top:14px;font-size:11px;line-height:1.7}@media (width<=1080px){.current-player-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=520px){.current-player-rank{padding:16px}.current-player-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.current-player-stat{padding:14px}.current-player-stat dd{font-size:18px}}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}th{background:var(--tone-f6f8f0);color:var(--tone-9aa68c);letter-spacing:.5px;border-block:1px solid var(--tone-eaf0df);padding:14px 24px;font-size:9px;font-weight:500}td{border-bottom:1px solid var(--tone-edf1e6);color:var(--tone-87957a);padding:18px 24px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--tone-fafcf5)}.table-player{align-items:center;gap:11px;display:flex}.table-player strong{color:var(--tone-5a7050);font-size:12px;font-weight:500;display:block}.table-player small{color:var(--tone-a0ad91);margin-top:5px;font-size:8px;display:block}.table-player strong small{display:inline}.table-rating{color:var(--tone-62844c);font-size:16px;font-weight:500}.table-scroll td:first-child,.table-scroll th:first-child{text-align:center;padding-right:5px}.table-scroll td:first-child .rank-number{justify-content:center;display:inline-flex}.winrate{background:var(--tone-edf2e3);vertical-align:middle;border-radius:2px;width:48px;height:4px;margin-right:9px;display:inline-block;overflow:hidden}.winrate i{background:var(--tone-b4c895);border-radius:2px;height:100%;display:block}.own-ranking{background:var(--tone-f2f7e7)}.rating-explainer{background:var(--tone-f0f4e7);border:1px solid var(--tone-e3ead5);color:var(--tone-80936a);border-radius:9px;align-items:flex-start;gap:15px;margin-top:22px;padding:21px 25px;display:flex}.rating-explainer>svg{margin-top:2px}.rating-explainer h3{color:var(--tone-6a8454);margin-bottom:6px;font-size:12px;font-weight:500}.rating-explainer p{color:var(--tone-96a484);font-size:11px;line-height:1.9}.empty-state{color:var(--tone-9bac88);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:65px 25px;display:flex}.empty-state h2,.empty-state h3{color:var(--tone-6d8757);font-size:19px;font-weight:500}.empty-state p{font-size:12px;line-height:1.8}.empty-state>.chess-piece{width:80px;height:90px;transform:rotate(-8deg)}.empty-state .button{margin-top:9px}.leaderboard-profile-button{text-align:left;border-radius:10px;margin:-6px;padding:6px;transition:background .16s}.leaderboard-profile-button:hover,.leaderboard-profile-button:focus-visible{background:var(--tone-e9eedf)}.leaderboard-profile-arrow{color:var(--green);opacity:.5;margin-left:5px}.leaderboard-profile-button:hover .leaderboard-profile-arrow,.leaderboard-profile-button:focus-visible .leaderboard-profile-arrow{opacity:1}.leaderboard-profile-identity{align-items:center;gap:16px;padding:20px 0 24px;display:flex}.leaderboard-profile-identity>div{flex:1;min-width:0}.leaderboard-profile-identity h3{overflow-wrap:anywhere;margin-top:5px;font-size:22px}.leaderboard-profile-identity p{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.6}.leaderboard-profile-rank{background:var(--tone-e9eedf);color:var(--green);border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:16px;font-weight:600;display:inline-flex}.leaderboard-profile-sample{color:var(--muted);background:var(--canvas);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:11px;line-height:1.6}.leaderboard-profile-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;display:grid}.leaderboard-profile-stats>div{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:16px 12px}.leaderboard-profile-stats dt{color:var(--muted);margin-bottom:8px;font-size:10px}.leaderboard-profile-stats dd{color:var(--ink);margin:0;font-size:18px;font-weight:600}@media (width<=600px){.leaderboard-profile-identity{flex-wrap:wrap;gap:12px}.leaderboard-profile-identity h3{font-size:19px}.leaderboard-profile-rank{font-size:13px}.leaderboard-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.leaderboard-profile-stats dd{font-size:17px}}.leaderboard-profile-page{padding:30px}.leaderboard-profile-page .leaderboard-profile-identity{padding-top:0;padding-bottom:30px}.leaderboard-profile-identity h2{overflow-wrap:anywhere;margin-top:5px;font-size:28px}.leaderboard-profile-button{text-decoration:none}@media (width<=600px){.leaderboard-profile-page{padding:22px 18px}.leaderboard-profile-identity h2{font-size:24px}}.public-player-history{margin-top:24px}.profile-page-heading,.account-page-heading{margin-bottom:25px}.profile-page-grid{grid-template-columns:minmax(0,1fr) 285px;align-items:stretch;gap:20px;display:grid}.profile-identity-card,.profile-rating-card,.profile-performance-card,.account-status-card,.account-action-card{padding:27px}.profile-identity-hero{border-bottom:1px solid var(--border);align-items:center;gap:18px;padding-bottom:24px;display:flex}.profile-identity-hero .avatar{border-width:4px;width:68px;height:68px;font-size:18px}.profile-identity-hero h2{color:var(--ink);margin:5px 0 4px;font-size:23px;font-weight:600}.profile-identity-hero p{color:var(--tone-78905f);font-size:12px;font-weight:700}.profile-edit-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding-top:23px;display:grid}.profile-edit-form .button{min-height:43px;margin-bottom:19px}.profile-page-note,.account-security-note{background:var(--tone-f1f5e9);color:var(--tone-7d8b70);border-radius:9px;align-items:flex-start;gap:10px;margin-top:17px;padding:13px 14px;font-size:10px;line-height:1.75;display:flex}.profile-page-note svg,.account-security-note svg{color:var(--tone-79945d);margin-top:1px}.profile-rating-card{background:linear-gradient(150deg, var(--tone-edf3df), var(--tone-f9faf5) 72%);flex-direction:column;display:flex;position:relative;overflow:hidden}.profile-rating-card:after{content:"";border:1px solid var(--tone-d5e0c5);border-radius:50%;width:138px;height:138px;position:absolute;top:-46px;right:-44px}.profile-rating-icon,.account-status-icon{background:var(--tone-dce9ac);width:47px;height:47px;color:var(--tone-527047);border-radius:50%;justify-content:center;align-items:center;margin-bottom:28px;display:inline-flex}.profile-rating-card>strong{color:var(--tone-4c6942);letter-spacing:-2px;margin-top:8px;font-family:Georgia,serif;font-size:44px;font-weight:400}.profile-rating-card>small{color:var(--tone-97a38d);letter-spacing:1.5px;margin-top:2px;font-size:7px}.profile-rank-row{border-top:1px solid var(--tone-dce4d2);color:var(--tone-7d8b73);justify-content:space-between;margin-top:auto;padding:22px 0 14px;font-size:10px;display:flex}.profile-rank-row b{color:var(--tone-526a48);font-size:14px}.profile-rating-card .text-button{justify-content:space-between;font-size:10px}.profile-performance-card{margin-top:20px}.profile-history-card{margin-top:20px;padding:27px}.profile-section-title{align-items:center;gap:13px;display:flex}.profile-section-title h2{color:var(--ink);font-size:16px;font-weight:600}.profile-section-title p{color:var(--tone-909989);margin-top:5px;font-size:10px}.profile-section-icon{background:var(--tone-eef3e5);width:42px;height:42px;color:var(--tone-668052);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.profile-stat-grid{border:1px solid var(--border);background:var(--tone-fafbf7);border-radius:11px;grid-template-columns:repeat(5,1fr);margin-top:24px;display:grid}.profile-stat-grid>div{text-align:center;gap:5px;padding:20px;display:grid}.profile-stat-grid>div+div{border-left:1px solid var(--border)}.profile-stat-grid strong{color:var(--tone-526c48);font-family:Georgia,serif;font-size:26px;font-weight:400}.profile-stat-grid span{color:var(--tone-919b8a);font-size:9px}.game-history-list{border:1px solid var(--border);border-radius:12px;margin-top:23px;overflow:hidden}.history-game-actions{flex-wrap:wrap;gap:8px 16px;display:flex}.game-history-row.replayable{position:relative}.history-replay-trigger{z-index:1;cursor:pointer;background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.history-replay-trigger:focus-visible{outline:2px solid var(--green);outline-offset:-3px}.replayable .history-game-actions{z-index:2;position:relative}.saved-game-replay{grid-template-columns:minmax(0,1fr) minmax(130px,180px);gap:16px;display:grid}.replay-opponents{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.replay-opponent-profile{border:1px solid var(--border);background:var(--canvas);min-width:0;color:var(--ink);border-radius:10px;flex:220px;align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.replay-opponent-profile:hover{border-color:var(--green)}.replay-opponent-profile>span:not(.avatar){flex:1;gap:3px;min-width:0;display:grid}.replay-opponent-profile small{color:var(--muted)}.replay-opponent-profile strong{overflow-wrap:anywhere}.replay-opponent-profile>svg{flex-shrink:0}.replay-board-panel{min-width:0}.replay-position{text-align:center;margin:12px 0}.replay-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.replay-moves{flex-direction:column;align-self:start;gap:4px;max-height:420px;display:flex;overflow-y:auto}.replay-moves button{text-align:left;color:var(--ink);border-radius:6px;padding:8px 12px}.replay-moves button.active{background:var(--canvas);box-shadow:inset 0 0 0 1px var(--green)}@media (width<=600px){.saved-game-replay{grid-template-columns:minmax(0,1fr)}.replay-moves{max-height:150px}}.game-history-row{background:var(--history-accent);grid-template-columns:76px 34px minmax(150px,1fr) minmax(145px,.8fr) minmax(115px,auto);align-items:center;gap:12px;min-height:76px;padding:13px 17px;display:grid}@supports (color:color-mix(in lab, red, red)){.game-history-row{background:color-mix(in srgb, var(--history-accent) 8%, var(--surface))}}.game-history-row{box-shadow:inset 3px 0 var(--history-accent)}.game-history-row+.game-history-row{border-top:1px solid var(--border)}.game-history-row:hover{background:var(--history-accent)}@supports (color:color-mix(in lab, red, red)){.game-history-row:hover{background:color-mix(in srgb, var(--history-accent) 12%, var(--surface))}}.history-result-mark{min-width:64px;min-height:32px;color:var(--history-accent);background:var(--history-accent);border-radius:8px;justify-self:start;place-items:center;padding:6px 8px;display:grid}@supports (color:color-mix(in lab, red, red)){.history-result-mark{background:color-mix(in srgb, var(--history-accent) 14%, var(--surface))}}.history-result-mark{white-space:nowrap;font-size:13px;font-weight:700}.game-history-row.win{--history-accent:#2d7545}.game-history-row.loss{--history-accent:#ad413b}.game-history-row.draw{--history-accent:#526173}.game-history-row.aborted{--history-accent:#8a641a}:root[data-theme=dark] .game-history-row.win{--history-accent:#8ae0a8}:root[data-theme=dark] .game-history-row.loss{--history-accent:#ffaaa5}:root[data-theme=dark] .game-history-row.draw{--history-accent:#c3cfdd}:root[data-theme=dark] .game-history-row.aborted{--history-accent:#f0cd80}.history-opponent,.history-details,.history-rating{gap:4px;min-width:0;display:grid}.history-opponent>span{color:var(--tone-9ba394);text-transform:uppercase;font-size:8px}.history-opponent strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.history-opponent small,.history-details small,.history-rating time{color:var(--tone-929c8b);font-size:8px}.history-details strong{font-size:10px;font-weight:700}.history-details strong.win{color:var(--tone-5d7d4c)}.history-details strong.loss{color:#ae6262}.history-details strong.draw,.history-details strong.aborted{color:var(--tone-747e70)}.history-rating{text-align:right;justify-items:end}.history-rating>strong{color:var(--tone-899284);font-size:13px}.history-rating>strong.positive{color:var(--tone-5e824b)}.history-rating>strong.negative{color:#b55c60}.history-state{border:1px dashed var(--tone-dce2d5);background:var(--tone-fafbf7);min-height:150px;color:var(--tone-8a9581);border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:23px;font-size:10px;display:flex}.history-state.history-empty,.history-state.history-error{text-align:center;flex-direction:column;padding:25px}.history-state.history-empty>h3{color:var(--ink);margin:0;font-size:14px;font-weight:700}.history-state.history-empty>span,.history-state.history-error>span{max-width:360px;line-height:1.7}.history-state.history-empty .button{margin-top:7px}.account-settings-shell{--settings-nav-width:280px;grid-template-columns:var(--settings-nav-width) minmax(0, 1fr);min-height:550px;padding:0;display:grid;overflow:hidden}.account-settings-nav{border-right:1px solid var(--border);background:linear-gradient(160deg, var(--tone-fafcf6), var(--tone-f5f8ef));flex-direction:column;align-self:start;gap:6px;padding:28px 18px;display:flex}.account-settings-nav-label{color:var(--tone-9aa391);letter-spacing:1.1px;text-transform:uppercase;margin:0 10px 12px;font-size:9px;font-weight:700}.account-settings-nav button{width:100%;color:var(--tone-788371);font:inherit;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 12px;font-size:11px;transition:background .16s,color .16s;display:grid}.account-settings-nav button:not(:disabled){cursor:pointer}.account-settings-nav button>span{white-space:nowrap}.account-settings-nav button:not(.active):not(:disabled):hover{background:var(--tone-eef3e6);color:var(--ink)}.account-settings-nav button.active{background:var(--tone-e2ebd5);color:var(--tone-315c40);font-weight:700}.account-settings-nav button:disabled{opacity:.62}.account-settings-nav button small{background:var(--tone-e9eddf);color:var(--tone-8a947f);text-transform:uppercase;border-radius:999px;padding:3px 6px;font-size:7px;font-weight:700}.account-settings-panel{min-width:0;padding:31px 35px}.profile-settings-panel{flex-direction:column;gap:20px;display:flex}.profile-settings-panel .profile-performance-card,.profile-settings-panel .profile-history-card{margin-top:0}.account-panel-heading{justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:24px;display:flex}.account-panel-kicker{color:var(--tone-87927d);letter-spacing:1px;text-transform:uppercase;font-size:8px;font-weight:700}.account-panel-heading h2{color:var(--ink);margin:7px 0 6px;font-size:21px;font-weight:600}.account-panel-heading p{max-width:520px;color:var(--tone-899382);font-size:10px;line-height:1.7}.account-state-pill{background:var(--tone-f0f2eb);color:var(--tone-788271);border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 10px;font-size:9px;font-weight:700;display:inline-flex}.account-state-pill.connected,.account-verified{color:var(--tone-4f7d50)}.account-state-pill.connected{background:var(--tone-e9f3e3)}.account-setting-list{border-top:1px solid var(--border)}.account-setting-row{border-bottom:1px solid var(--border);grid-template-columns:38px minmax(0,1fr) minmax(130px,auto);align-items:center;gap:15px;min-height:86px;padding:18px 0;display:grid}.account-setting-icon{background:var(--tone-f0f4e9);width:34px;height:34px;color:var(--tone-6e8b5c);border-radius:9px;place-items:center;display:grid}.account-setting-icon.danger{color:#bd5657;background:#fff0ef}.account-setting-copy h3{color:var(--tone-344432);margin:0 0 5px;font-size:12px;font-weight:700}.account-setting-copy p{max-width:520px;color:var(--tone-8d9687);font-size:9px;line-height:1.65}.account-setting-value{max-width:250px;color:var(--tone-8a9483);text-align:right;flex-direction:column;align-items:flex-end;gap:5px;font-size:9px;display:flex}.account-setting-value strong{overflow-wrap:anywhere;color:var(--tone-475545);font-size:10px;font-weight:600}.account-verified{align-items:center;gap:4px;display:inline-flex}.password-mask{letter-spacing:2px}.role-list{flex-wrap:wrap;gap:6px;display:flex}.role-list span{background:var(--tone-dfe9cf);color:var(--tone-526b46);text-transform:capitalize;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:700}.account-role-list{justify-content:flex-end}.account-page-mode{max-width:390px;margin-bottom:25px}.account-setting-switch-wrap{flex-direction:row;align-items:center;gap:9px}.account-setting-switch{background:var(--tone-dfe4da);border:0;border-radius:999px;width:34px;height:20px;padding:0;position:relative}.account-setting-switch span{background:var(--surface);border-radius:50%;width:14px;height:14px;transition:left .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #3943332e}.account-setting-switch.active{background:var(--tone-668a57)}.account-setting-switch.active span{left:17px}.settings-theme-options{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:300px;display:flex}.settings-theme-options button{border:1px solid var(--border);color:var(--ink);background:var(--surface);border-radius:8px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:inline-flex}.settings-theme-options button.active{border-color:var(--green);background:var(--canvas);box-shadow:0 0 0 1px var(--green)}.theme-swatch{border-radius:50%;width:14px;height:14px}.theme-swatch-blue{background:#315b91}.theme-swatch-green{background:#315b43}.theme-swatch-purple{background:#613191}.theme-swatch-dark{background:#101824;border:1px solid #879ab3}.settings-language-options{border:1px solid var(--tone-dde4d6);background:var(--tone-f4f6f0);border-radius:9px;justify-self:end;padding:3px;display:inline-flex}.settings-language-options button{min-width:42px;color:var(--tone-899382);border-radius:7px;padding:7px 10px;font-size:9px;font-weight:700}.settings-language-options button.active{background:var(--surface);color:var(--tone-315c40);box-shadow:0 2px 7px #31482e1a}.account-row-action{min-width:104px;margin-top:0}.account-auth-form{max-width:620px;padding-top:8px}.account-auth-fields{max-width:520px}.account-auth-fields .input-label:not(:first-of-type){margin-top:17px}.account-input-wrap{position:relative}.account-input-wrap>svg{z-index:1;color:var(--tone-94a08c);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.account-input-wrap .text-input{padding-left:42px}.account-form-help{max-width:520px;color:var(--tone-8b9583);margin:18px 0;font-size:10px;line-height:1.75}.account-submit{min-width:180px}.danger-button{color:#b95054;background:#fff5f5;border:1px solid #ebcfd0;margin-top:20px}.danger-button:hover:not(:disabled){background:#fceaea;border-color:#dcaeb0}@media (width<=760px){.profile-page-grid{grid-template-columns:1fr}.account-settings-shell{grid-template-columns:1fr;min-height:auto}.account-settings-nav{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;gap:5px;padding:12px;overflow-x:auto}.account-settings-nav-label{display:none}.account-settings-nav button{flex:none;width:auto;padding:9px 11px;display:flex}.account-settings-nav button:disabled{display:none}.account-settings-panel{padding:26px 24px}.profile-edit-form{grid-template-columns:1fr}.profile-edit-form .button{width:100%;margin-bottom:0}.profile-rating-card{min-height:300px}.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.profile-stat-grid>div+div{border-left:0}.profile-stat-grid>div:nth-child(2n){border-left:1px solid var(--border)}.profile-stat-grid>div:nth-child(n+3){border-top:1px solid var(--border)}.profile-stat-grid>div:last-child{border-left:0;grid-column:1/-1}.game-history-row{grid-template-columns:76px 32px minmax(0,1fr) auto}.history-details{grid-column:3/-1;padding-left:0}.history-rating{grid-area:1/4}}@media (width<=430px){.profile-identity-card,.profile-rating-card,.profile-performance-card,.account-status-card,.account-action-card,.profile-history-card{padding:21px}.game-history-row{gap:9px;padding:13px 12px}.history-rating time{max-width:85px}.profile-identity-hero .avatar{width:58px;height:58px}.profile-identity-hero h2{font-size:19px}.account-page-heading .welcome-tag{display:none}.account-settings-panel{padding:22px 18px}.account-panel-heading{flex-direction:column;gap:13px}.account-setting-row{grid-template-columns:34px minmax(0,1fr);gap:12px}.account-setting-value,.account-role-list,.account-row-action,.settings-language-options,.settings-theme-options{text-align:left;grid-column:2;justify-content:flex-start;align-items:flex-start;max-width:100%}.settings-language-options{justify-self:start}.account-setting-switch-wrap{flex-direction:row}.account-submit{width:100%}}.player-profile-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.history-game-actions :is(.report-player-button,.history-replay-button){padding:6px 10px;font-size:12px}.report-signin-prompt{gap:18px;display:grid}.avatar{flex-shrink:0;overflow:hidden}.avatar>img{object-fit:cover;width:100%;height:100%;display:block}.profile-photo-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.profile-photo-input{display:none}.profile-photo-preview{aspect-ratio:1;background:var(--canvas);border:1px solid var(--border);border-radius:50%;width:min(256px,100%);height:auto;margin:16px auto;display:block}.profile-photo-controls{gap:12px;display:grid}.profile-photo-controls label{grid-template-columns:130px minmax(0,1fr);align-items:center;gap:12px;display:grid}.profile-photo-controls input{width:100%;accent-color:var(--green)}@media (width<=1100px){.profile-photo-actions{grid-column:2;justify-content:flex-start}}.auth-screen{z-index:100;background:var(--tone-315b43);isolation:isolate;place-items:center;min-height:100svh;padding:0;display:grid;position:fixed;inset:0;overflow:auto}.auth-panel{background:var(--tone-315b43);width:100%;height:100svh;min-height:0;box-shadow:none;border:0;border-radius:0;position:relative;overflow:hidden}.auth-topbar{z-index:4;justify-content:space-between;align-items:center;padding:28px clamp(28px,4.2vw,64px);display:flex;position:absolute;inset:0 0 auto}.auth-brand{padding:0}.auth-brand .brand{color:#fff;font-size:22px}.auth-brand .brand-light,.auth-brand .brand small{color:var(--tone-dcebac)}.auth-brand .brand-mark .chess-piece{fill:var(--tone-dcebac);stroke:var(--tone-dcebac)}.auth-top-actions{align-items:center;gap:10px;display:flex}.auth-language,.auth-close{min-height:38px;color:var(--tone-eef5e9);border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:11px;font-weight:600;display:inline-flex}.auth-language:hover,.auth-close:hover{background:#ffffff17;border-color:#ffffff80}.auth-layout{grid-template-columns:minmax(440px,.88fr) minmax(480px,1.12fr);height:100%;display:grid}.auth-form-column{color:#fff;align-self:center;width:min(100%,520px);padding:112px clamp(36px,5vw,82px) 58px}.auth-heading{margin-bottom:30px}.auth-kicker{color:var(--tone-dcebac);letter-spacing:1.8px;margin-bottom:15px;font-size:9px;font-weight:700;display:block}.auth-heading h1{color:#fff;letter-spacing:-.055em;max-width:430px;font-size:clamp(38px,4.2vw,62px);font-weight:650;line-height:.98}.auth-heading p{max-width:430px;color:var(--tone-bed0c3);margin-top:18px;font-size:13px;line-height:1.7}.auth-form{gap:10px;display:grid}.auth-form label{color:var(--tone-dbe6dc);margin-top:5px;font-size:10px;font-weight:600}.auth-input-wrap{min-height:56px;color:var(--tone-789081);background:#fffffffa;border:1px solid #ffffff38;border-radius:10px;align-items:center;gap:12px;padding:0 17px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.auth-input-wrap:focus-within{border-color:var(--tone-dcebac);transform:translateY(-1px);box-shadow:0 0 0 4px #dceaac2e}.auth-input-wrap input{width:100%;min-width:0;color:var(--tone-263d30);background:0 0;border:0;outline:0;font-size:13px}.auth-input-wrap input::placeholder{color:var(--tone-a1aca4)}.auth-submit,.google-fallback{border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:8px;font-size:12px;font-weight:700;display:flex}.auth-submit{background:var(--tone-dcebac);color:var(--tone-24432f);box-shadow:0 13px 30px #142c1f38}.auth-submit svg:last-child{margin-left:auto}.auth-submit:hover:not(:disabled){background:var(--tone-e7f3bd);transform:translateY(-2px)}.auth-divider{color:var(--tone-9fb5a4);white-space:nowrap;align-items:center;gap:13px;margin:23px 0 15px;font-size:9px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff2e;width:100%;height:1px}.google-button-shell,.google-button-shell>div,.google-button-shell iframe{min-height:44px;width:100%!important}.google-button-shell.disabled{pointer-events:none;opacity:.55}.google-fallback{background:var(--surface);color:var(--tone-344239);border:1px solid #ffffff40;margin:0}.google-fallback span{background:conic-gradient(from -45deg, #4285f4 0 25%, var(--tone-34a853) 0 50%, var(--tone-fbbc05) 0 75%, #ea4335 0);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.google-note{color:var(--tone-9fb5a4);text-align:center;margin-top:8px;font-size:8px;line-height:1.5;display:block}.auth-switch,.auth-legal{text-align:center}.auth-switch{color:var(--tone-b9c9bd);margin-top:20px;font-size:11px}.auth-switch button{color:var(--tone-dcebac);text-underline-offset:3px;padding:0;font-weight:700;text-decoration:underline}.auth-legal{max-width:390px;color:var(--tone-839d8a);margin:19px auto 0;font-size:8px;line-height:1.6}.auth-visual{background:linear-gradient(#dceaacd1, #dceaacd1), conic-gradient(from 90deg at 1px 1px, transparent 90deg, #2c4e3529 0) 0 0 / 82px 82px;border-radius:22px;min-height:0;margin:78px 24px 24px 0;position:relative;overflow:hidden}@media (width>=781px) and (height<=850px){.auth-screen{padding:0}.auth-panel{border:0;border-radius:0;height:100svh;min-height:0}.auth-topbar{padding:15px 30px}.auth-brand .brand{font-size:18px}.auth-brand .brand small{display:none}.auth-brand .brand-mark{width:28px;height:34px}.auth-language,.auth-close{min-height:34px}.auth-form-column{padding-top:70px;padding-bottom:16px}.auth-heading{margin-bottom:15px}.auth-kicker{margin-bottom:8px}.auth-heading h1{font-size:clamp(35px,4vw,51px)}.auth-heading p{margin-top:9px;font-size:11px;line-height:1.5}.auth-form{gap:6px}.auth-input-wrap,.auth-submit,.google-fallback{min-height:46px}.auth-divider{margin:12px 0 10px}.google-button-shell,.google-button-shell>div,.google-button-shell iframe{min-height:40px}.google-note{margin-top:4px}.auth-switch{margin-top:10px}.auth-legal{margin-top:9px}.auth-visual{margin:58px 14px 14px 0}.auth-progress-card{bottom:5%}.auth-piece-main{width:min(34vw,430px);height:min(42vw,520px)}}.auth-board-glow{filter:blur(65px);background:#ffffff70;border-radius:50%;width:520px;height:520px;position:absolute;top:17%;left:22%}.auth-piece{filter:drop-shadow(0 35px 30px #23432c33);position:absolute}.auth-piece .chess-piece{width:100%;height:100%;fill:var(--tone-f7f9ed);stroke:var(--tone-f7f9ed)}.auth-piece-main{width:clamp(290px,34vw,500px);height:clamp(350px,42vw,610px);bottom:-3%;right:5%;transform:rotate(-8deg)}.auth-piece-one{opacity:.68;width:105px;height:130px;top:17%;left:11%;transform:rotate(8deg)}.auth-piece-two{opacity:.3;width:85px;height:105px;top:11%;right:10%;transform:rotate(-10deg)}.auth-progress-card,.auth-rating-card{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #ffffffab;position:absolute;box-shadow:0 18px 45px #2c4f3529}.auth-progress-card{border-radius:13px;align-items:center;gap:12px;max-width:290px;padding:15px 17px;display:flex;bottom:9%;left:7%}.auth-progress-icon{background:var(--tone-315b43);width:34px;height:34px;color:var(--tone-dcebac);border-radius:50%;place-items:center;display:grid}.auth-progress-card strong,.auth-progress-card small{display:block}.auth-progress-card strong{color:var(--tone-264431);font-size:10px}.auth-progress-card small{color:var(--tone-718073);margin-top:4px;font-size:8px;line-height:1.45}.auth-rating-card{width:90px;height:90px;color:var(--tone-315b43);border-radius:50%;place-items:center;display:grid;top:20%;right:8%}.auth-rating-card span{letter-spacing:-1px;align-self:end;font-size:22px;font-weight:800}.auth-rating-card small{color:var(--tone-748473);letter-spacing:1.5px;align-self:start;font-size:8px}.auth-visual-copy{z-index:2;max-width:230px;color:var(--tone-315b43);position:absolute;top:8%;left:8%}.auth-visual-copy span{letter-spacing:-.07em;font-size:clamp(48px,5vw,78px);font-weight:800;line-height:.9}.auth-visual-copy p{text-transform:uppercase;margin-top:8px;font-size:11px;font-weight:600;line-height:1.4}.header-profile{position:relative}.guest-signin-badge{z-index:2;background:var(--tone-315b43);width:17px;height:17px;color:var(--tone-dcebac);border:2px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;left:25px;box-shadow:0 2px 7px #18332240}@media (width<=1040px){.auth-layout{grid-template-columns:minmax(390px,.95fr) minmax(360px,1.05fr)}.auth-form-column{padding-inline:42px}.auth-progress-card{max-width:none;right:7%}}@media (width<=780px){.auth-screen{background:var(--tone-315b43);padding:0;display:block}.auth-visual{display:none}.auth-panel{width:100%;min-height:100svh;box-shadow:none;border:0;border-radius:0}.auth-topbar{padding:20px}.auth-top-actions{gap:6px}.auth-close{width:40px;padding:0;font-size:0}.auth-language{padding-inline:11px}.auth-layout{display:block}.auth-form-column{width:min(100%,520px);margin:0 auto;padding:112px 23px 42px}.auth-heading h1{font-size:clamp(40px,12vw,56px)}}@media (width<=430px){.auth-brand .brand{font-size:18px}.auth-brand .brand small{display:none}.auth-brand .brand-mark{width:28px}.auth-input-wrap{min-height:53px}}.auth-panel.auth-verification-panel{max-width:560px;padding:32px}.two-factor-settings{min-width:0}.two-factor-recovery-codes{overflow-wrap:anywhere;padding-inline-start:1.25rem;font-size:.8rem}.auth-password-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-forgot-password{min-height:36px;color:var(--tone-dcebac);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 0 4px 12px;font-size:12px;text-decoration:underline}.auth-forgot-password:hover{color:#fff}.auth-panel.password-reset-panel{height:auto;min-height:100svh;overflow:visible}.password-reset-panel .password-form-panel{color:#fff;width:min(480px,100% - 48px);margin:0 auto;padding:144px 0 64px}.password-reset-panel h1{letter-spacing:-.035em;font-size:clamp(30px,5vw,42px);line-height:1.15}.password-reset-panel p{color:var(--tone-bed0c3);line-height:1.7}.password-reset-panel p[role=alert]{color:#ffe0cc}.password-reset-panel .text-input{color:#203627;background:#f9fcf7;border:1px solid #ffffff4d;border-radius:10px;width:100%;min-width:0;min-height:52px;padding:12px 16px;font-size:16px}.password-reset-icon{width:56px;height:56px;color:var(--tone-dcebac);border:1px solid #dcebac4d;border-radius:14px;place-items:center;margin:0 0 24px;display:grid}.password-reset-back{color:var(--tone-dcebac);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-top:24px;padding:10px 0;display:inline-flex}.room-create-card,.room-join-card{text-align:center;padding:32px}.room-create-card{height:100%}.large-icon{background:var(--tone-eaf1df);width:68px;height:68px;color:var(--tone-839d67);border-radius:16px;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.large-icon.sand{background:var(--tone-f2eddd);color:var(--tone-aaa070)}.room-create-card h2,.room-join-card h2{color:var(--tone-547246);font-size:21px;font-weight:500}.room-create-card>p,.room-join-card>p{color:var(--tone-95a587);margin:12px 0 25px;font-size:12px;line-height:1.9}.room-create-card .button{width:100%;margin-top:24px}.room-join-card .input-label{text-align:left}.room-join-card form .button{width:100%;margin-top:20px}.room-join-card .room-code-input{text-align:center;letter-spacing:5px;padding:13px;font-size:21px}.room-local-note{border-top:1px solid var(--tone-eaf0df);color:var(--tone-a1ae92);justify-content:center;align-items:center;gap:12px;margin-top:26px;padding-top:18px;font-size:10px;display:flex}.room-local-note .text-button{font-size:10px}.friends-tip{color:var(--tone-91a27e);justify-content:center;align-items:center;gap:12px;padding:23px;font-size:11px;line-height:1.9;display:flex}.friends-tip svg{color:var(--tone-a7b68e)}.friends-sidebar-heading,.friends-section-heading{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px;display:flex}.friends-heading-icon{background:var(--tone-edf3e4);width:38px;height:38px;color:var(--tone-688052);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.friends-heading-icon.sand{background:var(--tone-f4efdf);color:var(--tone-9b8d5e)}.friends-sidebar-heading h2,.friends-section-heading h2{color:var(--tone-3f5443);font-size:15px;font-weight:600}.friends-sidebar-heading p,.friends-section-heading p{color:var(--tone-929d8d);margin-top:3px;font-size:9px;line-height:1.5}.friends-sidebar-list{padding:7px 14px}.friend-list-item{border-bottom:1px solid var(--tone-edf0e8);align-items:center;gap:10px;min-width:0;padding:11px 5px;display:flex}.friend-list-item:last-child{border-bottom:0}.friend-avatar-wrap{flex:none;position:relative}.friend-presence{background:var(--tone-b4bbb0);border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:-1px}.friend-presence.online{background:var(--tone-71a259)}.friend-copy{flex:1;gap:3px;min-width:0;display:grid}.friend-copy strong{color:var(--tone-435548);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.friend-copy small{color:var(--tone-97a092);font-size:8px}.friend-actions{gap:5px;display:flex}.friend-icon-button{border:1px solid var(--tone-dfe6d8);width:30px;height:30px;color:var(--tone-69805b);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.friend-icon-button:hover:not(:disabled){border-color:var(--tone-afc09f);background:var(--tone-f0f5e9)}.friend-icon-button.remove{color:#a17067}.friend-icon-button.remove:hover:not(:disabled){background:#fbefed;border-color:#e0b9b1}.friends-manage-button{border-top:1px solid var(--border);width:100%;color:var(--tone-58734d);justify-content:space-between;align-items:center;padding:15px 19px;font-size:10px;font-weight:600;display:flex}.friends-manage-button:hover{background:var(--tone-f7f9f3)}.friends-sidebar-empty,.friends-loading,.friends-empty-state{text-align:center;min-height:160px;color:var(--tone-96a18e);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex}.friends-loading{flex-direction:row;min-height:120px;font-size:10px}.friends-sidebar-empty strong,.friends-empty-state strong{color:var(--tone-607158);font-size:12px}.friends-sidebar-empty p,.friends-empty-state p{max-width:240px;font-size:9px;line-height:1.7}.friends-page-heading .button{flex-shrink:0}.friends-page-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);align-items:start;gap:24px;display:grid}.friends-directory-card,.friend-search-card{overflow:hidden}.friends-directory-list{padding:7px 18px}.friends-directory-list .friend-list-item{padding-block:14px}.friend-search-form{border-bottom:1px solid var(--border);padding:22px}.friend-search-control{border:1px solid var(--tone-dfe5da);background:var(--tone-fafbf8);color:var(--tone-9ba495);border-radius:9px;align-items:center;gap:10px;margin-top:8px;padding-left:13px;display:flex}.friend-search-control:focus-within{border-color:var(--tone-9caf8b);outline:2px solid #a3ba8430}.friend-search-control input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:12px 0;font-size:11px}.friend-search-control .button{border-radius:0 8px 8px 0;align-self:stretch}.friend-search-results{padding:7px 18px 18px}.friend-search-result{border-bottom:1px solid var(--tone-edf0e8);align-items:center;gap:11px;padding:13px 4px;display:flex}.friend-search-result>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.friend-search-result strong{color:var(--tone-435548);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.friend-search-result small{color:var(--tone-98a191);font-size:8px}.friend-search-result .button{min-width:104px;padding:9px 12px;font-size:9px}.friends-empty-state.compact{min-height:170px}@media (width<=1100px){.friends-page-grid{grid-template-columns:1fr}}@media (width<=760px){.friends-page-heading{align-items:flex-start}}@media (width<=520px){.friends-page-heading{gap:14px;display:grid}.friend-search-control{grid-template-columns:auto 1fr;padding:8px 8px 0 12px;display:grid}.friend-search-control .button{border-radius:0 0 8px 8px;grid-column:1/-1;margin-inline:-12px -8px}.friend-search-result{flex-wrap:wrap}.friend-search-result .button{width:100%}}.learn-hero{background:var(--tone-edf2e3);border:1px solid var(--tone-e1e8d4);border-radius:10px;grid-template-columns:1fr 270px;align-items:center;gap:60px;margin-bottom:25px;padding:32px 40px;display:grid}.learn-hero h2{color:var(--tone-4b673d);margin:10px 0;font-size:26px;font-weight:500;line-height:1.65}.learn-hero p{color:var(--tone-8b9f7b);max-width:440px;font-size:12px;line-height:1.9}.learn-hero .button{margin-top:24px}.tips-grid{grid-template-columns:repeat(3,1fr);gap:19px;display:grid}.tip-card{padding:25px;position:relative;overflow:hidden}.tip-number{letter-spacing:1px;color:var(--tone-b3bea2);font-size:12px;position:absolute;top:22px;right:20px}.tip-card>.chess-piece{width:50px;height:55px;fill:var(--tone-718c58);stroke:var(--tone-49623c);margin-bottom:16px}.tip-card h3{color:var(--tone-5b7849);margin-bottom:10px;font-size:15px;font-weight:500}.tip-card p{color:var(--tone-93a186);font-size:11px;line-height:2}.back-link{margin-bottom:6px;font-size:10px}.game-layout{grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr);align-items:start;gap:29px;max-width:100%;margin:0 auto;display:grid}.game-board-panel{grid-column:2;width:clamp(360px,100dvh - 370px,620px);min-width:0}.game-board-player{display:none}.game-info{grid-column:3}.game-side-panel{grid-area:1/1;min-width:0}.game-layout-with-status>.game-board-panel,.game-layout-with-status>.game-info{grid-row:1}.game-player-card{margin-bottom:12px;padding:8px}.game-player-card .game-player{margin-bottom:0}.game-player-bottom{margin-top:12px}.game-player{border:1px solid var(--tone-e2e8d7);background:var(--surface);border-radius:7px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 11px;display:flex}.game-player.is-turn{border-color:var(--tone-bcccaa);background:var(--tone-f3f7e9)}.game-player-name{flex:1;min-width:0}.game-player-name strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;display:block;overflow:hidden}.game-player-name strong small{color:var(--tone-9bac8b);font-size:9px;font-weight:400}.game-player-name>span{color:var(--tone-9dac8e);margin-top:4px;font-size:9px;display:block}.game-clock{letter-spacing:-.7px;text-align:center;background:var(--tone-f0f4e8);min-width:80px;color:var(--tone-97a885);font-variant-numeric:tabular-nums;border-radius:5px;padding:4px 14px;font-size:24px}.game-clock.active{color:var(--tone-4e713b);background:var(--tone-e0ebce)}.game-board-panel>.game-end-stage>.board-frame{border-width:8px;border-radius:8px;margin-bottom:12px}.game-board-panel .rank-label,.game-board-panel .file-label{font-size:10px}.board-toolbar{color:var(--tone-8da277);align-items:center;gap:9px;min-height:32px;font-size:11px;display:flex}.board-toolbar>span{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.premove-queue{color:var(--tone-8da277);margin-top:8px;font-size:12px}.premove-queue ol{flex-wrap:wrap;gap:6px 24px;margin:6px 0;padding-left:24px;display:flex}.game-status-card{text-align:center;margin-bottom:18px;padding:24px}.game-status-card>.eyebrow{font-size:8px}.game-status-card h3{color:var(--tone-547a3f);margin:10px 0;font-size:18px;font-weight:500;line-height:1.7}.game-status-card>p{color:var(--tone-92a27f);font-size:11px;line-height:1.9}.game-status-card .button{width:100%;margin-top:20px}.game-status-card>.text-button{margin-top:16px;font-size:10px}.invite-icon{background:var(--tone-eef4e4);border-radius:11px;justify-content:center;align-items:center;width:58px;height:62px;margin:0 auto 15px;display:flex}.invite-icon .chess-piece{width:45px;height:50px}.room-code{letter-spacing:6px;color:var(--tone-819c65);background:var(--tone-f2f6e9);border:1px dashed var(--tone-c9d9b4);border-radius:6px;margin-top:20px;padding:12px 5px;font-size:27px}.result-icon{color:var(--tone-b1bb77);font-size:48px;line-height:1}.moves-card{overflow:hidden}.game-tabs{border-bottom:1px solid var(--tone-e4ecd8);background:var(--tone-f7faf1);display:flex}.game-tabs button{color:var(--tone-9cac8b);border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:15px 10px;font-size:10px;display:flex}.game-tabs button.active{color:var(--tone-5b7b44);border-bottom-color:var(--tone-94b072)}.game-tabs button>span{background:var(--tone-e8efdd);color:var(--tone-94a97f);border-radius:3px;padding:2px 5px;font-size:8px}.moves-content{scrollbar-width:thin;scrollbar-color:var(--tone-c9d8b9) transparent;height:270px;padding:8px 15px;overflow-y:auto}.empty-moves{height:100%;color:var(--tone-b3bda0);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.empty-moves .chess-piece{width:46px;height:48px;fill:var(--tone-b2bda1);stroke:var(--tone-99a887);opacity:.55}.empty-moves p{font-size:11px;line-height:1.9}.move-row{color:var(--tone-819a6b);grid-template-columns:30px 1fr 1fr;align-items:center;padding:11px 10px;font-size:12px;display:grid}.move-row:nth-child(2n){background:var(--tone-f7faf2);border-radius:4px}.move-row>span{color:var(--tone-b0bda0);font-size:9px}.move-row b{letter-spacing:.4px;font-weight:500}.recorded-move{text-align:left;border:1px solid #0000;border-radius:5px;min-width:0;padding:7px 9px}.recorded-move:hover{border-color:var(--border);background:var(--surface)}.recorded-move.is-selected{color:#fff;background:var(--green);border-color:var(--green)}.review-live-button{border:1px solid var(--border);background:var(--surface);color:var(--green);border-radius:5px;flex-shrink:0;padding:7px 9px;font-size:10px}.chat-message{border:1px solid var(--border);background:var(--canvas);border-radius:12px 12px 12px 3px;flex-shrink:0;align-self:flex-start;max-width:88%;padding:8px 12px}.chat-message.own{border-color:var(--green);align-self:flex-end}@supports (color:color-mix(in lab, red, red)){.chat-message.own{border-color:color-mix(in srgb, var(--green) 45%, var(--border))}}.chat-message.own{background:var(--green);border-radius:12px 12px 3px}@supports (color:color-mix(in lab, red, red)){.chat-message.own{background:color-mix(in srgb, var(--green) 16%, var(--surface))}}.chat-message strong{color:var(--tone-8ba66e);font-size:9px;font-weight:500}.chat-message p{color:var(--tone-7b916a);overflow-wrap:anywhere;margin-top:4px;font-size:12px;line-height:1.8}.chat-form{border-top:1px solid var(--tone-e6eddc);align-items:center;gap:7px;padding:10px;display:flex}.chat-form input{width:100%;min-width:0;color:var(--tone-718958);background:var(--tone-fafcf7);border:0;border-radius:4px;padding:7px;font-size:11px}.game-actions{gap:10px;margin-top:17px;display:flex}.game-actions .button{flex:1;min-height:37px;font-size:10px}.promotion-options{gap:12px;display:flex}.promotion-options button{border:1px solid var(--tone-dce7d0);background:var(--tone-edf3e3);aspect-ratio:1;border-radius:7px;flex:1;padding:8px}.promotion-options button:hover{background:var(--tone-dce8c9)}.promotion-options .chess-piece{width:100%;height:100%}.modal-actions{gap:12px;margin-top:25px;display:flex}.modal-actions .button{flex:1}@media (width>=901px) and (height<=820px){.game-page>.page-heading{display:none}.game-board-panel{width:clamp(500px,100dvh - 190px,580px)}.game-player{gap:9px;margin-bottom:7px;padding:7px 9px}.game-player .avatar{width:31px;height:31px;font-size:9px}.game-clock{min-width:68px;padding:3px 10px;font-size:20px}.game-board-panel>.game-end-stage>.board-frame{border-width:6px;margin-bottom:7px}.board-toolbar{min-height:26px}.game-status-card{margin-bottom:12px;padding:17px}.game-status-card h3{margin:6px 0;font-size:15px}.game-status-card>p{font-size:9px;line-height:1.6}.moves-content{height:min(250px,100dvh - 430px)}.game-actions{margin-top:12px}}.game-chat-card{overflow:hidden}.game-panel-heading{border-bottom:1px solid var(--tone-e4ecd8);background:var(--tone-f7faf1);align-items:center;gap:8px;margin:0;padding:15px;font-size:13px;display:flex}.game-panel-heading>span{margin-left:auto;font-size:11px}.game-chat-content{scrollbar-width:thin;flex-direction:column;gap:8px;height:240px;padding:8px 12px;display:flex;overflow-y:auto}.game-chat-audience{color:var(--tone-7b916a);padding:8px 15px;font-size:10px}.duo-request-card{margin-bottom:14px;padding:16px}.duo-request-card h3{margin-bottom:8px;font-size:14px}.duo-request-card p{margin-bottom:12px;font-size:12px;line-height:1.7}.duo-request-card>.button{width:100%;margin-top:8px}.duo-request-actions{flex-wrap:wrap;gap:8px;display:flex}.duo-request-actions .button{flex:1}.game-chat-card .duo-requests{padding:0 10px}.game-chat-card .duo-request-card{background:var(--tone-f7faf1)}.game-report-controls{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.twin-report-controls{justify-content:flex-end;margin:0 0 12px}.game-end-stage{min-width:0;position:relative}.game-end-animation{z-index:5;pointer-events:none;background:#0f1e1761;border-radius:8px;place-items:center;animation:3.6s both game-end-overlay;display:grid;position:absolute;inset:0;overflow:hidden}.game-end-message{background:var(--surface);max-width:85%;color:var(--green);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:26px;animation:.65s cubic-bezier(.2,.8,.2,1) both game-end-arrive;display:flex;box-shadow:0 16px 48px #0003}.game-end-message strong{font-size:clamp(20px,4vw,30px)}.game-end-message p{overflow-wrap:anywhere;font-size:14px}.game-end-emblem{background:var(--tone-eef4e4);border-radius:50%;place-items:center;width:76px;height:76px;display:grid}.game-end-win .game-end-emblem{color:#98701e;background:#f4e7be}@keyframes game-end-arrive{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.game-end-confetti{position:absolute;inset:0}.game-end-confetti i{top:-20px;left:var(--x);background:var(--confetti-color);width:7px;height:12px;animation:game-end-fall 2.8s var(--delay) ease-in both;border-radius:2px;position:absolute}@keyframes game-end-overlay{0%,to{opacity:0}12%,85%{opacity:1}}@keyframes game-end-fall{0%{transform:translateY(-20px) rotate(var(--rotation))}to{transform:translateY(680px) rotate(calc(var(--rotation) + 360deg))}}@media (prefers-reduced-motion:reduce){.game-end-animation,.game-end-message{animation:none}.game-end-confetti{display:none}}.supporter-badge{vertical-align:middle;color:#795813;white-space:nowrap;background:#f5e6b4;border:1px solid #d8bd70;border-radius:20px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;font-weight:500;line-height:1.3;display:inline-flex}.main-content:has(>.supporter-page){padding:16px 18px 0}.main-content:has(>.supporter-page)>.footer{padding-block:14px}.supporter-page .page-heading{margin-bottom:12px}.supporter-page h1{font-size:26px;line-height:1.3}.supporter-page .page-eyebrow{margin-bottom:4px}.supporter-page .page-heading p{font-size:11px;line-height:1.6}.supporter-page .account-settings-shell{grid-template-columns:var(--settings-nav-width) minmax(0, 1fr);min-height:auto}.supporter-page .account-settings-nav{padding:16px 10px}.supporter-page .account-settings-panel{padding:14px}.supporter-page .account-panel-heading{gap:12px;padding-bottom:12px}.supporter-page .account-panel-heading h2{margin:4px 0;font-size:20px}.supporter-page .account-setting-row{grid-template-columns:34px minmax(0,1fr) minmax(130px,250px);gap:10px;min-height:68px;padding:12px 0}.supporter-page .account-setting-value{justify-self:end}.supporter-row-action .button{white-space:normal}.supporter-error{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.supporter-checkout{border-bottom:1px solid var(--border);color:var(--ink);gap:12px;padding:18px 0;display:grid}.supporter-checkout select{border:1px solid var(--border);background:var(--surface);width:100%;max-width:360px;min-height:44px;color:var(--ink);border-radius:8px;padding:10px}.supporter-checkout p,.supporter-billing-note{font-size:14px;line-height:1.6}.supporter-payment-actions{flex-wrap:wrap;gap:10px;display:flex}.supporter-payment-actions .button{white-space:normal}@media (width<=1100px){.supporter-page .account-setting-row{grid-template-columns:34px minmax(0,1fr)}.supporter-page .account-setting-value{text-align:left;grid-column:2;justify-self:start;align-items:flex-start}}@media (width<=760px){.supporter-page .account-settings-shell{grid-template-columns:minmax(0,1fr)}.supporter-page .account-settings-nav{padding:10px}}@media (width<=600px){.main-content:has(>.supporter-page){padding:12px 12px 0}.supporter-page .account-settings-panel{padding:12px}.supporter-page .account-panel-heading{flex-wrap:wrap}}@media (width>=1500px){.hero-banner{min-height:230px}.hero-copy h2{font-size:29px}.hero-copy>p{font-size:12px}.hero-perks{font-size:10px}.hero-knight{width:190px;height:215px;right:150px}.quick-play-body{gap:40px}.quick-play-card{padding:26px 28px 22px}.board-preview{max-width:310px}.speed-option{padding:15px}.speed-option>div b{font-size:24px}.speed-option>span{font-size:11px}.mode-card{min-height:183px}.mode-card h3{font-size:21px}.mode-card p{max-width:240px;font-size:10px}.leaderboard-card{padding:24px}.home-grid{grid-template-columns:minmax(0,1fr) 330px;gap:26px}.leader-row{margin-bottom:11px;padding-block:11px}.leaderboard-card h2{font-size:14px}.leader-person strong{font-size:11px}.personal-card{padding:24px}.main-content{padding-top:35px}}@media (width<=1250px){.main-shell{margin-left:0}.topbar{padding-inline:25px}.topbar-navigation{gap:18px}.desktop-nav>button{padding-inline:9px}.main-content{padding:27px 25px 0}.home-grid{grid-template-columns:minmax(0,1fr) 276px;gap:18px}.quick-play-card{padding:20px 18px 16px}.quick-play-body{grid-template-columns:minmax(0,1fr) minmax(170px,.91fr);gap:16px}.speed-option{padding:11px 10px}.speed-option small{display:none}.hero-knight{right:83px}.art-pedestal{right:81px}.hero-copy h2{font-size:25px}.hero-corner{font-size:7px}.leaderboard-card{padding:20px 15px 15px}.leader-row,.leaderboard-card .section-title{gap:7px}.leaderboard-card h2{font-size:12px}.mode-card{padding:20px 16px}.mode-card p{max-width:166px;font-size:8px}.mode-card .eyebrow{letter-spacing:.9px;font-size:6px}.mode-card h3{font-size:17px}.mode-art{opacity:.8;right:-16px}.toast{left:calc(50% + 102px)}.learn-strip{gap:9px;padding:15px 12px}.learn-strip p,.learn-strip .text-button{font-size:8px}.learn-hero{grid-template-columns:1fr 235px;gap:25px;padding:28px}.game-layout{gap:20px}}@media (width<=1080px){.game-layout{grid-template-columns:auto minmax(240px,1fr);max-width:1070px}.game-board-panel,.game-info{grid-column:auto}.game-layout-with-status{grid-template-columns:minmax(240px,1fr) auto}.game-layout-with-status>.game-board-panel{grid-column:2}.game-layout-with-status>.game-info{grid-area:2/2}.topbar-brand .brand{font-size:14px}.topbar-brand .brand-mark{width:40px;height:40px}.desktop-nav>button{gap:5px;padding-inline:8px}.desktop-nav .beta-badge{display:none}.home-grid{grid-template-columns:minmax(0,1fr) 255px;gap:16px}.quick-play-body{flex-direction:column-reverse;gap:20px;display:flex}.board-preview{align-self:center;max-width:260px}.play-settings{width:100%}.speed-options{grid-template-columns:repeat(4,1fr)}.speed-option{text-align:center;padding:10px 7px}.speed-option>div{justify-content:center;gap:5px}.speed-option>div b{font-size:19px}.speed-check{display:none}.speed-option>div>svg{width:13px}.speed-option>span{font-size:8px;display:block}.speed-options:not(.compact-speeds) .speed-option small{display:none}.secondary-cards{gap:11px}.mode-card h3{font-size:15px}.mode-card p{max-width:135px}.mode-art{opacity:.55;right:-24px}.mode-card .eyebrow{letter-spacing:.5px;font-size:6px}.hero-art{opacity:.85;width:40%}.hero-knight{width:150px;top:25px;right:60px}.hero-copy h2{font-size:23px}.hero-copy>p{font-size:9px}.hero-perks{gap:14px;font-size:8px}.hero-corner{display:none}.welcome-tag{font-size:9px}.home-aside .card-title-row{flex-wrap:wrap}.home-aside .sample-tag{margin-top:4px;margin-left:40px}.leader-row{gap:6px}.leader-row .avatar{width:29px;height:29px;font-size:8px}.leader-person strong{font-size:9px}.leader-person small{font-size:7px}.rating{font-size:10px}.learn-strip{flex-wrap:wrap;align-items:flex-start}.learn-strip .text-button{margin-left:45px}.personal-card{padding:17px}.footer{font-size:7px}.rooms-grid{gap:18px}.room-create-card,.room-join-card{padding:25px 20px}.room-create-card h2,.room-join-card h2{font-size:18px}.room-local-note{flex-direction:column;gap:6px}.tips-grid{grid-template-columns:repeat(2,1fr)}.leaderboard-banner{gap:20px;padding:24px}.leaderboard-banner h2{font-size:20px}.leaderboard-banner>svg{width:60px}.ranking-table-header{align-items:flex-start;padding:20px}.ranking-table-header p{max-width:250px}.ranking-table-header .search-field{max-width:180px}.search-field input{max-width:120px}.game-status-card{padding:20px 15px}.game-status-card h3{font-size:16px}}@media (width<=900px){.brand{gap:5px;font-size:21px}.brand-mark{width:40px;height:40px}.brand small{font-size:8px}.brand-button{padding-inline:6px}.nav-section-label{letter-spacing:1px;padding-inline:10px;font-size:8px}.main-nav button{gap:10px;padding:12px 10px;font-size:11px}.main-nav button svg{width:17px}.beta-badge{font-size:7px}.sidebar-note{margin-inline:4px;padding:17px 11px}.sidebar-note .eyebrow{font-size:6px}.sidebar-note p{font-size:8px}.sidebar-profile{gap:7px}.sidebar-profile strong{font-size:10px}.sidebar-profile small{font-size:8px}.main-shell{margin-left:0}.main-content{padding:25px 20px 0}.topbar{height:67px;padding-inline:20px}.topbar-navigation{gap:12px}.topbar-brand .brand>span:last-child,.desktop-nav>button span,.desktop-nav>button small{display:none}.desktop-nav>button{justify-content:center;width:36px;min-height:36px;padding:0}.desktop-nav>button.active:after{bottom:-16px;left:6px;right:6px}.desktop-nav>button.topnav-resume{width:36px;margin-left:1px}.header-actions{gap:14px}.sound-button{display:none}.breadcrumb{gap:10px;font-size:10px}.header-profile{gap:4px}.online-indicator{font-size:8px}.home-grid{grid-template-columns:minmax(0,1fr) 225px;gap:14px}.hero-banner{min-height:199px;padding:23px}.hero-copy h2{font-size:22px}.hero-art{opacity:.6;width:40%}.hero-knight{width:155px;top:15px;right:15px}.hero-copy>p{max-width:240px;line-height:1.9}.hero-perks{gap:10px;margin-top:13px;font-size:7px}.art-caption{display:none}.art-pedestal{right:13px}.orbit-one{right:-22px}.star-one{right:11px}.star-two{display:none}.page-heading{margin-bottom:22px}h1{font-size:27px}.page-heading p{font-size:10px}.welcome-tag{display:none}.quick-play-card{padding:17px 15px}.quick-play-card .section-title{gap:8px}.section-title h2{font-size:13px}.quick-play-card .small-tag{display:none}.speed-options{gap:5px}.speed-option>div b{font-size:17px}.speed-option>div>svg{display:none}.board-preview{max-width:245px}.leaderboard-card{padding:17px 12px}.leaderboard-card h2{font-size:11px}.leaderboard-card .trophy-tile{width:26px;height:26px}.leaderboard-card .trophy-tile svg{width:16px}.leader-list{margin-top:9px}.leader-row .avatar{width:26px;height:26px;font-size:7px}.leader-person small{display:none}.leader-row{padding-block:11px}.leader-person strong{font-size:8px}.rating{font-size:9px}.rank-number{min-width:9px;font-size:9px}.leaderboard-link{gap:10px;padding:9px;font-size:8px}.demo-note{font-size:6px}.card-subtitle{font-size:8px;line-height:1.9}.personal-heading{gap:5px;font-size:9px}.personal-tag{font-size:6px}.personal-rating>strong{font-size:29px}.rating-doodle{gap:4px;right:0}.rating-doodle i{width:5px}.personal-card>p{font-size:7px}.secondary-cards{grid-template-columns:1fr;gap:12px;margin-top:14px}.mode-card{min-height:145px;padding:19px}.mode-card h3{font-size:19px}.mode-card .eyebrow{letter-spacing:1px;font-size:7px}.mode-card p{max-width:190px;font-size:9px}.mode-link{margin-top:18px}.mode-art{opacity:1;right:0}.bot-art{bottom:-25px;right:7px}.learn-strip{margin-top:14px}.learn-strip p{display:none}.learn-strip .text-button{margin-left:auto}.footer{flex-direction:column;align-items:flex-start;gap:8px}.toast{left:calc(50% + 92px)}.rooms-grid{grid-template-columns:1fr}.room-create-card .compact-speeds{max-width:400px;margin:auto}.room-create-card .button{max-width:400px}.room-join-card form{max-width:400px;margin:auto}.room-local-note{flex-direction:row}.learn-hero{grid-template-columns:1fr 175px;gap:20px;padding:24px}.learn-hero h2{font-size:21px}.learn-hero p{font-size:10px}.learn-hero .eyebrow{font-size:7px}.leaderboard-banner{flex-wrap:wrap;gap:10px}.leaderboard-banner .button{margin-top:10px}.leaderboard-banner>svg{margin-left:auto}.ranking-table-header{flex-direction:column;gap:16px}.ranking-table-header .search-field,.ranking-table-header .search-field input{width:100%;max-width:none}.game-layout{grid-template-columns:1fr}.game-layout-with-status{grid-template-columns:minmax(0,1fr)}.game-layout-with-status>.game-board-panel{grid-area:1/1}.game-layout-with-status>.game-side-panel{grid-row:2}.game-layout-with-status>.game-info{grid-area:3/1}.game-board-panel{grid-column:auto;width:100%}.game-board-player{display:block}.game-info{grid-column:auto;grid-template-columns:1fr;gap:16px;display:grid}.game-player-card{display:none}.game-status-card{margin-bottom:0}.game-actions{grid-column:1/-1;margin-top:0}.moves-content{height:240px}.game-status-card>.eyebrow{font-size:7px}.game-clock{font-size:22px}.game-page .page-heading{align-items:flex-start}.game-page .page-heading h1{font-size:23px}.game-page .tag{padding:6px 8px;font-size:8px}}@media (width<=700px){.sidebar{z-index:60;width:224px;padding:27px 18px 0;transition:transform .25s;display:flex;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.brand{gap:7px;font-size:20px}.brand small{font-size:9px}.main-nav button{padding:14px;font-size:13px}.main-nav button svg{width:20px}.nav-section-label{margin-bottom:16px;padding-inline:14px;font-size:9px}.brand-button{margin-bottom:37px}.mobile-close{color:var(--tone-bdd0ab);display:flex;position:absolute;top:7px;right:7px}.nav-shade.visible{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55;background:#17332395;display:block;position:fixed;inset:0}.main-shell{margin-left:0}.topbar-navigation{display:none}.mobile-header-context{display:flex}.mobile-menu{color:var(--tone-6c8359);margin-right:3px;padding:3px;display:inline-flex}.topbar{height:66px;padding-inline:19px}.breadcrumb{gap:10px}.breadcrumb-home,.breadcrumb-slash{display:none}.header-actions{gap:12px}.online-indicator{font-size:9px}.header-divider{display:none}.language-label,.language-button{gap:4px;font-size:9px}.language-label>span,.language-button>span:first-child{font-size:13px}.header-profile>svg{display:none}.header-profile{padding:3px}.header-profile-copy{display:none}.header-profile .avatar{width:29px;height:29px;font-size:8px}.profile-menu{width:min(286px,100vw - 24px);max-height:calc(100dvh - 80px);position:fixed;top:68px;right:12px;overflow-y:auto}.notification-button svg{width:18px}.main-content{padding:26px 20px 0}.page-heading{gap:10px;margin-bottom:22px}h1{font-size:29px}.page-eyebrow{margin-bottom:5px;font-size:7px}.page-heading p{font-size:10px;line-height:1.9}.hero-banner{min-height:211px;margin-bottom:21px;padding:24px}.hero-copy h2{font-size:23px}.hero-copy>p{max-width:240px;font-size:9px}.hero-art{opacity:.7;width:42%}.hero-knight{width:155px;height:182px;top:19px;right:0}.hero-perks{gap:12px;font-size:8px}.home-grid{grid-template-columns:minmax(0,1fr);gap:20px}.quick-play-card{padding:23px 21px}.quick-play-body{grid-template-columns:1fr 1fr;gap:20px;margin-top:23px;display:grid}.section-title h2{font-size:16px}.section-title p{font-size:9px}.quick-play-card .small-tag{display:flex}.speed-options{grid-template-columns:1fr 1fr;gap:8px}.speed-option{padding:12px}.speed-option>div b{font-size:22px}.speed-option>div>svg{width:15px;display:block}.speed-check{display:block}.speed-option>span{font-size:9px}.speed-option>div{justify-content:flex-start;gap:7px}.board-preview{max-width:270px}.speed-options.compact-speeds{grid-template-columns:repeat(4,1fr);gap:7px}.compact-speeds .speed-option>div{justify-content:center}.secondary-cards{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.mode-card{min-height:174px;padding:20px 18px}.mode-card h3{font-size:18px}.mode-card p{max-width:170px;font-size:8px}.mode-card .eyebrow{font-size:6px}.mode-link{margin-top:27px}.mode-art{opacity:.8;bottom:-15px;right:-11px}.learn-strip{align-items:center;margin-top:16px;padding:17px}.learn-strip p{display:block}.learn-strip .text-button{font-size:9px}.home-aside{grid-template-columns:1.2fr 1fr;align-items:start;gap:16px;display:grid}.leaderboard-card{padding:20px 15px 15px}.home-aside .card-title-row{flex-wrap:nowrap}.home-aside .sample-tag{margin:0;font-size:6px}.leaderboard-card h2{font-size:12px}.leaderboard-card .trophy-tile{width:28px;height:28px}.leader-list{margin-top:12px}.leader-row{gap:8px;padding:9px 0}.leader-row .avatar{width:30px;height:30px;font-size:8px}.leader-person strong{font-size:9px}.leader-person small{font-size:7px;display:block}.rating{font-size:10px}.rank-number{min-width:11px;font-size:10px}.personal-card{margin-top:0;padding:20px 16px}.personal-heading{font-size:10px}.personal-rating>strong{font-size:33px}.personal-stats{padding-top:13px}.personal-card>p{font-size:8px}.rating-doodle{gap:4px;right:0}.personal-tag{padding:4px 6px;font-size:7px}.footer{padding-top:23px;font-size:8px}.toast{width:max-content;font-size:11px;bottom:22px;left:50%}.sidebar-note{margin-inline:10px}.sidebar-note .eyebrow{font-size:7px}.sidebar-note h3{font-size:18px}.sidebar-note p{font-size:9px}.sidebar-profile strong{font-size:11px}.sidebar-profile small{font-size:9px}.resume-game{font-size:11px}.leaderboard-banner h2{font-size:22px}.leaderboard-banner{padding:25px}.ranking-table-header{padding:23px}.ranking-table-header p{max-width:none}.table-scroll{margin-bottom:5px}th,td{padding:15px 20px}.rating-explainer{padding:20px}.rooms-grid{grid-template-columns:1fr 1fr;gap:17px}.room-create-card,.room-join-card{padding:26px 20px}.room-create-card h2,.room-join-card h2{font-size:18px}.rooms-grid .compact-speeds{grid-template-columns:repeat(2,1fr)}.room-local-note{flex-direction:column}.learn-hero{grid-template-columns:1fr 200px}.tips-grid{gap:16px}.tip-card{padding:22px}.game-layout{grid-template-columns:minmax(0,1fr) 225px;gap:17px}.game-info{display:block}.game-status-card{margin-bottom:16px;padding:19px 15px}.game-status-card h3{font-size:14px}.game-status-card>p{font-size:10px}.game-status-card>.eyebrow{letter-spacing:1px;font-size:6px}.game-status-card .button{font-size:10px}.moves-content{height:240px}.game-actions{flex-wrap:wrap;margin-top:15px}.game-actions .button{gap:6px;padding:8px;font-size:9px}.game-player{gap:8px;padding:8px}.game-player .avatar{width:30px;height:30px;font-size:9px}.game-player-name strong{font-size:10px}.game-player-name>span{font-size:8px}.game-clock{min-width:57px;padding:5px 7px;font-size:18px}.board-toolbar{gap:5px;font-size:9px}.board-toolbar .icon-button{padding:3px}.game-board-panel .rank-label,.game-board-panel .file-label{font-size:8px}}@media (width<=520px){.topbar{height:62px;padding:0 16px}.header-actions{gap:10px}.language-label{display:none}.language-button{padding:5px 7px}.breadcrumb{font-size:10px}.main-content{padding:22px 16px 0}.page-heading{margin-bottom:20px}h1{font-size:27px}.page-heading p{font-size:9px}.hero-banner{border-radius:9px;min-height:201px;padding:21px 20px}.hero-copy h2{letter-spacing:-.5px;font-size:22px}.hero-kicker{font-size:8px}.hero-copy>p{max-width:227px;font-size:8px;line-height:1.9}.hero-perks{gap:11px;margin-top:17px;font-size:7px}.hero-perks svg{width:12px}.hero-art{opacity:.37;width:36%;right:-20px;overflow:visible}.hero-knight{width:150px;height:170px;top:35px;right:-5px}.hero-art .art-star{display:none}.hero-art .art-checker{width:250px;bottom:-100px;right:-75px}.orbit-one{width:210px;top:-10px;right:-70px}.orbit-two{width:290px;top:-52px;right:-110px}.quick-play-card{padding:20px 18px}.quick-play-body{flex-direction:column-reverse;gap:20px;margin-top:19px;display:flex}.board-preview{align-self:center;max-width:245px}.play-settings{width:100%}.speed-options{grid-template-columns:repeat(4,1fr);gap:7px}.speed-option{text-align:center;padding:12px 7px}.speed-option>div{justify-content:center;gap:4px}.speed-option>div b{font-size:20px}.speed-option>div>svg,.speed-check{display:none}.speed-option>span{font-size:8px}.field-label{margin-bottom:10px;font-size:11px}.field-label>span{font-size:8px}.segmented-control{margin-bottom:17px}.segmented-control button{padding:9px 5px;font-size:11px}.play-button{min-height:46px;margin-top:16px;font-size:12px}.match-note{margin-top:11px;font-size:9px}.preview-player{font-size:8px}.secondary-cards{grid-template-columns:1fr 1fr;gap:11px;margin-top:15px}.mode-card{min-height:176px;padding:18px 14px}.mode-card .eyebrow{letter-spacing:.6px;gap:4px;font-size:5px}.mode-card .beta-badge{padding:3px;font-size:5px}.mode-card h3{margin-top:12px;font-size:16px}.mode-card p{max-width:128px;font-size:8px}.mode-link{gap:5px;margin-top:29px;font-size:9px}.mode-link svg{width:13px}.mode-art{opacity:.42;bottom:-26px;right:-22px}.learn-strip{flex-wrap:nowrap;gap:9px;padding:14px 13px}.learn-strip-icon{flex-shrink:0;width:31px;height:31px}.learn-strip strong{font-size:9px}.learn-strip p{max-width:155px;font-size:8px}.learn-strip .text-button{gap:5px;font-size:8px}.learn-strip .text-button svg{width:13px}.home-aside{grid-template-columns:1fr;gap:15px}.leaderboard-card{padding:21px 20px 17px}.leaderboard-card h2{font-size:15px}.leaderboard-card .trophy-tile{width:33px;height:33px}.leaderboard-card .trophy-tile svg{width:18px}.card-subtitle{margin-top:10px;font-size:10px;line-height:1.7}.home-aside .sample-tag{padding:4px 7px;font-size:8px}.leader-list{margin-top:12px}.leader-row{gap:11px;padding:10px 0}.rank-number{min-width:12px;font-size:11px}.leader-row .avatar{width:36px;height:36px;font-size:10px}.leader-person strong{font-size:11px}.leader-person small{margin-top:5px;font-size:8px}.rating{font-size:12px}.leaderboard-link{margin-top:6px;padding:12px;font-size:10px}.demo-note{margin-top:12px;font-size:8px}.personal-card{padding:22px}.personal-heading{gap:8px;font-size:11px}.personal-rating>strong{font-size:36px}.personal-tag,.personal-rating>span:not(.rating-doodle){font-size:8px}.personal-stats b{font-size:18px}.personal-stats>span{gap:5px;font-size:10px}.personal-card>p{margin-top:17px;font-size:9px}.rating-doodle{gap:5px;height:45px;right:15px}.rating-doodle i{width:7px}.footer{gap:7px;padding:22px 0;font-size:7px}.modal{max-height:calc(100dvh - 36px);padding:22px}.modal-backdrop{padding:18px}.modal-heading h2{font-size:19px}.modal-description{font-size:11px}.modal .speed-options .speed-option>div>svg{display:block}.modal .compact-speeds .speed-option>div b{font-size:18px}.compact-speeds .speed-option{padding:12px 6px}.join-room-form{gap:8px}.join-room-form .button{padding-inline:13px;font-size:11px}.room-code-input{padding:12px;font-size:12px}.rooms-grid{grid-template-columns:1fr;gap:20px}.room-create-card,.room-join-card{padding:27px 24px}.room-create-card h2,.room-join-card h2{font-size:21px}.room-create-card>p,.room-join-card>p{font-size:11px}.rooms-grid .compact-speeds{grid-template-columns:repeat(4,1fr)}.room-local-note{flex-direction:row;gap:10px}.friends-tip{align-items:flex-start;padding:20px 10px;font-size:10px}.friends-tip svg{width:18px;margin-top:3px}.learn-hero{flex-direction:column;gap:28px;padding:26px 23px;display:flex}.learn-hero h2{font-size:23px}.learn-hero p{font-size:11px}.learn-hero .eyebrow{font-size:8px}.learn-hero>.board-frame{max-width:260px}.learn-hero .button{margin-top:20px;font-size:11px}.tips-grid{gap:13px}.tip-card{padding:20px 15px}.tip-number{font-size:10px;top:19px;right:15px}.tip-card>.chess-piece{width:43px;height:48px;margin-bottom:13px}.tip-card h3{font-size:13px}.tip-card p{font-size:10px;line-height:1.95}.rating-explainer{gap:10px;padding:20px 17px}.rating-explainer h3{font-size:11px}.rating-explainer p{font-size:10px;line-height:2}.rating-explainer>svg{width:20px}.leaderboard-banner{gap:14px;padding:24px 22px}.leaderboard-banner h2{font-size:20px}.leaderboard-banner p{font-size:9px}.leaderboard-banner .eyebrow{font-size:7px}.leaderboard-banner>svg{opacity:.24;width:69px;height:75px;position:absolute;top:23px;right:15px}.leaderboard-banner .button{min-height:37px;margin-top:4px;padding:9px 13px;font-size:10px}.ranking-table-header{gap:18px;padding:20px}.ranking-table-header h2{font-size:15px}.ranking-table-header p{font-size:9px}th,td{padding:15px}.table-player strong{font-size:11px}.table-rating{font-size:14px}.game-layout{display:block}.game-info{grid-template-columns:1fr;gap:16px;margin-top:22px;display:grid}.game-status-card{margin-bottom:0;padding:22px}.game-status-card h3{font-size:18px}.game-status-card>p{font-size:11px}.game-status-card>.eyebrow{letter-spacing:1.7px;font-size:8px}.game-status-card .button{font-size:12px}.game-status-card .room-code{max-width:260px;margin-inline:auto}.game-tabs button{padding:14px;font-size:11px}.moves-content{height:220px}.game-actions{margin-top:0}.game-actions .button{min-height:42px;font-size:11px}.game-player{gap:10px;padding:10px}.game-player .avatar{width:33px;height:33px;font-size:10px}.game-player-name strong{font-size:11px}.game-player-name>span{font-size:9px}.game-clock{min-width:76px;padding:5px 12px;font-size:23px}.board-toolbar{gap:9px;font-size:10px}.game-board-panel .rank-label,.game-board-panel .file-label{font-size:8px}.game-page .page-heading{margin-bottom:22px}.game-page .page-heading h1{font-size:23px}.game-page .page-heading p{font-size:9px}.game-page .tag{margin-top:27px;padding:5px 7px;font-size:7px}.game-page .tag .status-dot{width:4px;height:4px}.board-toolbar .icon-button{padding:5px}.connection-banner{gap:7px;padding:10px;font-size:10px}}.main-content:has(>.rooms-page){width:100%;max-width:none;padding:16px 18px 0}.main-content:has(>.rooms-page)>.footer{padding-block:14px}.rooms-page .rooms-page-heading{margin-bottom:12px}.rooms-page .rooms-page-heading h1{font-size:26px;line-height:1.3}.rooms-page .rooms-page-heading p{margin-top:4px;font-size:11px;line-height:1.6}.rooms-page .rooms-layout{grid-template-columns:minmax(0,1.65fr) minmax(0,.75fr);align-items:stretch;gap:12px;display:grid}.rooms-page .rooms-grid{grid-template-columns:minmax(0,1fr);gap:10px;height:100%;display:grid}.rooms-page .room-create-card{height:100%;padding:16px}.rooms-page .large-icon{border-radius:12px;width:48px;height:48px;margin-bottom:10px}.rooms-page .large-icon svg{width:26px;height:26px}.rooms-page .room-create-card>p{margin:8px 0 14px}.rooms-page .compact-speeds{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:none}.rooms-page .room-create-card .button{max-width:none}.rooms-page .room-create-card>.button{margin-top:12px}.rooms-page .room-join-collapsible{margin-top:8px}.rooms-page .room-join-form{gap:8px;margin-top:8px;padding:12px}.rooms-page .room-local-note{flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.rooms-page .friends-sidebar{min-width:0;height:100%}.rooms-page .friends-sidebar-list{flex-direction:column;display:flex}.rooms-page .friends-sidebar-empty,.rooms-page .friends-loading{flex:1}.rooms-page .friends-sidebar-heading{padding:12px}.rooms-page .friends-sidebar-list{padding-inline:10px}.rooms-page .friends-sidebar-empty,.rooms-page .friends-loading{min-height:120px;padding:12px}.rooms-page .friends-manage-button{padding:12px}.rooms-page .friends-tip{gap:8px;padding:12px 0}@media (width<=760px){.rooms-page .rooms-layout{grid-template-columns:minmax(0,1fr);gap:10px}.rooms-page .rooms-grid,.rooms-page .room-create-card,.rooms-page .friends-sidebar{height:auto}.rooms-page .friends-sidebar{grid-row-start:auto}}@media (width<=600px){.main-content:has(>.rooms-page){padding:12px 12px 0}.rooms-page .room-create-card{padding:12px}.rooms-page .compact-speeds{gap:6px}}.main-content:has(>.friends-page){--friends-header-height:78px;height:calc(100dvh - var(--friends-header-height));flex-direction:column;min-height:0;padding:16px 18px 0;display:flex;overflow:hidden}.main-content:has(>.friends-page)>.footer{flex-shrink:0;padding-block:10px}.main-content:has(>.friends-page)>.connection-banner{flex-shrink:0;margin-bottom:10px}.friends-page{flex-direction:column;flex:1;min-height:0;display:flex}.friends-page .friends-page-heading{flex-shrink:0;gap:12px;margin-bottom:12px}.friends-page .page-eyebrow{margin-bottom:4px}.friends-page h1{font-size:26px;line-height:1.3}.friends-page .page-heading p{font-size:11px;line-height:1.6}.friends-page .friends-page-grid{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;min-height:0}.friends-page .friends-directory-card,.friends-page .friend-search-card{flex-direction:column;min-width:0;min-height:0;display:flex}.friends-page .friends-section-heading{flex-shrink:0;gap:10px;padding:12px}.friends-page .friends-heading-icon{flex-shrink:0;width:34px;height:34px}.friends-page .friends-directory-list{flex:1;min-height:0;padding:4px 12px;overflow-y:auto}.friends-page .friends-directory-list .friend-list-item{padding-block:10px}.friends-page .friends-empty-state{min-height:130px;padding:12px}.friends-page .friend-search-form{flex-shrink:0;padding:12px}.friends-page .friend-search-results{flex:1;min-height:0;padding:4px 12px 12px;overflow-y:auto}.friends-page .friend-search-results:empty{padding:0}.friends-page .friend-search-result{padding:10px 0}@media (width<=900px){.main-content:has(>.friends-page){--friends-header-height:67px}}@media (width<=760px){.friends-page .friends-page-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr);gap:10px}.friends-page .friend-search-card{grid-row:1}}@media (width<=700px){.main-content:has(>.friends-page){--friends-header-height:66px}}@media (width<=600px){.main-content:has(>.friends-page){padding:12px 12px 0}.friends-page .friends-page-heading{gap:10px}}@media (width<=520px){.main-content:has(>.friends-page){--friends-header-height:62px}.friends-page .friends-page-heading{align-items:center;display:flex}.friends-page .friends-page-heading>div{min-width:0}.friends-page .friends-page-heading .button{padding:8px;font-size:10px}.friends-page .friend-search-card{overflow-y:auto}}.main-content:has(>.learn-page){--learn-header-height:78px;height:calc(100dvh - var(--learn-header-height));flex-direction:column;min-height:0;padding:16px 18px 0;display:flex;overflow:hidden}.main-content:has(>.learn-page)>.footer{flex-shrink:0;padding-block:10px}.main-content:has(>.learn-page)>.connection-banner{flex-shrink:0;margin-bottom:10px}.learn-page{flex-direction:column;flex:1;min-height:0;display:flex}.learn-page .page-heading{flex-shrink:0;margin-bottom:12px}.learn-page h1{font-size:26px;line-height:1.3}.learn-page .page-eyebrow{margin-bottom:4px}.learn-page .page-heading p{font-size:11px;line-height:1.6}.learn-content{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:12px;min-height:0;display:grid}.learn-page .learn-hero{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-height:0;margin-bottom:0;padding:14px;display:grid;overflow-y:auto}.learn-page .learn-hero h2{margin:8px 0;font-size:22px;line-height:1.35}.learn-page .learn-hero p{max-width:none;font-size:11px;line-height:1.65}.learn-page .learn-hero .button{margin-top:12px}.learn-page .learn-hero>.board-frame{justify-self:center;width:min(100%,220px);max-width:none}.learn-page .tips-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0}.learn-page .tip-card{min-height:0;padding:12px;overflow-y:auto}.learn-page .tip-number{top:12px;right:12px}.learn-page .tip-card>.chess-piece{width:32px;height:36px;margin-bottom:8px}.learn-page .tip-card h3{margin-bottom:6px;font-size:13px}.learn-page .tip-card p{font-size:11px;line-height:1.65}.learn-page .rating-explainer{flex-shrink:0;gap:10px;margin-top:10px;padding:10px 12px}.learn-page .rating-explainer p{font-size:10px;line-height:1.6}@media (width<=1100px){.learn-page .tips-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.main-content:has(>.learn-page){--learn-header-height:67px}}@media (width<=700px){.main-content:has(>.learn-page){--learn-header-height:66px;padding:12px 12px 0}.learn-content{grid-template-rows:minmax(0,.85fr) minmax(0,1.15fr);grid-template-columns:minmax(0,1fr);gap:10px}.learn-page .learn-hero{grid-template-columns:minmax(0,1fr) 120px;padding:12px}.learn-page .learn-hero h2{font-size:18px}.learn-page .tips-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.learn-page .tip-card{padding:10px}}@media (width<=520px){.main-content:has(>.learn-page){--learn-header-height:62px}.learn-page .learn-hero{grid-template-columns:minmax(0,1fr) 90px}.learn-page .tips-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}}.main-content:has(>.leaderboard-page){padding:16px 18px 0}.ranking-time-filter{flex-shrink:0;width:140px}.ranking-time-filter label{color:var(--muted);gap:4px;font-size:12px;display:grid}.ranking-time-filter select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--ink);border-radius:8px;padding:8px 12px;font-size:14px}.main-content:has(>.leaderboard-page)>.footer{flex-shrink:0;padding-block:10px}.main-content:has(>.leaderboard-page)>.connection-banner{flex-shrink:0;margin-bottom:10px}.leaderboard-page{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.leaderboard-page .leaderboard-banner{flex-shrink:0;gap:12px;margin-bottom:0;padding:12px 16px}.leaderboard-page .leaderboard-banner h2{margin:4px 0;font-size:24px;line-height:1.3}.leaderboard-page .leaderboard-banner>svg{width:42px;height:42px}.leaderboard-page .current-player-rank{flex-shrink:0;margin-bottom:0;padding:8px 10px}.leaderboard-page .current-player-identity{gap:8px;margin-bottom:6px}.leaderboard-page .current-player-identity .avatar{width:30px;height:30px;font-size:10px}.leaderboard-page .current-player-identity strong{margin-top:2px;font-size:12px}.leaderboard-page .current-player-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.leaderboard-page .current-player-stat{gap:3px;padding:6px 8px}.leaderboard-page .current-player-stat dt{font-size:10px}.leaderboard-page .current-player-stat dd{font-size:16px}.leaderboard-page .current-player-rank-note{margin-top:5px;font-size:10px;line-height:1.5}.leaderboard-page .ranking-table-card{flex-direction:column;min-height:0;display:flex}.leaderboard-page .ranking-table-header{flex-flow:wrap;flex-shrink:0;align-items:center;gap:10px;padding:12px}.leaderboard-page .ranking-table-header p{max-width:none;margin-top:3px}.leaderboard-page .ranking-table-heading{flex:1;min-width:0}.leaderboard-page .ranking-table-description{display:grid}.leaderboard-page .ranking-table-description>span{visibility:hidden;grid-area:1/1}.leaderboard-page .ranking-table-description>.active{visibility:visible}.leaderboard-page .ranking-table-filters{align-items:flex-end;gap:10px;max-width:100%;display:flex}.leaderboard-page .ranking-table-header .search-field{width:220px;max-width:220px}.leaderboard-page .ranking-period-filter{flex-shrink:0;gap:10px;margin:0 12px 10px;padding:10px}.leaderboard-page .ranking-period-controls{align-items:flex-end;gap:8px}.leaderboard-page .table-scroll{scrollbar-gutter:stable;height:clamp(320px,45vh,480px);margin-bottom:0;overflow:auto}.leaderboard-page th,.leaderboard-page td{padding:10px 14px}.leaderboard-page .rating-explainer{flex-shrink:0;gap:10px;margin-top:0;padding:10px 12px}.leaderboard-page .rating-explainer p{font-size:10px;line-height:1.6}@media (width<=900px){.leaderboard-page .current-player-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.main-content:has(>.leaderboard-page){padding:12px 12px 0}.leaderboard-page .leaderboard-banner{padding:10px 12px}.leaderboard-page .leaderboard-banner h2{font-size:21px}.leaderboard-page .leaderboard-banner>svg{display:none}}@media (width<=520px){.leaderboard-page .ranking-table-filters{width:100%}.leaderboard-page .ranking-table-header .search-field{flex:1;min-width:0;max-width:none}.leaderboard-page .ranking-table-header .search-field input{max-width:none}}.main-content:has(>.public-profile-page){padding:16px 18px 0}.main-content:has(>.public-profile-page)>.footer{padding-block:14px}.public-profile-page .page-heading{gap:12px;margin-bottom:12px}.public-profile-page .page-eyebrow{margin-bottom:4px}.public-profile-page h1{font-size:26px;line-height:1.3}.public-profile-page .page-heading p{font-size:11px;line-height:1.6}.public-profile-page .leaderboard-profile-page,.public-profile-page .profile-history-card{padding:14px}.public-profile-page .leaderboard-profile-identity{gap:12px;padding-bottom:12px}.public-profile-page .leaderboard-profile-identity h2{margin-top:3px;font-size:22px}.public-profile-page .leaderboard-profile-identity p{margin-top:3px}.public-profile-page .leaderboard-profile-rank{padding:7px 10px;font-size:14px}.public-profile-page .leaderboard-profile-sample{margin-bottom:10px;padding:8px 10px}.public-profile-page .leaderboard-profile-stats{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.public-profile-page .leaderboard-profile-stats>div{min-width:0;padding:8px 10px}.public-profile-page .leaderboard-profile-stats dt{margin-bottom:4px}.public-profile-page .leaderboard-profile-stats dd{overflow-wrap:anywhere;font-size:16px}.public-profile-page .public-player-history{margin-top:10px}.public-profile-page .game-history-list,.public-profile-page .history-state{margin-top:12px}.public-profile-page .history-state{min-height:110px;padding:12px}.public-profile-page .game-history-row{gap:10px;min-height:64px;padding:10px 12px}@media (width<=1100px){.public-profile-page .leaderboard-profile-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.public-profile-page .page-heading{flex-wrap:wrap;align-items:flex-start}}@media (width<=600px){.main-content:has(>.public-profile-page){padding:12px 12px 0}.public-profile-page .leaderboard-profile-page,.public-profile-page .profile-history-card{padding:12px}.public-profile-page .leaderboard-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.main-content:has(>.my-profile-page){padding:16px 18px 0}.main-content:has(>.my-profile-page)>.footer{padding-block:14px}.my-profile-page .page-heading{margin-bottom:12px}.my-profile-page h1{font-size:26px;line-height:1.3}.my-profile-page .page-eyebrow{margin-bottom:4px}.my-profile-page .page-heading p{font-size:11px;line-height:1.6}.my-profile-page .account-settings-shell{grid-template-columns:var(--settings-nav-width) minmax(0, 1fr);min-height:auto}.my-profile-page .account-settings-nav{padding:16px 10px}.my-profile-page .account-settings-panel{gap:10px;padding:14px}.my-profile-page .account-panel-heading{flex-wrap:wrap;gap:12px;padding-bottom:12px}.my-profile-page .profile-identity-hero{border:0;flex:420px;gap:12px;min-width:0;padding:0}.my-profile-page .profile-identity-hero>div{min-width:0}.my-profile-page .profile-identity-hero h2{overflow-wrap:anywhere;margin:4px 0;font-size:20px}.my-profile-page .profile-identity-hero .avatar{flex-shrink:0;width:80px;height:80px;font-size:24px}.my-profile-page .profile-identity-hero p{font-weight:400}.my-profile-page .account-panel-heading p,.my-profile-page .account-setting-copy p{max-width:none}.my-profile-page .account-setting-row{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;min-height:68px;padding:12px 0}.my-profile-page :is(.button,.text-button),.my-profile-page .account-state-pill{white-space:nowrap}.my-profile-page .profile-name-row .text-input{max-width:440px;margin-bottom:6px}.my-profile-page .profile-name-row .input-label{margin:0 0 8px}.my-profile-page .profile-name-row .button,.my-profile-page .account-setting-value{justify-self:end}.my-profile-page .profile-performance-card,.my-profile-page .profile-history-card{min-height:0;padding:16px 0}.my-profile-page .profile-performance-card{border-bottom:1px solid var(--border)}.my-profile-page .profile-section-title{gap:10px}.my-profile-page .profile-section-icon{width:34px;height:34px}.my-profile-page .profile-stat-grid{margin-top:12px}.my-profile-page .profile-stat-grid>div{padding:10px}.my-profile-page .profile-stat-grid strong{font-size:22px}.my-profile-page .game-history-list,.my-profile-page .history-state{margin-top:12px}.my-profile-page .history-state{min-height:110px;padding:12px}.my-profile-page .game-history-row{gap:10px;min-height:64px;padding:10px 12px}@media (width<=1100px){.my-profile-page .account-setting-row{grid-template-columns:34px minmax(0,1fr)}.my-profile-page .profile-name-row .button,.my-profile-page .account-setting-value{text-align:left;grid-column:2;justify-self:start;align-items:flex-start}.my-profile-page .game-history-row{grid-template-columns:76px 32px minmax(0,1fr) auto}.my-profile-page .history-details{grid-column:3/-1}.my-profile-page .history-rating{grid-area:1/4}}@media (width<=760px){.my-profile-page .account-settings-shell{grid-template-columns:minmax(0,1fr)}.my-profile-page .account-settings-nav{padding:10px}}@media (width<=600px){.main-content:has(>.my-profile-page){padding:12px 12px 0}.my-profile-page .account-settings-panel{padding:12px}.my-profile-page .account-panel-heading{flex-wrap:wrap}}.main-content:has(>.preferences-page){padding:16px 18px 0}.main-content:has(>.preferences-page)>.footer{padding-block:14px}.preferences-page .page-heading{margin-bottom:12px}.preferences-page h1{font-size:26px;line-height:1.3}.preferences-page .page-eyebrow{margin-bottom:4px}.preferences-page .page-heading p{font-size:11px;line-height:1.6}.preferences-page .account-settings-shell{grid-template-columns:var(--settings-nav-width) minmax(0, 1fr);min-height:auto}.preferences-page .account-settings-nav{padding:16px 10px}.preferences-page .account-settings-panel{padding:14px}.preferences-page .account-panel-heading{gap:12px;padding-bottom:12px}.preferences-page .account-panel-heading h2{margin:4px 0;font-size:20px}.preferences-page .account-setting-row{grid-template-columns:34px minmax(0,1fr) 280px;gap:10px;min-height:68px;padding:12px 0}.preferences-page .settings-theme-options{gap:6px;max-width:none}.preferences-page .settings-theme-options button{padding:8px 10px;font-size:11px}.preferences-page .account-setting-value{justify-self:end}@media (width<=1100px){.preferences-page .account-setting-row{grid-template-columns:34px minmax(0,1fr)}.preferences-page .settings-theme-options,.preferences-page .settings-language-options,.preferences-page .account-setting-value{text-align:left;grid-column:2;justify-content:flex-start;justify-self:start;align-items:flex-start}.preferences-page .account-setting-switch-wrap{flex-direction:row;align-items:center}}@media (width<=760px){.preferences-page .account-settings-shell{grid-template-columns:minmax(0,1fr)}.preferences-page .account-settings-nav{padding:10px}}@media (width<=600px){.main-content:has(>.preferences-page){padding:12px 12px 0}.preferences-page .account-settings-panel{padding:12px}.preferences-page .account-panel-heading{flex-wrap:wrap}}.main-content:has(>.notification-settings-page){padding:16px 18px 0}.main-content:has(>.notification-settings-page)>.footer{padding-block:14px}.notification-settings-page .page-heading{margin-bottom:12px}.notification-settings-page h1{font-size:26px;line-height:1.3}.notification-settings-page .page-eyebrow{margin-bottom:4px}.notification-settings-page .page-heading p{font-size:11px;line-height:1.6}.notification-settings-page .account-settings-shell{grid-template-columns:var(--settings-nav-width) minmax(0, 1fr);min-height:auto}.notification-settings-page .account-settings-nav{padding:16px 10px}.notification-settings-page .account-settings-panel{padding:14px}.notification-settings-page .account-panel-heading{gap:12px;padding-bottom:12px}.notification-settings-page .account-panel-heading h2{margin:4px 0;font-size:20px}.notification-settings-page .account-setting-row{grid-template-columns:34px minmax(0,1fr) 110px;gap:10px;min-height:64px;padding:10px 0}.notification-settings-page .account-setting-switch-wrap{justify-content:flex-end;justify-self:end}.notification-settings-page .account-setting-switch{flex-shrink:0}@media (width<=760px){.notification-settings-page .account-settings-shell{grid-template-columns:minmax(0,1fr)}.notification-settings-page .account-settings-nav{padding:10px}}@media (width<=600px){.main-content:has(>.notification-settings-page){padding:12px 12px 0}.notification-settings-page .account-settings-panel{padding:12px}.notification-settings-page .account-panel-heading{flex-wrap:wrap}.notification-settings-page .account-setting-row{grid-template-columns:34px minmax(0,1fr);gap:8px}.notification-settings-page .account-setting-switch-wrap{text-align:left;grid-column:2;justify-content:flex-start;justify-self:start;align-items:center}}.main-content:has(>.account-page){padding:16px 18px 0}.main-content:has(>.account-page)>.footer{padding-block:14px}.account-page .page-heading{margin-bottom:12px}.account-page h1{font-size:26px;line-height:1.3}.account-page .page-eyebrow{margin-bottom:4px}.account-page .page-heading p{font-size:11px;line-height:1.6}.account-page .account-settings-shell{grid-template-columns:var(--settings-nav-width) minmax(0, 1fr);min-height:auto}.account-page .account-settings-nav{padding:16px 10px}.account-page .account-settings-panel{padding:14px}.account-page .account-panel-heading{gap:12px;padding-bottom:12px}.account-page .account-panel-heading h2{margin:4px 0;font-size:20px}.account-page .account-setting-row{grid-template-columns:34px minmax(0,1fr) minmax(130px,250px);gap:10px;min-height:64px;padding:10px 0}.account-page .account-setting-value,.account-page .account-role-list,.account-page .account-row-action{justify-self:end;min-width:0}.account-page .account-row-action{margin-top:0}.account-page .account-auth-form,.account-page .account-auth-fields,.account-page .account-page-mode,.account-page .account-form-help{max-width:none}.account-page .account-page-mode{gap:8px;margin-bottom:12px;display:flex}.account-page .account-page-mode .button{flex:1}.account-page .account-auth-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.account-page .account-auth-fields .input-label{grid-row:1;margin:0}.account-page .account-auth-fields .account-input-wrap{grid-row:2;min-width:0}.account-page .account-form-help{margin:10px 0}.account-page .account-submit{width:100%;min-width:0}.account-page .account-fullpage-signin{margin:0 0 16px}@media (width<=1100px){.account-page .account-setting-row{grid-template-columns:34px minmax(0,1fr)}.account-page .account-setting-value,.account-page .account-role-list,.account-page .account-row-action{text-align:left;grid-column:2;justify-content:flex-start;justify-self:start;align-items:flex-start;max-width:100%}}@media (width<=760px){.account-page .account-settings-shell{grid-template-columns:minmax(0,1fr)}.account-page .account-settings-nav{padding:10px}}@media (width<=600px){.main-content:has(>.account-page){padding:12px 12px 0}.account-page .account-settings-panel{padding:12px}.account-page .account-panel-heading{flex-wrap:wrap}.account-page .account-auth-fields{grid-template-columns:minmax(0,1fr)}.account-page .account-auth-fields .input-label,.account-page .account-auth-fields .account-input-wrap{grid-row:auto}}.password-form-panel{max-width:480px;margin:24px auto;padding:24px}.password-form-panel>p{margin:14px 0;line-height:1.6}.password-change-panel{border-bottom:1px solid var(--border);padding:16px 0 20px 44px}.password-change-panel .account-auth-form{gap:10px;width:100%;max-width:440px;padding-top:14px;display:grid}.password-change-panel .input-label{margin:0}.password-change-panel .button{justify-self:start;margin-top:4px}@media (width<=600px){.password-change-panel{padding-left:0}}.saved-game-messages{max-height:50vh;overflow:auto}.saved-game-messages p{overflow-wrap:anywhere;margin:12px 0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.thai-flag{border-radius:2px;flex-shrink:0;width:17px;height:12px;display:inline-block}.player-country{align-items:center;gap:6px;display:flex!important}.player-country .thai-flag{width:12px;height:8px}.sample-tag{color:var(--tone-879478);padding:4px 6px;font-size:9px}.demo-note{color:var(--tone-8c987c);font-size:9px;line-height:1.8}.home-aside .sample-tag{font-size:8px}:is(.home-page,.rooms-page,.friends-page,.learn-page,.leaderboard-page,.public-profile-page,.game-page) .numeric-text,.rooms-page .speed-option>div b,.learn-page .tip-number,.game-page .rank-label,.leaderboard-page .rank-number,.leaderboard-page .table-rating,.leaderboard-page td:nth-child(n+3),.public-profile-page .history-rating>strong,.public-profile-page .history-rating time,.game-page .game-clock,.game-page .move-row>span,.game-page .game-tabs button>span,.modal .speed-option>div b{font-variant-numeric:tabular-nums lining-nums;letter-spacing:0;font-family:DM Sans,sans-serif;font-weight:600}:is(.home-page,.rooms-page,.friends-page,.learn-page,.leaderboard-page,.public-profile-page,.game-page){font-size:16px}:is(.home-page,.rooms-page,.friends-page,.learn-page,.leaderboard-page,.public-profile-page,.game-page) :is(.page-heading h1,.leaderboard-banner h2){letter-spacing:0;font-size:30px;line-height:1.35}:is(.home-page,.rooms-page,.friends-page,.learn-page,.leaderboard-page,.public-profile-page,.game-page) :is(p,.button,.text-button,input,select,.input-label,.field-label){font-size:14px}:is(.home-page,.rooms-page,.friends-page,.learn-page,.leaderboard-page,.public-profile-page,.game-page) p{line-height:1.65}:is(.home-page,.rooms-page,.friends-page,.learn-page,.leaderboard-page,.public-profile-page) :is(small,.eyebrow,.sample-tag,.small-tag,.personal-tag,dt,.tip-number){font-size:12px}.home-page :is(.section-title h2,.leaderboard-card h2),.friends-page .friends-section-heading h2,.leaderboard-page .ranking-table-header h2,.public-profile-page .profile-section-title h2,.home-page .mode-card h3,.learn-page .tip-card h3{font-size:18px}.home-page :is(.segmented-control button,.speed-option>span,.preview-player),.home-page :is(.personal-heading,.personal-stats>span,.personal-rating>span:not(.rating-doodle)),.home-page :is(.learn-strip strong,.leader-person strong),.rooms-page :is(.room-local-note,.friends-sidebar-empty strong,.friend-copy strong),.friends-page :is(.friend-copy strong,.friend-search-result strong),.leaderboard-page :is(td,.table-player strong,.ranking-period-button,.ranking-period-dates),.public-profile-page :is(.history-opponent strong,.history-details strong,.history-state),.game-page :is(.game-player-name strong,.game-tabs button,.board-toolbar,.moves-empty){font-size:14px}.home-page :is(.rating,.personal-stats b),.leaderboard-page :is(.current-player-stat dd,.table-rating),.public-profile-page .leaderboard-profile-stats dd{font-size:20px}.home-page .personal-rating>strong{font-size:38px}.leaderboard-page :is(th,.current-player-identity span,.current-player-identity small),.public-profile-page :is(.history-opponent small,.history-details small,.history-rating time),.game-page :is(.game-player-name>span,.game-player-card small,.game-status-card>.eyebrow){font-size:12px}.desktop-nav>button>span,.main-nav>button>span,.mobile-header-context>span{font-size:18px;font-weight:700;line-height:1.3}:root:lang(th) .desktop-nav>button>span,:root:lang(th) .main-nav>button>span,:root:lang(th) .mobile-header-context>span{font-size:20px}.auth-screen :is(.auth-heading p,.auth-form label,.auth-input-wrap input,.auth-submit,.google-fallback,.auth-switch){font-size:15px}:is(.auth-screen :is(.auth-kicker,.auth-divider,.google-note,.auth-legal),.main-content:not(:has(>:is(.my-profile-page,.preferences-page,.notification-settings-page,.supporter-page,.account-page)))>.footer){font-size:12px}.room-mode-picker .segmented-control{flex-wrap:wrap;margin-bottom:10px}.room-mode-picker .segmented-control button{font-size:14px}.twin-mode-note{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.6}.twin-game-page .page-heading{margin-bottom:12px}.twin-clock-row,.twin-boards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.twin-clock-row{margin-bottom:12px}.twin-shared-clock{align-items:center;gap:10px;padding:12px;display:flex}.twin-shared-clock.is-running{border-color:var(--green);background:var(--canvas)}.twin-player-copy{flex:1;gap:3px;min-width:0;display:grid}.twin-player-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.twin-player-copy>span{color:var(--muted);font-size:12px}.twin-score{color:var(--muted);white-space:nowrap;font-size:14px}.twin-clock-value{white-space:nowrap;align-items:center;gap:6px;font-size:28px;display:flex}.twin-board-card{min-width:0;padding:12px}.twin-board-card.is-your-turn{border-color:var(--green)}.twin-board-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.twin-board-heading h2{font-size:18px}.twin-board-heading p,.twin-board-heading>span{color:var(--muted);font-size:13px;line-height:1.5}.twin-board-heading>span{text-align:right}.twin-board-card>.game-end-stage>.board-frame{width:min(100%,480px);margin-inline:auto}.twin-board-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.twin-board-actions .button{flex:1;font-size:13px}.twin-moves{margin-top:10px;font-size:13px}.twin-moves summary{cursor:pointer}.twin-moves p{max-height:140px;margin-top:8px;line-height:1.7;overflow-y:auto}.twin-match-status{border:1px solid var(--border);background:var(--canvas);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:flex}.twin-match-actions{justify-content:flex-end;margin-top:12px;display:flex}.twin-promotion-options{gap:10px;display:flex}.twin-promotion-options button{border:1px solid var(--border);border-radius:8px;flex:1;padding:10px}.twin-promotion-options .chess-piece{width:44px;height:48px}@media (width<=760px){.twin-boards{grid-template-columns:minmax(0,1fr)}.twin-shared-clock{flex-wrap:wrap;gap:8px;padding:10px}.twin-score{margin-left:auto}.twin-clock-value{justify-content:center;width:100%;font-size:26px}}.duo-friend-block{border:1px solid var(--border);background:var(--canvas);text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;margin-top:10px;padding:12px;display:flex}.duo-friend-block>span:not(.icon-tile){flex:1;min-width:0}.duo-friend-block strong,.duo-friend-block small{display:block}.duo-friend-block strong{font-size:14px}.duo-friend-block small{color:var(--muted);margin-top:4px;font-size:12px}.duo-friend-block:hover{border-color:var(--green)}.duo-friends-list{max-height:360px;margin-bottom:16px;overflow-y:auto}.duo-home-team .duo-team-members{margin:10px 0}.duo-team-members .duo-friend-block{margin-top:0}.duo-home-team-help{color:var(--muted);font-size:12px;line-height:1.6}.duo-home-team .local-play-link{margin-top:12px}.duo-request-button{flex-shrink:0;padding:8px;font-size:12px}.duo-team-picker{grid-column:1/-1;gap:8px;display:grid}.duo-team-picker select{border:1px solid var(--tone-e6e9df);background:var(--tone-f7f8f4);color:inherit;border-radius:8px;padding:10px}.duo-team-picker small{font-weight:400}.duo-roster{flex:1;gap:4px;min-width:0;font-size:12px;display:grid}.duo-roster span{overflow-wrap:anywhere}.duo-member-active{color:var(--tone-315b43);font-weight:700}.game-player:has(.duo-roster){grid-template-columns:auto minmax(0,1fr) auto;display:grid}.game-player:has(.duo-roster) .game-clock{grid-area:1/3}.duo-roster{grid-area:2/2/auto/-1}.duo-team-code{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.duo-team-code .room-code{margin:0;font-size:22px}.duo-team-members{gap:10px;margin:18px 0;display:grid}.duo-team-member{border:1px solid var(--tone-e6e9df);border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.duo-team-member>div{flex:1;min-width:0}.duo-team-member strong{overflow-wrap:anywhere}.duo-team-member small{opacity:.7;margin-top:4px;display:block}.duo-search-status{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:18px 0;display:flex}.duo-search-status span{text-align:center;flex-basis:100%}.bot-page-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;display:grid}.bot-setup-card,.bot-guide-card{min-width:0;padding:24px}.bot-guide-card h2{margin-bottom:22px;font-size:21px}.bot-guide-card>div{border-bottom:1px solid var(--border);padding:16px 0}.bot-guide-card strong{font-size:17px}.bot-guide-card p{color:var(--muted);margin-top:9px;font-size:14px;line-height:1.8}.bot-practice-note{align-items:flex-start;gap:10px;display:flex}.bot-practice-note svg{flex-shrink:0;margin-top:4px}.bot-resume{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:18px;display:flex}.bot-match-status{background:var(--canvas);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;padding:12px 16px;font-size:13px;display:flex}.bot-match-status>span{align-items:center;gap:8px;display:flex}@media (width<=760px){.bot-page-grid{grid-template-columns:minmax(0,1fr)}.bot-setup-card,.bot-guide-card{padding:18px}}.mode-choice{--mode-choice-gap:4px;text-align:left;width:fit-content;max-width:100%;margin-bottom:14px;position:relative}.mode-choice-trigger{max-width:100%;min-height:44px;color:var(--ink);text-align:left;border-radius:7px;justify-content:space-between;align-items:center;gap:22px;padding:10px 14px;font-size:18px;display:inline-flex}.mode-choice-trigger:hover,.mode-choice-trigger[aria-expanded=true]{background:var(--tone-f1f3ec)}.mode-choice-trigger>.mode-choice-chevron{flex-shrink:0;transition:transform .15s}.mode-choice-trigger>.mode-choice-chevron.is-open{transform:rotate(180deg)}.mode-choice-menu{top:calc(100% + var(--mode-choice-gap));z-index:30;border:1px solid var(--border);background:var(--surface);border-radius:8px;width:280px;max-width:calc(100vw - 64px);padding:12px 8px;position:absolute;left:0;box-shadow:0 8px 28px #17251c24}.mode-choice-menu:before{content:"";top:calc(-1 * var(--mode-choice-gap));width:100%;height:var(--mode-choice-gap);position:absolute;left:0}.mode-choice-option{width:100%;min-height:48px;color:var(--ink);text-align:left;border-radius:4px;justify-content:space-between;align-items:center;gap:16px;padding:12px 22px;font-size:18px;line-height:1.5;display:flex}.mode-choice-option:hover,.mode-choice-option:focus-visible{background:var(--tone-f1f3ec)}.mode-choice-option>svg{color:var(--green);flex-shrink:0}@media (prefers-reduced-motion:reduce){.mode-choice-trigger>.mode-choice-chevron{transition:none}}.desktop-nav .mode-choice{--mode-choice-gap:16px;margin:0}.desktop-nav .mode-choice-trigger{min-height:43px;color:var(--tone-6f7d6b);white-space:nowrap;border-radius:9px;gap:7px}.desktop-nav .mode-choice-trigger>span{font-family:Sour Gummy,Itim,Noto Sans Thai,sans-serif;font-size:18px;font-weight:700;line-height:1.3}.desktop-nav .mode-choice-trigger.active{color:var(--tone-315c40);background:var(--tone-e2ebd5)}.main-nav .mode-choice{width:100%;margin:0}.main-nav .mode-choice-trigger{gap:12px}.main-nav .mode-choice-trigger>span{flex:1;font-size:18px;font-weight:700;line-height:1.3}:root:lang(th) .mode-choice-trigger>span,:root:lang(th) .mode-choice-option{font-size:20px}.main-nav .mode-choice-menu{width:100%}.main-nav .mode-choice-option{color:var(--ink);padding-inline:14px}.main-nav .mode-choice-option:hover,.main-nav .mode-choice-option:focus-visible{color:var(--ink);background:var(--tone-f1f3ec)}@media (width<=1250px){.desktop-nav .mode-choice-trigger{padding-inline:9px}}@media (width>=701px) and (width<=900px){.desktop-nav .mode-choice-trigger{min-height:36px;padding:6px 9px}.desktop-nav .mode-choice-trigger>span,.desktop-nav .mode-choice-trigger>.beta-badge{display:none}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#182333;--canvas:#101824;--ink:#f3f6fb;--muted:#c3cfdd;--border:#34465e;--green:#b0d2ff;--forest:#111d2d;--lime:#aac7ee;--tone-121812:#f3f6fb;--tone-172119:#f3f6fb;--tone-1e3b2d:#f3f6fb;--tone-233627:#f3f6fb;--tone-24432f:#f3f6fb;--tone-254431:#f3f6fb;--tone-254a35:#f3f6fb;--tone-263128:#f3f6fb;--tone-26321e:#f3f6fb;--tone-263b2d:#f3f6fb;--tone-263d30:#f3f6fb;--tone-264431:#f3f6fb;--tone-27452e:#f3f6fb;--tone-294431:#f3f6fb;--tone-294832:#f3f6fb;--tone-294b38:#f3f6fb;--tone-294e32:#f3f6fb;--tone-2a4936:#f3f6fb;--tone-2c3b30:#f3f6fb;--tone-2d4131:#f3f6fb;--tone-2f3c31:#f3f6fb;--tone-303831:#f3f6fb;--tone-314b36:#f3f6fb;--tone-31523c:#f3f6fb;--tone-315b43:#b0d2ff;--tone-315c40:#f3f6fb;--tone-344239:#f3f6fb;--tone-344432:#f3f6fb;--tone-344834:#f3f6fb;--tone-344b39:#f3f6fb;--tone-34a853:#f3f6fb;--tone-35503a:#f3f6fb;--tone-38503b:#f3f6fb;--tone-38503d:#f3f6fb;--tone-3a5840:#f3f6fb;--tone-3f5443:#f3f6fb;--tone-41593a:#f3f6fb;--tone-435548:#f3f6fb;--tone-455e39:#f3f6fb;--tone-46603d:#f3f6fb;--tone-466341:#f3f6fb;--tone-475545:#f3f6fb;--tone-475d3d:#f3f6fb;--tone-476143:#f3f6fb;--tone-486245:#f3f6fb;--tone-49623c:#f3f6fb;--tone-4b574a:#f3f6fb;--tone-4b673d:#f3f6fb;--tone-4c6942:#f3f6fb;--tone-4d653c:#f3f6fb;--tone-4e713b:#f3f6fb;--tone-4f743e:#f3f6fb;--tone-4f7d50:#f3f6fb;--tone-526443:#f3f6fb;--tone-526a46:#f3f6fb;--tone-526a47:#f3f6fb;--tone-526a48:#f3f6fb;--tone-526b43:#f3f6fb;--tone-526b46:#f3f6fb;--tone-526c48:#f3f6fb;--tone-527047:#f3f6fb;--tone-536c48:#f3f6fb;--tone-547246:#f3f6fb;--tone-547a3f:#f3f6fb;--tone-556e40:#f3f6fb;--tone-557349:#f3f6fb;--tone-567143:#f3f6fb;--tone-576e45:#f3f6fb;--tone-58734d:#f3f6fb;--tone-59714c:#f3f6fb;--tone-5a7050:#f3f6fb;--tone-5b7849:#f3f6fb;--tone-5b7b44:#f3f6fb;--tone-5d7d4c:#f3f6fb;--tone-5e824b:#f3f6fb;--tone-607158:#f3f6fb;--tone-627854:#f3f6fb;--tone-62844c:#f3f6fb;--tone-63764d:#f3f6fb;--tone-648457:#d5dfed;--tone-657857:#f3f6fb;--tone-657b52:#f3f6fb;--tone-658151:#f3f6fb;--tone-66725f:#d5dfed;--tone-668052:#f3f6fb;--tone-668a57:#d5dfed;--tone-678354:#f3f6fb;--tone-688052:#f3f6fb;--tone-69805b:#d5dfed;--tone-6a8057:#d5dfed;--tone-6a8454:#f3f6fb;--tone-6b8751:#f3f6fb;--tone-6c8359:#d5dfed;--tone-6d8068:#d5dfed;--tone-6d8258:#d5dfed;--tone-6d8757:#d5dfed;--tone-6e895f:#d5dfed;--tone-6e8b5c:#d5dfed;--tone-6e8c5b:#d5dfed;--tone-6f7d6b:#d5dfed;--tone-6f7e61:#d5dfed;--tone-718069:#d5dfed;--tone-718073:#d5dfed;--tone-718164:#d5dfed;--tone-718461:#d5dfed;--tone-71885c:#d5dfed;--tone-718958:#d5dfed;--tone-718c58:#d5dfed;--tone-719156:#d5dfed;--tone-71a259:#d5dfed;--tone-72995b:#d5dfed;--tone-747d6f:#d5dfed;--tone-747e70:#d5dfed;--tone-748473:#d5dfed;--tone-758360:#d5dfed;--tone-758565:#d5dfed;--tone-759656:#d5dfed;--tone-76806f:#d5dfed;--tone-778865:#d5dfed;--tone-788271:#d5dfed;--tone-788371:#d5dfed;--tone-78905f:#d5dfed;--tone-789081:#d5dfed;--tone-79945d:#d5dfed;--tone-7a896d:#d5dfed;--tone-7b8973:#d5dfed;--tone-7b8c67:#d5dfed;--tone-7b916a:#d5dfed;--tone-7c897a:#d5dfed;--tone-7c9267:#d5dfed;--tone-7d8b70:#d5dfed;--tone-7d8b73:#d5dfed;--tone-7e897a:#d5dfed;--tone-7f8b70:#d5dfed;--tone-80936a:#d5dfed;--tone-819a6b:#d5dfed;--tone-819c65:#d5dfed;--tone-829078:#d5dfed;--tone-829369:#d5dfed;--tone-839470:#d5dfed;--tone-839d67:#d5dfed;--tone-839d8a:#d5dfed;--tone-859078:#d5dfed;--tone-859568:#d5dfed;--tone-869777:#d5dfed;--tone-87927d:#d5dfed;--tone-87927e:#d5dfed;--tone-879478:#d5dfed;--tone-87957a:#d5dfed;--tone-899282:#d5dfed;--tone-899284:#d5dfed;--tone-899382:#d5dfed;--tone-8a947f:#d5dfed;--tone-8a9483:#d5dfed;--tone-8a957d:#d5dfed;--tone-8a9581:#d5dfed;--tone-8a9876:#d5dfed;--tone-8aa58d:#d5dfed;--tone-8b9380:#d5dfed;--tone-8b9583:#d5dfed;--tone-8b9d74:#d5dfed;--tone-8b9f58:#d5dfed;--tone-8b9f7b:#d5dfed;--tone-8ba66e:#d5dfed;--tone-8baa61:#d5dfed;--tone-8c9284:#d5dfed;--tone-8c987c:#d5dfed;--tone-8c9b70:#d5dfed;--tone-8c9c79:#d5dfed;--tone-8ca369:#d5dfed;--tone-8ca57a:#d5dfed;--tone-8d9687:#d5dfed;--tone-8d9879:#d5dfed;--tone-8d9d76:#d5dfed;--tone-8da277:#d5dfed;--tone-8da58f:#d5dfed;--tone-8e9783:#d5dfed;--tone-8f9d7e:#d5dfed;--tone-908255:#d5dfed;--tone-909989:#d5dfed;--tone-90998b:#d5dfed;--tone-90a673:#d5dfed;--tone-919b8a:#d5dfed;--tone-91a27e:#d5dfed;--tone-929b82:#d5dfed;--tone-929c8b:#d5dfed;--tone-929d8d:#d5dfed;--tone-92a07e:#d5dfed;--tone-92a27f:#d5dfed;--tone-939b8b:#d5dfed;--tone-939e84:#d5dfed;--tone-939f84:#d5dfed;--tone-93a07d:#d5dfed;--tone-93a080:#d5dfed;--tone-93a086:#d5dfed;--tone-93a186:#d5dfed;--tone-93a18f:#d5dfed;--tone-93a38b:#d5dfed;--tone-94a08c:#d5dfed;--tone-94a17e:#d5dfed;--tone-94a97f:#d5dfed;--tone-94b072:#d5dfed;--tone-95a587:#d5dfed;--tone-96a18e:#d5dfed;--tone-96a484:#d5dfed;--tone-97a092:#d5dfed;--tone-97a38d:#d5dfed;--tone-97a885:#d5dfed;--tone-98a191:#d5dfed;--tone-98a387:#d5dfed;--tone-99a68c:#d5dfed;--tone-99a887:#d5dfed;--tone-99aa6b:#d5dfed;--tone-9aa391:#d5dfed;--tone-9aa58b:#d5dfed;--tone-9aa68c:#d5dfed;--tone-9aae86:#d5dfed;--tone-9b8d5e:#d5dfed;--tone-9b9f8b:#d5dfed;--tone-9ba394:#d5dfed;--tone-9ba495:#d5dfed;--tone-9ba58d:#d5dfed;--tone-9bac88:#d5dfed;--tone-9bac8b:#d5dfed;--tone-9bad93:#d5dfed;--tone-9bb67b:#d5dfed;--tone-9cac8b:#d5dfed;--tone-9caf7a:#d5dfed;--tone-9caf8b:#d5dfed;--tone-9da493:#d5dfed;--tone-9da78f:#d5dfed;--tone-9dac8e:#d5dfed;--tone-9eb87c:#d5dfed;--tone-9fb5a4:#c3cfdd;--tone-a08956:#d5dfed;--tone-a0a594:#d5dfed;--tone-a0a790:#d5dfed;--tone-a0ad91:#d5dfed;--tone-a0b19b:#d5dfed;--tone-a0b57a:#d5dfed;--tone-a19462:#d5dfed;--tone-a1a593:#d5dfed;--tone-a1aca4:#d5dfed;--tone-a1ae92:#d5dfed;--tone-a2a694:#d5dfed;--tone-a2a796:#d5dfed;--tone-a3aa97:#d5dfed;--tone-a3ac98:#d5dfed;--tone-a3b47e:#d5dfed;--tone-a3ba84:#d5dfed;--tone-a5b275:#d5dfed;--tone-a79759:#d5dfed;--tone-a7b68e:#d5dfed;--tone-a8bb9c:#c3cfdd;--tone-a9cd73:#d5dfed;--tone-aaa070:#d5dfed;--tone-aabd87:#d5dfed;--tone-aabd9e:#c3cfdd;--tone-abb8aa:#c3cfdd;--tone-abb996:#d5dfed;--tone-aeb9a5:#c3cfdd;--tone-aebd86:#d5dfed;--tone-afc09f:#c3cfdd;--tone-b0b5a4:#c3cfdd;--tone-b0b79f:#c3cfdd;--tone-b0bda0:#c3cfdd;--tone-b1bb77:#d5dfed;--tone-b2bda1:#c3cfdd;--tone-b39952:#d5dfed;--tone-b3bda0:#c3cfdd;--tone-b3bea2:#c3cfdd;--tone-b4bbb0:#c3cfdd;--tone-b4c895:#c3cfdd;--tone-b6c0a5:#c3cfdd;--tone-b8aa72:#d5dfed;--tone-b8c99c:#c3cfdd;--tone-b9c6ae:#c3cfdd;--tone-b9c9bd:#c3cfdd;--tone-b9cba6:#c3cfdd;--tone-bcccaa:#c3cfdd;--tone-bccda8:#c3cfdd;--tone-bdcf93:#c3cfdd;--tone-bdd0ab:#c3cfdd;--tone-bed0c3:#c3cfdd;--tone-c0c6b9:#c3cfdd;--tone-c0d095:#c3cfdd;--tone-c1ac73:#d5dfed;--tone-c1c7b7:#c3cfdd;--tone-c1cda8:#c3cfdd;--tone-c4d1c3:#c3cfdd;--tone-c7d5b4:#c3cfdd;--tone-c7df8b:#c3cfdd;--tone-c9d8b9:#c3cfdd;--tone-c9d9b4:#c3cfdd;--tone-d1d9b7:#c3cfdd;--tone-d2ddba:#c3cfdd;--tone-d3ded0:#304158;--tone-d4e3a4:#c3cfdd;--tone-d4e4aa:#c3cfdd;--tone-d5e0c5:#c3cfdd;--tone-d6debe:#c3cfdd;--tone-d6e1c8:#c3cfdd;--tone-d6e3a8:#c3cfdd;--tone-d7e1b7:#c3cfdd;--tone-d9e5c5:#c3cfdd;--tone-dbe3ca:#304158;--tone-dbe6dc:#304158;--tone-dce2d5:#304158;--tone-dce3d4:#304158;--tone-dce4d2:#304158;--tone-dce4d4:#304158;--tone-dce5d5:#304158;--tone-dce6aa:#c3cfdd;--tone-dce6d5:#304158;--tone-dce7d0:#304158;--tone-dce8bd:#c3cfdd;--tone-dce8c9:#304158;--tone-dce9ac:#c3cfdd;--tone-dce9cc:#304158;--tone-dceaac:#c3cfdd;--tone-dcebab:#c3cfdd;--tone-dcebac:#c3cfdd;--tone-dde4d6:#304158;--tone-dde5cf:#304158;--tone-deebcb:#304158;--tone-dfe4d8:#304158;--tone-dfe4da:#304158;--tone-dfe5d6:#304158;--tone-dfe5da:#304158;--tone-dfe6d5:#304158;--tone-dfe6d8:#304158;--tone-dfe7d0:#304158;--tone-dfe9cf:#304158;--tone-e0e7d8:#304158;--tone-e0e8d3:#304158;--tone-e0ebce:#304158;--tone-e1e6d9:#304158;--tone-e1e7d2:#304158;--tone-e1e7d7:#304158;--tone-e1e8d4:#304158;--tone-e2e8d7:#304158;--tone-e2ebd5:#304158;--tone-e3e8d6:#304158;--tone-e3e8d7:#304158;--tone-e3e8dc:#304158;--tone-e3ead5:#304158;--tone-e4e8d7:#304158;--tone-e4e8da:#304158;--tone-e4eacd:#304158;--tone-e4ecd8:#304158;--tone-e5ebd9:#304158;--tone-e6e9df:#304158;--tone-e6eadc:#304158;--tone-e6eddc:#304158;--tone-e6f2bd:#c3cfdd;--tone-e7ece0:#304158;--tone-e7efce:#304158;--tone-e7f3bd:#c3cfdd;--tone-e8ebe1:#304158;--tone-e8ecdf:#304158;--tone-e8efdd:#304158;--tone-e8f0dc:#304158;--tone-e9ddbe:#c3cfdd;--tone-e9e2c7:#304158;--tone-e9eddf:#304158;--tone-e9eedc:#304158;--tone-e9eedf:#304158;--tone-e9eee3:#1e2c3e;--tone-e9efcc:#304158;--tone-e9efd9:#304158;--tone-e9f0e0:#1e2c3e;--tone-e9f3e3:#1e2c3e;--tone-eaf0df:#304158;--tone-eaf1df:#304158;--tone-eceee6:#1e2c3e;--tone-eceee8:#1e2c3e;--tone-edf0e4:#1e2c3e;--tone-edf0e8:#1e2c3e;--tone-edf1e6:#1e2c3e;--tone-edf1e7:#1e2c3e;--tone-edf1e8:#1e2c3e;--tone-edf2e2:#1e2c3e;--tone-edf2e3:#1e2c3e;--tone-edf2e4:#1e2c3e;--tone-edf3df:#1e2c3e;--tone-edf3e2:#1e2c3e;--tone-edf3e3:#1e2c3e;--tone-edf3e4:#1e2c3e;--tone-eef1e3:#1e2c3e;--tone-eef1e4:#1e2c3e;--tone-eef1e6:#1e2c3e;--tone-eef1e7:#1e2c3e;--tone-eef2e5:#1e2c3e;--tone-eef2e6:#1e2c3e;--tone-eef2e8:#1e2c3e;--tone-eef3e4:#1e2c3e;--tone-eef3e5:#1e2c3e;--tone-eef3e6:#1e2c3e;--tone-eef4e4:#1e2c3e;--tone-eef5e9:#1e2c3e;--tone-eff3e5:#1e2c3e;--tone-eff4e4:#1e2c3e;--tone-f0f2eb:#1e2c3e;--tone-f0f4e7:#1e2c3e;--tone-f0f4e8:#1e2c3e;--tone-f0f4e9:#1e2c3e;--tone-f0f5e9:#1e2c3e;--tone-f1e9d5:#304158;--tone-f1f3ec:#1e2c3e;--tone-f1f5e9:#1e2c3e;--tone-f2eddd:#304158;--tone-f2f2df:#1e2c3e;--tone-f2f4e9:#1e2c3e;--tone-f2f4ed:#1e2c3e;--tone-f2f5e9:#1e2c3e;--tone-f2f5eb:#1e2c3e;--tone-f2f6e9:#1e2c3e;--tone-f2f7e7:#1e2c3e;--tone-f3ead6:#304158;--tone-f3edda:#304158;--tone-f3eddd:#304158;--tone-f3f5ed:#15202e;--tone-f3f7e9:#1e2c3e;--tone-f4efdf:#1e2c3e;--tone-f4f6ee:#15202e;--tone-f4f6f0:#15202e;--tone-f5f7ef:#15202e;--tone-f5f8ef:#15202e;--tone-f6f8f0:#15202e;--tone-f6f8f2:#15202e;--tone-f7f8f4:#101824;--tone-f7f9ed:#15202e;--tone-f7f9f3:#15202e;--tone-f7faf1:#15202e;--tone-f7faf2:#15202e;--tone-f9faf5:#15202e;--tone-fafbf7:#15202e;--tone-fafbf8:#15202e;--tone-fafcf5:#15202e;--tone-fafcf6:#15202e;--tone-fafcf7:#15202e;--tone-fbbc05:#f3f6fb;--tone-fbfcf8:#15202e;--tone-fcfdf9:#15202e;--board-e8eddd:#2a3b50;--board-ecf0d9:#acb9c8;--board-eef1da:#acb9c8;--board-8fa780:#60758e;--board-78906c:#33445b;--board-eef2db:#fff;--board-b4c47b:#72a5d8;--board-d9e49b:#95b9dd;font-weight:500}:root[data-theme=dark] .about-brand{background:#253244}:root[data-theme=dark] .toast{background:#293648}:root[data-theme=dark] .toast .icon-button:hover{background:#3a4658}:root[data-theme=dark] .bot-card{background:#313c4b}:root[data-theme=dark] .bot-card .beta-badge{background:#435164}:root[data-theme=dark] .resume-game{background:#293444}:root[data-theme=dark] .resume-game:hover{background:#354050}:root[data-theme=dark] .main-nav button:hover{background:#2a3749}:root[data-theme=dark] .nav-active-dot{background:#31425b}:root[data-theme=dark] .beta-badge,:root[data-theme=dark] .nav-separator{background:#384250}:root[data-theme=dark] .sidebar-note{background:#293444}:root[data-theme=dark] .sidebar-profile .avatar{background:#4d5e76}:root[data-theme=dark] .profile-menu{background:#121418}:root[data-theme=dark] .profile-menu-group button:hover:not(:disabled),:root[data-theme=dark] .profile-menu-group button:focus-visible{background:#262b31}:root[data-theme=dark] .button.primary{background:#31425b}:root[data-theme=dark] .button.primary:hover:not(:disabled){background:#25344a}:root[data-theme=dark] .auth-screen,:root[data-theme=dark] .auth-panel,:root[data-theme=dark] .auth-progress-icon,:root[data-theme=dark] .guest-signin-badge{background:#31425b}:root[data-theme=dark] :is(.sidebar,.profile-menu,.toast,.bot-card,.resume-game,.about-brand){color:var(--ink)}:root[data-theme=dark] :is(.sidebar,.profile-menu,.bot-card) :is(button,strong,span,p,small,h3,.eyebrow){color:inherit}:root[data-theme=dark] .profile-menu-summary{background:var(--surface)}:root[data-theme=dark] .header-profile-copy strong{color:var(--ink)}:root[data-theme=dark] :is(.ranking-period-button.active,.ranking-period-select.active,.recorded-move.is-selected,.notification-count){color:#fff;background:#315b91}:root[data-theme=dark] .account-setting-switch span{background:#f3f6fb}:root[data-theme=dark] :is(.auth-input-wrap,.auth-progress-card){background:var(--surface);border-color:var(--border);color:var(--ink)}:root[data-theme=dark] :is(.danger-button,.account-setting-icon.danger,.friend-icon-button.remove:hover){color:#ffb4ab;background:#432b34;border-color:#744652}:root[data-theme=dark] .toast .icon-button{color:var(--ink)}:root[data-theme=dark] .notification-button>span{box-shadow:0 0 0 2px var(--surface)}:root[data-theme=dark] ::selection{color:#fff;background:#315b91}:root[data-theme=dark] .topbar-brand .brand{color:var(--ink)}:root[data-theme=dark] .topbar-brand .brand-light{color:var(--muted)}:root[data-theme=dark] :is(.auth-language,.auth-close,.auth-form label){color:var(--ink)}:root[data-theme=dark] ::placeholder{color:var(--muted);opacity:1}:root[data-theme=dark] :is(.field-label,.input-label,.preview-player,.match-note,.ranking-period-label,.current-player-stat dt,.current-player-rank-note,.settings-theme-options button){font-size:12px}:root[data-theme=dark] .avatar.peach{color:#ffd2af;background:#3c2b25}:root[data-theme=dark] .avatar.lavender{color:#d9c4ff;background:#322b44}:root[data-theme=dark] .avatar.blue{color:#b7e1f0;background:#243b45}:root{font-size:18px;font-weight:500}:root:not([data-theme=dark]){--muted:#455565}:root[data-theme] :is(.main-content,.modal,.notifications-popover) :is(p,.button,.text-button,input,select,textarea,label,.field-label,td,.table-player strong,.friend-copy strong,.speed-option>span,.segmented-control button,.game-player-name strong,.duo-friend-block strong,.ranking-period-button){font-size:16px}:root[data-theme] :is(.main-content,.modal,.notifications-popover) :is(small,dt,th,.eyebrow,.preview-player,.match-note,.ranking-period-label,.current-player-identity span,.current-player-stat dt,.current-player-rank-note,.settings-theme-options button,.duo-home-team-help,.duo-request-button){font-size:14px}:is(.main-content,.modal) p{line-height:1.65}:root .main-content>.footer{font-size:14px}::placeholder{color:var(--muted);opacity:1}:root:not([data-theme=dark]) :is(.main-content,.modal,.notifications-popover) :is(p,small,label,dt,th,td,.eyebrow,.field-label,.preview-player,.match-note,.ranking-period-label,.current-player-identity span,.personal-heading,.personal-stats>span,.personal-rating>span:not(.rating-doodle)):not(.bot-card *,.profile-menu *,.toast *,.sidebar *),:root:not([data-theme=dark]) .segmented-control button:not(.active){color:var(--muted)}:root:not([data-theme=dark]) .table-rating{color:var(--green)}:root:not([data-theme=dark]) .avatar.peach{color:#754626}:root:not([data-theme=dark]) .avatar.lavender{color:#5d3979}:root:not([data-theme=dark]) .avatar.blue{color:#2d5966}:root:not([data-theme=dark]) :is(.rank-label,.file-label){color:#15212f}.chessboard :is(.rank-label,.file-label){font-size:9px}:is(.settings-language-options button,.game-tabs button,.board-toolbar,.leader-person strong){font-size:16px}.topbar :is(.online-indicator,.language-button,.header-profile-copy strong){font-size:14px}.footer,:root:not([data-theme=dark]) :is(.beta-badge,.online-indicator,.header-profile-copy span,.welcome-tag,.welcome-tag>span,.small-tag,.sample-tag,.personal-tag,.preview-rating,.rank-number,.account-settings-nav-label,.account-settings-nav button,.account-panel-kicker,.account-state-pill,.account-setting-switch-wrap>span,.settings-language-options button:not(.active),.room-local-note span,.difficulty-options button,.difficulty-options button>span,.side-options button,.bot-modal-art .tag,.tip-number,.field-label>span,.speed-option>span,.footer-dot):not(.bot-card *,.profile-menu *,.sidebar *){color:var(--muted)}:root:not([data-theme=dark]) .bot-card :is(.eyebrow,.beta-badge){color:#edf4ff}:root:not([data-theme=dark]) .avatar.sand{color:#514424}:is(.beta-badge,.header-profile-copy span,.welcome-tag,.small-tag,.sample-tag,.personal-tag,.preview-rating,.rank-number,.account-settings-nav-label,.account-panel-kicker,.account-state-pill,.account-setting-switch-wrap>span,.tip-number,.field-label>span){font-size:14px}:is(.difficulty-options button,.side-options button,.account-settings-nav button){font-size:16px}.field-label,.speed-option>span{flex-wrap:wrap;gap:4px 8px}.header-profile-copy small{color:var(--muted);font-size:14px}:root:not([data-theme=dark]) :is(.topbar-brand .brand-light,.mode-choice-trigger){color:var(--muted)}:root:not([data-theme=dark]) :is(.button.secondary,.text-button,.personal-stats b,.rating-explainer h3,.learn-note h3):not(.profile-menu *,.sidebar *,.bot-card *){color:var(--green)}.rating-explainer h3{font-size:16px}:root .account-settings-panel .account-setting-copy h3,:root .account-settings-panel .account-setting-value strong{color:var(--ink);font-size:16px}:root .account-settings-panel .account-setting-value,:root .profile-stat-grid>div>span{color:var(--muted);font-size:14px}:root .account-settings-panel .text-input{min-height:48px;padding-block:10px;line-height:1.5}:root:not([data-theme=dark]) .avatar.sage{color:#354535}:root .profile-menu{color:#f3f6fb;width:min(320px,100vw - 24px);max-height:calc(100dvh - 100px);overflow-y:auto}:root .profile-menu-summary strong{font-size:16px}:root .profile-menu-summary small{color:#c3cfdd;font-size:14px}:root .profile-menu-group button{color:#f3f6fb;gap:8px;min-height:48px}:root .profile-menu-group button>span{white-space:normal;overflow-wrap:anywhere;font-size:16px}:root .profile-menu-group button :is(svg,b,small){color:#c3cfdd}:root .profile-menu-group button :is(b,small){font-size:14px}:root .profile-menu-group button>em{color:#e4edf7;letter-spacing:0;background:#304158;font-size:12px}:root .profile-menu-group button:disabled{opacity:1;color:#aebdce}:root .profile-menu-group button.danger,:root .profile-menu-group button.danger>svg{color:#ffb4ab}@media (width>=761px){.account-settings-shell{grid-template-columns:var(--settings-nav-width) minmax(0, 1fr)}.account-settings-nav button{grid-template-columns:20px minmax(0,1fr);align-items:start}.account-settings-nav button>svg{margin-top:3px}.account-settings-nav button>span{word-break:normal;overflow-wrap:normal;min-width:0;line-height:1.5}.account-settings-nav button>small{white-space:nowrap;grid-column:2;justify-self:start;font-size:12px}}@media (width<=600px){.home-page .speed-options{grid-template-columns:repeat(2,minmax(0,1fr))}.difficulty-options{grid-template-columns:minmax(0,1fr)}.side-options{grid-template-columns:repeat(3,minmax(0,1fr))}.side-options button{overflow-wrap:anywhere;min-width:0}}.admin-page{max-width:1400px;margin:0 auto;font-family:DM Sans,Noto Sans Thai,sans-serif}.admin-page .page-heading{gap:16px;margin-bottom:20px}.admin-page h1{font-size:28px}.admin-page h2{font-size:18px}.admin-tabs{border-bottom:1px solid var(--border);gap:6px;margin-bottom:20px;display:flex}.admin-tabs button{color:var(--muted);border-bottom:3px solid #0000;padding:12px 18px}.admin-tabs button.active{color:var(--green);border-color:var(--green)}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.admin-metric{gap:12px;padding:20px;display:grid}.admin-metric svg{color:var(--green)}.admin-metric span{color:var(--muted);font-size:14px}.admin-metric strong{font-variant-numeric:tabular-nums;font-size:32px}.admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.admin-section{min-width:0;padding:20px}.admin-section h2{margin-bottom:16px}.admin-activity{margin:0;padding:0;list-style:none}.admin-activity li{border-bottom:1px solid var(--border);overflow-wrap:anywhere;gap:6px;padding:14px 0;display:grid}.admin-activity li:last-child{border-bottom:0}.admin-activity span,.admin-activity time{color:var(--muted);font-size:13px}.admin-account-heading{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-account-heading h2{margin:0 auto 0 0}.admin-search{gap:8px;min-width:0;display:flex}.admin-search label{min-width:0}.admin-search input,.admin-account-heading select,.admin-moderation-form textarea{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:7px;max-width:100%;padding:10px 12px}.admin-table-scroll{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table :is(th,td){text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 12px}.admin-table th{white-space:nowrap;color:var(--muted);font-weight:500}.admin-player{align-items:center;gap:10px;min-width:210px;display:flex}.admin-player strong,.admin-player small{overflow-wrap:anywhere;display:block}.admin-player small{color:var(--muted);margin-top:4px}.admin-status{background:var(--canvas);border-radius:20px;padding:5px 10px;font-size:12px;display:inline-block}.admin-status.active{color:var(--green);background:var(--green)}@supports (color:color-mix(in lab, red, red)){.admin-status.active{background:color-mix(in srgb, var(--green) 12%, var(--surface))}}.admin-status.suspended,.admin-suspend{color:#b34e2c}.admin-protected{color:var(--muted);font-size:12px}.admin-pagination{justify-content:flex-end;align-items:center;gap:10px;padding-top:16px;display:flex}.admin-pagination span{color:var(--muted);margin-right:auto;font-size:13px}.admin-loading,.admin-notice{align-items:center;gap:8px;margin-bottom:16px;display:flex}.admin-notice{color:var(--green)}.admin-empty{color:var(--muted);padding:24px 0}.admin-denied{gap:16px;padding:32px;display:grid}.admin-error{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:20px;display:flex}.admin-moderation-form{gap:18px;display:grid}.admin-moderation-form label{gap:8px;display:grid}.admin-moderation-form textarea{resize:vertical;width:100%;min-height:110px}.admin-modal-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=1000px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-overview-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.admin-page .page-heading{align-items:flex-start}.admin-section{padding:14px}.admin-account-heading{align-items:stretch}.admin-search{width:100%}.admin-search label{flex:1}.admin-search input{width:100%}.admin-metric{padding:14px}.admin-metric strong{font-size:26px}}.admin-hero{border:1px solid var(--border);background:linear-gradient(120deg, var(--green), var(--surface));border-radius:16px;padding:28px}@supports (color:color-mix(in lab, red, red)){.admin-hero{background:linear-gradient(120deg, color-mix(in srgb, var(--green) 10%, var(--surface)), var(--surface))}}.admin-tabs button{align-items:center;gap:8px;display:inline-flex}.admin-metric{border-top:3px solid var(--green)}@supports (color:color-mix(in lab, red, red)){.admin-metric{border-top:3px solid color-mix(in srgb, var(--green) 45%, var(--border))}}.admin-metric svg{box-sizing:content-box;background:var(--green);border-radius:12px;padding:9px}@supports (color:color-mix(in lab, red, red)){.admin-metric svg{background:color-mix(in srgb, var(--green) 9%, var(--surface))}}.admin-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-shortcuts button{text-align:left;color:var(--ink);align-items:center;gap:16px;padding:20px;display:flex}.admin-shortcuts button:hover{border-color:var(--green);background:var(--green)}@supports (color:color-mix(in lab, red, red)){.admin-shortcuts button:hover{background:color-mix(in srgb, var(--green) 5%, var(--surface))}}.admin-shortcuts span{flex:1}.admin-shortcuts strong,.admin-shortcuts small{display:block}.admin-shortcuts small{color:var(--muted);margin-top:6px;line-height:1.5}.admin-filters{background:var(--green);border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;padding:14px;display:flex}@supports (color:color-mix(in lab, red, red)){.admin-filters{background:color-mix(in srgb, var(--green) 5%, var(--surface))}}.admin-filters label{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.admin-filters select{border:1px solid var(--border);color:var(--ink);background:var(--surface);border-radius:7px;padding:9px 12px}.admin-filters>button{margin-left:auto}.admin-table tbody tr:hover{background:var(--green)}@supports (color:color-mix(in lab, red, red)){.admin-table tbody tr:hover{background:color-mix(in srgb, var(--green) 4%, var(--surface))}}.admin-row-actions{align-items:center;gap:8px;display:flex}.admin-row-actions button{white-space:nowrap}.admin-detail{overflow-wrap:anywhere;max-height:65vh;padding-right:6px;overflow-y:auto}.admin-detail-grid{border-block:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0;padding:20px 0;display:grid}.admin-detail-grid dt,.admin-detail-hint{color:var(--muted);margin-bottom:8px;font-size:13px}.admin-detail-grid dd{margin:0;font-size:14px}.admin-account-id{font-family:monospace}.admin-page button:focus-visible,.admin-page select:focus-visible,.admin-page input:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media (width<=600px){.admin-hero{flex-wrap:wrap;padding:18px}.admin-shortcuts{grid-template-columns:1fr}.admin-filters{align-items:stretch}.admin-filters>svg{display:none}.admin-filters label{flex:100%;justify-content:space-between}.admin-filters>button{margin-left:0}.admin-detail-grid{grid-template-columns:1fr}}.admin-tabs{overflow-x:auto}.admin-tabs button{flex:none}.admin-filters input,.admin-moderation-form :is(input:not([type=checkbox]),select){border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:7px;min-width:0;max-width:100%;padding:10px}.admin-moderation-form{margin-block:16px}.admin-detail h3{margin-top:24px;margin-bottom:12px}.admin-inline{flex-wrap:wrap;align-items:center;gap:12px;margin-block:12px;display:flex}.admin-change-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-change-values pre,.admin-pgn{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--canvas);padding:12px;font-size:12px}.admin-replay-board{max-width:450px;margin:16px auto}.admin-replay-seek{gap:12px;margin:12px 0;display:flex}.admin-replay-seek input{flex:1;min-width:0}.admin-operations{margin-bottom:24px}.admin-live-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.admin-live-grid>div{border:1px solid var(--border);border-radius:10px;gap:8px;padding:14px;display:grid}.admin-live-grid span{color:var(--muted);font-size:12px}.admin-live-grid strong{font-size:24px}.admin-trend{align-items:flex-end;gap:6px;padding:20px 0;display:flex;overflow-x:auto}.admin-trend>div{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:35px;display:flex}.admin-trend i{background:var(--green);border-radius:4px 4px 0 0;width:70%;display:block}.admin-trend :is(small,span){font-size:11px}.platform-notice{border-left:4px solid var(--green);overflow-wrap:anywhere;margin-bottom:12px;padding:14px 18px}.platform-notice p{white-space:pre-wrap;margin-top:6px}.platform-notice.warning{border-left-color:#c88223}.admin-participants{flex-wrap:wrap;gap:12px;padding:0;list-style:none;display:flex}@media (width<=600px){.admin-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-change-values{grid-template-columns:1fr}.admin-filters input{width:100%}.admin-filters input[type=checkbox]{width:auto}}.admin-metric{text-align:left;color:var(--ink)}.admin-metric:hover,.admin-attention button:hover:not(:disabled){border-color:var(--green)}.admin-attention{margin-bottom:20px}.admin-attention-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-attention-grid button{text-align:left;color:var(--ink);gap:8px;display:grid}.admin-attention-grid strong{font-size:24px}.admin-action-preview,.admin-announcement-preview{border:1px solid var(--border);background:var(--green);border-radius:10px;padding:14px}@supports (color:color-mix(in lab, red, red)){.admin-action-preview,.admin-announcement-preview{background:color-mix(in srgb, var(--green) 5%, var(--surface))}}.admin-action-preview,.admin-announcement-preview{overflow-wrap:anywhere}.admin-action-preview p{margin-top:8px}.admin-announcement-preview article{background:var(--surface);border-radius:7px;margin-top:12px;padding:12px}.admin-announcement-preview p{white-space:pre-wrap}.admin-diff{table-layout:fixed}.admin-diff :is(th,td){white-space:normal;overflow-wrap:anywhere}.modal.wide:has(.admin-case-workspace.with-related){width:min(1200px,100vw - 32px);max-width:1200px}.admin-case-workspace{min-width:0}.admin-case-workspace.with-related{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;display:grid}.admin-case-related{border-left:1px solid var(--border);min-width:0;padding-left:20px}.admin-case-related>.admin-inline{margin-top:0}.admin-case-related .admin-detail{max-height:58vh}.admin-case-related .admin-detail-grid{grid-template-columns:minmax(0,1fr)}:is(.admin-detail,.admin-case-workspace) :is(button,input,select,textarea):focus-visible{outline:2px solid var(--green);outline-offset:3px}@media (width<=800px){.admin-case-workspace.with-related{grid-template-columns:minmax(0,1fr);max-height:65vh;overflow-y:auto}.admin-case-workspace.with-related .admin-detail{max-height:none;overflow:visible}.admin-case-related{border-left:0;border-top:1px solid var(--border);padding:16px 0 0}.admin-attention-grid{grid-template-columns:minmax(0,1fr)}}:root{--on-accent:#fff;--soft-accent:var(--green);font-family:DM Sans,Noto Sans Thai,sans-serif;font-weight:400}@supports (color:color-mix(in lab, red, red)){:root{--soft-accent:color-mix(in srgb, var(--green) 7%, var(--surface))}}:root{--control-radius:10px}:root[data-theme=green]{--canvas:#f6f4ed;--tone-f7f8f4:#f6f4ed;--tone-fbfcf8:#fcfbf7;--surface:#fffefa;--border:#e0e3d9;--ink:#24392e;--green:#28533e;--forest:#1d3c2e;--muted:#5d6d62;--tone-315b43:#28533e}:root[data-theme=dark]{--on-accent:#14243a}:root .card{border-radius:16px}:root .button{border-radius:var(--control-radius);min-height:44px}:root .topbar{height:76px;box-shadow:none;gap:24px;padding-inline:max(24px,50vw - 652px)}:root .topbar-navigation{gap:24px}:root .topbar-brand .brand{letter-spacing:-.7px;font-size:19px}:root .topbar-brand .brand-mark{width:40px;height:44px}:root .topbar .mode-choice{--mode-choice-gap:12px;margin:0}:root .topbar .mode-choice-trigger{border-radius:var(--control-radius);min-height:44px;color:var(--muted);gap:8px;padding:10px 12px}:root .topbar .mode-choice-trigger>span{font:600 14px DM Sans,Noto Sans Thai,sans-serif}:root .topbar .mode-choice-trigger.active{color:var(--green);background:var(--soft-accent)}:root[data-theme] .mode-choice-option{border-radius:7px;min-height:48px;padding:12px 14px;font-size:15px;line-height:1.5}:root .mode-choice-menu{border-radius:12px;padding:6px;box-shadow:0 12px 32px #15291c1a}:root .header-actions{flex-shrink:0;gap:8px}:root .topbar .online-indicator{white-space:nowrap;font-size:12px;line-height:1.5}:root .topbar :is(.icon-button,.header-profile,.language-button),:root .sidebar .mobile-close{justify-content:center;min-width:44px;min-height:44px}:root .topbar .language-button{border-radius:var(--control-radius);padding:8px 12px;font-size:12px}:root .topbar .header-profile{padding:5px 6px}:root .topbar .header-profile-copy strong{max-width:110px;font-size:12px}:root .topbar .header-profile-copy small{font-size:11px}:root .topbar :is(button,a):focus-visible{outline:2px solid var(--green);outline-offset:3px}:root .sidebar{overscroll-behavior:contain;overflow-y:auto}:root .sidebar .mode-choice-trigger>span,:root .sidebar .main-nav>button>span{font:600 15px DM Sans,Noto Sans Thai,sans-serif}:root .sidebar .main-nav button{min-height:48px}@media (width>=1101px) and (width<=1250px){:root .topbar-navigation{gap:16px}:root .topbar .header-profile-copy,:root .topbar .online-indicator{display:none}}@media (width<=1100px){:root .topbar{gap:12px;height:68px;padding-inline:20px}:root .topbar-navigation{display:none}:root .mobile-header-context{flex:1;gap:8px;min-width:0;display:flex}:root .mobile-header-context>span{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.2px;color:var(--ink);font:600 15px DM Sans,Noto Sans Thai,sans-serif;overflow:hidden}:root .mobile-menu{margin:0;padding:10px;display:inline-flex}:root .sidebar{z-index:60;width:min(300px,100vw - 32px);padding:28px 16px 0;transition:transform .22s;display:flex;transform:translate(-100%)}:root .sidebar.mobile-open{transform:translate(0)}:root .sidebar .mobile-close{display:inline-flex;position:absolute;top:8px;right:8px}:root .sidebar .brand-button{margin:14px 0 28px}:root .sidebar .brand>span:last-child{display:block}:root .sidebar .nav-separator{margin-block:18px}:root .sidebar .sidebar-bottom{padding-top:24px}:root .sidebar .sidebar-note{display:none}:root .nav-shade.visible{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:55;background:#14291f80;display:block;position:fixed;inset:0}:root .topbar .profile-menu{max-height:calc(100dvh - 92px);position:fixed;top:76px;right:16px}}@media (width<=600px){:root .topbar{gap:4px;padding-inline:12px}:root .header-actions{gap:2px}:root .topbar :is(.online-indicator,.header-divider,.header-profile-copy,.profile-chevron){display:none}:root .topbar .header-profile .avatar{width:32px;height:32px;font-size:11px}:root .mobile-header-context{gap:2px}:root .mobile-header-context>span{font-size:14px}}@media (width<=400px){:root .topbar .language-button{gap:5px;padding-inline:8px}:root .topbar:has(.header-resume-button) .mobile-header-context>span{display:none}}@media (prefers-reduced-motion:reduce){:root :is(.sidebar,.mode-choice-menu,.profile-menu){transition:none;animation:none}}:root .footer>span:first-child{line-height:1.7;display:block}:root .main-content:has(>.club-home){max-width:1360px;padding:28px 28px 0}:root[data-theme] .main-content>.home-page.club-home{color:var(--ink);font-family:DM Sans,Noto Sans Thai,sans-serif;font-size:14px;line-height:1.5}:root[data-theme] .main-content>.home-page.club-home .page-heading{align-items:center;gap:24px;margin-bottom:24px}:root[data-theme] .main-content>.home-page.club-home .page-eyebrow{color:var(--green);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600}:root[data-theme] .main-content>.home-page.club-home .page-heading h1{letter-spacing:-1.2px;color:var(--ink);font-size:clamp(30px,3vw,40px);font-weight:600;line-height:1.3}:root[data-theme] .main-content>.home-page.club-home .page-heading p{color:var(--muted);margin-top:7px;font-size:14px;line-height:1.65}:root[data-theme] .main-content>.home-page.club-home .welcome-tag{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:30px;flex-shrink:0;gap:8px;padding:9px 14px;font-size:12px;display:inline-flex}:root[data-theme] .main-content>.home-page.club-home .welcome-tag svg{color:var(--green)}:root[data-theme] .main-content>.home-page.club-home .home-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}:root[data-theme] .main-content>.home-page.club-home .home-primary{min-width:0}:root[data-theme] .main-content>.home-page.club-home .card{background:var(--surface);border:1px solid var(--border);border-radius:16px}:root[data-theme] .main-content>.home-page.club-home .quick-play-card{padding:22px}:root[data-theme] .main-content>.home-page.club-home .card-title-row{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;display:flex}:root[data-theme] .main-content>.home-page.club-home .quick-play-card>.card-title-row{border-bottom:1px solid var(--border);padding-bottom:18px}:root[data-theme] .main-content>.home-page.club-home .section-title{align-items:center;gap:10px;min-width:0;display:flex}:root[data-theme] .main-content>.home-page.club-home .section-title h2{color:var(--ink);letter-spacing:-.3px;white-space:normal;font-size:18px;font-weight:600;line-height:1.5}:root[data-theme] .main-content>.home-page.club-home .section-title p{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.5}:root[data-theme] .main-content>.home-page.club-home :is(.icon-tile,.shortcut-icon){width:42px;height:42px;color:var(--green);background:var(--soft-accent);border-radius:12px;flex:none;place-items:center;display:grid}:root[data-theme] .main-content>.home-page.club-home .small-tag{background:var(--soft-accent);color:var(--green);border-radius:20px;flex-shrink:0;align-items:center;gap:7px;padding:6px 9px;font-size:11px;display:flex}:root[data-theme] .main-content>.home-page.club-home .quick-play-body{grid-template-columns:minmax(0,1fr) minmax(300px,1fr);align-items:center;gap:24px;margin-top:22px;display:grid}:root[data-theme] .main-content>.home-page.club-home .board-preview{grid-area:1/1;place-self:center;width:100%;max-width:420px;padding:0;display:block}:root[data-theme] .main-content>.home-page.club-home .board-caption{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}:root[data-theme] .main-content>.home-page.club-home .board-caption .eyebrow{color:var(--muted);letter-spacing:1.4px;font-size:11px;font-weight:600}:root[data-theme] .main-content>.home-page.club-home .preview-board-mark{color:var(--green);font-size:20px;line-height:1}:root[data-theme] .main-content>.home-page.club-home .preview-player{min-height:28px;color:var(--muted);align-items:center;gap:8px;margin:0 0 10px;font-size:12px;display:flex}:root[data-theme] .main-content>.home-page.club-home .preview-player.bottom{margin:12px 0 0}:root[data-theme] .main-content>.home-page.club-home .preview-rating{color:var(--ink);letter-spacing:0;font-variant-numeric:tabular-nums;margin-left:auto;font-family:DM Sans,sans-serif;font-size:13px}:root[data-theme] .main-content>.home-page.club-home .preview-player-name{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-weight:600}:root[data-theme] .main-content>.home-page.club-home .preview-player-name small{color:var(--muted);font-size:11px;font-weight:400;display:block}:root[data-theme] .main-content>.home-page.club-home .board-frame{border-width:6px;border-radius:9px;box-shadow:0 8px 20px #15291c0a}:root[data-theme] .main-content>.home-page.club-home .play-settings{grid-area:1/2;width:100%;min-width:0}:root[data-theme] .main-content>.home-page.club-home .field-label{color:var(--ink);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.5;display:flex}:root[data-theme] .main-content>.home-page.club-home .field-label .setup-step{background:var(--soft-accent);width:24px;height:24px;color:var(--green);border-radius:7px;place-items:center;font:600 11px DM Sans,sans-serif;display:grid}:root[data-theme] .main-content>.home-page.club-home .field-label .time-format{color:var(--muted);margin-left:auto;font-size:11px;font-weight:400}:root[data-theme] .main-content>.home-page.club-home .segmented-control{background:0 0;border:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:20px;padding:0;display:grid}:root[data-theme] .main-content>.home-page.club-home .segmented-control button{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:44px;color:var(--muted);box-shadow:none;border-radius:9px;grid-column:span 2;padding:8px 5px;font-size:12px;font-weight:500;line-height:1.4}:root[data-theme] .main-content>.home-page.club-home .segmented-control button:nth-child(n+4){grid-column:span 3}:root[data-theme] .main-content>.home-page.club-home .segmented-control button.active{color:var(--on-accent);background:var(--green);border-color:var(--green);font-weight:600}:root[data-theme] .main-content>.home-page.club-home .speed-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}:root[data-theme] .main-content>.home-page.club-home .speed-option{border:1px solid var(--border);text-align:left;background:var(--surface);border-radius:10px;min-height:82px;padding:12px;position:relative}:root[data-theme] .main-content>.home-page.club-home .speed-option.selected{background:var(--soft-accent);border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}:root[data-theme] .main-content>.home-page.club-home .speed-option>div{color:var(--green);justify-content:flex-start;align-items:center;gap:8px;display:flex}:root[data-theme] .main-content>.home-page.club-home .speed-option>div b{color:var(--ink);letter-spacing:-.8px;font-variant-numeric:tabular-nums;font:600 24px/1.2 DM Sans,sans-serif}:root[data-theme] .main-content>.home-page.club-home .speed-option>div>svg{width:16px;height:16px;display:block}:root[data-theme] .main-content>.home-page.club-home .speed-option .speed-check{color:var(--green);margin-left:auto}:root[data-theme] .main-content>.home-page.club-home .speed-option>span{color:var(--muted);flex-wrap:wrap;gap:2px 6px;margin-top:6px;font-size:12px;line-height:1.5;display:flex}:root[data-theme] .main-content>.home-page.club-home .speed-option small{display:none}:root[data-theme] .main-content>.home-page.club-home .play-button{border:1px solid var(--green);background:var(--green);width:100%;min-height:50px;color:var(--on-accent);border-radius:10px;grid-template-columns:20px minmax(0,1fr) 20px;gap:12px;margin-top:18px;padding:12px 16px;font-size:15px;font-weight:600;line-height:1.5;display:grid}:root[data-theme] .main-content>.home-page.club-home .play-button>svg{margin:0}:root[data-theme] .main-content>.home-page.club-home .home-guest-note{color:var(--muted);text-align:center;text-wrap:pretty;margin-top:10px;font-size:12px;line-height:1.6}:root[data-theme] .main-content>.home-page.club-home .match-note{color:var(--muted);white-space:normal;text-align:center;justify-content:center;align-items:flex-start;gap:6px;margin-top:10px;font-size:12px;line-height:1.6;display:flex}:root[data-theme] .main-content>.home-page.club-home .match-note svg{margin-top:3px}:root[data-theme] .main-content>.home-page.club-home .play-settings>.match-note:last-child{border-top:1px solid var(--border);padding-top:12px}:root[data-theme] .main-content>.home-page.club-home .duo-home-team{margin-top:16px}:root[data-theme] .main-content>.home-page.club-home .duo-friend-block{margin-top:12px}:root[data-theme] .main-content>.home-page.club-home .home-aside{grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;min-width:0;display:grid}:root[data-theme] .main-content>.home-page.club-home .leaderboard-card{padding:20px}:root[data-theme] .main-content>.home-page.club-home .leaderboard-card h2{font-size:16px}:root[data-theme] .main-content>.home-page.club-home .trophy-tile{color:#876b2c;background:#f4ecd9;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}:root[data-theme] .main-content>.home-page.club-home .sample-tag{border-color:var(--border);color:var(--muted);border-radius:5px;margin:0;padding:3px 6px;font-size:10px}:root[data-theme] .main-content>.home-page.club-home .card-subtitle{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.6}:root[data-theme] .main-content>.home-page.club-home .leader-list{margin-top:10px}:root[data-theme] .main-content>.home-page.club-home .leader-row{border-color:var(--border);grid-template-columns:14px 32px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:57px;margin:0;padding:10px 0;display:grid}:root[data-theme] .main-content>.home-page.club-home .leader-row .avatar{border-width:2px;width:32px;height:32px;font-size:10px}:root[data-theme] .main-content>.home-page.club-home .leader-person{min-width:0}:root[data-theme] .main-content>.home-page.club-home .leader-person strong{color:var(--ink);font-size:12px;font-weight:600;display:block}:root[data-theme] .main-content>.home-page.club-home .leader-person small{color:var(--muted);margin-top:3px;font-size:11px;display:block}:root[data-theme] .main-content>.home-page.club-home .rank-number{min-width:0;color:var(--muted);font-size:11px}:root[data-theme] .main-content>.home-page.club-home .rating{color:var(--ink);justify-items:end;gap:1px;font:600 15px/1.4 DM Sans,sans-serif;display:grid}:root[data-theme] .main-content>.home-page.club-home .rating small{color:var(--muted);margin:0;font:400 10px/1.4 DM Sans,Noto Sans Thai,sans-serif}:root[data-theme] .main-content>.home-page.club-home .leaderboard-link{border:1px solid var(--border);background:var(--soft-accent);width:100%;min-height:44px;color:var(--green);border-radius:9px;justify-content:space-between;margin-top:10px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}:root[data-theme] .main-content>.home-page.club-home .demo-note{color:var(--muted);text-wrap:pretty;margin-top:10px;font-size:11px;line-height:1.6}:root[data-theme] .main-content>.home-page.club-home .club-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}:root[data-theme] .main-content>.home-page.club-home .club-shortcut{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:96px;color:var(--ink);text-align:left;border-radius:14px;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:16px;display:grid}:root[data-theme] .main-content>.home-page.club-home .shortcut-icon{width:40px;height:40px}:root[data-theme] .main-content>.home-page.club-home .club-shortcut:last-child .shortcut-icon{color:#806434;background:#f1e8d6}:root[data-theme] .main-content>.home-page.club-home .club-shortcut strong{font-size:14px;font-weight:600;line-height:1.5;display:block}:root[data-theme] .main-content>.home-page.club-home .club-shortcut small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.6;display:block}:root[data-theme] .main-content>.home-page.club-home .club-shortcut>svg{color:var(--muted)}:root[data-theme] .main-content>.home-page.club-home .club-learn-card{--muted:#d3ddd3;background:var(--forest);color:#fff;border:1px solid #ffffff12;border-radius:16px;padding:22px;position:relative;overflow:hidden}:root[data-theme] .main-content>.home-page.club-home .club-learn-art{opacity:.85;pointer-events:none;width:52px;height:58px;position:absolute;top:13px;right:13px}:root[data-theme] .main-content>.home-page.club-home .club-learn-art .chess-piece{width:100%;height:100%;transform:rotate(-10deg)}:root[data-theme] .main-content>.home-page.club-home .club-learn-art>span{display:none}:root[data-theme] .main-content>.home-page.club-home .club-learn-card .eyebrow{color:#d3ddd3;letter-spacing:1px;max-width:calc(100% - 40px);font-size:10px;font-weight:600;line-height:1.6;display:block}:root[data-theme] .main-content>.home-page.club-home .club-learn-card h2{color:#fff;letter-spacing:-.4px;text-wrap:balance;max-width:220px;margin-top:20px;font-size:23px;font-weight:500;line-height:1.4}:root[data-theme] .main-content>.home-page.club-home .club-learn-card p{color:#d3ddd3;margin-top:10px;font-size:13px;line-height:1.7}:root[data-theme] .main-content>.home-page.club-home .club-learn-card .button{color:#24392e;background:#e4edcf;border-radius:9px;width:100%;min-height:44px;margin-top:18px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}:root[data-theme] .main-content>.home-page.club-home .club-learn-card .button>svg:last-child{margin-left:auto}:root[data-theme] .main-content>.home-page.club-home button{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}:root[data-theme] .main-content>.home-page.club-home button:focus-visible{outline:2px solid var(--green);outline-offset:3px}:root[data-theme] .main-content>.home-page.club-home .club-learn-card button:focus-visible{outline-color:#e4edcf}:root[data-theme] .main-content>.home-page.club-home button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}:root:lang(th) .main-content>.home-page.club-home :is(h1,h2,h3){letter-spacing:0}:root .main-content:has(>.club-home)>.footer{margin-top:24px;padding-block:22px;font-size:12px}@media (hover:hover) and (pointer:fine){:root[data-theme] .main-content>.home-page.club-home :is(.segmented-control button,.speed-option):hover:not(:disabled,.active){border-color:var(--green);background:var(--soft-accent)}:root[data-theme] .main-content>.home-page.club-home .play-button:hover:not(:disabled){background:var(--green)}@supports (color:color-mix(in lab, red, red)){:root[data-theme] .main-content>.home-page.club-home .play-button:hover:not(:disabled){background:color-mix(in srgb, var(--green) 90%, var(--ink))}}:root[data-theme] .main-content>.home-page.club-home .play-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 12px #15291c16}:root[data-theme] .main-content>.home-page.club-home :is(.club-shortcut,.leaderboard-link):hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 5px 18px #15291c0a}:root[data-theme] .main-content>.home-page.club-home .club-learn-card .button:hover{background:#f0f5e6}}@media (prefers-reduced-motion:no-preference){:root .club-home>.page-heading{animation:.24s ease-out both club-arrive}:root .club-home .home-primary{animation:.3s ease-out 40ms both club-arrive}:root .club-home .home-aside{animation:.3s ease-out 80ms both club-arrive}:root .club-home button:active:not(:disabled){transform:translateY(1px)}}@keyframes club-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=701px) and (width<=1199px){:root[data-theme] .main-content>.home-page.club-home .home-grid{grid-template-columns:minmax(0,1fr)}:root[data-theme] .main-content>.home-page.club-home .quick-play-body{grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:28px}:root[data-theme] .main-content>.home-page.club-home .board-preview{max-width:390px}:root[data-theme] .main-content>.home-page.club-home .home-aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}:root[data-theme] .main-content>.home-page.club-home .club-learn-card{padding:28px}:root[data-theme] .main-content>.home-page.club-home .club-learn-card h2{max-width:270px;margin-top:32px;font-size:28px}:root[data-theme] .main-content>.home-page.club-home .club-learn-card p{max-width:280px}:root[data-theme] .main-content>.home-page.club-home .club-learn-card .button{margin-top:24px}}@media (width<=900px){:root .main-content:has(>.club-home){padding:24px 20px 0}:root[data-theme] .main-content>.home-page.club-home .welcome-tag{display:none}:root[data-theme] .main-content>.home-page.club-home .quick-play-body{gap:22px}:root[data-theme] .main-content>.home-page.club-home .club-shortcut{gap:10px;padding:14px}}@media (width<=700px){:root .main-content:has(>.club-home){padding:22px 16px 0}:root[data-theme] .main-content>.home-page.club-home .page-heading{margin-bottom:20px}:root[data-theme] .main-content>.home-page.club-home .page-heading h1{font-size:32px}:root[data-theme] .main-content>.home-page.club-home .page-heading p{font-size:13px}:root[data-theme] .main-content>.home-page.club-home .page-eyebrow{font-size:10px}:root[data-theme] .main-content>.home-page.club-home .home-grid{grid-template-columns:minmax(0,1fr);gap:18px}:root[data-theme] .main-content>.home-page.club-home .quick-play-card{padding:18px}:root[data-theme] .main-content>.home-page.club-home .quick-play-card>.card-title-row{padding-bottom:16px}:root[data-theme] .main-content>.home-page.club-home .section-title h2{font-size:17px}:root[data-theme] .main-content>.home-page.club-home .section-title p{font-size:12px}:root[data-theme] .main-content>.home-page.club-home .small-tag{display:none}:root[data-theme] .main-content>.home-page.club-home .quick-play-body{margin-top:18px;display:block}:root[data-theme] .main-content>.home-page.club-home .board-preview{display:none}:root[data-theme] .main-content>.home-page.club-home .segmented-control{margin-bottom:18px}:root[data-theme] .main-content>.home-page.club-home .play-settings{width:100%}:root[data-theme] .main-content>.home-page.club-home .speed-option{min-height:76px}:root[data-theme] .main-content>.home-page.club-home .home-aside{grid-template-columns:minmax(0,1fr)}:root[data-theme] .main-content>.home-page.club-home .club-shortcuts{gap:10px;margin-top:14px}:root[data-theme] .main-content>.home-page.club-home .club-shortcut{grid-template-columns:1fr 18px;align-content:start;gap:12px 8px;padding:14px}:root[data-theme] .main-content>.home-page.club-home .club-shortcut>span:nth-child(2){grid-area:2/1/auto/-1}:root[data-theme] .main-content>.home-page.club-home .club-shortcut>svg{grid-area:1/2}:root[data-theme] .main-content>.home-page.club-home .club-shortcut strong{font-size:13px}:root[data-theme] .main-content>.home-page.club-home .club-shortcut small{font-size:12px}:root[data-theme] .main-content>.home-page.club-home .club-learn-card h2{max-width:260px}:root[data-theme] .main-content>.home-page.club-home .leaderboard-card{padding:20px}:root[data-theme] .main-content>.home-page.club-home .leader-person strong{font-size:13px}}@media (width<=359px){:root .main-content:has(>.club-home){padding-inline:12px}:root[data-theme] .main-content>.home-page.club-home .quick-play-card{padding:14px}:root[data-theme] .main-content>.home-page.club-home .segmented-control{gap:5px}:root[data-theme] .main-content>.home-page.club-home .segmented-control button{font-size:11px}:root[data-theme] .main-content>.home-page.club-home .field-label .time-format{font-size:10px}:root[data-theme] .main-content>.home-page.club-home .club-shortcuts{grid-template-columns:minmax(0,1fr)}:root[data-theme] .main-content>.home-page.club-home .club-shortcut{grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;min-height:88px}:root[data-theme] .main-content>.home-page.club-home .club-shortcut>span:nth-child(2){grid-area:1/2}:root[data-theme] .main-content>.home-page.club-home .club-shortcut>svg{grid-column:3}}@media (prefers-reduced-motion:reduce){:root[data-theme] .main-content>.home-page.club-home *,:root[data-theme] .main-content>.home-page.club-home :before,:root[data-theme] .main-content>.home-page.club-home :after{transition:none;animation:none}:root[data-theme] .main-content>.home-page.club-home button:hover,:root[data-theme] .main-content>.home-page.club-home button:active{transform:none}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@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}