:root{color-scheme:dark;--background: #081321;--on-background: #f1f5fa;--foreground-secondary: #a7b5c8;--foreground-tertiary: #75cdb4;--outline: #29384a;--dialog: #101e30;--surface: #122235;--background-highlight: #ffffff0d;--primary: #75cdb4;--on-primary: #071c16;--primary-hover: #92dbc7;--primary-container: #75cdb422;--secondary: #a7b5c8;--tertiary: #75cdb4;--error: #ff8195;--warning: #f0cb6b;--success: #75cdb4;--accent: var(--primary);--on-accent: var(--on-primary)}*{box-sizing:border-box}html{height:100%;font-size:16px}body{margin:0;height:100%;background:var(--background);color:var(--on-background)}body,input,textarea,button{font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:1rem}button,input,textarea,select{color:inherit}button,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}a{color:var(--primary);text-underline-offset:.25em}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--primary);outline-offset:4px}h1,h2,h3{line-height:1.15;font-weight:650;letter-spacing:-0.025em}p{line-height:1.6}.body-large{font-size:1.25rem}.caption-strong{font-size:.75rem;font-weight:650;letter-spacing:.1em}.text-upper{text-transform:uppercase}.icon-label{display:inline-flex;gap:.5rem;align-items:center}.au-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.au-image{object-fit:contain}.app-loading{display:grid;place-items:center;min-height:100dvh;color:var(--foreground-secondary)}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}.au-button,.au-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;border:1px solid var(--primary);border-radius:.65rem;background:var(--primary);color:var(--on-primary);font-weight:650;text-decoration:none;transition:background .15s,border-color .15s;white-space:nowrap}.au-button:hover,.au-icon-button:hover{background:var(--primary-hover)}.au-button.outlined,.au-icon-button.outlined{background:rgba(0,0,0,0);color:var(--primary)}.au-button.outlined:hover,.au-icon-button.outlined:hover{background:var(--primary-container)}.au-button.error,.au-icon-button.error{background:var(--error);border-color:var(--error);color:#190b11}.au-button:disabled,.au-button.disabled,.au-icon-button:disabled,.au-icon-button.disabled{opacity:.45;cursor:not-allowed}.au-icon-button{padding:.65rem;border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--foreground-secondary)}.au-icon-button:hover{background:var(--background-highlight);color:var(--primary)}.au-button-base .content{display:inline-flex;align-items:center;gap:.5rem}input:not([type=checkbox]),textarea,select{display:block;width:100%;border:1px solid var(--outline);border-radius:.5rem;padding:.8rem 1rem;background:var(--background);min-height:44px}input:not([type=checkbox]):focus,textarea:focus,select:focus{border-color:var(--primary)}label{display:block;font-size:.875rem;color:var(--foreground-secondary);margin-bottom:.5rem}.validation-message,.form-error{color:var(--error);font-size:.875rem}.form-hint{font-size:.8rem;color:var(--foreground-secondary)}.confirmation-dialog{color:var(--on-background);background:var(--dialog);border:1px solid var(--outline);border-radius:1rem;padding:2rem;width:min(440px,100vw - 2rem)}.confirmation-dialog::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.confirmation-dialog h2{margin-top:0}.confirmation-dialog .dialog-actions{display:flex;gap:.75rem;margin-top:1.5rem}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--primary);font-weight:650}.d-flex{display:flex}.flex-column{display:flex;flex-direction:column}.flex-1{flex:1;min-width:0}.flex-grow-1{flex-grow:1}.align-items-center{align-items:center}.align-items-end{align-items:end}.justify-content-center{justify-content:center}.justify-content-end{justify-content:end}.w-100{width:100%}.h-100{height:100%}.scrollable{overflow-y:auto}.container{width:min(100%,1100px);padding-inline:1rem;margin-inline:auto}.game-container{width:min(100%,440px);padding-inline:1rem;margin-inline:auto}.p-0{padding:0rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.p-5{padding:2.5rem}.p-6{padding:3rem}.p-7{padding:3.5rem}.pt-0{padding-top:0rem}.pt-1{padding-top:.5rem}.pt-2{padding-top:1rem}.pt-3{padding-top:1.5rem}.pt-4{padding-top:2rem}.pt-5{padding-top:2.5rem}.pt-6{padding-top:3rem}.pt-7{padding-top:3.5rem}.pb-0{padding-bottom:0rem}.pb-1{padding-bottom:.5rem}.pb-2{padding-bottom:1rem}.pb-3{padding-bottom:1.5rem}.pb-4{padding-bottom:2rem}.pb-5{padding-bottom:2.5rem}.pb-6{padding-bottom:3rem}.pb-7{padding-bottom:3.5rem}.pl-0{padding-left:0rem}.pl-1{padding-left:.5rem}.pl-2{padding-left:1rem}.pl-3{padding-left:1.5rem}.pl-4{padding-left:2rem}.pl-5{padding-left:2.5rem}.pl-6{padding-left:3rem}.pl-7{padding-left:3.5rem}.pr-0{padding-right:0rem}.pr-1{padding-right:.5rem}.pr-2{padding-right:1rem}.pr-3{padding-right:1.5rem}.pr-4{padding-right:2rem}.pr-5{padding-right:2.5rem}.pr-6{padding-right:3rem}.pr-7{padding-right:3.5rem}.m-0{margin:0rem}.m-1{margin:.5rem}.m-2{margin:1rem}.m-3{margin:1.5rem}.m-4{margin:2rem}.m-5{margin:2.5rem}.m-6{margin:3rem}.m-7{margin:3.5rem}.mt-0{margin-top:0rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:2.5rem}.mt-6{margin-top:3rem}.mt-7{margin-top:3.5rem}.mb-0{margin-bottom:0rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:2.5rem}.mb-6{margin-bottom:3rem}.mb-7{margin-bottom:3.5rem}.ml-0{margin-left:0rem}.ml-1{margin-left:.5rem}.ml-2{margin-left:1rem}.ml-3{margin-left:1.5rem}.ml-4{margin-left:2rem}.ml-5{margin-left:2.5rem}.ml-6{margin-left:3rem}.ml-7{margin-left:3.5rem}.mr-0{margin-right:0rem}.mr-1{margin-right:.5rem}.mr-2{margin-right:1rem}.mr-3{margin-right:1.5rem}.mr-4{margin-right:2rem}.mr-5{margin-right:2.5rem}.mr-6{margin-right:3rem}.mr-7{margin-right:3.5rem}.g-0{gap:0rem}.g-1{gap:.5rem}.g-2{gap:1rem}.g-3{gap:1.5rem}.g-4{gap:2rem}.g-5{gap:2.5rem}.g-6{gap:3rem}.g-7{gap:3.5rem}.gx-0{column-gap:0rem}.gx-1{column-gap:.5rem}.gx-2{column-gap:1rem}.gx-3{column-gap:1.5rem}.gx-4{column-gap:2rem}.gx-5{column-gap:2.5rem}.gx-6{column-gap:3rem}.gx-7{column-gap:3.5rem}.gy-0{row-gap:0rem}.gy-1{row-gap:.5rem}.gy-2{row-gap:1rem}.gy-3{row-gap:1.5rem}.gy-4{row-gap:2rem}.gy-5{row-gap:2.5rem}.gy-6{row-gap:3rem}.gy-7{row-gap:3.5rem}.px-0{padding-inline:0rem}.px-1{padding-inline:.5rem}.px-2{padding-inline:1rem}.px-3{padding-inline:1.5rem}.px-4{padding-inline:2rem}.px-5{padding-inline:2.5rem}.px-6{padding-inline:3rem}.px-7{padding-inline:3.5rem}.py-0{padding-block:0rem}.py-1{padding-block:.5rem}.py-2{padding-block:1rem}.py-3{padding-block:1.5rem}.py-4{padding-block:2rem}.py-5{padding-block:2.5rem}.py-6{padding-block:3rem}.py-7{padding-block:3.5rem}.mx-0{margin-inline:0rem}.mx-1{margin-inline:.5rem}.mx-2{margin-inline:1rem}.mx-3{margin-inline:1.5rem}.mx-4{margin-inline:2rem}.mx-5{margin-inline:2.5rem}.mx-6{margin-inline:3rem}.mx-7{margin-inline:3.5rem}.my-0{margin-block:0rem}.my-1{margin-block:.5rem}.my-2{margin-block:1rem}.my-3{margin-block:1.5rem}.my-4{margin-block:2rem}.my-5{margin-block:2.5rem}.my-6{margin-block:3rem}.my-7{margin-block:3.5rem}.circle-button{border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);border:none;padding:1rem;aspect-ratio:1}.circle-button:hover{filter:brightness(1.1)}.circle-button.small{padding:.5rem}.circle-button.large{padding:1.5rem}.player-avatar{position:relative;align-self:center;display:flex}.player-avatar .ready-indicator{position:absolute;left:-2px;top:-2px;bottom:-2px;right:-2px;aspect-ratio:1/1;border-radius:50%;border:2px solid #fff;animation:ready 1.2s linear infinite}@keyframes ready-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.empty-state{display:grid;justify-items:center;gap:.75rem;padding:clamp(1.5rem,6vw,4rem) 1rem;text-align:center;color:var(--on-surface-variant, currentColor)}.empty-state h2{margin:0;font-size:1.25rem;color:var(--on-surface, currentColor)}.empty-state p{margin:0;max-width:36ch}