/* v32: the miniature is the stage; a compact desk is the player's instrument. */
body.gathering-app{--ink:#294c43;--muted:#657c6b;--paper:#fffaf0;--line:#d6dac9;background:radial-gradient(ellipse at 30% 35%,#fcf7e6 0,#edeedd 62%,#dce5d6 100%)}
.gathering-top{height:68px;max-width:1560px;margin:0 auto;padding:0 36px;border-color:#4765521c}.gathering-top .back-link,.gathering-top nav button{font-size:12px;color:#607666}.gathering-wordmark{font-size:17px}.gathering-wordmark small{color:#70816b}.gathering-top nav{gap:20px}.gathering-top nav #world-view{background:#fff9e6;border:1px solid #d4dcc9;padding:6px 12px;border-radius:20px;min-width:52px}.gathering-top nav button[data-action=intro]{width:30px;height:30px}
.gathering-shell{max-width:1510px;padding:0 36px;display:grid;grid-template-columns:minmax(0,1fr) 320px;column-gap:28px;align-items:start}.storybar{grid-column:1/-1;padding:30px 0 18px}.storybar h1{font-size:clamp(27px,2.6vw,39px);font-weight:650;letter-spacing:-1.2px;line-height:1.3}.eyebrow{color:#7e8c72;font-size:11px;letter-spacing:2px}.storybar p{font-size:13px;color:#6b7d6c;margin-top:10px}.weather-chip{font-size:12px;padding:10px 17px;background:#fff4cf}
.playfield{grid-column:1;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;min-width:0;border-radius:28px;background:linear-gradient(145deg,#fdf8e44d,#cbdcc02e);border:1px solid #fff8e766;overflow:hidden;box-shadow:inset 0 1px #fff9}.map-stage{grid-column:1;grid-row:1;height:clamp(390px,47vw,550px);width:100%;border-radius:28px;isolation:isolate;align-items:stretch}.map-stage:before{inset:30px 0;background:radial-gradient(ellipse,#e8e3bc3d,transparent 65%)}
#map-fallback{position:absolute;inset:15px;width:calc(100% - 30px);height:calc(100% - 30px);display:grid;place-items:center}.gathering-map{max-height:100%}.map-stage[data-world3d=ready]:not(.flat-view) #map-fallback{visibility:hidden}.map-stage.flat-view .quality-world3d{visibility:hidden}.map-caption{position:absolute;bottom:20px;left:24px;z-index:2;pointer-events:none;display:flex;flex-direction:column;gap:5px;border-left:2px solid #aab99a;padding-left:12px}.map-caption>span{font:500 12px/1.3 inherit;letter-spacing:2px;color:#657760}.map-caption>small{font-size:11px;color:#8b967b}.quality-map-pin:focus-visible{outline:3px solid #ba864a!important}.quality-map-pin:hover{filter:brightness(1.07)}
.story-card{grid-column:1;grid-row:2;align-self:auto;transform:none;margin:0 24px 21px;padding:11px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:5px 14px;border:0;background:#fffaf2aa;border-radius:12px;box-shadow:0 2px 12px #516a4407}.story-card:before{display:none}.story-voice{margin:0;font-size:11px;letter-spacing:0;border:1px solid #d6deca;border-radius:20px;padding:4px 9px;color:#62816a}.story-card p{font-size:13px;font-weight:500;line-height:1.65}.story-card small{font-size:12px;margin:0;color:#77886c}.story-card button{margin:0;font-size:12px}
.friend-strip{grid-column:1;grid-row:3;margin:0 20px 22px;gap:10px}.friend-card{border-radius:14px;background:#fffaf0e3;min-height:119px;padding:14px 12px;gap:8px;align-items:flex-start;box-shadow:0 4px 0 #d7dfcb88,0 6px 12px #46604405}.friend-avatar{width:34px;height:34px}.friend-meta>strong{display:flex;flex-direction:column;align-items:flex-start;font-size:13px;gap:2px}.friend-meta>strong small{color:#849075;font-size:11px}.friend-screen{font-size:12px;white-space:normal;margin-top:9px;line-height:1.5;min-height:20px;gap:5px}.friend-status{font-size:11px;line-height:1.6;color:#718269;margin-top:4px}.friend-card.arrived:after{left:37px;top:38px;background:#518d63}.friend-card.is-old:after{left:35px;top:37px}.text-received{display:none}.tiny-poster{flex-shrink:0;width:23px;height:18px}.copy-tag{font-size:10px;bottom:-7px;right:10px;border-radius:5px}.friend-card.is-old{background:#fff1d7;border-color:#d3ac6f}
.composer{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:20px;align-items:stretch;padding:24px;border-radius:21px;background:linear-gradient(160deg,#fffdf4,#f7f4e7);border:1px solid #dbdecb;box-shadow:0 5px 0 #c5cfb9,0 20px 50px #4a624a0c;margin-top:6px}.composer-title .eyebrow{font-size:10px;margin-bottom:8px}.composer-title h2{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.5px}.composer-title p{font-size:12px;color:#73836b;line-height:1.7;margin-top:8px}.page-dock{padding:12px;border-radius:12px;min-height:188px;background:#e9ecda;border-color:#ccd6bd;box-shadow:inset 0 2px 4px #4b69400b}.dock-heading{gap:6px;align-items:baseline;font-size:12px;margin-bottom:10px}.dock-heading small{font-size:10px;color:#7c8a6b}.invitation{border-radius:6px;min-height:121px}.empty-invitation{height:121px;color:#8b9d79;gap:10px}.empty-invitation>span{font-size:30px;font-weight:200}.empty-invitation p{font-size:12px}.invitation-art,.invitation-art.small{height:110px}.invitation-art>span{font-size:16px;bottom:14px}.invitation-text strong{font-size:13px}.invitation-text span{color:#788967}.invitation.text-only .invitation-text strong{font-size:17px}.invitation-text{padding:12px}.payload-caption{color:#7c8c6b;font-size:11px;line-height:1.6;margin-top:9px}.assembly-options{gap:14px}.tools{grid-template-columns:1fr 1fr;gap:10px}.supply-card{min-height:91px;border-radius:10px;padding:8px 4px 10px;border-color:#dedbc5;background:linear-gradient(150deg,#fff9e9,#eeead6);box-shadow:0 3px #d6d2b8}.supply-card>svg{height:38px;width:38px;margin-bottom:3px}.supply-card strong{font-size:12px}.supply-card small{font-size:10px;color:#798568;white-space:normal;line-height:1.5;margin-top:4px}.supply-card.chosen{background:linear-gradient(150deg,#f4f7e6,#dde8ce);border-color:#b8caaa}.supply-card:before{font-size:14px}.supply-card:hover{border-color:#cda15b}.cache-bay{padding:9px 10px;border-radius:9px;min-height:57px;background:#edf0e2;border-color:#c5d0b8}.cache-bay strong{font-size:11px;color:#687e5c;line-height:1.5}.cache-bay small{font-size:10px;color:#899775;line-height:1.5}.cache-bay .return-hint{display:none}.launch-controls{padding:0;gap:14px}.g-primary{font-size:13px;font-weight:600;padding:15px 18px;border-radius:10px;background:#345f50;border-color:#345a4a;box-shadow:0 4px #234b3d,0 6px 14px #315b3012}.g-primary:hover:not(:disabled){background:#426f5c;box-shadow:0 6px #234b3d,0 9px 18px #52703e18}.launch-controls>p{font-size:11px;max-width:none;color:#78866b;line-height:1.7}.launch-controls #weather-button{font-size:13px;color:#9d7135;font-weight:600;padding:9px 0}.journey-result{grid-column:1/-1;margin-top:14px;font-size:12px;color:#668065;line-height:1.7}.gathering-foot{grid-column:1/-1;margin:18px 0 24px;color:#8d9c83;font-size:11px;align-items:center}.gathering-foot>div{display:flex;gap:22px}.gathering-foot button,.gathering-foot a{color:#768a71;font-size:11px}
#gathering-dialog{width:min(660px,calc(100vw - 36px));padding:32px 38px 34px;border-radius:24px;background:#fffcf2;box-shadow:0 30px 120px #253e4166;border-color:#e8e7d5}#gathering-dialog::backdrop{background:#213d3859;backdrop-filter:blur(12px)}.g-dialog-head{margin-bottom:28px}.g-dialog-head h2{font-size:24px;line-height:1.3}.g-dialog-head>button{width:34px;height:34px;color:#6e826a;font-size:24px}#g-dialog-content>p{font-size:13px;color:#70826c;line-height:1.8}#g-dialog-content details summary{font-size:12px;color:#5a765d}#g-dialog-content details p{font-size:12px;color:#75866c;line-height:1.85}.g-intro h3{font-size:31px;line-height:1.5;font-weight:600}.g-intro>p{font-size:13px;color:#70856b;line-height:1.9;max-width:390px}.intro-gestures{font-size:12px;color:#7a896d;margin:28px auto}.g-intro>small{font-size:11px;color:#89977c}.friend-detail>p{font-size:13px;color:#74836a}.copy-comparison{padding:25px 17px}.copy-comparison strong{font-size:17px;color:#436c50}.copy-comparison small{font-size:11px;color:#7c8b6e}.detail-actions>button:not(.g-primary){font-size:12px}.ending-postcard h3{font-size:30px;color:#36574b}.ending-postcard>p{font-size:13px;color:#79896f;margin:14px 0 24px}.ending-friends{margin-bottom:18px}.ending-actions{display:flex;align-items:center;flex-direction:column;gap:10px;margin-top:26px}.ending-actions .g-primary{max-width:100%;white-space:normal}.ending-actions .g-text{font-size:12px;color:#6b8265}.quality-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.quality-facts article{border-top:2px solid #b9cba7;padding:14px 2px 4px}.quality-facts article>span{font-weight:600;font-size:14px;line-height:1.6;display:block}.quality-facts article>p{font-size:12px;line-height:1.8;color:#7b896e;margin-top:8px}.quality-compare{background:#edf0df;padding:18px;border-radius:12px;margin-top:20px}.quality-compare h4{font-size:13px;margin:0 0 16px}.quality-compare>div{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:7px;font-size:11px;line-height:1.8;padding:6px 0;border-top:1px solid #c7d1b844}.quality-compare .compare-head{color:#8a9678;border:0}.quality-compare strong{font-size:12px;font-weight:500}.quality-compare>small{display:block;font-size:10px;color:#7b896d;margin-top:12px;line-height:1.7}.journey-journal .journal-strategy{font-size:12px;color:#809071}.journey-journal li{color:#72876b;font-size:12px}.route-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.route-list button{text-align:left;border:1px solid #d9deca;border-radius:13px;padding:20px 18px;background:#f2f2e4;position:relative;transition:transform .2s,background .2s}.route-list button:hover{background:#e7edda;transform:translateY(-3px)}.route-list span{font-size:15px;font-weight:600;display:block;margin-bottom:11px}.route-list small{font-size:12px;line-height:1.85;color:#79896e;display:block;padding-right:8px}.route-list b{font-size:16px;font-weight:400;position:absolute;right:12px;top:15px;color:#8fa075}.route-note{margin-top:20px!important;font-size:11px!important}.g-toast{background:#2b5148f5;box-shadow:0 8px 32px #294e3e44;font-size:13px;border:1px solid #f5ecd222}
.is-raining .playfield{background:linear-gradient(145deg,#e4ebe07a,#c3d7cd5e)}.playfield,.weather-chip{transition:background 1.2s}.read-progress{margin-top:8px}.read-progress i{background:#719d77}
@media(min-width:1600px){.gathering-shell{grid-template-columns:minmax(0,1fr) 355px;gap:0 40px}.map-stage{height:590px}.composer{padding:28px}.friend-card{min-height:126px}}
@media(max-width:1100px){.gathering-top{padding:0 24px;height:60px}.gathering-shell{padding:0 24px;grid-template-columns:minmax(0,1fr) 280px;gap:0 17px}.storybar{padding-top:22px}.storybar h1{font-size:28px}.map-stage{height:425px}.composer{padding:18px;gap:17px}.friend-strip{gap:8px;margin:0 12px 20px}.friend-card{padding:11px 8px;gap:4px;flex-direction:column}.friend-avatar{width:28px;height:28px}.friend-meta>strong{font-size:12px;flex-direction:row;gap:7px}.friend-meta>strong>small{font-size:10px}.friend-status{font-size:10px}.friend-card.arrived:after{left:26px;top:29px}.friend-card.is-old:after{left:25px;top:28px}.story-card{margin:0 14px 18px;padding:10px 12px}.story-card p{font-size:12px}.story-card small{font-size:11px}.map-caption{bottom:14px;left:18px}.gathering-top nav{gap:13px}}
@media(max-width:850px){.gathering-shell{grid-template-columns:1fr;max-width:780px}.storybar{grid-column:1;padding:24px 0 16px}.storybar h1{font-size:27px}.storybar p{font-size:12px}.playfield{grid-column:1;grid-row:2}.map-stage{height:420px}.composer{grid-row:3;grid-column:1;display:grid;grid-template-columns:1fr 1.2fr;gap:14px 20px;padding:20px;margin-top:22px}.composer-title{grid-column:1/-1;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.composer-title .eyebrow{display:none}.composer-title h2{font-size:18px}.composer-title p{margin:0}.page-dock{grid-row:2;grid-column:1;min-height:205px}.assembly-options{grid-row:2;grid-column:2}.tools{gap:8px}.supply-card{min-height:79px;padding:5px}.supply-card>svg{height:31px;width:31px}.cache-bay{min-height:40px;padding:7px}.launch-controls{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px 18px}.launch-controls>p{grid-column:2;grid-row:1;font-size:11px}.launch-controls #weather-button{grid-row:2;grid-column:1/-1}.friend-card{flex-direction:row;padding:13px 10px;gap:7px;min-height:102px}.friend-meta>strong{flex-direction:column;gap:2px}.friend-card.arrived:after{left:28px;top:32px}.friend-card.is-old:after{left:26px;top:29px}.friend-status{font-size:11px}.friend-strip{margin:0 16px 22px}.gathering-top .back-link{font-size:11px}.gathering-top nav button{font-size:11px}.gathering-wordmark{font-size:15px}.gathering-wordmark small{display:none}}
@media(max-width:540px){.gathering-top{padding:0 16px;height:57px;gap:10px}.gathering-top .back-link{max-width:56px;font-size:0}.gathering-top .back-link:before{content:'← 旅程';font-size:12px}.gathering-top nav{gap:7px}.gathering-top nav button[data-action=intro]{display:none}.gathering-top nav button[data-action=journal]{font-size:0}.gathering-top nav button[data-action=journal]:after{content:'手记';font-size:11px}.gathering-shell{padding:0 14px}.storybar{align-items:flex-start;padding:22px 2px 16px;gap:8px}.storybar h1{font-size:24px;letter-spacing:-.8px;max-width:270px}.storybar p{font-size:12px;max-width:270px;line-height:1.8}.storybar .eyebrow{font-size:10px;letter-spacing:1px}.weather-chip{font-size:10px;padding:7px 9px;white-space:nowrap;margin-top:2px}.map-stage{height:310px;border-radius:19px}.playfield{border-radius:20px}.map-caption{bottom:9px;left:14px;gap:3px}.map-caption>span{font-size:10px}.map-caption small{display:none}.quality-map-pin{font-size:10px!important;padding:4px 7px!important;min-height:22px!important}.friend-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 10px 20px;gap:6px}.friend-card{flex-direction:column;min-height:135px;gap:6px;padding:10px 8px;border-radius:10px}.friend-meta>strong{font-size:12px}.friend-meta>strong>small{font-size:10px}.friend-screen{font-size:11px;margin-top:6px;gap:4px}.friend-status{font-size:10px;line-height:1.6}.friend-avatar{width:27px;height:27px}.friend-card.arrived:after{left:27px;top:29px}.friend-card.is-old:after{left:24px;top:28px}.copy-tag{font-size:9px;right:4px;padding:3px 4px;bottom:-8px}.story-card{margin:0 12px 15px;padding:10px 11px;gap:6px 9px}.story-card p{font-size:11px}.story-card small{font-size:10px}.story-voice{font-size:10px;padding:3px 7px}.composer{grid-template-columns:1fr;display:grid;gap:17px;padding:18px;margin-top:20px}.composer-title{gap:8px;flex-direction:column}.composer-title p{font-size:12px}.page-dock{grid-column:1;grid-row:2;min-height:180px}.invitation{min-height:112px}.empty-invitation{height:112px}.invitation-art,.invitation-art.small{height:120px}.assembly-options{grid-row:3;grid-column:1}.tools{grid-template-columns:repeat(4,1fr);gap:6px}.supply-card{min-height:89px;padding:7px 2px}.supply-card strong{font-size:10px}.supply-card small{font-size:9px;line-height:1.6}.supply-card>svg{width:32px;height:32px}.cache-bay{min-height:49px}.launch-controls{grid-column:1;grid-row:4;display:flex;gap:15px}.launch-controls>p{font-size:11px}.gathering-foot{font-size:10px;margin-bottom:22px;gap:12px}.gathering-foot>div{gap:12px}.gathering-foot a,.gathering-foot button{font-size:10px}#gathering-dialog{padding:23px 24px 28px;border-radius:20px}.g-dialog-head h2{font-size:21px}.g-intro{padding:0}.g-intro h3{font-size:27px}.intro-gestures{gap:6px;font-size:10px}.g-intro>p{font-size:12px}.quality-facts{grid-template-columns:1fr;gap:5px}.quality-facts article{padding-top:12px}.quality-facts article>span{font-size:13px}.quality-facts article>p{font-size:11px;margin-top:5px}.route-list{grid-template-columns:1fr}.route-list button{padding:17px}.route-list span{font-size:14px;margin-bottom:6px}.route-list small{font-size:11px}.copy-comparison{padding:18px 10px;gap:5px}.copy-comparison strong{font-size:14px}.copy-comparison small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.supply-card:hover,.friend-card:hover,.route-list button:hover{transform:none}}

/* Keep the workbench in reach on laptop-height displays. */
.empty-invitation{width:100%}
@media(min-width:851px) and (max-height:850px){.gathering-top{height:54px}.storybar{padding:20px 0 15px}.storybar h1{font-size:29px}.storybar p{margin-top:7px;font-size:12px}.map-stage{height:clamp(345px,51dvh,430px)}.composer{padding:20px;gap:13px}.composer-title h2{font-size:19px}.composer-title p{margin-top:5px;font-size:11px}.composer-title .eyebrow{margin-bottom:6px}.page-dock{min-height:147px;padding:9px}.invitation,.empty-invitation{min-height:89px;height:89px}.invitation-art,.invitation-art.small{height:80px}.invitation:has(.invitation-art){height:auto}.invitation.text-only .invitation-text{padding:10px 12px}.supply-card{min-height:80px;padding:6px 3px}.supply-card>svg{width:31px;height:31px}.cache-bay{min-height:48px;padding:7px 9px}.assembly-options{gap:11px}.launch-controls{gap:10px}.g-primary{padding:13px 16px}.friend-card{min-height:110px}.story-card{margin-bottom:15px}.gathering-foot{margin-top:10px}}

.map-stage.flat-view #map-fallback *{animation:none!important;transition:none!important}