*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1rem;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:transparent}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}@media (forced-colors:active) {[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:transparent}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hero-arrow-path{--hero-arrow-path:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">  <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"/></svg>');-webkit-mask:var(--hero-arrow-path);mask:var(--hero-arrow-path);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-arrow-path,.hero-exclamation-circle-mini{background-color:currentColor;display:inline-block;height:1.25rem;vertical-align:middle;width:1.25rem}.hero-exclamation-circle-mini{--hero-exclamation-circle-mini:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"/></svg>');-webkit-mask:var(--hero-exclamation-circle-mini);mask:var(--hero-exclamation-circle-mini);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-information-circle-mini{--hero-information-circle-mini:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"/></svg>');-webkit-mask:var(--hero-information-circle-mini);mask:var(--hero-information-circle-mini);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-information-circle-mini,.hero-x-mark-solid{background-color:currentColor;display:inline-block;height:1.25rem;vertical-align:middle;width:1.25rem}.hero-x-mark-solid{--hero-x-mark-solid:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">  <path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z" clip-rule="evenodd"/></svg>');-webkit-mask:var(--hero-x-mark-solid);mask:var(--hero-x-mark-solid);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-top-px{top:-1px}.left-2{left:.5rem}.right-1{right:.25rem}.top-1{top:.25rem}.top-2{top:.5rem}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.mb-0{margin-bottom:0}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.contents{display:contents}.hidden{display:none}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.min-h-\[44px\]{min-height:44px}.min-h-\[6rem\]{min-height:6rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-80{width:20rem}.w-full{width:100%}.max-w-sm{max-width:24rem}.flex-none{flex:none}.translate-y-0{--tw-translate-y:0px}.translate-y-0,.translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y:1rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-6{gap:1.5rem}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(3rem*var(--tw-space-y-reverse));margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-rose-400{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity,1))}.border-zinc-300{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.fill-cyan-900{fill:#164e63}.fill-rose-900{fill:#881337}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-9{padding-bottom:2.25rem;padding-top:2.25rem}.pb-5{padding-bottom:1.25rem}.pt-9{padding-top:2.25rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-8{line-height:2rem}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-emerald-500{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129/var(--tw-ring-opacity,1))}.ring-rose-500{--tw-ring-opacity:1;--tw-ring-color:rgb(244 63 94/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[scrollbar-gutter\:stable\]{scrollbar-gutter:stable}*,:after,:before{box-sizing:inherit}body,html{display:flex;flex-direction:column;font-size:20px;height:100%;margin:0}html{box-sizing:border-box;overflow-x:visible}body{color:#000;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1.6em;font-weight:300;line-height:1.6}.content{flex:1}footer{align-items:center;background:#071f31;display:flex;font-size:1.1rem}a{color:#81cbf8;text-decoration:none}a:focus,a:hover{color:#a9d6f5}li,li a{color:#d2e8f9}li a{text-decoration:none}li a:hover{opacity:.9;text-decoration:underline;transition:opacity .3s ease}dl,ol,ul{list-style:none;margin-top:0;padding-left:0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3rem}ol{list-style:decimal inside}ul{color:#d2e8f9;list-style:circle inside}.button,button,dd,dt,li{margin-bottom:1rem}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6,p{color:#d2e8f9;margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-.1rem;margin-bottom:2rem}h1{font-size:3.6rem;line-height:1.25}h2{font-size:2.8rem;line-height:1.3}h3{font-size:2.2rem;letter-spacing:-.08rem;line-height:1.35}h4{font-size:1.8rem;letter-spacing:-.05rem;line-height:1.5}h5{font-size:1.6rem;line-height:1.4}h5,h6{letter-spacing:0}h6{font-size:1.4rem;line-height:1.2}hr{border:0;border-top:.1rem solid #f4f5f6;margin:3rem 0}img{max-width:100%}table{border-spacing:0;width:100%}td,th{border-bottom:.1rem solid #e1e1e1;padding:1.2rem 1.5rem;text-align:left}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.container{margin:0 auto;max-width:80rem;padding:0 2rem;position:relative;width:100%}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:.1rem solid #d2e8f9;border-radius:.4rem;box-shadow:none;box-sizing:border-box;height:auto;min-height:48px;padding:.6rem 1rem;width:100%}#login_form input[type=password],#login_form input[type=text]{margin-bottom:0}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:0}select{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%23d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') 100% no-repeat;padding-right:3rem;width:auto}select:focus{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%2381cbf8" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')}textarea{min-height:6.5rem}label,legend{display:block;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}fieldset{border-width:0;padding:0}fieldset,input,select,textarea{margin-bottom:1.5rem}input[type=checkbox],input[type=radio]{display:inline}.filter-text{filter:invert(91%) sepia(8%) saturate(1232%) hue-rotate(180deg) brightness(102%) contrast(95%)}.site-header{align-items:center;background:#071f31;border-bottom:2px solid #d2e8f9;display:flex;gap:1rem;justify-content:space-between;padding-right:clamp(.75rem,6vw,100px)}.site-logo-link{display:block;flex:0 1 auto;min-width:0}.site-logo{display:block;height:auto;margin:0;width:140px}.navbar-list{display:flex;flex-direction:column;justify-content:center;list-style-type:none;margin:0}.navbar-list-element{line-height:1;margin-bottom:8px}.navbar-link{font-size:1.25rem}.green-button{background-color:#5e905a;border-color:transparent;color:#d2e8f9;cursor:pointer;font-size:1.5rem;line-height:3rem;outline-color:transparent;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.green-button:hover{background-color:#52904f;box-shadow:0 5px 10px rgba(0,0,0,.2);transform:translateY(-1px)}.green-button:active{background-color:#457d44;box-shadow:0 2px 5px rgba(0,0,0,.15);transform:translateY(1px)}.red-button{background-color:#d40422;border-color:transparent;color:#d2e8f9;cursor:pointer;font-size:1.5rem;line-height:3rem;outline-color:transparent;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.red-button:hover{background-color:#b9031c;box-shadow:0 5px 10px rgba(0,0,0,.2);transform:translateY(-1px)}.red-button:active{background-color:#5e905a;box-shadow:0 2px 5px rgba(0,0,0,.15);transform:translateY(1px)}.blue-button{background-color:#0069d9;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;line-height:2.2rem;padding:0 3rem}.blue-button:disabled{cursor:default;opacity:.5}.blue-button:disabled:focus,.blue-button:disabled:hover{background-color:#0069d9;border-color:#0069d9}.blue-button.active,.blue-button:active,.blue-button:focus{border:2px solid #fff}.bid-suits button{font-size:36px}.btn{background-color:#81cbf8;border:none;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.2);color:#040b12;cursor:pointer;display:inline-block;font-size:1.5rem;font-weight:500;line-height:1.75rem;outline:none;padding:.7rem 1.5rem;text-align:center;transition:background-color .3s,transform .3s,box-shadow .3s}.btn:hover{box-shadow:2px 4px 15px rgba(0,0,0,.2);color:#040b12;transform:translateY(-2px)}.btn:active{box-shadow:1px 1px 5px rgba(0,0,0,.1);transform:translateY(1px)}.google-button{align-items:center;background-color:#fff;border:none;border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,.15);color:#555;cursor:pointer;display:flex;font-size:1.5rem;font-weight:500;justify-content:center;line-height:3rem;margin:0 auto .5rem;outline:none;padding:0 15px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.google-button:hover{background-color:#f2f2f2;box-shadow:0 7px 15px rgba(0,0,0,.2);transform:translateY(-1px)}.google-button:active{background-color:#e6e6e6;box-shadow:0 2px 5px rgba(0,0,0,.1);transform:translateY(1px)}.google-button img{height:24px;margin-right:10px;width:24px}.home-container{max-width:800px}.home-hero{background:#041624;border-radius:20px;color:#d2e8f9;font-size:120%;font-weight:200;margin-bottom:3rem;text-align:center}.home-actions{display:flex;gap:1.5rem;justify-content:space-between}.home-action{flex:1 1 0}.learn-container{max-width:800px}.learn-hero{background:#041624;border-radius:20px;color:#d2e8f9;font-size:120%;font-weight:200;text-align:center}.list-container{margin:0 auto;max-width:315px;text-align:left}.tabs-container{padding-top:1.5%;text-align:center}.tabs{border-bottom:2px solid #444;display:inline-flex;margin:0}.tab{background:#222;border:1px solid #444;border-bottom:none;border-radius:.5rem .5rem 0 0;color:#aaa;cursor:pointer;display:inline-block;margin-right:.25rem;padding:.5rem 1rem;text-decoration:none}.tab:focus,.tab:hover{color:#fff}.tab.active{background:#071f31;border-color:#d2e8f9;color:#fff}.queue-page{margin-top:10px;padding:0 .5rem;text-align:center}.queue-page-private{margin-top:2rem}.queue-title{margin-bottom:0}.queue-subtitle{margin-bottom:20px}.queue-cards,.queue-status{margin-bottom:10px}.queue-cards{display:flex;flex-wrap:wrap;justify-content:center}.player-card{background-color:#071f31;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#d2e8f9;margin:10px;padding:20px}.queue-actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.queue-actions>button{margin-bottom:0}.request-bot-button{align-items:center;background-color:#2563eb;border-color:transparent;color:#d2e8f9;cursor:pointer;display:inline-flex;font-size:1.5rem;gap:.4rem;line-height:3rem;outline-color:transparent;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;white-space:nowrap}.request-bot-button:hover{background-color:#1d4ed8;box-shadow:0 5px 10px rgba(0,0,0,.2);transform:translateY(-1px)}.request-bot-button:active{background-color:#1e40af;box-shadow:0 2px 5px rgba(0,0,0,.15);transform:translateY(1px)}.bot-seat-count{background-color:hsla(0,0%,100%,.18);border-radius:9999px;font-size:1rem;font-variant-numeric:tabular-nums;line-height:1.5rem;padding:0 .5rem}.share-link-row{display:flex;justify-content:center;margin-bottom:1rem}.share-link-group{align-items:stretch;background:rgba(7,31,49,.6);border:1px solid rgba(210,232,249,.25);border-radius:6px;display:inline-flex;max-width:100%;overflow:hidden}.share-link-url{background:transparent;color:#d2e8f9;font-family:monospace;font-size:.9rem;line-height:1;min-width:0;overflow:hidden;padding:.35rem .75rem;text-overflow:ellipsis;-webkit-user-select:all;-moz-user-select:all;user-select:all;white-space:nowrap}.share-link-copy{align-items:center;background:rgba(210,232,249,.08);border:none;border-left:1px solid rgba(210,232,249,.25);color:#d2e8f9;cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;font-weight:500;gap:.3rem;margin:0;padding:.35rem .65rem;transition:background .15s ease;white-space:nowrap}.share-link-copy:hover{background:rgba(210,232,249,.15)}.share-link-copy:active{background:rgba(210,232,249,.22)}.share-link-copy svg{flex-shrink:0;height:14px;width:14px}.share-link-copy .copy-check,.share-link-copy.copied .copy-icon{display:none}.share-link-copy.copied .copy-check{display:inline}.share-link-copy.copied{color:#7be07b}.active-game-card{background-color:#071f31;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#d2e8f9;display:inline-block;margin:0 auto 1rem;padding:1rem 1.5rem;text-align:center}.active-game-card .active-game-title{font-weight:600;margin:0 0 .25rem}.active-game-card .active-game-players{font-size:.9em;margin:0 0 .75rem;opacity:.85}.active-game-card .active-game-actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.game-document{font-size:16px;overflow-x:visible}.game-body{background:#071f31;color:#d2e8f9;font-size:1rem;font-weight:400;line-height:1.4}.game-body main{padding:0}.game-body #client-error,.game-body #server-error{display:none!important}.game{--hand-card:82px;--muted:#a9c7db;--line:#284457;--accent:#81cbf8;--won:#f5c451;--red-suit:#ff8a9a;display:flex;flex-direction:column;gap:10px;margin:auto;max-width:1100px;min-height:100svh;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));width:100%}.game button,.game h1,.game h2,.game p,.score-overlay button,.score-overlay p{margin:0}.game button,.score-overlay button{touch-action:manipulation}.game a:focus-visible,.game button:focus-visible,.score-overlay :focus-visible{outline:3px solid var(--accent,#81cbf8);outline-offset:3px}.game .card-button:focus-visible{outline:3px solid #fff;outline-offset:2px}.game-header{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-bottom:8px}.game-brand,.game-header{align-items:center;display:flex;min-height:44px}.game-brand{border-radius:5px;flex:0 0 44px;overflow:hidden}.game-brand img{display:block;height:40px;-o-object-fit:cover;object-fit:cover;width:44px}.game-score{color:var(--muted);flex:1;font-size:.75rem;gap:8px;justify-content:center}.game-score,.game-score span{align-items:center;display:flex}.game-score span{flex-direction:column}.game-score strong{color:#d2e8f9;font-size:1.25rem;font-variant-numeric:tabular-nums;line-height:1.15}.game-score .score-divider{color:#7f9db1}.score-button{background:#102c40;border:1px solid #49677b;border-radius:9px;color:#d2e8f9;cursor:pointer;font-size:.875rem;min-height:44px;min-width:44px;padding:6px 10px}.score-button:hover{background:#1b3d54}.game-status{display:grid;gap:2px;min-width:0}.turn-line{align-items:center;display:flex;gap:8px;min-height:24px;min-width:0}.turn-text{flex:1;font-size:1.125rem;font-weight:700;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-clock{background:var(--won);border-radius:999px;color:#071f31;flex:none;font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:700;padding:1px 8px}.turn-clock:empty{display:none}.game-facts{align-items:baseline;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.8125rem;gap:0 12px;justify-content:space-between;line-height:1.4;min-height:18px;min-width:0}.game-facts>span{white-space:nowrap}.game-facts>span+span{margin-left:auto}.facts-main{align-items:baseline;display:flex;gap:.3em;max-width:100%;min-width:0}.facts-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.game-facts .trump{color:#d2e8f9;font-weight:700}.suit{color:#fff}.suit-red{color:var(--red-suit)}.connection-notice{color:var(--won);font-size:.8125rem;font-weight:700}.game-play-area{align-content:space-between;flex:1;grid-template-rows:minmax(min-content,1fr) auto}.game-play-area,.phase-area{display:grid;gap:12px;min-width:0}.phase-area{align-content:center}.game-hint{color:var(--muted);font-size:.875rem;line-height:1.45}.game[data-phase=Bidding] .phase-area,.game[data-phase=Discard] .phase-area{align-content:stretch;grid-template-rows:minmax(min-content,1fr) auto}.seat-table{align-content:space-evenly;align-items:center;align-self:center;background:radial-gradient(ellipse,#123b50 0,#0b293d 60%,transparent 72%);border-radius:40%;display:grid;gap:6px 4px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,auto);height:100%;justify-items:center;margin:0 auto;max-height:360px;max-width:460px;width:100%}.seat-table .seat-1{grid-area:2/1}.seat-table .seat-3{grid-area:2/3}.seat-table .seat-2{grid-area:1/1/2/-1}.seat-table .seat-0{grid-area:3/1/4/-1}.seat-table .seat-0,.seat-table .seat-2{max-width:min(100%,240px);min-width:min(130px,100%);width:-moz-max-content;width:max-content}.seat-chip{background:#0b263a;border:1px solid var(--line);border-radius:10px;max-width:130px;min-width:0;padding:5px 6px;text-align:center;width:100%}.seat-chip.seat-on-turn{border-color:var(--accent)}.player-name,.seat-name{color:var(--muted);display:flex;font-size:.8125rem;gap:4px;justify-content:center;line-height:1.4;max-width:100%;min-width:0}.seat-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-tag{color:var(--accent);flex:none}.seat-on-turn .player-name,.seat-on-turn .seat-name{color:#d2e8f9;font-weight:700}.seat-status{font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.4;min-height:22px}.seat-waiting{color:#86a4b8;font-weight:400}.bidding-panel{margin:0 auto;max-width:460px;text-align:center;width:100%}.bid-options,.bidding-panel{display:grid;gap:8px}.bid-numbers,.bid-suits{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.game .blue-button,.score-overlay .blue-button{background:#0069d9;border:2px solid transparent;border-radius:9px;color:#fff;font-size:1rem;font-weight:700;line-height:1.25;min-height:48px;padding:8px 16px}.game .blue-button.active{background:#0854a4;border-color:#d2e8f9}.game button:disabled{cursor:default}.game .blue-button:disabled{background:#173449;color:#8eabbf}.suit-button{background:#e5eff5;border:2px solid transparent;border-radius:9px;color:#071f31;cursor:pointer;font-size:1.8rem;line-height:1;min-height:48px}.suit-button.red-suit{color:#b51b32}.suit-button.active{border-color:var(--accent);box-shadow:0 0 0 2px #0069d9}.suit-button:disabled{opacity:.5}.confirm-bid{display:grid;gap:8px;grid-template-columns:1fr 2fr}.game .pass-button{background:#16374e;border-color:#49677b}.game .pass-button.active{background:#0854a4;border-color:#d2e8f9}.hand-panel{background:#0b263a;border:1px solid var(--line);border-radius:14px;display:grid;gap:6px;margin:0 auto;max-width:600px;padding:10px;width:100%}.player-hand{display:grid;gap:6px;grid-template-columns:repeat(5,minmax(0,var(--hand-card)));justify-content:center;padding:3px}.player-hand-eight{grid-template-columns:repeat(4,minmax(0,var(--hand-card)))}.card-button{align-self:start;background:transparent;border:0;border-radius:6px;cursor:pointer;min-width:0;padding:0;position:relative;width:100%}.player-hand img{aspect-ratio:5/8;border-radius:5px;display:block;height:auto;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%;-webkit-touch-callout:none}.card-button[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:1px}.card-check{background:var(--accent);border-radius:50%;color:#041624;display:none;font-size:15px;font-weight:700;height:22px;line-height:22px;position:absolute;right:-3px;text-align:center;top:-3px;width:22px}.card-button[aria-pressed=true] .card-check{display:block}.grayed-out{opacity:.4}.selection-summary{color:var(--muted);font-size:.875rem;min-height:20px;overflow-wrap:anywhere;text-align:center}.hand-action{width:100%}.game[data-phase=Playing] .phase-area{container-type:size;min-height:min(190px,34svh)}.played-cards{width:100%}.table{background:radial-gradient(ellipse,#123b50 0,#0b293d 60%,transparent 72%);border-radius:40%;display:grid;gap:8px 4px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;justify-items:center;margin:auto;max-width:650px;padding:8px 0}.player-slot,.table{align-items:center;width:100%}.player-slot{display:flex;flex-direction:column;gap:4px;min-width:0}.player-0{grid-column:2;grid-row:2}.player-2{grid-column:2;grid-row:1}.player-1{grid-column:1;grid-row:1/3}.player-3{grid-column:3;grid-row:1/3}.empty-card,.table img{aspect-ratio:5/8;border-radius:5px;height:auto;width:64px;width:clamp(28px,min(28cqw,calc(100cqh/3.2 - 23.75px)),90px)}.empty-card{background:#04162433;border:1px dashed #446074}.seat-on-turn .empty-card{border-color:var(--accent)}.player-2 .player-name{max-width:min(92cqw,360px);width:-moz-max-content;width:max-content}.trick-done .player-slot:not(.trick-winner) img{opacity:.45}.trick-winner img{outline:3px solid var(--won);outline-offset:2px}.trick-winner .player-name{color:var(--won);font-weight:700}.score-overlay{display:grid;font-size:1rem;inset:0;line-height:1.5;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));place-items:center;position:fixed;z-index:1000}.dialog-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020d18c9;inset:0;position:absolute}.game-dialog-panel{background:#0b263a;border:1px solid #49677b;border-radius:16px;box-shadow:0 16px 40px #0008;display:flex;flex-direction:column;max-height:calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)));max-width:560px;min-height:0;overflow:hidden;position:relative;width:100%}.dialog-header{align-items:center;border-bottom:1px solid var(--line,#284457);display:flex;gap:8px;justify-content:space-between;padding:8px 8px 8px 16px}.dialog-header h2{font-size:1.2rem;font-weight:700;letter-spacing:normal;margin:0}.dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px}.quick-rules{display:grid;font-size:.9375rem;gap:10px;line-height:1.45}.quick-rules strong{margin-right:4px}.quick-rules a{align-items:center;display:inline-flex;min-height:44px;text-decoration:underline}dialog.score-overlay{background:transparent;border:0;color:#d2e8f9;height:100dvh;margin:0;max-height:none;max-width:none;width:100%}dialog.score-overlay:not([open]){display:none}dialog.score-overlay::backdrop{background:transparent}.scoring-panel{display:grid;gap:14px;margin:auto;max-width:600px;text-align:center;width:100%}.score-totals{display:grid;gap:12px;grid-template-columns:1fr 1fr}.score-totals>div{background:#16374e;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 8px}.score-totals span{font-size:.875rem}.score-totals strong{color:var(--accent,#81cbf8);font-size:2rem;font-variant-numeric:tabular-nums}.score-totals small{color:var(--muted,#a9c7db);font-size:.8125rem;overflow-wrap:anywhere}.score-history{max-height:40svh;overflow:auto}.game .score-history{max-height:max(70px,calc(100svh - 390px))}.score-history table{color:#d2e8f9;font-size:.9375rem;font-variant-numeric:tabular-nums;width:100%}.score-history td,.score-history th{border-bottom:1px solid var(--line,#284457);overflow-wrap:anywhere;padding:9px 6px;text-align:center}.score-history:focus-visible{outline:3px solid var(--accent,#81cbf8);outline-offset:2px}.score-change{color:var(--muted,#a9c7db);font-size:.8125rem;margin-left:6px}.score-change.negative{color:var(--red-suit,#ff8a9a)}.final-actions{display:grid;gap:8px;grid-auto-columns:1fr;grid-auto-flow:column}.game[data-phase="Final Scoring"] .turn-text{font-size:1.5rem}.game[data-phase="Final Scoring"] .game-play-area,.game[data-phase=Scoring] .game-play-area{grid-template-rows:1fr}.game[data-phase="Final Scoring"] .phase-area,.game[data-phase=Scoring] .phase-area{align-content:start}.game[data-phase="Final Scoring"] .scoring-panel,.game[data-phase=Scoring] .scoring-panel{margin:4px auto 0}@media (min-width:700px) and (min-height:601px){.game{--hand-card:100px;gap:16px;padding:20px 32px}.game-play-area{margin:auto;max-width:800px;width:100%}.game-header{gap:16px}.game-score{flex-direction:row;gap:20px}.game-score span{flex-direction:row;font-size:1rem;gap:8px}.game-score strong{font-size:1.5rem}.turn-text{font-size:1.4rem}.game-facts,.player-name,.seat-name{font-size:.9375rem}.hand-panel{padding:16px}.player-hand-eight{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (max-height:700px){.game{--hand-card:62px;gap:6px}.seat-table{background:none;grid-template-columns:1fr 1.4fr 1fr;grid-template-rows:auto;height:auto}.seat-table .seat-0{display:none}.seat-table .seat-1{grid-area:1/1}.seat-table .seat-2{grid-area:1/2;min-width:0;width:100%}.seat-table .seat-3{grid-area:1/3}.game-header{padding-bottom:4px}.hand-panel{gap:5px;padding:8px}.table{gap:4px;padding:2px 0}.game-play-area,.phase-area{gap:6px}}@media (max-height:550px) and (orientation:portrait){.game{--hand-card:52px}}@media (orientation:landscape) and (max-height:600px) and (min-width:500px){.game{--hand-card:56px;padding-bottom:6px;padding-top:6px}.game-status{align-items:center;gap:4px 16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.connection-notice{grid-column:1/-1}.game-play-area{align-items:center;gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.game[data-phase=Playing] .phase-area{align-self:stretch}.hand-panel{gap:4px;padding:6px}.player-hand-eight{grid-template-columns:repeat(4,minmax(0,36px))}.game[data-phase="Final Scoring"] .game-play-area,.game[data-phase=Scoring] .game-play-area{grid-template-columns:1fr}.game[data-phase=Discard] .game-play-area{align-content:center;gap:4px;grid-template-columns:1fr;grid-template-rows:auto auto}.game[data-phase=Discard] .seat-table{display:none}.game[data-phase=Discard] .hand-panel{max-width:750px}.game[data-phase=Discard] .player-hand-eight{grid-template-columns:repeat(8,minmax(0,60px))}.game .scoring-panel{gap:8px 16px;grid-template-columns:1fr 1fr;max-width:850px}.game .score-totals{grid-column:1}.game .score-totals>div{padding:6px}.game .score-totals strong{font-size:1.5rem}.game .scoring-panel>.final-actions,.game .scoring-panel>.game-hint{grid-column:1}.game .score-history{align-self:start;grid-column:2;grid-row:1/4;max-height:calc(100svh - 110px)}}@media (max-width:600px){html{font-size:16px}.site-header{gap:.5rem}.navbar-list{flex-direction:row;flex-wrap:wrap;gap:0 .4rem;justify-content:flex-end}.navbar-list-element{margin-bottom:0}.navbar-link{align-items:center;display:inline-flex;font-size:1rem;min-height:44px;padding:0 4px}.home-actions{flex-direction:column}.tab{align-items:center;display:inline-flex;font-size:.95rem;min-height:44px;padding:.4rem .6rem}.player-card{margin:6px;max-width:100%;overflow-wrap:anywhere;padding:12px 16px}.share-link-url{max-width:60vw}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.admin{font-size:.8rem;max-width:1200px;padding:1rem}.admin,.admin h1,.admin h2{color:#d2e8f9}.admin a{color:#81cbf8}.admin-muted{color:#9fb9cf}.admin-table{border-collapse:collapse;margin-bottom:2rem;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #1d3a52;padding:.3rem .5rem;text-align:left;vertical-align:top}.admin-timeline{background:#041624;color:#d2e8f9;font-size:.7rem;line-height:1.5;overflow-x:auto;padding:1rem;white-space:pre}#replay-player{background:#041624;padding:.5rem}body:not(.game-body) main{padding-inline:12px}.form-field{margin-block:12px;min-width:0}.form-field label{margin-bottom:4px}.form-field input{font-size:max(16px,1rem);margin:0}.field-errors:empty{display:none}.field-errors p{margin:6px 0 0}.form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:12px}.password-field input{padding-right:52px}.password-toggle{border-radius:6px;display:grid;height:48px;margin:0;min-height:48px;place-items:center;position:absolute;right:0;top:0;width:48px}.password-toggle img[hidden]{display:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #81cbf8;outline-offset:2px}[role=alert].fixed{max-width:calc(100vw - 16px)}[role=alert] button[aria-label=close]{min-height:44px;min-width:44px}.share-link-group{align-items:center;flex-wrap:wrap}.share-link-copy{min-height:44px;min-width:44px}.share-link-url{flex:1}.share-native{margin:0 0 0 8px}.active-game-players{overflow-wrap:anywhere}.admin{min-width:0;width:100%}.admin-table-scroll{margin-bottom:1.5rem;max-width:100%;overflow-x:auto}.admin-table-scroll table{margin-bottom:0}.admin-table td,.admin-table th{min-width:5rem}.learn-steps{display:grid;gap:16px}.learn-step{background:#071f31;border:1px solid #284457;border-radius:12px;padding:20px}.learn-step h3{font-size:1.2rem;font-weight:700;letter-spacing:normal;margin:0 0 8px}.learn-step p{font-size:1rem;margin:0}@media (max-width:600px){.site-logo{width:112px}.home-hero{margin-bottom:1rem}.home-hero.py-9{padding-bottom:1.5rem;padding-top:1.5rem}.home-hero h1{font-size:clamp(2.5rem,11vw,3.5rem)}.google-button{font-size:1.1rem;line-height:1.4;min-height:48px;padding:8px}.form-actions .mt-4{margin-top:0}.form-actions a{align-items:center;display:inline-flex;min-height:44px}}.focus\:border-rose-400:focus{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity,1))}.focus\:border-zinc-400:focus{--tw-border-opacity:1;border-color:rgb(161 161 170/var(--tw-border-opacity,1))}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\:text-white\/80:active{color:hsla(0,0%,100%,.8)}.group:hover .group-hover\:opacity-70{opacity:.7}.phx-submit-loading .phx-submit-loading\:opacity-75,.phx-submit-loading.phx-submit-loading\:opacity-75{opacity:.75}@media (min-width:640px){.sm\:w-96{width:24rem}.sm\:translate-y-0{--tw-translate-y:0px}.sm\:scale-100,.sm\:translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.sm\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:leading-6{line-height:1.5rem}}