:root{--hx-white:#fff;--hx-white-soft:#f8f8f8;--hx-white-mute:#f2f2f2;--hx-black:#181818;--hx-black-soft:#222;--hx-black-mute:#282828;--hx-indigo:#2c3e50;--hx-divider-light-1:#3c3c3c4a;--hx-divider-light-2:#3c3c3c1f;--hx-divider-dark-1:#545454a6;--hx-divider-dark-2:#5454547a;--color-background:var(--hx-white);--color-background-soft:var(--hx-white-soft);--color-background-mute:var(--hx-white-mute);--color-border:var(--hx-divider-light-2);--color-border-hover:var(--hx-divider-light-1);--color-heading:var(--hx-indigo);--color-text:var(--hx-indigo);--color-text-muted:#3c3c3ca8;--hx-accent:#42a5f5;--hx-accent-hover:#1e88e5;--hx-danger:#c62828;--hx-status-active:#2e7d32;--hx-status-waiting:#f57c00;--hx-pitch-red:#d13c36;--hx-pitch-yellow:#e0a92b;--hx-pitch-blue:#3d6fd1;--hx-radius:6px}@media (prefers-color-scheme:dark){:root{--color-background:var(--hx-black);--color-background-soft:var(--hx-black-soft);--color-background-mute:var(--hx-black-mute);--color-border:var(--hx-divider-dark-2);--color-border-hover:var(--hx-divider-dark-1);--color-heading:var(--hx-white);--color-text:#ebebebe0;--color-text-muted:#ebebeb8c;--hx-danger:#ef5350}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6}h1,h2,h3{color:var(--color-heading);line-height:1.25}a{color:var(--hx-accent);text-decoration:none}a:hover{color:var(--hx-accent-hover)}button{font-family:inherit}.card-art{--card-x:50%;--card-y:50%;border-radius:var(--hx-radius);background:var(--color-background-mute);aspect-ratio:450/628;display:block;position:relative;overflow:hidden}.card-art--art{aspect-ratio:1}.card-art__image{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.card-art__foil{pointer-events:none;background:radial-gradient(circle at var(--card-x) var(--card-y), #ffffff8c 0%, #ffffff1f 18%, transparent 45%), repeating-linear-gradient(115deg, #ff3c7873 0%, #ffd23c73 6%, #3cffb473 12%, #3caaff73 18%, #be5aff73 24%, #ff3c7873 30%);background-blend-mode:overlay;mix-blend-mode:color-dodge;opacity:.45;transition:opacity .16s ease-out;position:absolute;inset:0}.card-art--foil:hover .card-art__foil{opacity:.7}@media (prefers-color-scheme:dark){.card-art__foil{opacity:.55}.card-art--foil:hover .card-art__foil{opacity:.85}}@media (prefers-reduced-motion:reduce){.card-art__foil{background:repeating-linear-gradient(115deg,#ff3c784d 0%,#3caaff4d 12%,#be5aff4d 24%,#ff3c784d 30%);transition:none}}.app__body:has(.lobby){max-width:1600px;min-height:0;padding:1.25rem 1.5rem;display:flex}.lobby{--tile-size:clamp(58px, 5.5vw, 108px);flex:1;grid-template-rows:auto minmax(0,1fr) auto;gap:.75rem;min-height:0;display:grid}.seats{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.seat{background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:var(--hx-radius);align-items:center;gap:.85rem;padding:.6rem .85rem;display:flex}.seat__art{flex-shrink:0;width:58px}.seat__art--empty{aspect-ratio:1;border:1px dashed var(--color-border-hover);border-radius:var(--hx-radius)}.seat__body{min-width:0}.seat__player{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:.72rem;line-height:1.4}.seat__hero{color:var(--color-heading);font-size:1rem;font-weight:600;line-height:1.3}.seat__note{font-size:.8rem;line-height:1.4}.seat__status{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600;line-height:1.5}.seat__status--ready{color:var(--hx-status-active)}.seat__status--building{color:var(--color-text-muted)}.seat__status--waiting{color:var(--hx-status-waiting);animation:2s ease-in-out infinite seat-waiting}@keyframes seat-waiting{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.seat__status--waiting{animation:none}}.seats__versus{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.lobby__pages{flex-direction:column;gap:.75rem;min-height:0;padding:.85rem 1rem;display:flex}.lobby__pages--locked{opacity:.7}.lobby__page{flex:1;min-height:0;overflow-y:auto}.tabs{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.tabs__list{gap:1.5rem;display:flex}.tabs__actions{gap:.5rem;padding-bottom:.35rem;display:flex}.tabs__tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.95rem;display:flex}.tabs__tab:hover{color:var(--color-text)}.tabs__tab--chosen,.tabs__tab--chosen:hover{color:var(--hx-accent);border-bottom-color:var(--hx-accent)}.tabs__count{background:var(--color-background-mute);color:var(--color-text-muted);border-radius:999px;padding:.05rem .5rem;font-size:.78rem}.tabs__tab--chosen .tabs__count{background:var(--hx-accent);color:#fff}.loadout{flex-direction:column;gap:.5rem;display:flex}.loadout__zone{border-bottom:1px solid var(--color-border);grid-template-columns:8rem 1fr;align-items:center;gap:1rem;padding-bottom:.5rem;display:grid}.loadout__zone:last-child{border-bottom:none}.loadout__head{flex-direction:column;display:flex}.loadout__title{text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.loadout__count{font-size:.78rem}.loadout__empty{font-size:.8rem}.tile-grid{grid-template-columns:repeat(auto-fill, minmax(var(--tile-size), 1fr));gap:.4rem;display:grid}.tile-grid--row{grid-template-columns:repeat(auto-fill, var(--tile-size));justify-content:start}.card-tile{border-radius:var(--hx-radius);color:inherit;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:2px solid #0000;padding:0;transition:transform 80ms ease-out,border-color .15s;display:block;position:relative}.card-tile:disabled{cursor:default}.card-tile__art{display:block;position:relative}.card-tile:not(.card-tile--chosen) .card-art{opacity:.35;filter:grayscale(.7);transition:opacity .15s,filter .15s}.card-tile--chosen{border-color:var(--hx-accent)}.card-tile:hover:not(:disabled){z-index:1;transform:scale(1.04)}.card-tile:focus-visible{outline:2px solid var(--hx-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.card-tile{transition:none}}.card-tile__blank{aspect-ratio:1;border-radius:var(--hx-radius);background:var(--color-background-mute);align-items:center;padding:.25rem;font-size:.7rem;line-height:1.2;display:flex}.card-tile__art:after{content:"";border-radius:0 0 var(--hx-radius) var(--hx-radius);height:3px;position:absolute;inset:auto 0 0}.card-tile__art--red:after{background:var(--hx-pitch-red)}.card-tile__art--yellow:after{background:var(--hx-pitch-yellow)}.card-tile__art--blue:after{background:var(--hx-pitch-blue)}.lobby__bar{border:1px solid var(--color-border);border-radius:var(--hx-radius);background:var(--color-background-soft);align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.lobby__counts{flex-shrink:0;font-size:.85rem}.lobby__problems{flex-direction:column;flex:1;gap:.15rem;min-width:0;max-height:3.4rem;font-size:.82rem;line-height:1.35;list-style:none;display:flex;overflow-y:auto}.lobby__problem--error{color:var(--hx-danger)}.lobby__problem--warning{color:var(--hx-status-waiting)}.lobby__bar-actions{flex-shrink:0;gap:.75rem;display:flex}@media (width<=720px){.seats{grid-template-columns:1fr}.seats__versus{text-align:center}.loadout__zone{grid-template-columns:1fr;gap:.4rem}.lobby__bar{flex-wrap:wrap}}#root{flex-direction:column;min-height:100vh;display:flex}.app__body{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2rem}.app-header{background:var(--color-background-soft);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.app-header__brand{align-items:center;gap:.75rem;display:flex}.app-header__title{color:var(--hx-accent);letter-spacing:.04em;font-size:1.9rem;font-weight:700}.app-header__nav{gap:1.25rem;margin-left:1.5rem;display:flex}.app-header__link{color:var(--color-text-muted);font-size:.95rem}.app-header__link:hover,.app-header__link--active{color:var(--hx-accent)}.login-box{align-items:center;gap:.75rem;display:flex;position:relative}.login-box__input,.login-box .btn{flex-shrink:0}.login-box__input{border:1px solid var(--color-border);border-radius:var(--hx-radius);background:var(--color-background);color:var(--color-text);width:200px;padding:.5rem .75rem;font-size:.95rem}.login-box__input:focus{border-color:var(--hx-accent);outline:none}.login-box__user{color:var(--color-text-muted);font-size:.95rem}.login-box__error{text-align:right;max-width:300px;color:var(--hx-danger);margin-top:.4rem;font-size:.85rem;line-height:1.35;position:absolute;top:100%;right:0}.btn{border-radius:var(--hx-radius);background:var(--hx-accent);color:#fff;cursor:pointer;border:none;padding:.5rem 1.25rem;font-size:.95rem;transition:opacity .2s}.btn:hover:not(:disabled){background:var(--hx-accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--small{padding:.3rem .7rem;font-size:.85rem}.btn--secondary{background:var(--color-background-mute);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-background-mute);border-color:var(--color-border-hover)}.panel{background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:var(--hx-radius);padding:1.5rem}.panel__title{margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.muted{color:var(--color-text-muted)}.stack{flex-direction:column;gap:1rem;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.create-game__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.create-game__head .panel__title{margin-bottom:0}.segmented{border:1px solid var(--color-border);border-radius:var(--hx-radius);background:var(--color-background);gap:2px;min-width:0;padding:2px;display:inline-flex}.segmented__option{border-radius:calc(var(--hx-radius) - 2px);white-space:nowrap;color:var(--color-text-muted);cursor:pointer;padding:.35rem .9rem;font-size:.9rem;position:relative}.segmented__option:hover{color:var(--color-text)}.segmented__option--chosen,.segmented__option--chosen:hover{background:var(--hx-accent);color:#fff}.segmented__option:has(input:focus-visible){outline:2px solid var(--hx-accent);outline-offset:2px}.deck-import{flex-direction:column;gap:.75rem;display:flex}.deck-import__input{border:1px solid var(--color-border);border-radius:var(--hx-radius);background:var(--color-background);width:100%;color:var(--color-text);resize:vertical;padding:.75rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.5}.deck-import__input:focus{border-color:var(--hx-accent);outline:none}.deck-import__actions{gap:.75rem;display:flex}.deck-result{border:1px solid var(--color-border);border-left:3px solid var(--color-border);border-radius:var(--hx-radius);background:var(--color-background);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.deck-result--legal{border-left-color:var(--hx-status-active)}.deck-result--illegal{border-left-color:var(--hx-danger)}.deck-result__failure{color:var(--hx-danger)}.deck-result__summary{align-items:center;gap:1rem;display:flex}.deck-result__art{flex-shrink:0;width:72px}.deck-result__verdict{text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.deck-result--legal .deck-result__verdict{color:var(--hx-status-active)}.deck-result--illegal .deck-result__verdict{color:var(--hx-danger)}.deck-result__hero{color:var(--color-heading);font-size:1.1rem;font-weight:600}.deck-result__next{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.issues__heading{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.4rem;font-size:.8rem;font-weight:600}.issues__list{flex-direction:column;gap:.3rem;padding-left:1.1rem;font-size:.9rem;display:flex}.issues--error .issues__list{color:var(--hx-danger)}.issues--warning .issues__list{color:var(--hx-status-waiting)}.issues__more{color:var(--hx-accent);cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:0;font-size:.85rem}.issues__more:hover{color:var(--hx-accent-hover)}