@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit Fallback;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_ed3508{font-family:Outfit,Outfit Fallback;font-style:normal}.__variable_ed3508{--font-outfit:"Outfit","Outfit Fallback"}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/47f136985ef5b5cb-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/28a2004cf8372660-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/eaead17c7dbfcd5d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Playfair Display Fallback;src:local("Times New Roman");ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:111.26%}.__className_0a80b4{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.__variable_0a80b4{--font-playfair:"Playfair Display","Playfair Display Fallback"}

/*! tailwindcss v4.3.0 | 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)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:host,:root{--font-sans:var(--font-outfit),ui-sans-serif,system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-stone-100:oklch(97% .001 106.424);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-900:oklch(21.6% .006 56.043);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-md:0 3px 3px #0000001f;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--blur-sm:8px;--blur-md:12px;--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);--font-display:var(--font-playfair),Georgia,"Times New Roman",serif;--sq-light:#eeeed2;--sq-dark:#769656;--sq-selected:#14551e6b;--sq-hover:#14551e26}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.top-\[3px\]{top:3px}.right-\[4px\]{right:4px}.bottom-\[3px\]{bottom:3px}.left-\[4px\]{left:4px}.z-10{z-index:10}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[8\]{z-index:8}.z-\[9\]{z-index:9}.z-\[10\]{z-index:10}.z-\[55\]{z-index:55}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-20{height:calc(var(--spacing) * 20)}.h-full{height:100%}.max-h-\[92vh\]{max-height:92vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[56px\]{min-height:56px}.min-h-screen{min-height:100vh}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-20{width:calc(var(--spacing) * 20)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[2\.5rem\]{min-width:2.5rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap}.overflow-hidden,.truncate{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#22d3ee\]\/30{border-color:oklab(79.7116% -.114121 -.0700163/.3)}.border-\[\#81b64c\]{border-color:#81b64c}.border-stone-300{border-color:var(--color-stone-300)}.border-stone-600{border-color:var(--color-stone-600)}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.border-white\/5{border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-\[\#22d3ee\]\/10{background-color:oklab(79.7116% -.114121 -.0700163/.1)}.bg-\[\#81b64c\]\/10{background-color:oklab(71.6375% -.0982625 .11119/.1)}.bg-\[\#81b64c\]\/15{background-color:oklab(71.6375% -.0982625 .11119/.15)}.bg-\[\#81b64c\]\/20{background-color:oklab(71.6375% -.0982625 .11119/.2)}.bg-\[\#d4a853\]\/15{background-color:oklab(75.5105% .0162216 .114049/.15)}.bg-\[\#d4a853\]\/20{background-color:oklab(75.5105% .0162216 .114049/.2)}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-black\/75{background-color:#000000bf}@supports (color:color-mix(in lab,red,red)){.bg-black\/75{background-color:color-mix(in oklab,var(--color-black) 75%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-black\/85{background-color:#000000d9}@supports (color:color-mix(in lab,red,red)){.bg-black\/85{background-color:color-mix(in oklab,var(--color-black) 85%,transparent)}}.bg-red-500\/15{background-color:#fb2c3626}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/15{background-color:color-mix(in oklab,var(--color-red-500) 15%,transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.bg-red-500\/90{background-color:#fb2c36e6}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/90{background-color:color-mix(in oklab,var(--color-red-500) 90%,transparent)}}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab}.bg-gradient-to-b,.bg-gradient-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab}.from-\[\#3a3835\]{--tw-gradient-from:#3a3835;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#81b64c\]\/10{--tw-gradient-from:oklab(71.6375% -.0982625 .11119/.1);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#f5f5eb\]{--tw-gradient-from:#f5f5eb;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[var\(--accent-bright\)\]{--tw-gradient-from:var(--accent-bright);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-stone-100{--tw-gradient-from:var(--color-stone-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-stone-700{--tw-gradient-from:var(--color-stone-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#1a1917\]{--tw-gradient-to:#1a1917;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#d8d8c8\]{--tw-gradient-to:#d8d8c8;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[var\(--accent\)\]{--tw-gradient-to:var(--accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-stone-300{--tw-gradient-to:var(--color-stone-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-stone-900{--tw-gradient-to:var(--color-stone-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[\#0f1209\]{color:#0f1209}.text-\[\#1a1f2e\]{color:#1a1f2e}.text-\[\#22d3ee\]{color:#22d3ee}.text-\[\#81b64c\]{color:#81b64c}.text-\[\#262421\]{color:#262421}.text-\[\#d4a853\]{color:#d4a853}.text-\[\#eeeed2\]{color:#eeeed2}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-red-300{color:var(--color-red-300)}.text-red-300\/70{color:#ffa3a3b3}@supports (color:color-mix(in lab,red,red)){.text-red-300\/70{color:color-mix(in oklab,var(--color-red-300) 70%,transparent)}}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.text-white\/15{color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.text-white\/15{color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.text-white\/20{color:#fff3}@supports (color:color-mix(in lab,red,red)){.text-white\/20{color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.text-white\/25{color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.text-white\/25{color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.text-white\/30{color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.text-white\/35{color:#ffffff59}@supports (color:color-mix(in lab,red,red)){.text-white\/35{color:color-mix(in oklab,var(--color-white) 35%,transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-30{opacity:.3}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-\[var\(--accent-glow\)\]{--tw-shadow:var(--accent-glow)}.shadow-\[var\(--accent-glow\)\],.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md))}.drop-shadow-md,.invert{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,)}.invert{--tw-invert:invert(100%)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md))}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm))}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:text-\[\#d4a853\]:is(:where(.group):hover *){color:#d4a853}.hover\:border-\[\#d4a853\]\/50:hover{border-color:oklab(75.5105% .0162216 .114049/.5)}.hover\:bg-\[\#22d3ee\]\/15:hover{background-color:oklab(79.7116% -.114121 -.0700163/.15)}.hover\:bg-\[\#d4a853\]\/10:hover{background-color:oklab(75.5105% .0162216 .114049/.1)}.hover\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:text-white:hover{color:var(--color-white)}}.disabled\:opacity-30:disabled{opacity:.3}@media (min-width:40rem){.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (min-width:64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:items-center{align-items:center}.lg\:gap-5{gap:calc(var(--spacing) * 5)}.lg\:py-4{padding-block:calc(var(--spacing) * 4)}}}:root{--bg-base:#08080b;--bg-elevated:#12121a;--bg-panel:#16161f;--bg-panel-hover:#1e1e2a;--bg-glass:#16161fb8;--border-subtle:#ffffff12;--border-accent:#86c04e66;--text-primary:#f8f8fa;--text-secondary:#ffffff94;--text-muted:#ffffff57;--accent:#81b64c;--accent-bright:#a3d96a;--accent-dim:#81b64c24;--accent-glow:#81b64c52;--gold:#d4a853;--gold-dim:#d4a85324;--danger:#ef5350;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-panel:0 8px 32px #00000080,0 0 0 1px var(--border-subtle);--shadow-glow:0 0 48px var(--accent-glow);--shadow-lift:0 20px 50px -12px #000000a6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-base);color:var(--text-primary)}.app-bg{background:radial-gradient(ellipse 120% 90% at 50% -20%,#81b64c17,transparent 50%),radial-gradient(ellipse 70% 55% at 100% 20%,#6366f10f,transparent),radial-gradient(ellipse 60% 45% at 0 90%,#d4a8530f,transparent),var(--bg-base)}.app-bg--mesh:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000,#0000);mask-image:radial-gradient(80% 70% at 50% 40%,#000,#0000)}.chess-board-wrap{border-radius:var(--radius-lg);box-shadow:0 0 0 1px #ffffff14,0 2px 0 #ffffff0d inset,var(--shadow-lift),0 0 100px -24px var(--accent-glow);background:linear-gradient(155deg,#35322d,#1e1d1a 48%,#0f0e0d);padding:12px;position:relative}.chess-board-wrap:before{content:"";border-radius:var(--radius-md);pointer-events:none;z-index:2;background:linear-gradient(135deg,#ffffff0a,#0000 40% 60%,#00000026);position:absolute;inset:0}.chess-board-surface{border-radius:1px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000059,inset 0 1px 3px #00000040}.chess-board-surface:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(160deg,#ffffff0f,#0000 40% 70%,#0000000a);position:absolute;inset:0}.sq-light{background-color:var(--sq-light)}.sq-dark{background-color:var(--sq-dark)}.sq-last-from{background-color:#9bc7002e!important}.sq-last-to{background-color:#9bc70052!important}.sq-selected{box-shadow:inset 0 0 0 3px #81b64cb3;background-color:var(--sq-selected)!important}.sq-hover-target{background-color:var(--sq-hover)!important}.sq-check{z-index:2;animation:king-check-pulse .85s ease-in-out infinite;box-shadow:inset 0 0 0 3px #ff4646d9;background:radial-gradient(#ef6b6b 0,#c0392b 65%,#a93226 100%)!important}@keyframes king-check-pulse{0%,to{filter:brightness();box-shadow:inset 0 0 0 3px #ff4646bf}50%{filter:brightness(1.18);box-shadow:inset 0 0 0 4px #ff6464}}.sq-coord{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.85;font-size:11px;font-weight:700;line-height:1}.move-hint-wrap{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.move-hint-dot{aspect-ratio:1;background:#0003;border-radius:50%;flex-shrink:0;width:36%;animation:hint-pulse 1.5s ease-in-out infinite}.sq-dark .move-hint-dot{background:#00000047}@keyframes hint-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.move-hint-capture{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.move-hint-capture:after{content:"";aspect-ratio:1;border:5px solid #0000001f;border-radius:50%;flex-shrink:0;width:80%}.sq-dark .move-hint-capture:after{border-color:#0000002e}.piece-cell{min-width:0;min-height:0;position:relative}.piece-cell,.piece-float{justify-content:center;align-items:center;display:flex}.piece-float{z-index:60;pointer-events:none;will-change:left,top;width:12.5%;height:12.5%;position:absolute}.piece-inner,.piece-slot{width:100%;height:100%}.piece-body,.piece-inner,.piece-slot{justify-content:center;align-items:center;display:flex}.piece-body{width:88%;height:88%;position:relative}.piece-img-wrap{filter:drop-shadow(0 3px 2px #00000059);width:100%;height:100%;transition:filter .15s;position:relative}.piece-img-wrap--neo{filter:drop-shadow(0 2px 4px #0000004d);width:88%;height:88%}.piece-classic-img,.piece-neo-img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%}.piece-slot.is-selected .piece-img-wrap,.piece-slot:hover .piece-img-wrap{filter:drop-shadow(0 6px 4px #00000073)}.piece-in-check .piece-img-wrap{filter:drop-shadow(0 0 8px #ff3c3ce6)drop-shadow(0 3px 2px #00000059);animation:piece-check-glow .85s ease-in-out infinite}@keyframes piece-check-glow{0%,to{filter:drop-shadow(0 0 6px #ff3c3cbf)drop-shadow(0 3px 2px #00000059)}50%{filter:drop-shadow(0 0 14px #ff5050)drop-shadow(0 3px 2px #00000059)}}.piece-ground-shadow{pointer-events:none;background:radial-gradient(#00000047 0,#0000 72%);border-radius:50%;width:55%;height:10%;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.glass-panel,.sidebar-card{background:var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-panel);border-radius:var(--radius-md)}.sidebar-card{padding:1rem}.sidebar-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;font-size:.625rem;font-weight:600}.game-layout{-webkit-overflow-scrolling:touch;min-height:0;overflow-y:auto}.board-play-area{gap:.5rem;width:100%}.board-eval-row,.board-play-area{flex-direction:row;align-items:stretch;min-width:0;min-height:0;display:flex}.board-eval-row{flex:1;gap:0}.game-clock-rail{flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:stretch;width:5.25rem;padding:.125rem 0;display:none}@media (min-width:640px){.game-clock-rail{display:flex}}.game-clock{flex-direction:column;align-items:stretch;gap:.35rem;display:flex}.game-clock--rail .game-clock__time{border-radius:6px;min-width:100%;padding:.65rem .5rem;font-size:1.35rem;box-shadow:0 4px 16px #00000059}.game-clock__label{letter-spacing:.04em;text-transform:uppercase;color:#ffffff61;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:5.25rem;font-size:.625rem;font-weight:600;line-height:1.2;overflow:hidden}.game-clock--inline{align-items:flex-end}.player-bar__clock{flex-shrink:0}.game-board-column{width:min(100vw - 1rem,100vh - 11rem);max-width:100%}@media (min-width:1024px){.game-board-column{flex:0 auto;width:min(100vh - 5.5rem,100vw - 18rem)}}.game-right-panel-wrap{width:15.5rem;height:calc(100vh - 5rem);max-height:calc(100vh - 5rem)}.game-right-panel{flex-direction:column;gap:.625rem;height:100%;min-height:0;display:flex}.opening-strip{background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:.625rem;min-height:2.75rem;padding:.55rem .85rem;display:flex}.opening-strip--known{border-color:#d4a85326}.opening-strip--unknown{background:#ffffff05;border-color:#ffffff0f}.opening-strip__icon{width:1rem;height:1rem;color:var(--gold);flex-shrink:0}.opening-strip__icon--muted{color:#ffffff59}.opening-strip__label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.5625rem;font-weight:600;line-height:1.2}.opening-strip__name{color:#eeeed2;font-size:.8125rem;font-weight:600;line-height:1.3}.opening-strip--unknown .opening-strip__name{color:#ffffff80;font-style:italic}.player-rating{color:var(--gold);font-variant-numeric:tabular-nums;background:#d4a8531a;border-radius:4px;padding:.125rem .375rem;font-size:.75rem;font-weight:700}.move-list-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-height:0;box-shadow:var(--shadow-panel);flex-direction:column;flex:1;display:flex;overflow:hidden}.move-list-panel--compact{flex:none;max-height:7.5rem}.move-list-panel__head{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.625rem;font-weight:600;display:flex}.move-list-panel__back{text-transform:none;letter-spacing:0;color:var(--accent);margin-left:auto;font-size:.625rem;font-weight:500}.move-list-table{border-collapse:collapse;width:100%;font-size:.8rem}.move-list-table thead th{z-index:1;text-transform:uppercase;letter-spacing:.06em;background:#0c0e12f2;border-bottom:1px solid #ffffff14;padding:.45rem .35rem .5rem;font-size:.68rem;font-weight:700;position:sticky;top:0}.move-list-table__num{color:#ffffff38;text-align:right;vertical-align:middle;width:1.75rem;padding-right:.35rem;font-size:.68rem;font-weight:600}.move-list-table__col{text-align:left;padding-left:.25rem}.move-list-table__col--white{color:#ffffffbf}.move-list-table__col--black{color:#ffffff73}.move-list-table__col-label{align-items:center;gap:.3rem;display:inline-flex}.move-list-table__header-piece{object-fit:contain;flex-shrink:0;width:1rem;height:1rem}.san-move{flex-wrap:wrap;align-items:center;gap:.05rem;line-height:1.2;display:inline-flex}.san-piece-icon{object-fit:contain;vertical-align:middle;flex-shrink:0;width:1.05rem;height:1.05rem;margin:0 .05rem;display:inline-block}.san-text{font-family:var(--font-mono,ui-monospace,monospace);letter-spacing:.01em}.move-list-table__cell{vertical-align:middle;padding:.15rem .2rem}.move-list-table tbody tr:hover{background:#ffffff05}.move-list-cell{font-family:var(--font-mono,ui-monospace,monospace);color:#ffffffb8;border:1px solid #0000;border-radius:.35rem;padding:.2rem .45rem;font-size:.82rem;font-weight:500;line-height:1.3;transition:color .12s,background .12s,border-color .12s;display:inline-block}.move-list-cell--white{color:#ffffffe0}.move-list-cell--black{color:#ffffff9e}.move-list-cell:hover:not(.move-list-cell--empty){color:var(--accent-bright);background:#81b64c1a;border-color:#81b64c33}.move-list-cell.is-active{color:var(--accent-bright);background:#81b64c2e;border-color:#81b64c59;font-weight:600}.move-list-cell--empty{color:#ffffff26;cursor:default}.move-list-panel__body{flex:1;min-height:0;padding:.5rem .75rem;overflow-y:auto}.game-toolbar{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);flex-wrap:wrap;flex-shrink:0;gap:.4rem;padding:.7rem;display:flex}.game-toolbar--compact{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding:.5rem;overflow-x:auto}.game-toolbar__btn{border-radius:var(--radius-sm);color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff0f;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .625rem;font-size:.6875rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.game-toolbar--compact .game-toolbar__btn{min-width:2.25rem;padding:.5rem}.game-toolbar__btn:hover:not(:disabled){color:#fff;background:#ffffff14}.game-toolbar__btn--hint:hover:not(:disabled){border-color:#d4a85359}.game-toolbar__btn--danger{color:#f87171e6}.game-toolbar__btn--danger:hover:not(:disabled){background:#f8717114;border-color:#f8717159}.game-toolbar__btn--primary{color:var(--accent-bright);background:#81b64c14;border-color:#81b64c40}.hint-banner{padding:.25rem 0}.player-bar{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color .25s,box-shadow .25s,background .25s,transform .25s}.player-bar.active{border-color:var(--border-accent);background:linear-gradient(90deg,#81b64c29 0,var(--bg-glass) 70%);box-shadow:0 0 28px -6px var(--accent-glow),inset 4px 0 0 var(--accent);transform:translate(2px)}.player-avatar{border-radius:var(--radius-sm);width:2.65rem;height:2.65rem;box-shadow:0 4px 12px #0006}.player-bar.active .player-avatar{box-shadow:0 0 0 2px var(--accent),0 4px 16px #81b64c59}.player-active-dot{background:var(--accent-bright);border:2px solid var(--bg-panel);width:10px;height:10px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;animation:turn-pulse 1.5s ease-in-out infinite;position:absolute;top:-3px;right:-3px}.captured-tray{background:#00000038;border:1px solid #ffffff0f;border-radius:6px;min-height:1.75rem;padding:.2rem .45rem}.captured-pieces{line-height:0}.captured-piece-icon{object-fit:contain;opacity:.85;filter:drop-shadow(0 1px 2px #00000073);width:1.5rem;height:1.5rem;transition:transform .15s}.captured-piece-icon:hover{transform:scale(1.08)}@media (min-width:640px){.captured-piece-icon{width:1.75rem;height:1.75rem}}.material-advantage{color:#81b64c;font-variant-numeric:tabular-nums;padding:0 .25rem;font-size:.8125rem;font-weight:700}.sq-threat:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#ef444461 0,#ef44441f 55%,#0000 75%);position:absolute;inset:0}.sq-threat.sq-light{box-shadow:inset 0 0 0 2px #ef444473}.sq-threat.sq-dark{box-shadow:inset 0 0 0 2px #f8717166}.online-lobby-panel{overflow:hidden}.online-tabs{border-radius:var(--radius-sm);background:#00000040;border:1px solid #ffffff0f;grid-template-columns:1fr 1fr;gap:.5rem;padding:.25rem;display:grid}.online-tab{color:#ffffff73;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem .5rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.online-tab--active{color:#81b64c;background:#81b64c26;box-shadow:inset 0 0 0 1px #81b64c4d}.online-info-card,.online-steps-card{border-radius:var(--radius-sm);background:#00000038;border:1px solid #ffffff0f;padding:.85rem 1rem}.online-steps-title{text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;margin-bottom:.6rem;font-size:.75rem;font-weight:700}.online-steps-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.online-steps-list li{color:#ffffff8c;align-items:flex-start;gap:.55rem;font-size:.8125rem;line-height:1.4;display:flex}.online-steps-list li span{color:#d4a853;background:#d4a85326;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.65rem;font-weight:800;display:flex}.online-steps-list--compact li{font-size:.78rem}.auth-google-btn{border-radius:var(--radius-sm);color:#1a1f2e;background:#fffffff5;border:1px solid #ffffff24;justify-content:center;align-items:center;gap:.65rem;width:100%;padding:.85rem 1rem;font-size:.92rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.auth-google-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #00000040}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{color:#ffffff47;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.auth-divider:after,.auth-divider:before{content:"";background:#ffffff1a;flex:1;height:1px}.online-user-pill{text-align:center;color:#ffffff73;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid #ffffff14;padding:.55rem .75rem;font-size:.8rem}.online-user-pill strong{color:#fffc;font-weight:600}.online-share-card{border-radius:var(--radius-sm);background:linear-gradient(145deg,#81b64c1a,#0000004d);border:1px solid #81b64c38;padding:1.25rem 1rem 1rem}.online-share-badge{text-transform:uppercase;letter-spacing:.12em;color:#81b64c;background:#81b64c26;border-radius:999px;padding:.2rem .6rem;font-size:.65rem;font-weight:800}.online-code-display{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.online-code-char{color:#d4a853;background:#0006;border:1px solid #d4a85340;border-radius:8px;width:2.5rem;height:3rem;font-family:ui-monospace,monospace;font-size:1.5rem;font-weight:800;box-shadow:0 2px 8px #0000004d}.online-code-char,.online-share-btn{justify-content:center;align-items:center;display:flex}.online-share-btn{border-radius:var(--radius-sm);color:#ffffffbf;background:#ffffff0f;border:1px solid #ffffff1a;gap:.45rem;padding:.7rem .85rem;font-size:.8125rem;font-weight:600;transition:all .15s}.online-share-btn:hover{color:#fff;background:#ffffff1a}.online-share-btn--gold{color:#d4a853;background:#d4a8531f;border-color:#d4a85340}.online-share-btn--whatsapp{color:#4ade80;background:#25d3661f;border-color:#25d36647}.online-share-btn--whatsapp:hover{background:#25d36633}.online-waiting-row{color:#fff6;justify-content:center;align-items:center;gap:.6rem;padding:.75rem;font-size:.8125rem;display:flex}.online-color-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:6px;flex-shrink:0;padding:.3rem .55rem;font-size:.7rem;font-weight:800}.online-color-badge--white{color:#eeeed2;background:#eeeed226;border:1px solid #eeeed240}.online-color-badge--black{color:#c4c4c4;background:#262421cc;border:1px solid #ffffff26}.online-error-banner{border-radius:var(--radius-sm);background:#ef444414;border:1px solid #ef44444d;padding:.75rem 1rem;font-size:.8125rem}.online-join-input{border-radius:var(--radius-sm);text-align:center;letter-spacing:.35em;color:#fff;text-transform:uppercase;background:#00000059;border:1px solid #ffffff1f;outline:none;padding:.85rem 1rem;font-family:ui-monospace,monospace;font-size:1.5rem;font-weight:700;transition:border-color .2s}.online-join-input:focus{border-color:#81b64c;box-shadow:0 0 0 3px #81b64c1f}.online-join-input::placeholder{letter-spacing:.05em;color:#ffffff40;font-size:.875rem}.timer-box{text-align:center;font-variant-numeric:tabular-nums;border-radius:4px;min-width:72px;padding:8px 12px;font-family:ui-monospace,monospace;font-size:1.125rem;font-weight:700;line-height:1.2;transition:background .2s,color .2s}.timer-box--dark{color:#eeeed2;background:#3a3936}.timer-box--light{color:#262421;background:#eeeed2}.timer-box--running.timer-box--dark{background:#4a4946}.timer-box--running.timer-box--light{background:#fff;box-shadow:0 0 0 2px #81b64c59}.timer-box--running{animation:timer-tick 1s step-end infinite}@keyframes timer-tick{0%,to{opacity:1}50%{opacity:.92}}.timer-box--low{animation:timer-pulse 1s ease-in-out infinite;color:#fff!important;background:#c0392b!important}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.75}}.btn-primary{background:linear-gradient(135deg,var(--accent-bright) 0,var(--accent) 55%,#6a9e3a 100%);color:#0a0f06;box-shadow:0 4px 20px var(--accent-glow),inset 0 1px 0 #ffffff47;border:none;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 8px 28px var(--accent-glow),inset 0 1px 0 #ffffff59;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all .15s}.btn-ghost:hover{background:var(--bg-panel-hover);color:var(--text-primary);border-color:#ffffff1f}.btn-icon{border-radius:var(--radius-sm);color:var(--text-secondary);justify-content:center;align-items:center;padding:.5rem;transition:all .15s;display:flex}.btn-icon:hover{background:var(--bg-panel-hover);color:var(--text-primary)}.btn-icon--gold:hover{color:var(--gold);background:var(--gold-dim)}.btn-icon--accent:hover{color:var(--accent);background:var(--accent-dim)}.option-card{border:1.5px solid var(--border-subtle);background:var(--bg-elevated);transition:all .2s}.option-card:hover:not(.selected){background:var(--bg-panel-hover);border-color:#ffffff1f}.option-card.selected{box-shadow:0 0 0 1px var(--accent-glow),0 4px 16px #81b64c1f;transform:translateY(-1px);border-color:var(--accent)!important;background:linear-gradient(145deg,#81b64c2e,#81b64c0f)!important}.game-header{-webkit-backdrop-filter:blur(16px)saturate(1.2);z-index:30;background:#0c0c10d1;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.15rem;display:flex;position:sticky;top:0;box-shadow:0 4px 24px #00000040}.game-header__brand{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;transition:color .15s;display:flex}.game-header__brand:hover{color:var(--text-primary)}.game-header__logo{background:linear-gradient(135deg,var(--accent-bright),var(--accent));color:#0f1209;width:2rem;height:2rem;box-shadow:0 2px 8px var(--accent-glow);border-radius:8px;justify-content:center;align-items:center;display:flex}.turn-pill{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;border-radius:9999px;align-items:center;gap:.4rem;max-width:220px;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex;overflow:hidden}.turn-pill--active{border-color:var(--border-accent);color:var(--accent-bright);background:var(--accent-dim)}.turn-pill--check{color:#ff8a80;background:#ef53501a;border-color:#ef535066}.turn-pill__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:turn-pulse 1.5s ease-in-out infinite}@keyframes turn-pulse{0%,to{opacity:1}50%{opacity:.4}}.board-stage{padding:0}.setup-screen{z-index:50;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse 100% 80% at 50% -30%,#86c04e12,transparent 55%),var(--bg-base);position:fixed;inset:0;overflow-y:auto}.setup-screen.app-bg--mesh:before{position:absolute}.setup-screen__center{min-height:100dvh;padding:max(.75rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));justify-content:center;align-items:flex-start;display:flex}@media (min-width:640px){.setup-screen__center{align-items:center;padding:1.5rem 1rem}}.setup-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);width:100%;max-width:42rem;max-height:calc(100dvh - 1.5rem);box-shadow:var(--shadow-lift),0 0 80px -24px var(--accent-glow);border-radius:var(--radius-xl);border:1px solid #ffffff17;flex-direction:column;display:flex;overflow:hidden}@media (min-width:640px){.setup-panel{max-height:min(92dvh,52rem)}}.setup-panel__header{border-bottom:1px solid var(--border-subtle);background:linear-gradient(#81b64c1a,#0000);flex-shrink:0;padding:1.15rem 1.35rem}.setup-panel__logo{border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent-bright),var(--accent));width:2.5rem;height:2.5rem;box-shadow:0 4px 12px var(--accent-glow);color:#0f1209;flex-shrink:0;justify-content:center;align-items:center;display:flex}.setup-panel__title{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1.15}.setup-panel__subtitle{color:#ffffff59;margin-top:.1rem;font-size:.7rem}.setup-panel__elo{background:var(--gold-dim);color:var(--gold);border:1px solid #e4b84a40;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.85rem;font-weight:700;display:flex}.setup-panel__body{flex-direction:column;flex:1;gap:1rem;min-height:0;padding:1rem 1.25rem;display:flex;overflow-y:auto}.setup-panel__footer{border-top:1px solid var(--border-subtle);background:var(--bg-elevated);flex-shrink:0;padding:.875rem 1.25rem 1rem}.rated-toggle__btn{border-radius:var(--radius-md);color:#ffffff80;background:#ffffff08;border:2px solid #ffffff14;flex-direction:column;align-items:center;gap:.125rem;padding:.625rem .5rem;font-size:.8125rem;transition:border-color .15s,background .15s,color .15s;display:flex}.rated-toggle__btn:hover{color:#ffffffbf;border-color:#ffffff26}.rated-toggle__btn--active{color:#eeeed2;background:#d4a8531a;border-color:#d4a85380}.rated-toggle__btn--active:first-child{background:#81b64c1a;border-color:#81b64c73}.setup-start-btn{border-radius:.875rem;justify-content:center;align-items:center;gap:.65rem;width:100%;padding:.875rem 1rem;font-size:1rem;font-weight:700;display:flex}.setup-section{border-radius:var(--radius-md);background:#0000002e;border:1px solid #ffffff0a;flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.setup-label{text-transform:uppercase;letter-spacing:.12em;color:#ffffff59;font-size:.65rem;font-weight:600}.setup-option{text-align:center;border-radius:.75rem;flex-direction:column;align-items:center;gap:.25rem;padding:.65rem .35rem;display:flex}.setup-option__title{font-size:.75rem;font-weight:600;line-height:1.2}.setup-option__sub{color:#ffffff47;font-size:.6rem;line-height:1}.setup-color-btn{border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.65rem .75rem;display:flex}.setup-diff-btn{gap:.2rem;padding:.55rem .35rem}.setup-diff-btn,.setup-theme-btn{border-radius:.75rem;flex-direction:column;align-items:center;display:flex}.setup-theme-btn{gap:.35rem;padding:.5rem}.setup-theme-swatch{border:1px solid #ffffff1a;border-radius:.35rem;width:100%;height:1.5rem;display:flex;overflow:hidden}.setup-theme-swatch>div{flex:1}.time-control-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;display:grid}.time-control-btn{text-align:center;color:#fff9;white-space:nowrap;border-radius:.65rem;padding:.5rem .25rem;font-size:.7rem;font-weight:500}.time-control-btn.selected{color:#fff}@media (max-width:380px){.time-control-btn{padding:.45rem .1rem;font-size:.62rem}}.modal-shell{z-index:50;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));overscroll-behavior:contain;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{border-radius:var(--radius-lg);width:100%;max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-panel),0 0 80px -30px var(--accent-glow);overflow-y:auto}html:has(.modal-shell),html:has(.setup-screen){overflow:hidden}.custom-scroll::-webkit-scrollbar{width:4px}.custom-scroll::-webkit-scrollbar-thumb{background:#86c04e4d;border-radius:4px}.landing-page{z-index:50;overscroll-behavior:contain;position:fixed;inset:0;overflow-y:auto}.landing-ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.landing-orb{filter:blur(80px);opacity:.45;border-radius:50%;animation:landing-orb-float 14s ease-in-out infinite;position:absolute}.landing-orb--green{background:#81b64c38;width:28rem;height:28rem;top:-8rem;left:-6rem}.landing-orb--gold{background:#d4a8532e;width:22rem;height:22rem;animation-delay:-4s;bottom:-6rem;right:-4rem}.landing-orb--violet{background:#6366f11f;width:18rem;height:18rem;animation-delay:-8s;top:40%;right:15%}@keyframes landing-orb-float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(12px,-18px)scale(1.05)}}.landing-shell{z-index:1;max-width:72rem;min-height:100dvh;padding:max(4.25rem,calc(env(safe-area-inset-top) + 3.25rem)) 1.25rem max(2rem,env(safe-area-inset-bottom));grid-template-columns:1fr;align-items:center;gap:2rem;margin:0 auto;display:grid;position:relative}@media (min-width:1024px){.landing-shell{padding:max(4.5rem,calc(env(safe-area-inset-top) + 3.5rem)) 2.5rem 2rem;grid-template-columns:1fr 1.05fr;gap:3rem}}.landing-visual{order:2;justify-content:center;display:flex}@media (min-width:1024px){.landing-visual{order:1}}.landing-board-stage{width:min(88vw,22rem);position:relative}@media (min-width:1024px){.landing-board-stage{width:min(36vw,26rem)}}.landing-board-frame{border-radius:var(--radius-lg);box-shadow:var(--shadow-lift),0 0 80px -20px var(--accent-glow);background:linear-gradient(155deg,#35322d,#1a1917 55%,#0e0d0c);border:1px solid #ffffff14;padding:14px}.landing-board-inner{aspect-ratio:1;border-radius:2px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059}.landing-sq-light{background:#eeeed2}.landing-sq-dark{background:#769656}.landing-board-pieces{pointer-events:none;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.landing-piece-cell{justify-content:center;align-items:center;display:flex}.landing-piece-img{object-fit:contain;filter:drop-shadow(0 6px 12px #00000059);width:88%;height:88%}.landing-eval-mock{background:#00000073;border:1px solid #ffffff14;border-radius:6px;width:1.35rem;display:none;position:absolute;top:14px;bottom:14px;left:-2.25rem;overflow:hidden}@media (min-width:640px){.landing-eval-mock{display:block}}.landing-eval-fill{background:linear-gradient(#f5f5f5,#e8e8e8);height:58%;position:absolute;bottom:0;left:0;right:0}.landing-eval-mock span{color:#ffffff80;white-space:nowrap;font-size:.55rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.landing-content{text-align:center;order:1}@media (min-width:1024px){.landing-content{text-align:left;order:2}}.landing-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bright);background:var(--accent-dim);border:1px solid var(--border-accent);border-radius:9999px;align-items:center;gap:.45rem;margin-bottom:1.25rem;padding:.4rem .95rem;font-size:.68rem;font-weight:700;display:inline-flex}.landing-title{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;margin-bottom:1rem;font-size:clamp(2.75rem,9vw,4.75rem);font-weight:700;line-height:1.02}.landing-title-accent{background:linear-gradient(135deg,var(--accent-bright) 0,var(--gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}@media (min-width:1024px){.landing-title-accent{display:inline}}.landing-sub{color:var(--text-secondary);max-width:32rem;margin-bottom:1.75rem;font-size:1.02rem;line-height:1.65}@media (min-width:1024px){.landing-sub{margin-left:0;margin-right:0}}.landing-feature-grid{text-align:left;grid-template-columns:1fr;gap:.65rem;margin-bottom:1.5rem;display:grid}@media (min-width:480px){.landing-feature-grid{grid-template-columns:1fr 1fr}}.landing-feature-card{border-radius:var(--radius-md);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);align-items:flex-start;gap:.75rem;padding:.85rem 1rem;transition:border-color .2s,transform .2s;display:flex}.landing-feature-card:hover{border-color:#81b64c40;transform:translateY(-2px)}.landing-feature-card__icon{border-radius:var(--radius-sm);background:var(--accent-dim);width:2.25rem;height:2.25rem;color:var(--accent-bright);flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-feature-card__title{color:var(--text-primary);font-size:.85rem;font-weight:700;line-height:1.2}.landing-feature-card__desc{color:var(--text-muted);margin-top:.15rem;font-size:.72rem;line-height:1.35}.landing-user-chip{background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:9999px;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.55rem .9rem;font-size:.82rem;display:inline-flex}.landing-user-chip strong{color:var(--text-primary)}.landing-user-chip__logout{color:var(--text-muted);border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.72rem;transition:color .15s,background .15s;display:inline-flex}.landing-user-chip__logout:hover{color:var(--text-primary);background:#ffffff0f}.landing-topnav{z-index:60;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);background:#08080bb8;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex;position:fixed;top:0;left:0;right:0}.landing-topnav__brand{-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;display:inline-flex}.landing-topnav__logo{background:linear-gradient(145deg,#81b64c3d,#81b64c12);border:1px solid #81b64c61;border-radius:.55rem;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;display:flex;box-shadow:0 2px 10px #81b64c2e,inset 0 1px #ffffff14}.landing-topnav__name{font-family:var(--font-sans);letter-spacing:-.025em;color:var(--text-primary);font-size:1.08rem;font-weight:600;line-height:1}.landing-topnav__name-accent{font-family:var(--font-display);background:linear-gradient(135deg,var(--accent-bright) 0,var(--gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.landing-topnav__actions{align-items:center;gap:.5rem;display:flex}.landing-auth-loading{width:2rem;height:2rem;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.user-nav{position:relative}.user-nav__trigger{color:var(--text-primary);cursor:pointer;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid #ffffff1a;border-radius:9999px;flex-flow:row;align-items:center;gap:.6rem;max-width:13.5rem;padding:.3rem .65rem .3rem .3rem;transition:background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.user-nav__trigger.is-open,.user-nav__trigger:hover{background:linear-gradient(135deg,#81b64c24,#81b64c0f);border-color:#81b64c73;box-shadow:0 4px 20px #00000040,0 0 0 1px #81b64c1f}.user-nav__avatar-wrap{flex-shrink:0;line-height:0;position:relative}.user-nav__avatar{object-fit:cover;border:2px solid #81b64c80;border-radius:50%;width:2.15rem;height:2.15rem;display:block}.user-nav__avatar--fallback{color:var(--accent-bright);letter-spacing:.02em;background:linear-gradient(145deg,#3d5228,#1a2412);justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex}.user-nav__status{background:#81b64c;border:2px solid #0c0c0f;border-radius:50%;width:.55rem;height:.55rem;position:absolute;bottom:0;right:0}.user-nav__labels{flex-direction:column;flex:auto;justify-content:center;align-items:flex-start;gap:.1rem;min-width:0;line-height:1.15;display:flex}.user-nav__name{color:#fff;font-size:.78rem;font-weight:700}.user-nav__handle,.user-nav__name{white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden}.user-nav__handle{color:#81b64cd9;font-size:.65rem;font-weight:500}.user-nav__chevron{color:#ffffff73;flex-shrink:0;width:1rem;height:1rem;transition:transform .2s,color .2s}.user-nav__trigger.is-open .user-nav__chevron{color:var(--accent-bright);transform:rotate(180deg)}.user-nav__menu{z-index:80;background:#12141a;border:1px solid #ffffff14;border-radius:1rem;width:17.5rem;max-width:calc(100vw - 1.5rem);position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 20px 50px #0000008c,0 0 0 1px #ffffff0a}.user-nav__menu--portal{z-index:150;position:fixed}.user-nav__menu-hero{text-align:center;flex-direction:column;align-items:center;padding:1.25rem 1rem 1rem;display:flex;position:relative}.user-nav__menu-hero-bg{pointer-events:none;background:radial-gradient(80% 100% at 50% 0,#81b64c2e,#0000 70%);position:absolute;inset:0}.user-nav__menu-avatar{object-fit:cover;border:3px solid #81b64c8c;border-radius:50%;width:3.5rem;height:3.5rem;margin-bottom:.65rem;position:relative;box-shadow:0 8px 24px #0006}.user-nav__menu-name{color:#fff;font-size:1rem;font-weight:700;line-height:1.2;position:relative}.user-nav__menu-handle{color:var(--accent-bright);margin-top:.15rem;font-size:.78rem;font-weight:500;position:relative}.user-nav__menu-row{color:var(--text-secondary);border-radius:.5rem;gap:.5rem;margin:0 .75rem .65rem;padding:.5rem .65rem;font-size:.72rem}.user-nav__menu-row,.user-nav__stats{background:#ffffff0a;align-items:center;display:flex}.user-nav__stats{border:1px solid #ffffff0f;border-radius:.65rem;margin:0 .75rem .75rem;padding:.65rem .75rem}.user-nav__stat{flex:1;align-items:center;gap:.35rem;display:flex}.user-nav__stat--record{justify-content:flex-end;gap:.5rem}.user-nav__stat-val{color:#fff;font-size:.82rem;font-weight:700}.user-nav__stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:600}.user-nav__stat-divider{background:#ffffff1a;width:1px;height:1.25rem;margin:0 .5rem}.user-nav__menu-actions{flex-direction:column;gap:.35rem;padding:0 .75rem .75rem;display:flex}.user-nav__action{border-radius:.6rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem .75rem;font-size:.82rem;font-weight:600;transition:background .15s,transform .12s;display:flex}.user-nav__action:active{transform:scale(.98)}.user-nav__action--primary{color:var(--accent-bright);background:#81b64c26;border:1px solid #81b64c59}.user-nav__action--primary:hover{background:#81b64c38}.user-nav__action--danger{color:#ffffff8c;background:0 0;border:1px solid #ffffff14}.user-nav__action--danger:hover{color:#f87171;background:#f871711a;border-color:#f8717140}@media (max-width:520px){.user-nav__labels{display:none}.user-nav__trigger{gap:.35rem;max-width:none;padding:.25rem .45rem .25rem .25rem}}.profile-edit-overlay{z-index:200;-webkit-backdrop-filter:blur(10px);background:#000000d1}.profile-edit-modal{background:linear-gradient(#161920,#101218);border:1px solid #ffffff1a;border-radius:1.1rem;width:min(92vw,24rem);overflow:hidden;box-shadow:0 24px 80px #000000a6,0 0 0 1px #81b64c14}.profile-edit-modal__header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.15rem 1.2rem 1rem;display:flex}.profile-edit-modal__icon{width:2.25rem;height:2.25rem;color:var(--accent-bright);background:#81b64c26;border:1px solid #81b64c4d;border-radius:.6rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-edit-modal__title{color:#fff;font-size:1.05rem;font-weight:700;line-height:1.2}.profile-edit-modal__subtitle{color:var(--text-muted);margin-top:.15rem;font-size:.72rem}.profile-edit-modal__body{flex-direction:column;gap:1.15rem;padding:1.15rem 1.2rem 1.2rem;display:flex}.profile-edit-field{flex-direction:column;gap:.45rem;display:flex}.profile-edit-field__label{color:#ffffffbf;font-size:.78rem;font-weight:600}.profile-edit-field input{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:#fff;background:#ffffff0d;width:100%;padding:.6rem .75rem;font-size:.88rem;font-weight:500}.profile-edit-field input:focus{border-color:#81b64c80;outline:none;box-shadow:0 0 0 2px #81b64c26}.profile-edit-field__input-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff0d;align-items:center;display:flex;overflow:hidden}.profile-edit-field__input-wrap:focus-within{border-color:#81b64c80;box-shadow:0 0 0 2px #81b64c26}.profile-edit-field__prefix{color:var(--text-muted);padding:.6rem 0 .6rem .75rem;font-size:.88rem}.profile-edit-field__input-wrap input{box-shadow:none;background:0 0;border:none;padding-left:.15rem}.profile-edit-field__input-wrap input:focus{box-shadow:none}.profile-edit-field__hint{color:var(--text-muted);font-size:.68rem;font-weight:500}.profile-edit-modal__error{color:#f87171;border-radius:var(--radius-sm);background:#f871711a;border:1px solid #f8717133;padding:.5rem .65rem;font-size:.78rem}.profile-edit-modal__footer{border-top:1px solid var(--border-subtle);gap:.5rem;padding:.85rem 1.1rem 1.1rem;display:flex}.landing-page--authed .landing-shell{padding-top:max(4.25rem,calc(env(safe-area-inset-top) + 3.25rem))}.landing-auth-btns{align-items:center;gap:.5rem;display:flex}.landing-auth-btns--center{justify-content:center}.landing-auth-block{margin-bottom:1.25rem}.landing-auth-block__label{color:var(--text-muted);text-align:center;margin-bottom:.65rem;font-size:.8rem}@media (min-width:1024px){.landing-auth-block__label{text-align:left}.landing-auth-btns--center{justify-content:flex-start}}.landing-auth-btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.landing-auth-btn:hover{transform:translateY(-1px)}.landing-auth-btn--ghost{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff0a}.landing-auth-btn--ghost:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff24}.landing-auth-btn--primary{color:#0a0f06;background:linear-gradient(135deg,var(--accent-bright),var(--accent));box-shadow:0 4px 16px var(--accent-glow);border:none}.landing-auth-btn--primary:hover{box-shadow:0 6px 22px var(--accent-glow)}.landing-cta-row{flex-direction:column;align-items:stretch;gap:.75rem;display:flex}@media (min-width:480px){.landing-cta-row{flex-direction:row;justify-content:center;align-items:center}}@media (min-width:1024px){.landing-cta-row{justify-content:flex-start}}.landing-play-btn{gap:.65rem;padding:1rem 2rem;font-size:1.05rem}.landing-play-btn,.landing-stats-btn{border-radius:var(--radius-md);justify-content:center;align-items:center;display:inline-flex}.landing-stats-btn{gap:.5rem;padding:.9rem 1.35rem;font-size:.9rem}[data-board-theme=marble]{--sq-light:#e8eef3;--sq-dark:#7a9eb5;--coord-on-light:#6b8fa6;--coord-on-dark:#e4ecf2;--wood-light:#6a7a82;--wood-mid:#4f5d64;--wood-dark:#3a454b}[data-board-theme=green]{--sq-light:#eeeed2;--sq-dark:#769656;--coord-on-light:#769656;--coord-on-dark:#eeeed2}[data-board-theme=brown]{--sq-light:#f0d9b5;--sq-dark:#b58863;--coord-on-light:#b58863;--coord-on-dark:#f0d9b5}[data-board-theme=marble] .sq-light{background:radial-gradient(at 30% 20%,#ffffff80 0,#0000 55%),linear-gradient(160deg,#f2f6f9,#e8eef3 50%,#dce6ec)!important}[data-board-theme=marble] .sq-dark{background:radial-gradient(at 70% 80%,#ffffff26 0,#0000 50%),linear-gradient(160deg,#8aadbe,#7a9eb5 50%,#6b8fa6)!important}[data-board-theme=brown] .sq-light,[data-board-theme=green] .sq-light{background-color:var(--sq-light)!important}[data-board-theme=brown] .sq-dark,[data-board-theme=green] .sq-dark{background-color:var(--sq-dark)!important}[data-board-theme=marble] .chess-board-wrap{border-radius:2px;padding:8px}@media (min-width:640px){.chess-board-wrap{padding:14px}[data-board-theme=marble] .chess-board-wrap{padding:6px}}.sq-coord-on-light{color:var(--coord-on-light,#769656);opacity:.85}.sq-coord-on-dark{color:var(--coord-on-dark,#eeeed2);opacity:.85}.sq-hint{box-shadow:inset 0 0 0 3px #81b64c99!important}.sq-hint-from{background-color:#d4a8531f!important;box-shadow:inset 0 0 0 3px #d4a853bf!important}.sq-hint-to{animation:hint-square-pulse 1.2s ease-in-out infinite;box-shadow:inset 0 0 0 3px #d4a853f2!important}.sq-hint-to:before{content:"";pointer-events:none;background:#d4a8538c;border-radius:50%;position:absolute;inset:22%}@keyframes hint-square-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.15)}}.piece-slot.is-hint-piece .piece-img-wrap{filter:drop-shadow(0 0 8px #d4a853d9)}.piece-slot.is-hint-piece.is-selected .piece-img-wrap{filter:drop-shadow(0 0 12px #d4a853)}.eval-bar{border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-right:none;flex-shrink:0;align-self:stretch;width:1.5rem;overflow:hidden;box-shadow:inset -2px 0 8px #0000004d}.eval-bar__track{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.eval-bar--flipped .eval-bar__track{flex-direction:column-reverse}.eval-bar__white{background:linear-gradient(#f0f0e8,#eeeed2);flex-shrink:0;min-height:2px}.eval-bar__black{background:linear-gradient(#3a3834,#262421);flex-shrink:0;min-height:2px}.eval-bar__label{white-space:nowrap;pointer-events:none;z-index:2;letter-spacing:-.02em;border-radius:2px;padding:2px 3px;font-size:.55rem;font-weight:700;line-height:1;position:absolute;left:50%;transform:translate(-50%,-50%)}.eval-bar__label--white{color:#262421;background:#eeeed2eb}.eval-bar__label--black{color:#eeeed2;background:#262421eb}.eval-bar--loading{opacity:.85}@media (max-width:380px){.eval-bar{width:1rem}.eval-bar__label{padding:1px 2px;font-size:.5rem}}.resume-banner{border-radius:var(--radius-md);background:linear-gradient(90deg,#81b64c1f,#81b64c0a);border:1px solid #81b64c40;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.resume-banner__title{color:#eeeed2;font-size:.875rem;font-weight:600}.resume-banner__sub{color:#fff6;font-size:.6875rem}.resume-banner__play{border-radius:var(--radius-sm);background:var(--accent);color:#0f1209;flex-shrink:0;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.75rem;font-weight:700;display:inline-flex}.resume-banner__dismiss{color:#ffffff59;flex-shrink:0;padding:.375rem}.resume-banner__dismiss:hover{color:#ffffffb3}.stats-replay-btn{border-radius:var(--radius-sm);color:var(--accent-bright);background:var(--accent-dim);border:1px solid #81b64c47;flex-shrink:0;align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.72rem;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.stats-replay-btn:hover:not(:disabled){background:#81b64c38;transform:translateY(-1px)}.stats-replay-btn:disabled{opacity:.6}.replay-modal{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:min(92vw,40rem);max-height:92dvh;box-shadow:var(--shadow-lift);flex-direction:column;display:flex;overflow:hidden}.replay-modal__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.15rem;display:flex}.replay-modal__title{font-family:var(--font-display);color:#fff;font-size:1.25rem;font-weight:700}.replay-modal__meta{color:var(--text-muted);margin-top:.2rem;font-size:.78rem}.replay-modal__body{flex-direction:column;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.replay-modal__board{width:100%;max-width:22rem;margin:0 auto}.replay-modal__controls{flex-direction:column;align-items:center;gap:.65rem;display:flex}.replay-modal__ply{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.82rem}.replay-modal__buttons{align-items:center;gap:.5rem;display:flex}.replay-modal__btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:2.5rem;height:2.5rem;color:var(--text-primary);background:#ffffff0f;justify-content:center;align-items:center;transition:background .15s;display:flex}.replay-modal__btn:hover:not(:disabled){background:#ffffff1a}.replay-modal__btn:disabled{opacity:.35;cursor:not-allowed}.stats-panel .setup-panel__header{align-items:center;gap:.75rem;display:flex}.stats-back-btn{border-radius:var(--radius-sm);color:#ffffff80;border:1px solid #ffffff14;padding:.5rem}.stats-hero{border-radius:var(--radius-md);background:var(--bg-panel);border:1px solid var(--border-subtle);margin-bottom:1rem;padding:1rem}.stats-hero__elo{align-items:center;gap:.5rem;margin-bottom:.875rem;display:flex}.stats-hero__elo-num{color:#eeeed2;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800}.stats-hero__grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem;display:grid}.stats-pill{border-radius:var(--radius-sm);color:#ffffff73;text-transform:uppercase;letter-spacing:.06em;flex-direction:column;align-items:center;padding:.5rem;font-size:.625rem;display:flex}.stats-pill__num{font-size:1.25rem;font-weight:800;line-height:1.2}.stats-pill--win{color:#81b64c;background:#81b64c1a}.stats-pill--loss{color:#ef4444;background:#ef44441a}.stats-pill--draw{color:#ffffff80;background:#ffffff0f}.stats-winrate{color:#ffffff8c;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.stats-rated-summary{color:#ffffff80;border-radius:var(--radius-sm);background:#ffffff08;justify-content:space-between;padding:.625rem .75rem;font-size:.75rem;display:flex}.stats-game-list{flex-direction:column;gap:.375rem;display:flex}.stats-game-row{border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff0d;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.stats-result-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.stats-result-icon--win{color:#81b64c;background:#81b64c26}.stats-result-icon--loss{color:#ef4444;background:#ef444426}.stats-result-icon--draw{color:#ffffff80;background:#ffffff14}.stats-link-btn{border-radius:var(--radius-sm);color:#ffffff8c;background:#ffffff08;border:1px solid #ffffff14;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.625rem;font-size:.8125rem;display:flex}.stats-link-btn:hover{color:#ffffffd9;border-color:#ffffff26}.review-modal__layout{grid-template-columns:1fr 1fr;gap:1rem;min-height:0;display:grid}@media (max-width:768px){.review-modal__layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}}.review-modal__board-col{flex-direction:column;gap:.5rem;min-width:0;display:flex}.review-board-wrap{width:100%;max-width:320px;margin:0 auto}.review-classification-badge{border-radius:var(--radius-sm);background:#ffffff08;border:1px solid;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.review-nav{justify-content:center;align-items:center;gap:1rem;display:flex}.review-nav__btn{border-radius:var(--radius-sm);color:#fff9;border:1px solid #ffffff1a;padding:.375rem .625rem}.review-nav__btn:disabled{opacity:.3}.review-modal__moves-col{flex-direction:column;min-height:0;max-height:420px;display:flex}.review-move-btn{border-radius:var(--radius-sm);text-align:left;border:1px solid #0000;align-items:center;gap:.5rem;padding:.5rem .625rem;transition:background .15s,border-color .15s;display:flex}.review-move-btn:hover{background:#ffffff0a}.review-move-btn--active{background:#81b64c1a;border-color:#81b64c40}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}