:root{--bg-cream: #faf7f2;--bg-card: #ffffff;--green-deep: #2d5a27;--green-soft: #4a7c59;--green-pale: #e8f0e4;--green-faint: #f0f5ee;--brown: #5c4a3a;--brown-light: #8b7355;--text-botanical: #3d3229;--text-muted-botan: #8a7e74;--border-botanical: #e8e0d6;--color-danger: #b91c1c;--serif: "Cormorant Garamond", "Georgia", serif;--sans: "Nunito Sans", system-ui, sans-serif;--fs-body: clamp(1rem, .9rem + .25vw, 1.125rem);--fs-h1: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--fs-h2: clamp(1.2rem, 1.1rem + .5vw, 1.5rem);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-card: 16px;--radius-field: 8px;--radius-pill: 100px;--shadow-botanical: 0 1px 3px rgba(61, 50, 41, .06), 0 4px 12px rgba(61, 50, 41, .04);--shadow-hover: 0 4px 12px rgba(61, 50, 41, .1), 0 12px 32px rgba(61, 50, 41, .06);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--tap: 44px;--bp-sm: 640px;--bp-md: 1024px}body{margin:0;background:var(--bg-cream);color:var(--text-botanical);font-family:var(--sans);font-size:max(16px,var(--fs-body))}h1,h2,h3{font-family:var(--serif);font-weight:600;color:var(--green-deep);letter-spacing:-.02em}.page-main{max-width:1100px;margin:0 auto;padding:0 var(--space-4) var(--space-6)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;flex:none;overflow:hidden;border-radius:50%;border:1.5px solid var(--border-botanical);background:var(--green-faint);color:var(--green-deep);font-family:var(--serif);font-size:2.5rem;font-weight:600;line-height:1}.avatar--inline{width:40px;height:40px;font-size:1.25rem}.avatar__image{object-fit:cover}.botanical-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);box-sizing:border-box;padding:var(--space-2) var(--space-5);border:none;border-radius:var(--radius-pill);background:var(--green-deep);color:#fff;font-family:var(--sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:background var(--transition-smooth),transform .15s ease}.botanical-btn:hover{background:var(--green-soft);transform:translateY(-1px)}.botanical-btn--ghost{background:transparent;border:1.5px solid var(--green-deep);color:var(--green-deep)}.botanical-btn--ghost:hover{background:var(--green-pale)}.botanical-btn--danger{background:transparent;border:1.5px solid var(--color-danger);color:var(--color-danger)}.botanical-btn--danger:hover{background:#fef2f2}.botanical-card{background:var(--bg-card);border:1.5px solid var(--border-botanical);border-radius:var(--radius-card);box-shadow:var(--shadow-botanical);padding:var(--space-5);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth)}.botanical-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--green-soft)}.bot-table{width:100%;border-collapse:separate;border-spacing:0;border:1.5px solid var(--border-botanical);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-botanical);background:var(--bg-card)}.bot-table__caption{text-align:left;padding:var(--space-3) var(--space-4);font-family:var(--serif);color:var(--text-muted-botan)}.bot-table th{text-align:left;background:var(--green-faint);font-family:var(--serif);font-weight:600;color:var(--green-deep)}.bot-table th,.bot-table td{padding:var(--space-3) var(--space-4)}.bot-table tbody tr+tr td{border-top:1px solid var(--border-botanical)}.bot-table tbody tr:hover td{background:var(--green-faint)}@media(max-width:640px){.bot-table,.bot-table tbody,.bot-table tr,.bot-table td{display:block}.bot-table__head{display:none}.bot-table tbody tr+tr{border-top:1px solid var(--border-botanical)}.bot-table tbody tr+tr td{border-top:0}.bot-table td:before{content:attr(data-label);display:block;font-family:var(--serif);font-weight:600;color:var(--green-deep)}}.empty-state{margin:0;padding:var(--space-6);text-align:center;font-family:var(--serif);font-style:italic;color:var(--text-muted-botan);background:var(--green-faint);border:1.5px dashed var(--border-botanical);border-radius:var(--radius-card)}.file-picker{display:flex;flex-direction:column;gap:var(--space-1)}.file-picker__label{font-family:var(--sans);font-size:.85rem;font-weight:600;color:var(--brown)}.file-picker__input{font-family:var(--sans);font-size:.85rem;color:var(--text-botanical)}.nav-card{display:flex;flex-direction:column;gap:var(--space-2);height:100%;text-decoration:none;color:inherit}.nav-card__title{margin:0;font-family:var(--serif);font-size:var(--fs-h2);font-weight:600;color:var(--green-deep)}.nav-card__description{margin:0;color:var(--text-muted-botan)}.nav-card:focus-visible{outline:2px solid var(--green-soft);outline-offset:var(--space-1)}.page-hero{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-botanical)}.page-hero__title{margin:0;font-family:var(--serif);font-weight:600;font-size:clamp(1.8rem,1.5rem + 1.5vw,2.4rem);letter-spacing:-.02em;color:var(--green-deep)}.page-hero__subtitle{margin:0;color:var(--text-muted-botan);font-size:.9rem}.page-hero__actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:var(--space-2)}.profile-badge{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit}.profile-badge__name{font-family:var(--serif);font-weight:600;color:var(--green-deep)}.profile-badge:focus-visible{outline:2px solid var(--green-soft);outline-offset:var(--space-1)}.status-banner{padding:var(--space-3) var(--space-4);border:1.5px solid transparent;border-radius:var(--radius-card);font-family:var(--sans);font-size:.9rem}.status-banner--error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.status-banner--warning{background:#fef3c7;border-color:#fcd34d;color:#92400e}.status-banner--success{background:#d1fae5;color:#065f46}.form-row{display:flex;flex-direction:column;gap:var(--space-1)}.form-row__label{font-family:var(--sans);font-size:.85rem;font-weight:600;color:var(--brown)}.form-row__input{box-sizing:border-box;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:1.5px solid var(--border-botanical);border-radius:var(--radius-field);background:var(--bg-card);color:var(--text-botanical);font-family:var(--sans);font-size:var(--fs-body)}.form-row__input:focus{outline:none;border-color:var(--green-soft);box-shadow:0 0 0 3px #4a7c591f}.form-row__input--invalid{border-color:var(--color-danger)}.form-row__hint{color:var(--text-muted-botan);font-size:.85rem}.form-row__error{color:var(--color-danger);font-size:.85rem}@media(max-width:640px){.form-row__input{width:100%}}.page-home__pitch{margin:var(--space-4) 0 0;max-width:60ch;color:var(--text-muted-botan)}.page-home__banner{margin-top:var(--space-4)}.page-home__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.page-home__nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-top:var(--space-5)}.page-home__lobby{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-5)}.page-home__lobby-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.page-home__lobby-title,.page-home__panel-title{margin:0;font-family:var(--serif);font-size:var(--fs-h2);font-weight:600;color:var(--green-deep)}.page-home__lobby-actions,.page-home__panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.page-home__panel{display:flex;flex-direction:column;gap:var(--space-4)}.page-home__panel-label{margin:0;font-weight:600;color:var(--brown)}.page-home__panel-hint{margin:0;color:var(--text-muted-botan)}.page-home__choices{display:flex;flex-wrap:wrap;gap:var(--space-2)}.page-home__game{min-height:44px;padding:var(--space-2) var(--space-4);border:1.5px solid var(--border-botanical);border-radius:10px;background:var(--bg-card);color:var(--text-botanical);font-family:var(--sans);font-size:var(--fs-body);cursor:pointer;transition:background .15s ease,border-color .15s ease}.page-home__game--selected{border-color:var(--green-soft);background:var(--green-pale)}.page-profile__banner,.page-profile__card{margin-top:var(--space-4)}.page-profile__body{display:flex;flex-direction:column;gap:var(--space-5)}.page-profile__identity{display:flex;align-items:center;gap:var(--space-4)}.page-profile__name{margin:0;font-family:var(--serif);font-size:var(--fs-h2);font-weight:600;color:var(--green-deep)}.page-profile__email{margin:0;color:var(--text-muted-botan);font-size:.9rem}.page-profile__avatar-actions{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--space-4)}.page-profile__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.page-profile__lead{margin:0;color:var(--text-muted-botan)}@media(max-width:640px){.page-profile__identity{flex-direction:column;align-items:flex-start}}