@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/big-shoulders-display-latin-700-normal-KM2fueoL.woff2)format("woff2"),url(/assets/big-shoulders-display-latin-700-normal-CMi6UoP4.woff)format("woff")}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/big-shoulders-display-latin-800-normal-DDUD9Xuh.woff2)format("woff2"),url(/assets/big-shoulders-display-latin-800-normal-CI0lhnTM.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff")}:root{--deep-teal:#173033;--slate:#22423f;--slate-raised:#2c514d;--parchment:#e8dfc8;--parchment-dim:#b5ae9a;--brass:#c6a15b;--soul:#6fd9c8;--focus:var(--parchment);--oxblood:#9e4a43;--oxblood-deep:#8e3f39;--amber:#d9a441;--line:color-mix(in srgb, var(--parchment) 18%, transparent);--lane-yellow:#e2b33c;--lane-blue:#5c9ee0;--lane-green:#52ad76;--font-display:"Big Shoulders Display", "Arial Narrow", sans-serif;--font-body:"Barlow", "Segoe UI", sans-serif;--radius-plate:3px;--radius-control:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-body);color:var(--parchment);background:var(--deep-teal);margin:0;padding:16px 24px 0;font-size:16px;line-height:1.4}button{font:inherit;color:inherit}:where(button,a,input):focus-visible{outline:3px solid var(--focus);outline-offset:2px}a{color:var(--brass)}kbd{font-family:inherit}.lobby-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}#root{flex-direction:column;min-height:calc(100vh - 16px);display:flex}main{flex:1}.action-bar{z-index:10;background:var(--deep-teal);border-top:2px solid var(--brass);margin-top:16px;padding:12px 0;position:sticky;bottom:0}.credits{color:var(--parchment-dim);padding:4px 0 12px}.credits a{color:inherit}.app-header{margin-bottom:16px}.app-header__bar{border-bottom:2px solid var(--brass);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding-bottom:8px;display:flex}.app-header__title{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:2.25rem;font-weight:800;line-height:1}.app-header__stamp{color:var(--parchment-dim);margin:0}.data-banner{border-radius:var(--radius-plate);margin:12px 0 0;padding:8px 12px;font-weight:500}.data-banner--stale{color:var(--deep-teal);background:var(--amber)}.data-banner--error{color:var(--parchment);background:var(--oxblood-deep)}.cap-control{align-items:center;gap:12px;display:flex}.cap-control__label{font-weight:600}.cap-control__segments{display:inline-flex}.cap-control__segment{min-width:44px;min-height:44px;font-family:var(--font-display);background:var(--slate);border:2px solid var(--brass);cursor:pointer;border-radius:0;font-size:1.25rem;font-weight:700}.cap-control__segment+.cap-control__segment{border-left-width:0}.cap-control__segment:first-child{border-radius:var(--radius-control) 0 0 var(--radius-control)}.cap-control__segment:last-child{border-radius:0 var(--radius-control) var(--radius-control) 0}.cap-control__segment:hover:not([aria-pressed=true]){background:var(--slate-raised)}.cap-control__segment[aria-pressed=true]{color:var(--deep-teal);background:var(--brass);font-weight:800}.cap-control__hint{color:var(--parchment-dim);cursor:help}.lobby-actions{justify-content:flex-end;display:flex}.lobby-actions__clear,.toast__undo,.toast__close{border:1px solid var(--line);border-radius:var(--radius-control);cursor:pointer;background:0 0;min-height:44px;padding:6px 16px;font-weight:500}.lobby-actions__clear:hover,.toast__undo:hover,.toast__close:hover{background:var(--slate-raised)}.toast-region{z-index:20;position:fixed;bottom:136px;left:50%;transform:translate(-50%)}.toast{background:var(--slate);border:2px solid var(--brass);border-radius:var(--radius-control);align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex;box-shadow:0 8px 20px #00000073}.toast__undo{color:var(--brass);border-color:var(--brass)}.toast__undo kbd{color:var(--parchment-dim);margin-left:8px;font-size:.875em}.toast__close{padding:6px 12px}.generate-bar__row{justify-content:flex-end;align-items:center;gap:16px;display:flex}.generate-bar__button{min-height:52px;font-family:var(--font-display);letter-spacing:.03em;color:var(--deep-teal);background:var(--brass);border:2px solid var(--brass);border-radius:var(--radius-control);cursor:pointer;padding:8px 32px;font-size:1.5rem;font-weight:800}.generate-bar__button:hover:not([aria-disabled=true]){background:color-mix(in srgb, var(--brass) 85%, var(--parchment))}.generate-bar__missing{color:var(--amber);font-size:1.125rem;font-weight:600}.generate-bar__button[aria-disabled=true]{color:var(--parchment-dim);border-color:var(--line);cursor:not-allowed;background:0 0}.generate-bar__copied{color:var(--parchment);font-size:1.125rem;font-weight:600}.generate-bar__fallback{color:var(--amber);flex-direction:column;gap:6px;margin-bottom:12px;font-size:1.125rem;display:flex}.generate-bar__fallback textarea{box-sizing:border-box;width:100%;color:var(--parchment);background:var(--slate);border:2px solid var(--amber);border-radius:var(--radius-control);resize:none;word-break:break-all;padding:6px 8px;font-family:ui-monospace,Consolas,monospace;font-size:.95rem}.picker{background:var(--slate);border-radius:var(--radius-control);margin-top:44px;padding:12px 16px 16px}.picker__heading{margin:0 0 12px;font-size:1rem;font-weight:600}.picker__empty{color:var(--parchment-dim);margin:0}.picker__grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.portrait{box-sizing:border-box;background:var(--slate-raised);border:1px solid var(--line);border-radius:var(--radius-control);cursor:pointer;flex-direction:column;align-items:center;gap:6px;width:100%;height:100%;padding:8px 4px 6px;display:flex}.portrait:hover:not([aria-disabled=true]){border-color:var(--brass);box-shadow:inset 0 0 0 1px var(--brass)}.portrait[aria-disabled=true]{cursor:grab}.portrait__img{object-fit:cover;width:56px;height:56px;box-shadow:0 0 0 2px var(--brass);border-radius:50%}.portrait__name{text-align:center;font-weight:500;line-height:1.2}.portrait--picked{background:0 0}.portrait--picked .portrait__img{filter:grayscale();opacity:.35;box-shadow:0 0 0 2px var(--line)}.portrait--picked .portrait__name{color:var(--parchment-dim);text-decoration:line-through}.picker__grid--skeleton{margin-top:12px}.portrait--skeleton{cursor:default}.portrait--skeleton .portrait__img,.portrait--skeleton .portrait__name{background:var(--line);width:56px;box-shadow:none;display:block}.portrait--skeleton .portrait__name{border-radius:var(--radius-plate)}@media (prefers-reduced-motion:no-preference){.portrait--skeleton{animation:1.2s ease-in-out infinite alternate skeleton-pulse}}@keyframes skeleton-pulse{to{opacity:.5}}.lane--yellow{--lane-color:var(--lane-yellow)}.lane--blue{--lane-color:var(--lane-blue)}.lane--green{--lane-color:var(--lane-green)}.slot-grid{gap:44px;display:grid}.slot-grid__team{background:var(--slate);border-left:4px solid var(--brass);border-radius:var(--radius-control);padding:12px 16px 16px}.slot-grid__team--enemy{border-left-color:var(--oxblood)}.slot-grid__team h2{font-family:var(--font-display);letter-spacing:.02em;margin:0 0 12px;font-size:1.5rem;font-weight:700;line-height:1}.slot-grid__lanes{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.lane__label{color:var(--deep-teal);background:var(--lane-color);border-radius:var(--radius-plate);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--deep-teal) 35%, transparent);justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 8px;padding:4px 10px;display:flex}.lane__name{font-family:var(--font-display);letter-spacing:.03em;order:-1;font-size:1.375rem;font-weight:800;line-height:1.1}.lane__color{font-size:1rem;font-weight:600}.lane__slots{grid-template-columns:1fr 1fr;gap:8px;display:grid}.slot{text-align:left;background:var(--slate-raised);border:1px solid var(--line);border-radius:var(--radius-control);cursor:pointer;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 10px;font-weight:500;display:flex}.slot__portrait{object-fit:cover;width:30px;height:30px;box-shadow:0 0 0 2px var(--brass);border-radius:50%;flex:none;margin:-2px 0}.slot__hero{flex:1}.slot__hero--empty{color:var(--parchment-dim)}.slot--active{border-color:var(--brass);outline:3px solid var(--brass);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.slot--active{animation:.18s ease-out slot-arrive}}@keyframes slot-arrive{0%{outline-offset:8px;outline-color:#0000}}.slot:hover:not(.slot--active){outline:3px solid color-mix(in srgb, var(--brass) 40%, transparent);outline-offset:2px}.slot[draggable=true]{cursor:grab}.slot>*{pointer-events:none}.slot--drop,.slot--drop:hover:not(.slot--active){outline:3px dashed var(--brass);outline-offset:2px}.slot__me{color:var(--parchment-dim);font-size:1.25em;line-height:1}.slot--me:not(.slot--active){border-color:var(--soul)}.slot--me .slot__me{color:var(--soul)}.slot:focus-visible:not(.slot--active){outline:3px solid var(--focus);outline-offset:2px}.slot--active:focus-visible{box-shadow:inset 0 0 0 3px var(--focus);outline:3px solid var(--brass)}.slot-wrap{display:grid;position:relative}.search{z-index:10;background:var(--slate);border:2px solid var(--brass);border-radius:var(--radius-control);width:max(100%,14em);padding:4px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 20px #00000073}.search__input{box-sizing:border-box;width:100%;font:inherit;color:var(--parchment);background:var(--deep-teal);border:1px solid var(--line);border-radius:var(--radius-plate);padding:6px 8px}.search__input::placeholder{color:var(--parchment-dim)}.search__input:focus-visible{border-color:color-mix(in srgb, var(--parchment) 45%, transparent);outline:none}