@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Public+Sans:wght@400;500;600;700&family=Courier+Prime:wght@400;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,500&display=swap";.scene-toolbar,.room-caption{display:flex;justify-content:space-between;gap:16px;align-items:center}.scene-toolbar p{font:12px var(--font-ui);letter-spacing:.09em}.scene-toolbar span{letter-spacing:0}.room-scene{position:relative;aspect-ratio:16/9;isolation:isolate;background:#e9e1d2;border:8px solid #7b7468;box-shadow:0 8px 20px #323c4918;overflow:hidden}.room-background{display:block;width:100%;height:100%;object-fit:contain}.room-sign{position:absolute;top:8%;left:24%;width:52%;text-align:center;font:700 clamp(12px,2vw,26px) var(--font-sign);color:#323c49;letter-spacing:.08em}.room-sign small{display:block;font:12px var(--font-ui);margin-top:8px;letter-spacing:.15em}.shared-partition{position:absolute;top:0;bottom:0;width:5.5%;background:repeating-linear-gradient(0deg,#b9af9b 0 65px,#a79d8b 66px 68px);border-inline:5px solid #e2d7c2;z-index:2}.shared-partition.clerk{right:0}.shared-partition.archivist{left:0}.shared-partition span{writing-mode:vertical-rl;position:absolute;bottom:5%;left:20%;font:12px var(--font-ui);color:#323c49}.wall-tube{position:absolute;top:30%;width:10%;height:24px;border-block:5px solid #b88e53;background:#cad8d2;z-index:3;box-shadow:0 3px 4px #323c4930}.wall-tube.clerk{right:0}.wall-tube.archivist{left:0}.scene-prop-layer{position:absolute;inset:0;z-index:4}.scene-hotspot{position:absolute;left:var(--anchor-x);top:var(--anchor-y);translate:-50% -50%;width:14%;height:27%;min-width:48px;min-height:48px;padding:0;border:2px solid transparent;background:transparent;color:#323c49;cursor:pointer;border-radius:8px;overflow:visible}.scene-hotspot .scene-prop{height:100%;width:100%;filter:drop-shadow(2px 4px 2px #323c4925)}.scene-hotspot>span{position:absolute;top:100%;left:50%;translate:-50% 0;background:#fbf7ee;border:1px solid #aa9c82;border-radius:4px;padding:5px 8px;white-space:nowrap;font:12px var(--font-ui);color:#323c49}.scene-hotspot:hover,.scene-hotspot:focus-visible{outline:3px solid #367858;outline-offset:4px;background:#ffffff30;transform:none}.debug-hotspots{background-image:linear-gradient(#36785844 1px,transparent 1px),linear-gradient(90deg,#36785844 1px,transparent 1px);background-size:10% 10%}.debug-hotspots .room-background{opacity:.65}.debug-hotspots .scene-hotspot{border:2px dashed #af3835;background:#f0e7d544}.scene-hotspot em{position:absolute;top:0;left:0;font:12px var(--font-ui);background:#fff;color:#af3835}.room-caption{font:12px var(--font-ui);margin:10px 0}.scene-tube-status{font:16px var(--font-ui);padding:14px 16px;border-left:4px solid var(--postal-green);background:var(--surface-200);margin:0 0 16px}.scene-stations{display:flex;flex-wrap:wrap;gap:12px}.scene-stations>*{flex:1;min-height:48px}.scene-reading-hint{font:16px/1.5 var(--font-ui);margin-block:18px}.scene-inspector{padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface-100);color:var(--ink);width:min(1060px,calc(100vw - 32px));max-height:90vh;max-height:90dvh;overflow:hidden}.scene-inspector::backdrop{background:#202a35a6}.scene-inspector>header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;gap:16px;border-bottom:1px solid var(--line)}.scene-inspector h2{font:28px var(--font-serif);margin:0}.scene-inspector-body{padding:24px;max-height:calc(90dvh - 98px);overflow:auto;overscroll-behavior:contain}.scene-inspector .desk-layout{margin:0}.scene-inspector .mobile-tube-shortcut,.scene-inspector .desk-tip{display:none}.scene-image-fallback{height:100%;display:grid;place-items:center;background:#e6ddc9;color:#323c49;padding:20%;font:16px var(--font-ui)}.capsule-in-transit{animation:capsule-slide .8s ease-out both}@keyframes capsule-slide{0%{translate:0 -24px;opacity:.4}to{translate:0 0;opacity:1}}.cutaway-preview{margin:30px auto;max-width:1000px}.cutaway-building{position:relative;display:grid;grid-template-columns:1fr 4% 1fr;aspect-ratio:32/9;border:8px solid #847e71;background:#ddd4c1}.cutaway-room{position:relative;min-width:0}.cutaway-room>span{position:absolute;top:7%;left:0;width:100%;text-align:center;color:#323c49;font:clamp(10px,1.5vw,18px) var(--font-ui)}.cutaway-wall{background:repeating-linear-gradient(0deg,#b9af9b 0 25px,#a19886 26px 28px);border-inline:4px solid #f0e7d5}.cutaway-connection{position:absolute;left:37%;right:37%;top:23%;height:45%;display:flex;align-items:flex-start}.cutaway-connection>svg{width:28%;height:100%}.cutaway-connection>div{height:14px;margin-top:5%;flex:1;background:#cad8d2;border-block:4px solid #b88e53}.cutaway-preview figcaption,.exterior-preview figcaption{text-align:center;font:14px/1.5 var(--font-ui);margin:12px 0;color:var(--ink-soft)}.exterior-preview{position:relative;margin:0;width:100%}.exterior-preview img{width:100%;display:block}.exterior-sign{position:absolute;top:34%;left:24%;width:44%;text-align:center;font:700 clamp(12px,2vw,25px) var(--font-sign);letter-spacing:.08em;color:#f0e7d5}.scene-preview-notice{background:var(--surface-200);padding:12px 20px;font:14px var(--font-ui);border:1px dashed var(--line);margin-bottom:20px}@media(max-width:760px){.scene-toolbar{align-items:flex-start}.scene-toolbar span{display:block}.room-scene{border-width:4px}.room-sign{top:8%;font-size:13px}.room-sign small{font-size:9px;margin-top:4px}.scene-hotspot>span{display:none}.scene-hotspot{width:15%;height:30%}.shared-partition{border-inline-width:2px}.shared-partition span{display:none}.wall-tube{height:12px;border-block-width:3px}.room-caption{display:block;line-height:1.5}.scene-stations{display:grid;grid-template-columns:1fr 1fr}.scene-inspector>header{padding:12px}.scene-inspector h2{font-size:22px}.scene-inspector-body{padding:12px}.scene-inspector .desk-layout{display:block}.scene-inspector .desk-sidebar{margin-top:20px}.cutaway-building{border-width:4px}.cutaway-room>span{font-size:9px}.cutaway-connection>div{height:8px;border-block-width:2px}}@media(prefers-reduced-motion:reduce){.scene-experience *{animation:none!important;transition:none!important}}.scene-inspector .letter-paper,.scene-inspector .directory-book,.scene-inspector .envelope{transform:none;transition:none}.scene-inspector .envelope:hover{transform:none}.cutaway-connection{justify-content:space-between}.cutaway-connection>svg{position:relative;z-index:1}.cutaway-connection>div{position:absolute;left:14%;right:14%;top:5%;margin:0}.cutaway-connection>svg{height:auto}.cutaway-connection>div{top:0;height:8px;border-block-width:3px}.room-scene{aspect-ratio:1672/941;border:0;border-radius:6px}.scene-hotspot{translate:none;width:var(--hotspot-w);height:var(--hotspot-h);min-width:48px;min-height:48px}.scene-hotspot>span{opacity:0;pointer-events:none;z-index:2}.scene-hotspot:hover>span,.scene-hotspot:focus-visible>span,.debug-hotspots .scene-hotspot>span{opacity:1}.scene-hotspot:focus-visible{outline-color:#fff;box-shadow:0 0 0 7px #234c3e}.production-cutaway{display:block;width:100%;height:auto;aspect-ratio:6/1;object-fit:contain}.production-tube{position:relative;margin:28px auto;width:100%;max-width:360px;aspect-ratio:587/164}.production-tube>img{display:block;width:100%;height:100%;object-fit:contain}.production-tube>.production-capsule{position:absolute;left:27%;top:19%;width:46%;height:62%;object-fit:contain}.confirmed-transit>.production-capsule{animation:confirmed-capsule .8s ease-out both}@keyframes confirmed-capsule{0%{translate:-15% 0;opacity:.3}to{translate:0 0;opacity:1}}@media(max-width:760px){.scene-prop-layer{display:none}.scene-stations>button{min-width:0;white-space:normal}.scene-stations{grid-template-columns:1fr 1fr}.scene-toolbar p{font-size:11px}}@media(prefers-reduced-motion:reduce){.production-capsule{animation:none!important}}.production-cutaway{aspect-ratio:1536/308}@media(max-width:1100px){.scene-prop-layer{display:none}.scene-toolbar>.um-btn{display:none}}.clerk .station-tube>span{left:auto;right:0;translate:none}.archivist .station-tube>span{left:0;translate:none}.room-scene{aspect-ratio:730/411}.production-cutaway{aspect-ratio:1672/941}.art-object{display:block!important;width:100%;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}.inspection-art{display:block;width:100%;height:auto;object-fit:contain}.book-art{max-height:340px}.envelope-art{max-height:300px}.art-object:focus-visible{outline:3px solid var(--postal-green)!important;outline-offset:4px}.room-capsule{position:absolute;left:18%;top:30%;width:8%;height:auto;rotate:90deg;pointer-events:none}.confirmed-arrival{animation:confirmed-capsule .8s ease-out both}.clerk .room-scene{aspect-ratio:712/400}.archivist .room-scene{aspect-ratio:693/400}.room-capsule{left:20.7%;top:33%;width:7%}.scene-toolbar>.um-btn{display:none}.scene-hotspot>span{background:var(--surface-000);color:var(--ink);border-color:var(--line-strong)}:root,[data-theme=light]{--surface-000: #FFFFFF;--surface-100: #F8F9F6;--surface-200: #E8ECEB;--ink: #2A323D;--ink-soft: #5B6470;--line: #CBD3D0;--line-strong: #74817B;--postal-green: #367858;--postal-green-deep: #2B5F46;--on-green: #FFFFFF;--green-tint: #D6E6DA;--postbox-red: #AF3835;--postbox-red-deep: #9E302D;--red-tint: #F3D9D3;--brass: #B88E53;--brass-deep: #7A5A2B;--brass-tint: #EADBC0;--mint: #A9C9C3;--mint-tint: #D5E6E2;--midnight-ink: #323C49;--tube-blue: #2F5D7C;--tube-tint: #DCE7EF;--oak: #C9A57A;--walnut: #5E4330;--lamp: #F2D58A;--focus: #2A323D;--success: #2B5F46;--error: #9E302D;--warning: #7A5A2B;--info: #2F5D7C;--player-clerk: #2B5F46;--player-archivist: #A9C9C3;--shadow-paper: 0 1px 0 rgba(42,50,61,.1), 0 2px 4px rgba(42,50,61,.1);--shadow-lift: 0 6px 14px rgba(42,50,61,.18), 0 2px 3px rgba(42,50,61,.12);--shadow-panel: 0 12px 32px rgba(42,50,61,.2);--shadow-pressed: inset 0 2px 0 rgba(42,50,61,.25)}[data-theme=dark]{--surface-000: #262F3B;--surface-100: #1E2630;--surface-200: #2F3946;--ink: #F0E7D5;--ink-soft: #B5BCC6;--line: #3A4452;--line-strong: #6E7A88;--postal-green: #4F9A76;--postal-green-deep: #7FB89A;--on-green: #1E2630;--green-tint: #24423A;--postbox-red: #E0716B;--postbox-red-deep: #EB8A82;--red-tint: #4A2C2E;--brass: #C9A066;--brass-deep: #D9B47A;--brass-tint: #3D3426;--mint: #3D6660;--mint-tint: #22383A;--midnight-ink: #11161C;--tube-blue: #8FB7D4;--tube-tint: #1F3242;--oak: #7A5C3E;--walnut: #3B2A1F;--lamp: #F2D58A;--focus: #F2D58A;--success: #7FB89A;--error: #EB8A82;--warning: #D9B47A;--info: #8FB7D4;--player-clerk: #7FB89A;--player-archivist: #3D6660;--shadow-paper: 0 1px 0 rgba(0,0,0,.35), 0 2px 4px rgba(0,0,0,.35);--shadow-lift: 0 6px 14px rgba(0,0,0,.5), 0 2px 3px rgba(0,0,0,.4);--shadow-panel: 0 12px 32px rgba(0,0,0,.55);--shadow-pressed: inset 0 2px 0 rgba(0,0,0,.5)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-xs: 2px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 18px;--radius-pill: 999px;--dur-tap: 90ms;--dur-quick: .16s;--dur-settle: .24s;--dur-stamp: .32s;--dur-fold: .42s;--dur-tube: 1.4s;--ease-mech: cubic-bezier(.2, 0, 0, 1);--ease-press: cubic-bezier(.5, 0, .75, 0);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--ease-paper: cubic-bezier(.25, .1, .25, 1);--z-diorama: 0;--z-hotspot: 10;--z-hud: 20;--z-drag: 30;--z-overlay: 40;--z-toast: 50;--font-wordmark: "Archivo Black", "Arial Black", sans-serif;--font-sign: var(--font-ui);--font-serif: "Newsreader", "Iowan Old Style", Georgia, serif;--font-ui: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-type: "Courier Prime", "Courier New", ui-monospace, monospace;--font-mono: var(--font-type)}.title{font-family:var(--font-sign);font-size:64px;line-height:64px;font-weight:700;letter-spacing:.06em}.sign{font-family:var(--font-sign);font-size:20px;line-height:24px;font-weight:700;letter-spacing:.12em}.overline{font-family:var(--font-sign);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.2em}.display{font-family:var(--font-serif);font-size:48px;line-height:52px;font-weight:500;letter-spacing:-.01em}.h1{font-family:var(--font-serif);font-size:32px;line-height:38px;font-weight:600;letter-spacing:-.005em}.h2{font-family:var(--font-serif);font-size:24px;line-height:30px;font-weight:600}.h3{font-family:var(--font-serif);font-size:19px;line-height:26px;font-weight:600}.body{font-family:var(--font-ui);font-size:16px;line-height:24px;font-weight:400}.body-sm{font-family:var(--font-ui);font-size:14px;line-height:20px;font-weight:400}.label{font-family:var(--font-ui);font-size:14px;line-height:18px;font-weight:700;letter-spacing:.02em}.caption{font-family:var(--font-ui);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.04em}.letter{font-family:var(--font-serif);font-size:18px;line-height:29px;font-weight:400;font-style:normal}.letter-sign{font-family:var(--font-serif);font-size:20px;line-height:26px;font-weight:500;font-style:italic}.address{font-family:var(--font-type);font-size:17px;line-height:24px;font-weight:400}.stamp{font-family:var(--font-type);font-size:13px;line-height:16px;font-weight:700;letter-spacing:.08em}.code{font-family:var(--font-mono);font-size:28px;line-height:32px;font-weight:700;letter-spacing:.18em}.figure{font-family:var(--font-mono);font-size:15px;line-height:20px;font-weight:500}:root{--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-wordmark:400;--text-body:1rem;--leading-body:1.5;--text-label:.875rem;--leading-label:1.4;--text-meta:.875rem;--leading-meta:1.5;--text-lobby:clamp(2.25rem,4.5vw,3.5rem);--leading-heading:1.12;--text-desk:clamp(1.75rem,3.2vw,2.5rem);--text-section:1.5rem;--text-overlay:1.5rem;--text-letter:1.25rem;--leading-letter:1.6;--text-letter-title:2rem;--text-code:2rem;--tracking-ui:0;--tracking-overline:.06em;--tracking-code:.08em}@media(max-width:760px){:root{--text-label:1rem;--text-overlay:1.25rem;--text-letter:1.125rem;--text-letter-title:1.75rem;--text-code:1.75rem}}:root{--ui-bg:var(--surface-100);--ui-surface:var(--surface-000);--ui-secondary:var(--surface-200);--ui-accent:var(--postal-green);--ui-selected:var(--mint-tint);--ui-border:var(--line);--ui-control-border:var(--line-strong);--ui-radius:6px;--text-label:1rem;--text-lobby:clamp(1.75rem,3vw,2rem);--text-desk:clamp(1.75rem,3vw,2rem)}:root{font-family:var(--font-ui);color:var(--ink);background:var(--surface-100);font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:1}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:5px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}p{line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-serif);font-weight:400}h1{font-size:clamp(42px,4.8vw,72px);line-height:1.03;letter-spacing:-1.5px}h2{font-size:32px}h3{font-size:15px;font-weight:600}svg{flex-shrink:0}.app-shell{max-width:1680px;margin:auto;min-height:100vh;display:flex;flex-direction:column;padding:0 5%}.site-header{height:112px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;letter-spacing:2.3px;color:var(--ink)}.brand small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:7px;font-weight:500}.brand-mark{display:grid;place-items:center;width:48px;height:50px;border:1px solid var(--postal-green-deep);border-radius:23px 23px 4px 4px}.header-right{display:flex;gap:30px;align-items:center}.edition,.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600}.edition{color:var(--ink-soft)}.icon-button{display:grid;place-items:center;background:transparent;border:1px solid var(--line);width:48px;height:48px;border-radius:50%;color:var(--ink)}.landing{display:grid;grid-template-columns:1fr 1.08fr;padding-top:38px}.hero-copy{padding:44px 0 45px}.eyebrow{color:var(--postal-green-deep);display:flex;align-items:center;gap:9px;line-height:1.6}.little-line{width:24px;height:1px;background:var(--postal-green-deep)}.hero-copy h1{margin:29px 0 23px;color:var(--ink)}.hero-copy h1 em{font-weight:400;color:var(--postal-green-deep)}.hero-description{font-size:15px;color:var(--ink-soft);line-height:1.9}.start-actions{display:flex;gap:12px;margin-top:31px}.button{min-height:48px;padding:14px 22px;border:1px solid transparent;border-radius:5px;font-size:12px;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:18px;transition:background .2s,transform .2s}.button:not(:disabled):hover{transform:translateY(-2px)}.primary{background:var(--postal-green-deep);color:var(--on-green)}.primary:not(:disabled):hover{background:var(--postal-green)}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.brass{background:var(--brass-tint);color:var(--brass-deep)}.game-details{display:flex;gap:19px;color:var(--ink-soft);margin-top:26px;font-size:10px}.game-details span{display:flex;align-items:center;gap:6px}.hero-art{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 50% 49%,var(--green-tint),transparent 69%)}.post-office{width:112%;margin-left:-6%;height:auto;max-height:525px}.art-number{font-family:monospace;font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;color:var(--ink-soft);margin:9px 23px 0}.art-number span{font-size:8px}.art-caption{font-size:11px;color:var(--ink-soft);text-align:center;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:-7px;margin-bottom:29px}.status-light{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--postal-green-deep);box-shadow:0 0 0 3px #39785d11;flex-shrink:0}.status-light.offline{background:var(--brass-deep)}.intro-strip{grid-column:1/-1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:31px 0;display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:30px;margin:12px 0 39px}.intro-heading{padding-top:8px}.intro-heading h2{font-size:29px;line-height:1.15;margin:12px 0 0;color:var(--ink)}.intro-strip h3{font-size:12px;margin:10px 0 8px;color:var(--ink)}.intro-strip p{font-size:11px;color:var(--ink-soft);margin:0;line-height:1.8}.step-number{font-family:var(--font-serif);font-size:14px;color:var(--ink-soft)}.setup-note{font-size:11px;color:var(--ink-soft);max-width:470px;margin-top:24px;line-height:1.8}.setup-note summary{cursor:pointer}.setup-note p{border-left:2px solid var(--line);padding-left:13px;margin:10px 0}.setup-note code{font-size:10px;overflow-wrap:anywhere}.join-form{margin-top:20px;max-width:360px}.join-form label{font-size:11px;display:block;margin-bottom:7px}.join-form>div{display:flex;gap:10px}.join-form input{width:100%;min-width:0;padding:10px 14px;background:var(--surface-000);border:1px solid var(--line);border-radius:4px;letter-spacing:5px;text-transform:uppercase;color:var(--ink)}footer{margin-top:auto;min-height:64px;display:flex;align-items:center;justify-content:space-between;color:var(--ink-soft);font-size:9px;letter-spacing:1px;gap:20px}.footer-star{padding:0 7px;color:var(--ink-soft)}.text-button{border:0;background:transparent;padding:12px 0;color:var(--postal-green-deep);font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.notice{padding:14px 20px;border:1px solid var(--brass-deep);background:var(--brass-tint);color:var(--brass-deep);font-size:12px;line-height:1.5;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0}.notice.error{background:var(--red-tint);border-color:var(--red-tint);color:var(--error)}.notice button{border:0;background:transparent;color:inherit;min-width:48px;min-height:48px}.game-main{flex:1}.shift-bar{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:11px;color:var(--ink-soft);gap:20px;border-bottom:1px solid var(--line)}.shift-bar>div{display:flex;align-items:center;gap:10px}.room-code{display:flex;gap:12px;align-items:center;padding:10px 14px;border:1px dashed var(--line);background:transparent;font-size:11px;letter-spacing:2px;color:var(--ink);min-height:48px}.shift-progress .mistakes{padding-left:18px;border-left:1px solid var(--line);color:var(--postbox-red-deep)}.lobby,.center-screen,.result-screen{text-align:center;max-width:820px;margin:60px auto 65px}.lobby>.eyebrow,.result-screen>.eyebrow,.center-screen>.eyebrow{justify-content:center}.lobby h1,.result-screen h1{margin:18px 0;font-size:54px}.lobby>p,.result-screen>p,.center-screen>p{font-size:14px;color:var(--ink-soft)}.big-code{font-family:monospace;color:var(--postal-green-deep);letter-spacing:12px;font-size:40px;margin:32px auto;width:max-content;padding:16px 20px 16px 32px;background:var(--green-tint);border:1px dashed var(--success);border-radius:5px}.seat-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.seat{border:1px solid var(--line);padding:28px;background:var(--surface-000);border-radius:8px}.seat>svg{color:var(--postal-green-deep);margin-bottom:12px}.seat .eyebrow{justify-content:center}.seat h2{font-size:29px;margin:12px 0}.seat p{font-size:12px;color:var(--ink-soft)}.seat-state{font-size:11px;color:var(--postal-green-deep);background:var(--green-tint);padding:7px 14px;border-radius:20px;display:inline-block}.lobby>.text-button{display:flex;margin:12px auto}.waiting{font-size:12px!important;color:var(--ink-soft)!important;margin:24px 0}.desk-heading{display:flex;justify-content:space-between;align-items:center;padding:33px 0 26px;gap:15px}.desk-heading h1{font-size:46px;margin:11px 0 12px;letter-spacing:-1px}.desk-heading p{font-size:12px;color:var(--ink-soft);margin:0}.letter-count{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.6px;color:var(--ink-soft);white-space:nowrap}.letter-count strong{font:48px var(--font-serif),Georgia,serif;color:var(--postal-green-deep)}.desk-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px;margin-bottom:32px}.desk-workspace{border:1px solid var(--line);border-radius:8px;background:var(--surface-200);overflow:hidden;background-image:repeating-linear-gradient(1deg,transparent,transparent 30px,#7b785705 31px,#7b785705 33px)}.workspace-label{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:19px 24px;font-size:9px;letter-spacing:1.3px;color:var(--ink-soft);background:var(--surface-000)}.workspace-label span{margin-left:auto;font-size:8px;color:var(--ink-soft)}.envelope-zone{min-height:340px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px}.envelope{position:relative;isolation:isolate;width:360px;max-width:100%;height:207px;background:#f2e5c9;border:1px solid #dbcbab;border-radius:3px;box-shadow:3px 14px 24px #474c3022;transform:rotate(-4deg);overflow:hidden;color:#62694e;transition:transform .2s}.envelope:hover{transform:rotate(-2deg) translateY(-4px)}.envelope-fold{position:absolute;left:0;top:0;width:100%;height:115px;background:#f5eacf;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 2px 1px #8d7253);z-index:-1}.envelope-stamp{position:absolute;right:18px;top:16px;padding:8px;border:3px dotted #f1e6cf;background:#859879;color:#f1e6cf}.envelope-title{display:block;font:22px Georgia,serif;margin-top:53px}.envelope-title small{display:block;font:8px var(--font-ui),sans-serif;letter-spacing:1.1px;margin-top:9px}.wax-seal{position:absolute;left:45%;bottom:15px;background:var(--postbox-red-deep);color:#e1a6a6;border:4px double #b46c76;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font:20px Georgia,serif;box-shadow:2px 3px 5px #7e423333}.envelope-zone>.text-button{margin-top:24px}.letter-paper{max-width:560px;margin:27px auto;padding:30px 37px;background:#fffbef;box-shadow:1px 4px 9px #4b4e2713;border:1px solid #e1d9be;transform:rotate(-.5deg)}.letter-paper>.eyebrow{font-size:8px;color:#969982}.letter-paper h2{font-size:31px;margin:17px 0}.letter-paper p{white-space:pre-line;font:15px/1.8 Georgia,serif;color:#696852}.signature{font:italic 19px Georgia,serif;text-align:right;color:var(--postal-green-deep);margin:15px 0 0}.dispatch-area{background:var(--surface-100);border-top:1px solid var(--line);padding:22px 25px}.authorization{padding-bottom:16px;border-bottom:1px dashed var(--line)}.authorization .eyebrow{font-size:8px}.authorization p{font:20px var(--font-serif),Georgia,serif;margin:7px 0 0}.authorization small{font-size:10px;color:var(--postbox-red-deep)}.stamp-picker{border:0;padding:15px 0 0;margin:12px 0 18px;display:flex;gap:12px}.stamp-picker legend{font-size:11px;color:var(--ink-soft)}.postage{flex:1;min-height:76px;display:flex;align-items:center;justify-content:center;gap:11px;background:var(--surface-200);border:2px dashed var(--line);border-radius:3px;color:var(--ink-soft);font-size:10px}.postage.selected{border-color:var(--postal-green-deep);background:var(--green-tint);color:var(--ink);box-shadow:0 0 0 2px #39785d11}.tube-panel{position:relative;background:#304e40;border-radius:8px;padding:24px 22px;color:#edebd7;box-shadow:inset 0 0 0 5px #3a5c4b,0 4px 8px #32452611;overflow:hidden}.tube-panel>.eyebrow{font-size:8px;color:#b5c6a4}.tube-panel h3{font:25px var(--font-serif),Georgia,serif;margin:12px 0 0}.tube-machine{height:260px;position:relative;width:165px;margin:auto}.pipe{height:140px;width:42px;position:absolute;left:62px;top:-4px;background:linear-gradient(90deg,#8d713f,#d5b674 35%,#e4c584 50%,#91713f 90%);border:2px solid #957642;box-shadow:5px 0 7px #102e2533}.pipe:before,.pipe:after{content:"";position:absolute;width:50px;height:12px;left:-6px;background:linear-gradient(90deg,#88693f,#d2b077,#88693f);border:2px solid #b08a50}.pipe:before{top:37px}.pipe:after{top:84px}.terminal{position:absolute;left:31px;top:117px;width:104px;height:132px;border-radius:38px 38px 14px 14px;background:linear-gradient(95deg,#92713d,#d9bb77 40%,#b39455 90%);border:3px solid #aa894e;box-shadow:7px 10px 10px #1a302a55}.terminal-window{position:absolute;top:18px;left:16px;width:66px;height:83px;border:5px solid #8c6e3e;border-radius:27px 27px 6px 6px;background:#20392e;overflow:hidden;box-shadow:inset 2px 3px 4px #0c251e}.canister{position:absolute;top:9px;left:9px;width:39px;height:59px;background:linear-gradient(90deg,#ae8251,#e0c08a,#be985d);border-top:9px solid #e6d4a6;border-bottom:9px solid #e6d4a6;border-radius:11px;display:grid;place-items:center;box-shadow:1px 4px 6px #0004}.canister span{font-size:7px;color:#765c38;letter-spacing:1px;transform:rotate(-90deg)}.hatch{position:absolute;inset:17px 15px 26px;background:linear-gradient(120deg,#d9b97a55,#98703c99);border:2px solid #9c7b40;border-radius:25px 25px 5px 5px;transform-origin:left;transition:transform .4s}.arrived .hatch,.collected .hatch{transform:perspective(200px) rotateY(-110deg)}.collected .canister{display:none}.terminal-bolt{position:absolute;bottom:9px;width:5px;height:5px;background:#5f542e;border-radius:50%}.terminal-bolt.left{left:17px}.terminal-bolt.right{right:17px}.lever{position:absolute;right:7px;top:170px;width:7px;height:48px;background:#bca578;transform:rotate(17deg);transform-origin:bottom}.lever:before{content:"";position:absolute;left:-5px;top:-6px;width:17px;height:17px;border-radius:50%;background:#974f55;box-shadow:inset 0 2px 3px #c68784}.sending .canister{animation:travel 1.4s ease-in-out}.sending .lever{animation:lever .7s ease-in-out 2}.tube-label{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;margin:12px 0}.tube-label .status-light{background:#dbc28a}.tube-panel>p{font-size:11px;line-height:1.8;text-align:center;color:#b8c6ae;margin:12px 0 17px}.tube-panel .um-btn{width:100%;font-size:10px;padding:12px 8px;gap:8px}.tube-foot{border-top:1px solid #6c81623d;padding-top:17px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:7px;letter-spacing:1px;color:#adbd9b}.desk-tip{display:flex;gap:12px;padding:24px 8px;color:var(--ink-soft)}.desk-tip h3{font-size:11px;margin:1px 0 8px;color:var(--ink-soft)}.desk-tip p{font-size:11px;line-height:1.8;margin:0}.directory-list{display:flex;flex-direction:column;gap:13px;padding:22px}.destination-card{display:block;width:100%;text-align:left;padding:20px 24px;border:1px solid var(--line);border-radius:4px;background:var(--surface-000);color:var(--ink);transition:border .2s}.destination-card.selected{border-color:var(--postal-green-deep);box-shadow:0 0 0 2px #39785d22;background:var(--green-tint)}.destination-card>div{display:flex;justify-content:space-between;gap:8px}.destination-card .eyebrow{font-size:8px;letter-spacing:1px}.destination-card h2{font-size:28px;margin:9px 0}.destination-card p{font-size:12px;margin-bottom:13px}.route-stamp{font-size:10px;font-weight:600;color:var(--brass-deep)}.send-slip{padding:20px 24px;border-top:1px solid var(--line);background:var(--surface-100)}.send-slip p{font-size:12px;color:var(--ink-soft)}.send-slip .um-btn{width:100%}.book-zone{min-height:365px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px}.directory-book{height:270px;width:230px;border:1px solid #8e7d4d;border-left:12px solid #233c33;border-radius:3px 8px 8px 3px;background:#345a47;color:#d5bf85;box-shadow:5px 8px #d9d2b7,7px 12px 18px #263d312a;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;transform:rotate(-3deg);padding:16px}.directory-book strong{font:30px var(--font-serif),Georgia,serif;font-weight:400;line-height:1.1}.directory-book span{font-size:8px;letter-spacing:1.4px}.book-zone>.text-button{margin-top:24px}.result-screen{padding:15px 0}.result-seal{width:94px;height:94px;border-radius:50%;background:var(--green-tint);border:1px solid var(--success);color:var(--postal-green-deep);display:grid;place-items:center;margin:0 auto 30px;outline:1px dashed var(--success);outline-offset:6px}.result-seal.incorrect{color:var(--postbox-red-deep);background:var(--red-tint);border-color:var(--red-tint);outline-color:var(--red-tint)}.result-tally{display:flex;justify-content:center;margin:35px 0;gap:50px}.result-tally>span{display:flex;flex-direction:column;font-size:11px;color:var(--ink-soft);gap:8px}.result-tally strong{font:45px var(--font-serif),Georgia,serif;color:var(--postal-green-deep)}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#203a32aa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.help-modal{position:relative;padding:40px;max-width:550px;max-height:90dvh;overflow:auto;background:var(--surface-100);border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 80px #122e3144}.help-modal h2{margin:17px 0;font-size:36px}.help-modal p,.help-modal li{font-size:13px;line-height:1.8;color:var(--ink-soft)}.help-modal ol{padding-left:20px}.help-modal li{padding-left:5px;margin:12px 0}.close-modal{position:absolute;right:14px;top:14px;width:35px;height:35px}.help-modal>.eyebrow{padding-right:20px}@keyframes travel{0%{transform:translateY(100px)}35%{transform:translateY(-110px)}65%{transform:translateY(-110px)}to{transform:translateY(0)}}@keyframes lever{50%{transform:rotate(65deg)}}@media(min-width:1500px){.hero-copy{padding-top:70px}.hero-art{padding-top:25px}.post-office{max-height:610px}.landing{padding-top:55px}.intro-strip{padding:40px 0}.hero-description{font-size:17px}}@media(max-width:1000px){.app-shell{padding:0 4%}.edition{display:none}.hero-copy h1{font-size:54px}.game-details{gap:12px;flex-wrap:wrap}.intro-strip{gap:20px}.intro-heading h2{font-size:25px}.desk-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.workspace-label span{display:none}.letter-paper{margin:20px;padding:25px}.tube-panel{padding:23px 17px}.desk-heading h1{font-size:38px}.letter-count,.stamp-picker{gap:7px}.postage{flex-direction:column;gap:5px}.dispatch-area{padding:20px}}@media(max-width:720px){.site-header{height:88px}.brand{font-size:13px;letter-spacing:1.7px}.brand small{font-size:6px}.brand-mark{width:35px;height:42px}.landing{grid-template-columns:1fr;padding-top:16px}.hero-copy{padding:30px 8px 20px}.hero-copy h1{font-size:58px;margin-top:23px}.hero-description{font-size:14px}.hero-art{margin:0 0 15px}.post-office{width:100%;margin:0;max-height:440px}.art-number{margin-top:12px}.art-caption{margin-bottom:8px}.intro-strip{grid-template-columns:1fr 1fr;padding:26px 8px;gap:28px 22px;margin-bottom:15px}.intro-heading h2{font-size:29px}.intro-strip h3{font-size:12px}.intro-strip p{font-size:11px}.intro-strip br{display:none}footer{flex-wrap:wrap;justify-content:center;padding:18px 0;gap:12px 28px;font-size:8px}footer>span:first-child{display:none}.shift-bar{flex-wrap:wrap;gap:12px;font-size:10px}.shift-bar>div:first-child{flex:1}.shift-progress{width:100%;justify-content:center}.desk-heading{padding:26px 0 22px}.desk-heading h1{font-size:34px}.desk-heading p{font-size:11px}.letter-count{display:none}.desk-layout{grid-template-columns:1fr}.desk-sidebar{display:grid;grid-template-columns:1fr;gap:8px}.tube-panel{padding:22px;display:grid;grid-template-columns:1fr 130px;column-gap:10px}.tube-panel>.eyebrow,.tube-panel>h3,.tube-panel>p,.tube-panel>.tube-label,.tube-panel>.button,.tube-panel>.tube-foot{grid-column:1}.tube-machine{grid-column:2;grid-row:1/7;transform:scale(.8);transform-origin:top left;height:218px;width:130px;margin-top:-16px}.tube-panel>.tube-label{justify-content:flex-start;line-height:1.5}.tube-panel>p{text-align:left;margin-bottom:8px}.tube-panel>.tube-foot{font-size:6px;justify-content:flex-start}.desk-tip{padding:15px 5px}.letter-paper{padding:25px;margin:20px 16px}.letter-paper h2{font-size:29px}.letter-paper p{font-size:14px}.lobby,.result-screen,.center-screen{margin:38px auto}.lobby h1,.result-screen h1{font-size:43px}.lobby>p,.result-screen>p{font-size:12px}.seat-grid{gap:12px}.seat{padding:20px 10px}.seat h2{font-size:25px}.seat p{font-size:10px}.seat-state{font-size:9px;padding:6px 10px}.big-code{font-size:32px}.help-modal{padding:32px 24px}.help-modal h2{font-size:31px}.help-modal>.eyebrow{font-size:8px}.start-actions{gap:10px}.button{gap:13px;padding:14px 18px}.envelope{height:190px}.envelope-title{font-size:20px}.workspace-label{padding:18px}.setup-note{max-width:100%}.directory-list{padding:16px}.destination-card{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.session-menu{position:relative}.session-menu summary{cursor:pointer;min-height:44px;padding:10px}.session-menu[open]>button{position:absolute;right:0;z-index:20;min-width:150px}.leave-dialog{max-width:540px;width:calc(100% - 32px);color:var(--ui-ink)}.leave-dialog::backdrop{background:#00000080}.leave-dialog button,.saved-session button{margin:6px}.saved-session{margin:16px 0;padding:16px}.um-pad{padding:var(--space-6)}.um-row{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center}.um-stack{display:flex;flex-direction:column;gap:var(--space-3)}.um-eyebrow{font-family:var(--font-sign);font-weight:600;font-size:12px;line-height:16px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.um-sign{font-family:var(--font-sign);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.um-serif{font-family:var(--font-serif)}.um-typed{font-family:var(--font-type)}.um-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.um-muted{color:var(--ink-soft)}.um-spec{font-family:var(--font-mono);font-size:12px;line-height:16px;color:var(--ink-soft)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.um-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;min-width:48px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);border:2px solid transparent;font:700 14px/18px var(--font-ui);letter-spacing:.02em;cursor:pointer;transition:transform var(--dur-tap) var(--ease-press),box-shadow var(--dur-tap) var(--ease-press),background var(--dur-quick) var(--ease-mech)}.um-btn--primary{background:var(--postal-green-deep);color:var(--on-green);box-shadow:0 3px 0 var(--walnut)}.um-btn--primary:not(:disabled):hover,.um-btn--primary.is-hover{background:var(--postal-green)}.um-btn--secondary{background:var(--surface-000);color:var(--ink);border-color:var(--line-strong);box-shadow:0 3px 0 var(--line)}.um-btn--secondary:not(:disabled):hover,.um-btn--secondary.is-hover{background:var(--surface-200)}.um-btn--danger{background:var(--surface-000);color:var(--error);border-color:var(--error);box-shadow:0 3px 0 var(--red-tint)}.um-btn--quiet{background:transparent;color:var(--postal-green-deep);padding-inline:var(--space-3);text-decoration:underline;text-underline-offset:4px}.um-btn:active,.um-btn.is-pressed{transform:translateY(3px);box-shadow:none}.um-btn.is-focus{outline:3px solid var(--focus);outline-offset:2px}.um-btn[disabled]{background:var(--surface-200);color:var(--ink-soft);border-color:var(--line);box-shadow:none;cursor:not-allowed}.um-btn--icon{width:48px;padding:0}.um-paper{background:var(--surface-000);border-radius:var(--radius-xs);box-shadow:var(--shadow-paper);position:relative}.um-panel{background:var(--surface-000);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);border:1px solid var(--line)}.um-panel__head{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--line)}.um-panel__body{padding:var(--space-6)}.um-hotspot{position:absolute;border-radius:var(--radius-sm);outline:2px dashed transparent;outline-offset:4px;transition:outline-color var(--dur-quick) var(--ease-mech),box-shadow var(--dur-quick) var(--ease-mech),transform var(--dur-quick) var(--ease-mech)}.um-hotspot.is-hover{outline-color:var(--surface-000);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.um-hotspot.is-focus{outline:3px solid var(--focus);outline-offset:4px}.um-hotspot.is-selected{outline:3px solid var(--postal-green-deep);outline-offset:4px}.um-tag{position:absolute;white-space:nowrap;background:var(--ink);color:var(--surface-000);font:700 12px/16px var(--font-ui);letter-spacing:.04em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs)}.um-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:2px 10px;border-radius:var(--radius-pill);font:600 12px/16px var(--font-ui);letter-spacing:.04em}.um-chip--ok{background:var(--green-tint);color:var(--success)}.um-chip--err{background:var(--red-tint);color:var(--error)}.um-chip--warn{background:var(--brass-tint);color:var(--warning)}.um-chip--info{background:var(--tube-tint);color:var(--info)}.um-dot{width:8px;height:8px;border-radius:var(--radius-pill);background:currentColor;display:inline-block}.um-impression{display:inline-block;font:700 13px/16px var(--font-type);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border:2.5px solid currentColor;border-radius:var(--radius-xs);transform:rotate(-4deg);opacity:.9}.um-avatar{width:40px;height:40px;border-radius:var(--radius-pill);display:grid;place-items:center;font:700 16px/1 var(--font-sign);letter-spacing:0}.um-avatar--clerk{background:var(--player-clerk);color:var(--on-green)}.um-avatar--archivist{background:var(--player-archivist);color:var(--ink)}.um-input{min-height:48px;min-width:48px;width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-000);color:var(--ink);font:400 16px/24px var(--font-ui)}.um-label{display:block;font:700 14px/18px var(--font-ui);margin-bottom:var(--space-2)}.um-sw{border-radius:var(--radius-sm);padding:var(--space-3);min-height:84px;display:flex;flex-direction:column;justify-content:flex-end;font:600 12px/16px var(--font-ui)}@media(prefers-reduced-motion:reduce){.um-btn{transition:none!important;transform:none!important}}:root{--material-paper:#FBF7EE;--material-cream:#F0E7D5;--material-ink:#2A323D;--material-ink-soft:#5B6470;--material-line:#CDBFA3;--material-oak:#C9A57A;--material-walnut:#5E4330;--material-mint:#A9C9C3;--material-mint-tint:#D5E6E2;--material-green:#367858;--material-green-deep:#2B5F46;--material-brass:#B88E53;--material-brass-deep:#7A5A2B;--material-red:#AF3835;color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body{background:var(--surface-100);color:var(--ink);font:400 16px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased}button,input{font-family:var(--font-ui)}button{min-width:48px;min-height:48px}:where(button,a,input,summary):focus-visible{outline:3px solid var(--focus);outline-offset:4px}.um-btn:disabled{opacity:1}.um-btn--quiet:disabled{background:var(--surface-200)}.um-btn--icon{border-radius:var(--radius-sm);flex-shrink:0}.um-chip{max-width:100%;gap:var(--space-2);padding:var(--space-2) var(--space-3);white-space:normal}.um-chip svg{flex-shrink:0}.site-header{min-height:112px;height:auto;padding-block:var(--space-4);gap:var(--space-4)}.brand{font:700 20px/1.2 var(--font-sign);letter-spacing:.12em;min-height:48px}.brand small{font:600 10px/1.6 var(--font-sign);letter-spacing:.12em;margin-top:var(--space-2)}.header-right{gap:var(--space-3)}.edition{display:none}.theme-toggle{min-width:130px;gap:var(--space-2);padding-inline:var(--space-3)}h1,h2{font-family:var(--font-serif);font-weight:500}h3{font-family:var(--font-serif);font-size:20px;line-height:1.3}.eyebrow,.workspace-label{font:600 12px/1.5 var(--font-sign);letter-spacing:.14em;color:var(--postal-green-deep)}.hero-copy h1{font-size:clamp(48px,4.8vw,72px);line-height:1.06}.hero-description{font-size:18px;line-height:1.65;color:var(--ink-soft)}.start-actions{flex-wrap:wrap;gap:var(--space-4)}.game-details{font-size:12px;gap:var(--space-4);line-height:1.5}.hero-art{background:none}.art-number{font:12px/1.5 var(--font-mono);color:var(--ink-soft);flex-wrap:wrap;gap:var(--space-2)}.art-number span{font-size:12px}.art-caption{font-size:14px;color:var(--ink-soft);margin-top:var(--space-2)}.post-office{isolation:isolate;filter:none}.intro-strip{gap:var(--space-6);padding-block:var(--space-8)}.intro-strip h3{font-size:20px;margin-top:var(--space-3)}.intro-strip p{font-size:16px;line-height:1.5}.intro-strip br{display:none}.step-number{font:500 16px/1.4 var(--font-mono);color:var(--ink-soft)}.setup-note{font-size:14px;max-width:540px}.setup-note summary{min-height:48px;padding-block:var(--space-3)}.setup-note code{font-size:13px}.join-form{max-width:420px}.join-form label{font:700 14px/1.5 var(--font-ui)}.join-form input{font-family:var(--font-mono);font-size:20px;background:var(--surface-000);color:var(--ink);border:2px solid var(--line-strong)}footer{font-size:12px;line-height:1.5;gap:var(--space-4);padding-block:var(--space-4)}.text-button{font-size:14px;min-height:48px;padding-inline:var(--space-3)}.shift-bar{font-size:14px;flex-wrap:wrap;gap:var(--space-4)}.room-code{font:700 16px/1.5 var(--font-mono);letter-spacing:.12em;gap:var(--space-3)}.shift-progress{font:500 14px/1.5 var(--font-mono);flex-wrap:wrap}.shift-progress .mistakes{color:var(--error)}.big-code{font:700 32px/1.5 var(--font-mono);letter-spacing:.18em;background:var(--surface-000);color:var(--ink);border-color:var(--line-strong);border-radius:var(--radius-sm)}.lobby>p,.result-screen>p,.center-screen>p{font-size:16px;line-height:1.6;color:var(--ink-soft)}.seat{padding:var(--space-6);border-radius:var(--radius-md)}.seat .um-avatar{margin:0 auto var(--space-4)}.seat p{font:400 16px/1.5 var(--font-ui);color:var(--ink-soft)}.seat-state{font-size:14px}.waiting{font:400 16px/1.5 var(--font-ui)!important;color:var(--ink-soft)!important}.desk-heading h1{font-size:42px;line-height:1.15}.desk-heading p{font-size:16px;line-height:1.5;max-width:65ch}.letter-count{font:500 12px/1.4 var(--font-mono)}.letter-count strong{font:500 36px/1.1 var(--font-mono)}.desk-layout{grid-template-columns:minmax(0,1fr) 310px;gap:var(--space-6)}.desk-workspace{background-color:var(--material-oak);border:1px solid var(--material-walnut);border-radius:var(--radius-sm);box-shadow:inset 0 -6px #5e43302b,var(--shadow-paper);background-image:repeating-linear-gradient(1deg,transparent,transparent 30px,#5E433009 31px,#5E433009 33px)}.archivist .desk-workspace{background-color:var(--material-walnut)}.workspace-label{background:var(--surface-000);border-color:var(--line);padding:var(--space-4) var(--space-6);color:var(--ink)}.workspace-label span{font-size:12px;color:var(--ink-soft)}.archivist .workspace-label{border-top:5px solid var(--material-mint)}.clerk .workspace-label{border-top:5px solid var(--material-green)}.envelope-zone{min-height:350px;padding:var(--space-8)}.envelope{background:var(--material-cream);color:var(--material-ink);border-color:var(--material-line);box-shadow:3px 14px 24px #2a323d22}.envelope-fold{background:var(--material-paper)}.envelope-stamp{background:var(--material-green);color:var(--material-paper);border-color:var(--material-cream)}.envelope-title{font:400 20px/1.3 var(--font-type)}.envelope-title small{font:400 12px/1.4 var(--font-type);letter-spacing:0;max-width:24ch;margin:var(--space-2) auto}.wax-seal{background:var(--material-red);color:var(--material-paper);border-color:var(--material-red);font-family:var(--font-sign)}.envelope-zone>.text-button,.book-zone>.text-button{background:var(--surface-000);color:var(--postal-green-deep);padding-inline:var(--space-4);border:1px solid var(--line);box-shadow:var(--shadow-paper);border-radius:var(--radius-sm)}.physical-paper{background:var(--material-paper);color:var(--material-ink);border:1px solid var(--material-line);box-shadow:0 1px #2a323d1a,0 3px 6px #2a323d22;border-radius:var(--radius-xs)}.physical-paper .eyebrow{color:var(--material-ink-soft);font-size:12px}.letter-paper{max-width:62ch;margin:var(--space-8) auto;padding:var(--space-8);width:calc(100% - 48px);transform:rotate(-.5deg)}.letter-paper h2{font:600 32px/1.2 var(--font-serif);color:var(--material-ink)}.letter-paper p{font:400 18px/1.65 var(--font-serif);color:var(--material-ink);white-space:pre-line}.letter-paper .signature{font:500 italic 20px/1.4 var(--font-serif);color:var(--material-green-deep)}.dispatch-area,.send-slip{background:var(--surface-000);border-color:var(--line);padding:var(--space-6)}.authorization{padding:var(--space-4);background:var(--material-mint-tint);border-color:var(--material-mint)}.authorization p{font:400 17px/1.5 var(--font-type);color:var(--material-ink);margin:var(--space-2) 0}.authorization small{display:block;font:400 16px/1.5 var(--font-ui);color:var(--material-ink)}.authorization .um-impression{color:var(--material-green-deep);display:inline-flex;gap:var(--space-2);align-items:center;margin-top:var(--space-3)}.stamp-picker{display:block;margin:var(--space-6) 0;padding:var(--space-3) 0 0;min-width:0}.stamp-picker legend{font:700 16px/1.5 var(--font-ui);color:var(--ink)}.postage-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.postage{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-2);background:var(--surface-100);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);box-shadow:var(--shadow-paper);transition:box-shadow var(--dur-quick) var(--ease-mech)}.postage:hover{box-shadow:var(--shadow-lift)}.postage.selected{outline:3px solid var(--postal-green-deep);outline-offset:1px;background:var(--green-tint);color:var(--ink);border-color:transparent}.postage:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.postage img{display:block;width:min(100%,116px);height:auto;aspect-ratio:172/220;filter:drop-shadow(1px 3px 2px #2A323D30);transform:rotate(-2deg)}.postage-label{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);font:700 16px/1.3 var(--font-ui)}.postage kbd{font:500 12px/1.3 var(--font-mono);border:1px solid var(--line-strong);border-radius:var(--radius-xs);padding:2px 5px}.postage-state{font:700 14px/1.3 var(--font-ui);display:flex;gap:var(--space-1);align-items:center;justify-content:center;min-height:20px}.postage-study{font:400 12px/1.4 var(--font-ui);color:var(--ink-soft);text-align:center}#postage-note{font:400 14px/1.5 var(--font-ui);color:var(--ink-soft);margin:var(--space-4) 0 0}.action-hint{font:400 16px/1.5 var(--font-ui);color:var(--ink-soft)}.dispatch{width:100%}.directory-book{background:var(--material-mint);color:var(--material-ink);border-color:var(--material-brass-deep);border-left-color:var(--material-walnut);box-shadow:5px 8px 0 var(--material-paper),7px 12px 18px #2a323d40}.directory-book strong{font-family:var(--font-serif)}.directory-book span{font:600 12px/1.4 var(--font-sign);letter-spacing:.12em}.directory-list{padding:var(--space-6);gap:var(--space-4)}.destination-card{padding:var(--space-6);background:var(--material-mint-tint);border-color:var(--material-mint);color:var(--material-ink);border-top:3px solid var(--material-red)}.destination-card.selected{background:var(--material-mint-tint);border-color:var(--material-green-deep);outline:3px solid var(--material-paper);outline-offset:3px;box-shadow:0 3px 10px #11161c44}.destination-card .eyebrow{font:400 12px/1.5 var(--font-mono);letter-spacing:0;color:var(--material-ink-soft)}.destination-card h2{font:700 20px/1.3 var(--font-type);color:var(--material-ink)}.destination-card p{font:400 16px/1.5 var(--font-ui);color:var(--material-ink)}.route-stamp{font:700 16px/1.5 var(--font-ui);color:var(--material-green-deep)}.selection-word{display:block;margin-top:var(--space-3);font:700 14px/1.5 var(--font-ui);color:var(--material-green-deep)}.send-slip p{font:400 16px/1.5 var(--font-ui);color:var(--ink-soft)}.tube-panel{background:var(--material-green-deep);color:var(--material-paper);border:1px solid var(--material-green);box-shadow:inset 0 0 0 5px #367858,0 4px 8px #2a323d22;padding:var(--space-6);border-radius:var(--radius-sm);scroll-margin-top:var(--space-4)}.tube-panel:focus{outline:3px solid var(--focus);outline-offset:3px}.archivist .tube-panel{background:var(--material-walnut);border-color:var(--material-walnut);box-shadow:inset 0 0 0 5px #76563c,0 4px 8px #2a323d22}.tube-panel>.eyebrow{font-size:12px;color:var(--material-paper);letter-spacing:.12em}.tube-panel h3{font:500 28px/1.2 var(--font-serif);color:var(--material-paper)}.tube-panel>p{font:400 16px/1.5 var(--font-ui);color:var(--material-paper)}.tube-label{margin:var(--space-3) 0;min-height:40px}.tube-label .um-chip{font-size:14px}.tube-panel .um-btn{width:100%;font:700 14px/1.3 var(--font-ui);padding:var(--space-3);min-height:48px}.tube-foot{font:600 12px/1.5 var(--font-sign);color:var(--material-paper);letter-spacing:.08em;border-color:#fbf7ee44;flex-wrap:wrap;text-align:center}.pipe{background:linear-gradient(90deg,#d5e6e244,#fbf7ee99 35%,#d5e6e233 60%,#a9c9c388);border-color:#a9c9c388;box-shadow:inset 3px 0 #fbf7ee55,5px 0 7px #11161c22}.canister{background:linear-gradient(90deg,#a9c9c366,#fbf7eebb,#d5e6e288);border-top-color:var(--material-brass);border-bottom-color:var(--material-brass);width:30px;height:66px;left:13px;top:4px}.canister:before{content:"";position:absolute;left:0;right:0;top:20px;height:9px;background:var(--material-red)}.canister span{position:relative;background:var(--material-paper);color:var(--material-ink);font:700 10px/1 var(--font-type);padding:2px;transform:none;margin-top:-15px}.sending .canister{animation-duration:var(--dur-tube);animation-timing-function:var(--ease-mech)}.desk-tip{padding:var(--space-6) 0;color:var(--ink-soft)}.desk-tip h3{font:600 20px/1.3 var(--font-serif);color:var(--ink)}.desk-tip p{font:400 16px/1.5 var(--font-ui);color:var(--ink-soft)}.result-tally strong{font:500 40px/1.2 var(--font-mono)}.result-tally>span{font-size:16px}.feedback-impression{margin:var(--space-4) 0 var(--space-6)}.feedback-impression.delivered{color:var(--success)}.feedback-impression.returned{color:var(--error)}.notice{font:400 16px/1.5 var(--font-ui);border-radius:var(--radius-xs);box-shadow:var(--shadow-paper)}.notice button{flex-shrink:0}.modal-backdrop{z-index:var(--z-overlay);background:#11161cb3}.help-modal{padding:var(--space-8);background:var(--surface-000);border-color:var(--line);color:var(--ink);max-width:600px}.help-modal h2{font-size:32px;padding-right:var(--space-4)}.help-modal p,.help-modal li{font:400 16px/1.6 var(--font-ui);color:var(--ink-soft)}.close-modal{width:48px;height:48px;right:var(--space-3);top:var(--space-3)}.help-modal>.eyebrow{padding-right:var(--space-12);font-size:12px}.mobile-tube-shortcut{display:none}@media(max-width:1100px){.landing{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:52px}.desk-layout{grid-template-columns:minmax(0,1fr) 280px;gap:var(--space-4)}.workspace-label span{display:none}.postage-options{gap:var(--space-2)}.postage-label{font-size:14px}.postage-study{font-size:12px}}@media(max-width:760px){.app-shell{padding-inline:var(--space-4)}.site-header{gap:var(--space-2);min-height:96px}.brand{font-size:16px;letter-spacing:.1em}.brand small{font-size:9px;max-width:20ch}.header-right{gap:var(--space-2)}.theme-toggle{min-width:48px;width:48px;padding:0}.theme-toggle span{display:none}.landing{grid-template-columns:1fr}.hero-copy{padding:var(--space-8) 0 var(--space-6)}.hero-copy h1{font-size:48px;line-height:1.1}.hero-description{font-size:18px}.hero-description br{display:none}.hero-art{margin-bottom:var(--space-4)}.art-number{font-size:12px;margin:var(--space-3) 0}.intro-strip{grid-template-columns:1fr;gap:var(--space-6);padding-inline:0}.intro-strip h3{font-size:24px}.intro-strip p{font-size:16px}.intro-heading h2{font-size:32px}.setup-note{font-size:16px}.shift-bar{gap:var(--space-3)}.shift-bar>.um-chip{width:100%;justify-content:center;font-size:14px}.shift-progress{font-size:14px;width:auto;margin-left:auto;justify-content:flex-end}.shift-progress .mistakes{padding-left:var(--space-2)}.room-code{font-size:14px;padding:var(--space-3);letter-spacing:.05em}.desk-heading h1{font-size:32px}.desk-heading p{font-size:16px}.desk-heading .eyebrow{font-size:12px}.letter-count{display:none}.desk-layout{grid-template-columns:minmax(0,1fr);padding-bottom:var(--space-16)}.desk-sidebar{display:block}.workspace-label{padding:var(--space-4);font-size:12px}.letter-paper{padding:var(--space-6);width:calc(100% - 32px);margin:var(--space-6) auto}.letter-paper h2{font-size:28px}.letter-paper p{font-size:18px}.letter-paper .signature{font-size:20px}.dispatch-area,.send-slip{padding:var(--space-4)}.authorization .eyebrow{font-size:12px}.authorization p{font-size:17px}.authorization small{font-size:16px}.postage-options{gap:var(--space-2)}.postage{padding:var(--space-3) 4px;gap:var(--space-2)}.postage-label{font-size:16px;min-height:44px}.postage kbd{display:none}.postage-state{font-size:12px;gap:2px}.postage-state svg{width:14px}.postage-study{font-size:12px;overflow-wrap:anywhere}.postage img{max-width:90px}#postage-note,.action-hint{font-size:16px}.envelope-zone{padding:var(--space-6);min-height:315px}.envelope{height:210px}.envelope-title{font-size:18px}.envelope-title small{font-size:12px}.directory-list,.destination-card{padding:var(--space-4)}.destination-card p,.route-stamp,.send-slip p{font-size:16px}.tube-panel{display:block;padding:var(--space-6);max-width:none}.tube-panel h3{font-size:28px}.tube-machine{height:260px;width:165px;transform:none;margin:0 auto}.tube-panel>.tube-label{justify-content:center}.tube-panel>p{text-align:center;font-size:16px}.tube-panel>.tube-foot{font-size:12px;justify-content:center}.mobile-tube-shortcut{display:inline-flex;position:fixed;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));right:var(--space-4);z-index:var(--z-hud);box-shadow:var(--shadow-panel);gap:var(--space-2)}.mobile-tube-shortcut .um-chip{padding:var(--space-1) var(--space-2);font-size:12px}.seat-grid{grid-template-columns:1fr}.seat h2{font-size:28px}.seat p{font-size:16px}.seat-state{font-size:14px}.lobby h1,.result-screen h1{font-size:36px;line-height:1.15}.lobby>p,.result-screen>p{font-size:16px}.help-modal{padding:var(--space-6);max-height:90dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%}.modal-backdrop{padding:0;align-items:flex-end}.help-modal h2{font-size:28px}.help-modal>.eyebrow{font-size:12px}footer{font-size:12px;padding-bottom:var(--space-8)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.um-btn:hover,.um-btn:active,.envelope:hover{transform:none}}.hero-art{overflow:hidden}@media(max-width:760px){.post-office{width:100%;margin-left:0}.brand small{max-width:none;font-size:10px;letter-spacing:.04em}.hero-description br{display:initial}}:is(.envelope,.directory-book,.destination-card):focus-visible{outline:3px solid var(--material-ink);outline-offset:3px;box-shadow:0 0 0 7px var(--material-paper),0 8px 16px #11161c40}body{font:var(--weight-regular) var(--text-body)/var(--leading-body) var(--font-ui)}h1,h2,h3,.title,.display,.h1,.h2,.h3{font-family:var(--font-ui);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-ui)}.brand{font-family:var(--font-wordmark);font-weight:var(--weight-wordmark);font-size:22px;line-height:1.15;letter-spacing:.01em}.brand small{font:600 12px/1.4 var(--font-ui);letter-spacing:.04em}.hero-copy h1,.lobby h1,.result-screen h1,.center-screen h1{font:600 var(--text-lobby)/var(--leading-heading) var(--font-ui);letter-spacing:-.025em}.hero-copy h1 em{font-family:inherit;font-weight:inherit;font-style:normal}.desk-heading h1{font:600 var(--text-desk)/1.2 var(--font-ui);letter-spacing:-.015em}.seat h2,.intro-heading h2,.intro-strip h3,.help-modal h2{font:600 var(--text-section)/1.25 var(--font-ui)}.scene-inspector h2,.tube-panel h3{font:600 var(--text-overlay)/1.25 var(--font-ui)}.hero-description,.desk-heading p,.seat p,.help-modal p,.help-modal li{font:400 var(--text-body)/1.6 var(--font-ui)}.um-btn,.scene-stations button,.text-button{font-family:var(--font-ui);font-size:var(--text-label);font-weight:600;line-height:var(--leading-label);letter-spacing:0;white-space:normal}.eyebrow,.overline,.workspace-label,.sign{font-family:var(--font-ui);font-weight:600;letter-spacing:var(--tracking-overline)}.eyebrow,.workspace-label,.scene-toolbar p,.room-caption,.scene-reading-hint,.game-details{font-size:var(--text-meta);line-height:1.5}.destination-card h2{font:600 22px/1.3 var(--font-ui)}.destination-card p{font:400 var(--text-letter)/var(--leading-letter) var(--font-serif)}.destination-card .eyebrow,.letter-paper .eyebrow,.authorization .eyebrow,.art-number,.tube-foot{font:400 var(--text-meta)/var(--leading-meta) var(--font-type);letter-spacing:0}.letter-paper h2{font:600 var(--text-letter-title)/1.2 var(--font-serif)}.letter-paper p,.letter{font:400 var(--text-letter)/var(--leading-letter) var(--font-serif);max-width:60ch;font-optical-sizing:auto}.letter-paper .signature,.letter-sign{font:italic 500 var(--text-letter)/1.4 var(--font-serif)}.authorization p,.address{font:400 17px/1.5 var(--font-type)}.room-code,.big-code,.code{font-family:var(--font-type);font-weight:700;letter-spacing:var(--tracking-code);font-variant-numeric:tabular-nums}.big-code,.code{font-size:var(--text-code);line-height:1.3}.shift-progress,.letter-count,.letter-count strong,.result-tally strong,.figure,.step-number,.postage kbd{font-family:var(--font-type);font-weight:400}@media(max-width:760px){.brand{font-size:18px;letter-spacing:0}.brand small{font-size:11px;max-width:20ch;letter-spacing:0}.hero-description,.desk-heading p,.scene-reading-hint{font-size:16px}.scene-stations button{min-height:48px;overflow-wrap:normal}.scene-inspector>header{align-items:flex-start}.scene-inspector h2{overflow-wrap:anywhere}.postage-label{font-size:16px}.postage-state,.workspace-label,.letter-paper .eyebrow,.authorization .eyebrow{font-size:14px}}@media(max-width:760px){.letter-paper{width:calc(100% - 16px);padding:16px;margin:16px auto}}body{background:var(--ui-bg);color:var(--ink)}.site-header{border-bottom:1px solid var(--ui-border);min-height:88px}.hero-copy h1,.lobby h1,.result-screen h1,.center-screen h1,.desk-heading h1{font-weight:700;font-size:var(--text-desk);line-height:1.2;letter-spacing:-.015em}.hero-copy h1{font-size:var(--text-lobby)}.seat h2,.intro-strip h3,.scene-inspector>header h2,.help-modal h2,.tube-panel h3{font-family:var(--font-ui);font-size:22px;font-weight:600;line-height:1.3}.um-btn{font:600 16px/1.4 var(--font-ui);border-width:1px;border-radius:var(--ui-radius);box-shadow:none;transition:background var(--dur-quick),border-color var(--dur-quick)}.um-btn:active,.um-btn.is-pressed{transform:none;box-shadow:none}.um-btn--primary{background:var(--postal-green);color:var(--on-green)}.um-btn--primary:not(:disabled):hover{background:var(--postal-green-deep)}.um-btn--secondary{background:var(--ui-surface);border-color:var(--ui-control-border);color:var(--ink)}.um-btn--secondary:not(:disabled):hover{background:var(--ui-secondary)}.um-btn--quiet{color:var(--postal-green-deep)}.um-btn--danger{box-shadow:none}.um-btn:disabled{background:var(--ui-secondary);border-color:var(--line);color:var(--ink-soft);box-shadow:none;cursor:not-allowed;opacity:1}.um-btn:focus-visible,.um-input:focus-visible,.join-form input:focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:none}.um-input,.join-form input{background:var(--ui-surface);border:1px solid var(--ui-control-border);border-radius:var(--ui-radius);font-size:18px}.um-chip{border-radius:4px;font:600 14px/1.4 var(--font-ui);letter-spacing:0;min-height:30px;padding:6px 10px}.shift-bar{padding-block:16px;border-bottom:1px solid var(--line);gap:16px}.shift-progress{color:var(--ink);gap:12px;font-size:14px}.room-code{box-shadow:none}.big-code{border:1px solid var(--ui-control-border);background:var(--ui-surface);box-shadow:none;max-width:100%}.seat{background:var(--ui-surface);border:1px solid var(--ui-border);border-top:4px solid var(--postal-green);border-radius:6px;box-shadow:none}.seat:nth-child(2){border-top-color:var(--mint)}.um-avatar{border-radius:6px}.scene-toolbar p{font-size:13px;letter-spacing:.04em}.scene-preview-notice{background:var(--ui-secondary);border:0;border-left:3px solid var(--postal-green);font-size:13px}.scene-tube-status{background:var(--ui-secondary);border-left:3px solid var(--postal-green);border-radius:0;font:600 16px/1.5 var(--font-ui)}.scene-tube-status.arrived{background:var(--green-tint);color:var(--success)}.scene-tube-status.offline{background:var(--brass-tint);border-color:var(--warning);color:var(--warning)}.scene-stations{gap:8px}.scene-stations button{box-shadow:none}.scene-inspector{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:8px;box-shadow:0 12px 40px #11161c26}.scene-inspector>header{background:var(--ui-surface);padding:16px 20px;border-bottom:1px solid var(--ui-border)}.scene-inspector-body{background:var(--ui-bg);padding:20px}.desk-workspace,.archivist .desk-workspace{background:var(--ui-surface);background-image:none;border:0;border-radius:0;box-shadow:none}.workspace-label{background:transparent;border-bottom:1px solid var(--ui-border);font-size:13px;padding:16px}.clerk .workspace-label{border-top:3px solid var(--postal-green)}.archivist .workspace-label{border-top:3px solid var(--mint)}.dispatch-area,.send-slip{background:transparent;border:0;padding:20px}.postage{background:var(--ui-surface);border:1px solid var(--ui-control-border);border-radius:6px;box-shadow:none}.postage:hover{background:var(--ui-secondary);box-shadow:none}.postage.selected{background:var(--ui-selected);border-color:var(--postal-green-deep);outline:2px solid var(--postal-green-deep)}.directory-list{padding:16px;gap:12px}.destination-card{background:var(--ui-surface);color:var(--ink);border:1px solid var(--ui-control-border);border-left:4px solid transparent;border-radius:4px;box-shadow:none;transform:none}.destination-card:hover{background:var(--ui-secondary);transform:none}.destination-card.selected{background:var(--ui-selected);border-color:var(--postal-green-deep);border-left-width:4px;outline:none;box-shadow:none}.destination-card h2{font:600 22px/1.3 var(--font-ui);color:var(--ink)}.destination-card p{font:400 16px/1.6 var(--font-ui);color:var(--ink)}.destination-card .eyebrow{font:400 14px/1.5 var(--font-type);color:var(--ink-soft)}.destination-card .route-stamp,.destination-card .selection-word{color:var(--postal-green-deep);font:600 14px/1.5 var(--font-ui)}.destination-card:focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:none}.tube-panel,.archivist .tube-panel{background:var(--ui-surface);border:1px solid var(--ui-border);box-shadow:none;color:var(--ink);padding:20px;border-radius:6px}.tube-panel>.eyebrow,.tube-panel h3,.tube-panel>p,.tube-panel .tube-foot{color:var(--ink)}.tube-panel .tube-foot{border-color:var(--ui-border);font:400 14px/1.5 var(--font-type)}.tube-panel .um-btn{font-size:16px;font-weight:600}.help-modal,.um-panel{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:8px;box-shadow:0 8px 32px #11161c20}.notice{background:var(--red-tint);color:var(--error);border:1px solid var(--error);box-shadow:none;border-radius:6px}.result-tally{background:var(--ui-surface);border:0;border-radius:6px}footer{border-top:1px solid var(--ui-border);color:var(--ink-soft)}@media(max-width:760px){.site-header{min-height:80px}.scene-inspector>header{padding:12px}.scene-inspector>header h2{font-size:20px}.scene-inspector-body{padding:12px}.desk-heading h1,.lobby h1,.result-screen h1{font-size:28px}.dispatch-area,.send-slip,.tube-panel,.archivist .tube-panel{padding:16px}.scene-stations button{font-size:16px;min-height:48px}.seat h2{font-size:22px}.postage-state{font-size:14px}.destination-card{padding:16px}.destination-card h2{font-size:20px}.shift-bar{gap:12px}.shift-progress{font-size:14px}}@media(min-width:900px){.lobby{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;max-width:1100px;margin:auto;padding:24px 0;text-align:left}.lobby>.eyebrow{grid-column:1;grid-row:1}.lobby>h1{grid-column:1;grid-row:2;margin:0}.lobby>p:not(.waiting){grid-column:1;grid-row:3;margin:0}.lobby>p br{display:none}.lobby>.big-code{grid-column:1;grid-row:4;justify-self:start;margin:0;padding:12px 20px}.lobby>.cutaway-preview{grid-column:2;grid-row:1/5;margin:0;align-self:center;width:100%}.lobby>.seat-grid{grid-column:1/-1;grid-row:5;max-width:none;margin:8px 0;gap:16px}.lobby .seat{padding:16px;text-align:left;display:grid;grid-template-columns:44px 1fr;gap:6px 12px}.lobby .seat .um-avatar{grid-row:1/4;margin:0}.lobby .seat h2,.lobby .seat p{margin:0}.lobby .seat-state{grid-column:2;justify-self:start}.lobby>.um-btn,.lobby>.waiting{margin:0;justify-self:start;align-self:center}}@media(max-width:899px){.lobby{padding-block:24px}.lobby>.cutaway-preview{max-width:520px}}.seat.um-panel{box-shadow:none;border-top:4px solid var(--postal-green)}.seat.um-panel:nth-child(2){border-top-color:var(--mint)}@media(min-width:900px){.lobby>p br{display:initial}.lobby>.eyebrow,.lobby .seat .eyebrow{justify-content:flex-start}}