.tho-legacy{--void: #140913;--ink: #1B1225;--panel: #271D2D;--panel-lit: #3A2A3E;--steel: #1F2D48;--steel-lit: #374B69;--ember: #BB3E29;--ember-dk: #772D35;--magenta: #FF3FA4;--cyan: #4FD8FF;--gold: #FFC24A;--cream: #FFE3C2;--text: #EADFEA;--text-dim: #9C8AA0;--ch: 10px;--frame: 2px;--legacy-font: "Chakra Petch", ui-sans-serif, system-ui, "Segoe UI", sans-serif;position:relative;display:flex;flex-direction:column;min-height:100dvh;font-family:var(--legacy-font);background:var(--void);color:var(--text);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}.tho-legacy *{margin:0;padding:0;box-sizing:border-box}.tho-legacy .plate{background:var(--steel-lit);padding:var(--frame);clip-path:polygon(var(--ch) 0,100% 0,100% calc(100% - var(--ch)),calc(100% - var(--ch)) 100%,0 100%,0 var(--ch))}.tho-legacy .plate>.plate-in{background:var(--panel);box-shadow:inset 0 0 0 1px var(--void);clip-path:polygon(calc(var(--ch) - 2px) 0,100% 0,100% calc(100% - var(--ch) + 2px),calc(100% - var(--ch) + 2px) 100%,0 100%,0 calc(var(--ch) - 2px));height:100%}.tho-legacy .backdrop{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#2A0E1E 0 14%,#6F364D 14% 30%,#8C3B3B 30% 45%,#BB3E29 45% 58%,#75060D 58% 66%,#3B1220 66% 74%,var(--void) 74% 100%)}.tho-legacy .backdrop:after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:repeating-linear-gradient(90deg,transparent 0 34px,#2B1428 34px 41px,transparent 41px 96px),repeating-linear-gradient(90deg,#1d1020 0 62px,#241528 62px 130px);-webkit-mask-image:linear-gradient(180deg,transparent 0 22%,#000 22% 100%);mask-image:linear-gradient(180deg,transparent 0 22%,#000 22% 100%);opacity:.9}.tho-legacy .scan{position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(180deg,#0000 0 3px,#00000029 3px 4px)}.tho-legacy #gameScreen{position:relative;z-index:1;display:flex;flex:1 1 auto;min-height:0}.tho-legacy .game-layout{display:flex;flex:1 1 auto;min-height:0;min-width:0}.tho-legacy .canvas-container{flex:1 1 auto;position:relative;background:var(--void);min-width:0;min-height:0}.tho-legacy canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.tho-legacy .sidebar{width:268px;flex:none;background:var(--ink);border-left:var(--frame) solid var(--steel-lit);padding:14px 14px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;overflow-y:auto}.tho-legacy .sidebar h3{font-size:.68rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--cyan);display:flex;align-items:center;gap:8px}.tho-legacy .sidebar h3:after{content:"";flex:1;height:2px;background:var(--steel)}.tho-legacy .token-display{--ch: 8px}.tho-legacy .token-display .plate-in{padding:10px 12px 12px}.tho-legacy .token-row{display:flex;align-items:baseline;justify-content:space-between}.tho-legacy #tokenCount{font-size:2.3rem;font-weight:700;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}.tho-legacy .token-label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.tho-legacy .token-ticks{height:7px;margin-top:9px;background:var(--gold);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 7px,transparent 7px 10px);mask-image:repeating-linear-gradient(90deg,#000 0 7px,transparent 7px 10px);opacity:.5}.tho-legacy .status{margin-top:auto;padding:9px 11px;font-size:.7rem;letter-spacing:.08em;color:var(--cyan);background:var(--void);box-shadow:inset 0 0 0 1px var(--steel);text-align:center;min-height:34px;display:flex;align-items:center;justify-content:center}@media (max-width: 900px),(max-height: 520px){.tho-legacy .game-layout{flex-direction:column}.tho-legacy .canvas-container{flex:1 1 auto}.tho-legacy .sidebar{width:100%;flex:none;border-left:0;border-top:var(--frame) solid var(--steel-lit);display:grid;gap:8px;grid-template-columns:auto 1fr;grid-template-areas:"tokens status";padding:10px 10px calc(10px + env(safe-area-inset-bottom));overflow:visible}.tho-legacy .sidebar h3{display:none}.tho-legacy .token-display{grid-area:tokens;align-self:stretch;min-width:92px}.tho-legacy .token-display .plate-in{display:flex;flex-direction:column;justify-content:center}.tho-legacy #tokenCount{font-size:1.7rem}.tho-legacy .token-ticks{margin-top:6px}.tho-legacy .status{grid-area:status;margin-top:0}}.tho-legacy #gameOverOverlay{display:none;position:fixed;inset:0;z-index:1000;background:#140913d6;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px}.tho-legacy #gameOverOverlay.is-open{display:flex}.tho-legacy #gameOverOverlay .verdict{width:min(520px,100%);text-align:center}.tho-legacy #gameOverOverlay .plate-in{padding:30px 24px}.tho-legacy #gameOverOverlay h1{font-size:clamp(2.2rem,11vw,3.4rem);font-weight:700;font-style:italic;letter-spacing:.1em;text-transform:uppercase;line-height:1}.tho-legacy #gameOverOverlay p{font-size:.95rem;color:var(--text);margin-top:12px;letter-spacing:.04em}.tho-legacy #gameOverOverlay .next{font-size:.72rem;color:var(--text-dim);letter-spacing:.16em;text-transform:uppercase;margin-top:18px}.tho-legacy #gameOverOverlay .win{color:var(--cyan)}.tho-legacy #gameOverOverlay .lose{color:var(--magenta)}@media (prefers-reduced-motion: reduce){.tho-legacy *{animation:none!important;transition:none!important}}:root{--ink: #120b1e;--cream: #fff1d6;--gold: #ffc24a;--spark: #ff8a1e;--cyan: #4fd8ff;--magenta: #ff3fa4;--hostile: #ff2d2d;--seat-0: #ff3fa4;--seat-1: #4fd8ff;--seat-2: #ffc24a;--seat-3: #6bff7a;--seat-4: #ff8a1e;--seat-5: #b15bff;--seat-6: #2a7bff;--seat-7: #2ed8b6;--fill-brand: #5a35b8;--band-brand: #3a2178;--dot-brand: #431ea1;--fill-sewers: #35a047;--band-sewers: #1e6b2e;--dot-sewers: #4cb75e;--fill-ramparts: #d4572f;--band-ramparts: #943d21;--dot-ramparts: #eb6e46;--fill-graveyard: #4a3c9e;--band-graveyard: #342a6e;--dot-graveyard: #332587;--fill-win: #1e9e5a;--band-win: #0f5a31;--dot-win: #35b571;--fill-lose: #b3261e;--band-lose: #7a1a14;--dot-lose: #9c0f07;--fill: var(--fill-brand);--band-fill: var(--band-brand);--dot: var(--dot-brand);--on-fill: var(--cream);--accent: var(--gold);--accent-shade: color-mix(in srgb, var(--accent) 62%, var(--ink));--accent-lift: color-mix(in srgb, var(--accent) 78%, var(--cream));--prop-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84'%3E%3Cg fill='none' stroke='%23120b1e' stroke-opacity='.07' stroke-width='2'%3E%3Cpath d='M6 42h72M42 6v72M12 12l18 18M72 72L54 54'/%3E%3Ccircle cx='21' cy='63' r='8'/%3E%3Ccircle cx='63' cy='21' r='8'/%3E%3C/g%3E%3C/svg%3E");--plate: linear-gradient(to bottom, color-mix(in srgb, var(--fill) 30%, transparent), transparent), radial-gradient(var(--dot) 1.5px, transparent 1.7px), var(--prop-tile);--plate-size: 100% 100%, 7px 7px, 84px 84px;--family: "Chakra Petch", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--type-display: 44px;--type-numeral: 56px;--type-secondary: 22px;--type-body: 17px;--type-helper: 15px;--type-chip: 13px;--weight-poster: 700;--weight-slab: 700;--weight-body: 600;--track-logo: .06em;--track-poster: .03em;--track-slab: .04em;--track-chip: .09em;--word-gap: .5em;--slab-slant: oblique 8deg;--col: 360px;--gutter: 15px;--clear: 8px;--band-h: 68px;--pill-h: 92px;--pill-gap: 14px;--rail-h: 72px;--rail-seg-w: 87px;--card-h: 88px;--card-gap: 12px;--primary-h: 72px;--plate-h: 80px;--lozenge-h: 24px;--lozenge-h-lg: 28px;--mark-kind: 76px;--mark-rail: 48px;--mark-band: 56px;--portrait-pick: 48px;--portrait-card: 56px;--chip-count: 40px;--radius-pill: 22px;--radius-card: 16px;--radius-plate: 14px;--radius-lozenge: 12px;--stroke-frame: 3px;--shadow-offset: 6px;--phase-rise: 320px;--t-route: .16s;--t-press: 80ms;--t-phase: .35s;--t-toast-in: .2s;--t-toast-hold: 1.6s;--t-toast-out: .16s;--t-meter: .12s;--t-shake: .24s;--t-banner: 2s;--ease: cubic-bezier(.22, .61, .36, 1);--press-scale: .96}:root[data-fill=brand]{--fill: var(--fill-brand);--band-fill: var(--band-brand);--dot: var(--dot-brand);--on-fill: var(--cream)}:root[data-fill=sewers]{--fill: var(--fill-sewers);--band-fill: var(--band-sewers);--dot: var(--dot-sewers);--on-fill: var(--ink)}:root[data-fill=ramparts]{--fill: var(--fill-ramparts);--band-fill: var(--band-ramparts);--dot: var(--dot-ramparts);--on-fill: var(--ink)}:root[data-fill=graveyard]{--fill: var(--fill-graveyard);--band-fill: var(--band-graveyard);--dot: var(--dot-graveyard);--on-fill: var(--cream)}:root[data-fill=win]{--fill: var(--fill-win);--band-fill: var(--band-win);--dot: var(--dot-win);--on-fill: var(--ink)}:root[data-fill=lose]{--fill: var(--fill-lose);--band-fill: var(--band-lose);--dot: var(--dot-lose);--on-fill: var(--cream)}html{background:var(--fill);color:var(--on-fill);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--family);font-size:var(--type-body);font-weight:var(--weight-body);line-height:1.15}#app{background-image:var(--plate);background-size:var(--plate-size);background-repeat:repeat;background-attachment:scroll;min-height:100dvh;padding:0 var(--gutter) calc(var(--gutter) + env(safe-area-inset-bottom));box-sizing:border-box;overflow-x:hidden}.art-sheet{display:none}.art{display:block;width:100%;height:100%;overflow:visible}*{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}[data-control]{touch-action:manipulation;user-select:none;-webkit-user-select:none;cursor:pointer;appearance:none;border:0;padding:0;background:none}[data-control]:focus-visible{outline:var(--stroke-frame) solid var(--cyan);outline-offset:2px}.logo{font-weight:700;text-transform:uppercase;letter-spacing:var(--track-logo)}.poster{font-weight:var(--weight-poster);text-transform:uppercase;letter-spacing:var(--track-poster);font-style:normal}.slab-type{font-weight:var(--weight-slab);text-transform:uppercase;letter-spacing:var(--track-slab);font-style:var(--slab-slant)}.chip-type{font-weight:var(--weight-poster);text-transform:uppercase;font-size:var(--type-chip);letter-spacing:var(--track-chip);word-spacing:var(--word-gap)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}[data-motion]{transform:none!important}}.screen{position:relative;min-height:100dvh}[data-region=controls]{position:absolute;inset:0;pointer-events:none}[data-region=controls]>[data-control]{pointer-events:auto}.band{position:absolute;top:0;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));height:calc(var(--band-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--gutter) 0;box-sizing:border-box;background:var(--band-fill);color:var(--cream);display:flex;align-items:center;gap:var(--clear)}.band__mask{flex:0 0 var(--mark-band);width:var(--mark-band);height:var(--mark-band)}.band__who{display:flex;flex-direction:column;gap:3px;min-width:0}.band__spacer{flex:1 1 auto}.band__label{background:var(--ink);color:var(--cream);border-radius:6px;padding:0 6px;height:21px;box-sizing:border-box;display:grid;place-items:center}.band__pips{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}.pip{width:8px;height:8px;border-radius:2px;background:var(--cream);opacity:.45;padding:0}.pip[data-state=on]{opacity:1;background:var(--gold)}.meter{display:flex;align-items:center;gap:var(--clear)}.meter__value{font-size:var(--type-numeral);font-weight:var(--weight-poster);font-variant-numeric:tabular-nums;letter-spacing:var(--track-poster);line-height:1;color:var(--gold);transform-origin:right center}.meter[data-state=pop] .meter__value{animation:meter-pop var(--t-meter) var(--ease)}@keyframes meter-pop{0%{transform:scale(1.12)}to{transform:scale(1)}}.plate{background:var(--cream);color:var(--ink);border:var(--stroke-frame) solid var(--ink);border-radius:var(--radius-plate);box-sizing:border-box;display:grid;place-items:center;text-align:center}.plate--heading{position:absolute;top:80px;left:0;right:0;height:var(--plate-h);font-size:var(--type-display);line-height:36px;padding:0 6px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--ink)}.lozenge{background:var(--cream);color:var(--ink);border-radius:var(--radius-lozenge);box-sizing:border-box;display:grid;place-items:center;text-align:center;overflow:hidden}.lozenge--helper{position:absolute;top:168px;left:0;right:0;height:var(--lozenge-h);font-size:var(--type-helper);font-weight:var(--weight-poster);letter-spacing:var(--track-chip);word-spacing:var(--word-gap);text-transform:uppercase;white-space:nowrap}.lozenge--kind{position:absolute;top:164px;left:calc((var(--col) - 200px) / 2);width:200px;height:var(--lozenge-h-lg);font-size:var(--type-secondary)}.pill{position:absolute;box-sizing:border-box;border-radius:var(--radius-pill);transition:top var(--t-phase) var(--ease),left var(--t-phase) var(--ease),width var(--t-phase) var(--ease),height var(--t-phase) var(--ease),transform var(--t-press) var(--ease)}.pill:active{transform:scale(var(--press-scale))}.pill--kind{background:var(--ink);color:var(--cream);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--band-fill)}.pill--kind[data-state=on]{background:var(--ink);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--gold)}.pill__mark{position:absolute;left:30px;top:var(--clear);width:var(--mark-kind);height:var(--mark-kind)}.pill__name{position:absolute;left:116px;top:6px;right:8px;text-align:left;font-size:var(--type-secondary);line-height:26px;color:var(--cream);white-space:nowrap;overflow:hidden}.pill__chip{position:absolute;width:36px;height:21px;border-radius:6px;display:grid;place-items:center;font-size:var(--type-chip);font-weight:var(--weight-poster);letter-spacing:var(--track-poster);color:var(--ink)}.pill__chip--cost{top:35px;background:var(--gold)}.pill__chip--tier{top:63px;background:var(--cream)}.pill__chip--a{left:116px}.pill__chip--b{left:160px}.pill__pick{position:absolute;top:36px;width:var(--portrait-pick);height:var(--portrait-pick)}.pill__pick--a{left:200px}.pill__pick--b{left:256px}.pill__count{position:absolute;left:312px;top:40px;width:var(--chip-count);height:var(--chip-count)}.pill__count .art{position:absolute;inset:0}.pill__count-n{position:absolute;left:8px;top:8px;width:24px;height:24px;border-radius:50%;background:var(--cream);color:var(--ink);display:grid;place-items:center;font-size:var(--type-chip);font-weight:var(--weight-poster);letter-spacing:0}.pill--kind[data-shape=segment]{box-shadow:none;border-radius:var(--radius-card)}.pill--kind[data-shape=segment][data-state=on]{background:var(--gold)}.pill__mark--rail{position:absolute;left:calc((var(--rail-seg-w) - var(--mark-rail)) / 2);top:calc((var(--rail-h) - var(--mark-rail)) / 2);width:var(--mark-rail);height:var(--mark-rail)}.pill--primary{left:0;width:var(--col);height:var(--primary-h);background:var(--gold);color:var(--ink);font-size:var(--type-secondary);display:grid;place-items:center;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--ink)}.pill--primary[disabled]{background:var(--cream);color:var(--ink);opacity:.75}.rail{position:absolute;top:80px;left:0;right:0;height:var(--rail-h);background:var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--band-fill)}.card{position:absolute;box-sizing:border-box;border-radius:var(--radius-card);transition:transform var(--t-phase) var(--ease),opacity var(--t-phase) var(--ease),visibility 0s linear 0s}.card--item{left:0;width:var(--col);height:var(--card-h);background:var(--cream);color:var(--ink);border:var(--stroke-frame) solid var(--ink);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--ink);text-align:left}.card__art{position:absolute;left:16px;top:calc((var(--card-h) - var(--portrait-card)) / 2 - var(--stroke-frame));width:var(--portrait-card);height:var(--portrait-card);border-radius:50%;background:var(--accent);box-shadow:inset 0 0 0 var(--stroke-frame) var(--ink)}.card__name{position:absolute;left:84px;top:12px;right:96px;font-size:var(--type-secondary);white-space:nowrap;overflow:hidden}.card__blurb{position:absolute;left:84px;top:46px;right:96px;font-size:var(--type-chip);letter-spacing:var(--track-poster);font-weight:var(--weight-poster);text-transform:uppercase;white-space:nowrap;overflow:hidden}.card__cost{position:absolute;right:14px;top:20px;min-width:48px;height:42px;border-radius:10px;background:var(--ink);color:var(--gold);display:grid;place-items:center;font-size:var(--type-secondary);font-variant-numeric:tabular-nums}.card--item[data-state=cooling],.card--item[data-state=locked],.card--item[data-state=broke],.card--item[data-state=capped]{opacity:.62}.card--item[data-state=sent] .card__cost{background:var(--spark);color:var(--ink)}.card--item[data-state=landed] .card__cost{background:var(--fill-win);color:var(--ink)}.tile{position:relative;box-sizing:border-box;width:84px;height:84px;border-radius:var(--radius-card);background:var(--cream);border:var(--stroke-frame) solid var(--ink);display:block}.tile>.art{position:absolute;inset:6px;width:auto;height:auto}.tile[data-state=taken]{opacity:.5}.tile[data-state=mine]{box-shadow:0 0 0 var(--stroke-frame) var(--seat, var(--gold))}.toast{position:fixed;left:var(--gutter);right:var(--gutter);top:calc(var(--band-h) + 12px);min-height:44px;border-radius:var(--radius-card);background:var(--gold);color:var(--ink);display:grid;place-items:center;font-size:var(--type-body);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--ink);transform:translateY(-60px);opacity:0;transition:transform var(--t-toast-in) var(--ease),opacity var(--t-toast-in) var(--ease)}.toast[data-state=in]{transform:translateY(0);opacity:1}.mask-chip{position:relative;width:44px;height:44px;border-radius:50%;background:var(--seat, var(--cream));box-shadow:inset 0 0 0 var(--stroke-frame) var(--ink);overflow:hidden}.mask-chip>.art{position:absolute;inset:2px;width:auto;height:auto}.screen--kit .pill--kind[data-slot="0"]{top:200px}.screen--kit .pill--kind[data-slot="1"]{top:306px}.screen--kit .pill--kind[data-slot="2"]{top:412px}.screen--kit .pill--kind[data-slot="3"]{top:518px}.screen--kit[data-phase=a] .pill--kind{left:0;width:var(--col);height:var(--pill-h)}.screen--kit[data-phase=b] .pill--kind{top:80px;width:var(--rail-seg-w);height:var(--rail-h)}.screen--kit[data-phase=b] .pill--kind[data-slot="0"]{left:0}.screen--kit[data-phase=b] .pill--kind[data-slot="1"]{left:91px}.screen--kit[data-phase=b] .pill--kind[data-slot="2"]{left:182px}.screen--kit[data-phase=b] .pill--kind[data-slot="3"]{left:273px}.screen--kit .card--item[data-slot="0"]{top:196px}.screen--kit .card--item[data-slot="1"]{top:296px}.screen--kit .card--item[data-slot="2"]{top:396px}.screen--kit .card--item[data-slot="3"]{top:496px}.screen--kit .pill--primary{top:640px}.screen--kit[data-phase=a] .card--item,.screen--kit[data-phase=a] .pill--primary{transform:translateY(var(--phase-rise));opacity:0;visibility:hidden;transition-delay:0s,0s,var(--t-phase)}.screen--kit[data-phase=a] .rail,.screen--kit[data-phase=a] .lozenge--kind,.screen--kit[data-phase=b] .plate--heading,.screen--kit[data-phase=b] .lozenge--helper{opacity:0;visibility:hidden}.screen--kit .rail,.screen--kit .lozenge--kind,.screen--kit .plate--heading,.screen--kit .lozenge--helper{transition:opacity var(--t-phase) var(--ease),visibility 0s linear 0s}.screen--join .join__wordmark{position:absolute;top:16px;left:calc((var(--col) - 330px) / 2);width:330px;height:168px}.screen--join .join__face{position:absolute;top:196px;width:96px;height:96px;box-sizing:border-box;background:var(--cream);border:var(--stroke-frame) solid var(--ink);border-radius:var(--radius-card)}.screen--join .join__face--0{left:20px}.screen--join .join__face--1{left:132px}.screen--join .join__face--2{left:244px}.screen--join .lozenge--caption{position:absolute;top:300px;width:96px;height:var(--lozenge-h);font-size:var(--type-helper);font-weight:var(--weight-poster);letter-spacing:var(--track-chip);text-transform:uppercase;white-space:nowrap}.screen--join .join__caption--0{left:20px}.screen--join .join__caption--1{left:132px}.screen--join .join__caption--2{left:244px}.screen--join .plate--heading{top:336px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--band-fill)}.screen--join .field{position:absolute;left:0;width:var(--col);height:88px;box-sizing:border-box;margin:0}.screen--join .field--code{top:424px;border:0;border-radius:0;padding:0;background-color:transparent;background-image:linear-gradient(90deg,transparent 0 3px,var(--cream) 3px 61px,transparent 61px 74px),linear-gradient(90deg,var(--ink) 0 64px,transparent 64px 74px);background-size:74px 82px,74px 88px;background-position:0 3px,0 0;background-repeat:repeat-x,repeat-x;color:transparent;caret-color:transparent;text-align:center;font-size:var(--type-display);font-weight:var(--weight-poster);text-transform:uppercase;letter-spacing:.28em}.screen--join .field--name{top:520px;background:var(--cream);color:var(--ink);border:var(--stroke-frame) solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--band-fill);padding:0 18px;text-align:center;font-size:var(--type-secondary);font-weight:var(--weight-slab);font-style:var(--slab-slant);letter-spacing:var(--track-slab);text-transform:uppercase}.screen--join .field--name::placeholder{color:var(--fill-brand);opacity:1}.screen--join .join__rail{position:absolute;top:424px;left:0;width:var(--col);height:88px;pointer-events:none}.screen--join .join__cell{position:absolute;top:0;width:64px;height:88px;box-sizing:border-box;padding-left:.28em;display:grid;place-items:center;color:var(--ink);font-size:var(--type-display);font-weight:var(--weight-poster);text-transform:uppercase;letter-spacing:.28em;line-height:1}.screen--join .join__cell--0{left:0}.screen--join .join__cell--1{left:74px}.screen--join .join__cell--2{left:148px}.screen--join .join__cell--3{left:222px}.screen--join .join__cell--4{left:296px}.screen--join .pill--primary{top:616px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--band-fill)}.screen--join .pill--primary[disabled]{opacity:1;background:var(--band-fill);color:color-mix(in srgb,var(--cream) 45%,var(--band-fill));box-shadow:none}.screen--join .lozenge--error{position:absolute;top:692px;left:0;right:0;height:var(--lozenge-h);box-sizing:border-box;border:var(--stroke-frame) solid var(--hostile);font-size:var(--type-helper);font-weight:var(--weight-poster);letter-spacing:var(--track-chip);word-spacing:var(--word-gap);text-transform:uppercase;white-space:nowrap}.screen--join .lozenge--error[data-state=empty]{opacity:0}.screen--join .lozenge--error[data-state=on]{animation:refusal-shake var(--t-shake) var(--ease)}@keyframes refusal-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-2px)}40%,80%{transform:translate(2px)}}