@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:wght@400;500;700&family=Atkinson+Hyperlegible+Next:ital,wght@0,400;0,700;1,400&family=Courier+Prime:wght@400;700&family=Josefin+Sans:wght@600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root,[data-theme=light]{--surface-000: #FBF7EE;--surface-100: #F0E7D5;--surface-200: #E4D8C0;--ink: #2A323D;--ink-soft: #5B6470;--line: #CDBFA3;--line-strong: #8A7A5C;--postal-green: #367858;--postal-green-deep: #2B5F46;--on-green: #FBF7EE;--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-sign: "Josefin Sans", "Gill Sans", "Futura", system-ui, sans-serif;--font-serif: "Newsreader", "Iowan Old Style", Georgia, serif;--font-ui: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, sans-serif;--font-type: "Courier Prime", "Courier New", ui-monospace, monospace;--font-mono: "Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", monospace}.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{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 Libre Caslon Display,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 DM Sans,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 Libre Caslon Display,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 Libre Caslon Display,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 Libre Caslon Display,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 Libre Caslon Display,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}}.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}