:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;background:#0f1115;color:#e6e8eb}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}.home{max-width:960px;margin:0 auto;padding:48px 24px 64px}.home__header{margin-bottom:32px}.home__header h1{font-size:2.25rem;margin:0 0 8px;letter-spacing:-.02em}.home__subtitle{margin:0;color:#9aa3ad;max-width:56ch}.home__grid{list-style:none;padding:0;margin:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.game-card{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:12px;background:#1a1d23;border:1px solid #262a31;transition:transform .12s ease,border-color .12s ease,background .12s ease}.game-card:hover,.game-card:focus-visible{transform:translateY(-2px);border-color:#3a85ff;background:#1f232a;outline:none}.game-card__title{margin:0;font-size:1.25rem}.game-card__description{margin:0;color:#aab2bb;font-size:.95rem}.game-card__players{margin:auto 0 0;color:#6c757f;font-size:.85rem}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:12px 24px;background:#0f1115d9;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid #1f232a}.app-header__brand{font-weight:600;letter-spacing:-.01em;color:#e6e8eb}.app-header__brand:hover,.app-header__brand:focus-visible{color:#3a85ff;outline:none}.page{max-width:720px;margin:0 auto;padding:32px 24px 64px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.page h1{margin:0}.quiz{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:16px}.quiz__title{margin:0;font-size:1.5rem}.quiz__prompt{margin:0;font-size:1.25rem;line-height:1.35}.quiz__options{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:8px}.quiz__option{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:10px;background:#1a1d23;border:1px solid #262a31;text-align:left}.quiz__option[data-correct=true]{border-color:#3ddc84;background:#18241d}.quiz__breakdown{color:#9aa3ad;font-variant-numeric:tabular-nums}.quiz__player-list,.quiz__scoreboard{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:6px}.quiz__player-list li,.quiz__scoreboard-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:8px;background:#1a1d23;border:1px solid #262a31}.quiz__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #3a85ff;background:#3a85ff;color:#0f1115;font:inherit;font-weight:600;padding:10px 18px;border-radius:10px;cursor:pointer}.quiz__button:hover:not(:disabled),.quiz__button:focus-visible:not(:disabled){background:#5a9bff;border-color:#5a9bff;outline:none}.quiz__button:disabled{background:#262a31;border-color:#262a31;color:#6c757f;cursor:not-allowed}.nickname-form{width:100%;max-width:480px;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:10px;background:#1a1d23;border:1px solid #262a31;text-align:left}.nickname-form__label{font-size:.85rem;color:#9aa3ad}.nickname-form__row{display:flex;gap:8px}.nickname-form__input{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0f1115;border:1px solid #262a31;color:#e6e8eb;font:inherit;padding:10px 12px;border-radius:8px;min-width:0}.nickname-form__input:focus-visible{outline:none;border-color:#3a85ff}.nickname-form__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #3a85ff;background:#3a85ff;color:#0f1115;font:inherit;font-weight:600;padding:0 14px;border-radius:8px;cursor:pointer}.nickname-form__submit:hover:not(:disabled),.nickname-form__submit:focus-visible:not(:disabled){background:#5a9bff;border-color:#5a9bff;outline:none}.nickname-form__submit:disabled{background:#262a31;border-color:#262a31;color:#6c757f;cursor:not-allowed}.nickname-form__current{margin:0;font-size:.9rem;color:#9aa3ad}.nickname-form__current strong{color:#e6e8eb;font-weight:600}.controller-quiz{width:100%;max-width:480px;display:flex;flex-direction:column;gap:12px;align-items:stretch}.controller-quiz__self{margin:0;text-align:center;font-size:.95rem;color:#9aa3ad}.controller-quiz__prompt{margin:0;text-align:center;font-size:1.15rem}.controller-quiz__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #262a31;background:#1a1d23;color:#e6e8eb;font:inherit;padding:14px 16px;border-radius:10px;cursor:pointer;text-align:left}.controller-quiz__button:hover:not(:disabled),.controller-quiz__button:focus-visible:not(:disabled){border-color:#3a85ff;outline:none}.controller-quiz__button[data-selected=true]{border-color:#3a85ff;background:#1f232a}.controller-quiz__button:disabled{opacity:.7;cursor:default}[data-testid=qr-code]{width:min(280px,60vw);height:auto;border-radius:12px;background:#fff;padding:8px}