@font-face{font-family:Song;src:local('Songti SC'),local('STSong'),local('SimSun');font-display:swap}
.pilot-status{position:absolute;left:36px;bottom:140px;padding:9px 16px;border-left:2px solid #9c835988;background:linear-gradient(90deg,#f4ecd5df,#f4ecd500);color:#435743;font-family:Song,'Songti SC',serif;letter-spacing:2px;pointer-events:none;white-space:nowrap}
.pilot-world .place-marker{transition:filter .2s,opacity .2s;filter:drop-shadow(0 2px 3px #34493833)}
.pilot-world .place-marker:not(:hover):not(:focus-visible)>span{opacity:.8}
.pilot-world .landmark-marker{font-size:13px;letter-spacing:2px;padding:7px 12px;background:linear-gradient(100deg,#e7dfc4e6,#f5ecd3ed);border-color:#a29d76}
.landmark-note{font-family:var(--serif);font-size:19px;line-height:2;letter-spacing:1px;padding:12px 4px 24px}
.pilot-world #hotspots [data-landmark="beiguan"]{font-size:11px;padding:5px 8px;letter-spacing:2px;background:#e9e4cbbf;box-shadow:0 2px 6px #34493833}
.game:has(#world[data-scene="linan"]) :is(.wordmark,.place-title){color:#f3e5bc;text-shadow:0 1px 3px #29372a,0 0 10px #29372acc}
.game:has(#world[data-scene="linan"]) .place-title>div{color:#f3e5bc}
.game:has(#world[data-scene="zhenjiang"]) .place-title{color:#f3e5bc;text-shadow:0 1px 3px #29372a,0 0 10px #29372acc}
.game:has(#world[data-scene="zhenjiang"]) .place-title>div{color:#f3e5bc}
.game:has(#world[data-scene="jiangling"]) :is(.wordmark,.place-title){color:#f3e5bc;text-shadow:0 1px 3px #29372a,0 0 10px #29372acc}
.game:has(#world[data-scene="jiangling"]) .place-title>div{color:#f3e5bc}
.jiangling-reading img{filter:saturate(.76) brightness(.97) contrast(.96)}
.game:has(#world[data-scene="jiangling"]) :is(.tea-picture,.culture-banner){filter:saturate(.78) contrast(.93)}
/* Pointer centers are exactly 24px from the label edge. Hover must not move them. */
.pilot-world .place-marker:after{height:23px;bottom:-24px;pointer-events:none}
.pilot-world .place-marker .marker-dot{left:calc(50% - 3.5px);bottom:-27.5px;pointer-events:none}
.pilot-world .place-marker:hover{transform:translate(-50%,-100%);filter:brightness(1.06) drop-shadow(0 2px 3px #34493833)}
.pilot-world .place-marker[data-marker-side="below"]{transform:translate(-50%,0)}
.pilot-world .place-marker[data-marker-side="below"]:after{top:-24px;bottom:auto}
.pilot-world .place-marker[data-marker-side="below"] .marker-dot{top:-27.5px;bottom:auto}
.pilot-world .world-shade{background:linear-gradient(#eee6cb30,transparent 20%,transparent 79%,#25382726);box-shadow:inset 0 0 90px #27392622}
.pilot-world.panel-open .pilot-status,.sailing .pilot-status{opacity:0}
select:focus-visible{outline:2px solid #c39a4e;outline-offset:3px}
@media(min-width:1920px){.pilot-world .hud-top{top:32px;left:44px;right:44px}.pilot-world .hud-bottom{bottom:33px}.pilot-world .place-title{top:155px;left:50px}.pilot-world .place-title h2{font-size:78px}.pilot-world .pilot-status{bottom:158px}}
:root{--paper:#f1e8ce;--ink:#414935;--muted:#888570;--green:#4b6041;--gold:#ba9b60;--red:#97523b;--line:#bcb18f66;--serif:Song,'Songti SC',serif;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#b4b591;color:var(--ink);font-family:var(--sans);font-size:13px}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible{outline:2px solid #f4cb70;outline-offset:4px}a{color:var(--green)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500}h3{font-size:20px}small{font-size:11px}.icon{height:22px;width:22px;flex-shrink:0;vertical-align:middle}[hidden]{display:none!important}
.game{position:fixed;inset:0;overflow:hidden}#world{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-5px}.world-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#e7d7ad3d,transparent 17%,transparent 76%,#2538274d);box-shadow:inset 0 0 100px #27392630,inset 0 0 10px #a8946555}
.hud-top{position:absolute;top:24px;left:34px;right:30px;display:flex;align-items:center;gap:24px;pointer-events:none}.hud-top>*{pointer-events:auto}.wordmark{display:flex;align-items:center;gap:14px;text-shadow:0 1px 8px #f2e9cbbf}.wordmark h1{font-size:35px;letter-spacing:6px;white-space:nowrap}.title-seal{display:grid;place-items:center;font-family:var(--serif);font-size:19px;color:#f2dfb9;background:#9b4e39b8;width:29px;height:34px;border:1px solid #e2c799;outline:1px solid #995f3c;outline-offset:2px;transform:rotate(-3deg);text-shadow:none}.wordmark-sub{font-family:var(--serif);font-size:10px;writing-mode:vertical-rl;letter-spacing:3px;border-left:1px solid #847e5155;padding-left:11px;height:48px}
.resources{display:flex;align-items:center;gap:0;position:absolute;left:50%;transform:translateX(-50%);padding:10px 9px;background:#f2e9cfec;border:1px solid #c0ae81;border-radius:7px;box-shadow:0 3px 9px #3440301f,inset 0 0 0 3px #f8f0dba1;backdrop-filter:blur(7px)}.resource{display:flex;align-items:center;gap:9px;min-width:90px;padding:0 17px;border-right:1px solid #c7bc9366}.resource:last-child{border:0}.resource>.icon{color:#8c7f4e;width:21px;height:21px}.resource strong{font-family:var(--serif);font-size:23px;line-height:1.2;font-weight:500}.resource small{font-family:var(--serif);font-size:11px;color:#979070;margin-left:-5px}.resource.low{color:#a5563a}.resource-change{animation:gain .7s ease-out}.top-tools{display:flex;gap:10px;margin-left:auto}.button{border:1px solid #b5ac87;background:#eee6cc;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:4px;min-height:38px;font-size:12px;transition:background .2s,transform .2s,box-shadow .2s}.button:hover:not(:disabled){background:#fcf1d2;box-shadow:0 2px 8px #645e3222}.button.primary{background:#506446;color:#f8efd4;border-color:#617449;box-shadow:inset 0 0 0 2px #d8d5aa18}.button.primary:hover:not(:disabled){background:#3e5738}.button.round{border-radius:50%;width:38px;height:38px;min-height:38px;padding:8px;background:#f0e4c9df;box-shadow:0 2px 7px #263b2419,inset 0 0 0 2px #ffefd244}.round>.icon{width:19px;height:19px}.round[aria-pressed=true]{background:#526144;color:#f6e4ad}
.place-title{position:absolute;left:39px;top:128px;pointer-events:none;text-shadow:0 1px 8px #e8dfbc,0 0 24px #e8dfbc}.place-title>div{font-family:var(--serif);font-size:10px;letter-spacing:4px;color:#5f6547}.place-title h2{font-size:64px;letter-spacing:11px;line-height:1.55;margin-top:1px}.place-title p{font-family:var(--serif);font-size:14px;letter-spacing:6px;margin-left:2px}.place-title>span{font-family:var(--serif);display:grid;place-items:center;font-size:18px;width:30px;height:34px;color:#994a33;border:1px solid #a46545;background:#eddfb57d;margin:20px 0 0 4px;transform:rotate(-5deg);text-shadow:none}
.day-weather{position:absolute;right:33px;top:92px;display:flex;align-items:center;gap:7px;color:#4f583d;text-shadow:0 1px 7px #f4e8c2;font-size:11px;letter-spacing:1px}.day-weather i{font-style:normal;margin:0 7px;color:#8c8d60}.weather-button{border:0;background:transparent;padding:3px;min-height:30px}.weather-button>.icon{color:#938142;width:23px;height:23px}.current-task{position:absolute;top:150px;right:33px;display:flex;align-items:center;gap:12px;padding:13px 17px;background:#f0e6cfe8;border:1px solid #c3b78d;border-radius:5px;box-shadow:0 4px 15px #394a321a;text-align:left;min-width:185px}.current-task>.icon{color:#978953;width:23px;height:23px}.current-task>span{font-family:var(--serif);font-size:15px;letter-spacing:1px}.current-task small{font-family:var(--sans);display:block;letter-spacing:2px;font-size:9px;color:#8e8c70;margin-bottom:5px}.current-task>b{margin-left:auto;color:#a59a6b;font-size:16px;font-weight:400}
.hotspots{position:absolute;inset:0;pointer-events:none}.place-marker{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:8px;border:1px solid #d3bc7e;background:linear-gradient(100deg,#eee2bacf,#f5eac9f5);color:#665633;padding:8px 13px 8px 9px;border-radius:4px;box-shadow:0 3px 10px #313e3438,inset 0 0 0 2px #fff4d240;pointer-events:auto;font-family:var(--serif);font-size:15px;letter-spacing:3px;white-space:nowrap;transition:transform .2s,box-shadow .2s}.place-marker>i{font-style:normal;color:#937844;display:grid;place-items:center;letter-spacing:0}.place-marker .icon{width:21px;height:21px}.place-marker:after{content:'';position:absolute;width:1px;height:23px;left:50%;bottom:-24px;background:#ead99a;box-shadow:0 0 4px #534b22}.marker-dot{position:absolute;width:7px;height:7px;background:#f8e9ae;border-radius:50%;left:calc(50% - 3px);bottom:-27px;box-shadow:0 0 0 4px #f4e3ac3a,0 0 14px #fae7ab}.place-marker:hover{transform:translate(-50%,calc(-100% - 4px));box-shadow:0 5px 20px #1e382e55,0 0 0 2px #ead08844}.discovery-marker{background:linear-gradient(100deg,#e7d6a9ee,#f2e5bff2)}.discovery-marker:not(.collected) .marker-dot{animation:glow 2.5s ease-in-out infinite}.discovery-marker.collected>i{color:#647648}.boat-anchor{position:absolute;transform:translateX(-50%);border:0;padding:5px 8px;background:#3d513521;color:#f2e7c9;font-family:var(--serif);letter-spacing:3px;font-size:12px;border-radius:3px;text-shadow:0 1px 4px #1b402f;white-space:nowrap}.boat-anchor>span{font-family:var(--sans);font-size:17px;letter-spacing:0;opacity:.7}.boat-anchor:hover{background:#43593c75}
.place-marker[data-marker-side="below"]{transform:translate(-50%,0)}.place-marker[data-marker-side="below"]:after{top:-24px;bottom:auto}.place-marker[data-marker-side="below"] .marker-dot{top:-27px;bottom:auto}.place-marker[data-marker-side="below"]:hover{transform:translate(-50%,4px)}
.view-tools{position:absolute;right:30px;top:50%;transform:translateY(-25%);display:flex;flex-direction:column;gap:8px}.view-button{width:32px;height:32px;min-height:32px;padding:0;background:#f2e5c9d9;color:#67694c;border:1px solid #c8b98f;font-size:20px;box-shadow:0 2px 7px #263b2425}.view-button>.icon{width:18px;height:18px}.view-button[aria-pressed=true]{background:#566546;color:#f4e9c4}
.hud-bottom{position:absolute;bottom:37px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.hud-bottom>*{pointer-events:auto}.route-chip{display:flex;gap:12px;align-items:center;text-align:left;color:#f1e9cc;background:#344d3ad9;border:1px solid #c8be8f64;border-radius:5px;padding:12px 17px;min-width:205px;box-shadow:0 3px 15px #17362633}.route-compass{border:1px solid #c4bb8488;border-radius:50%;height:37px;width:37px;display:grid;place-items:center;color:#d0c28d}.route-compass .icon{width:23px;height:23px}.route-chip>span:last-child{flex:1}.route-chip small{display:block;font-size:8px;letter-spacing:3px;color:#d6d5b5a8}.route-chip b{display:block;font-family:var(--serif);font-size:15px;font-weight:500;letter-spacing:2px;margin:5px 0 8px}#route-progress{display:block;height:2px;background:#eddfad26;border-radius:2px;position:relative}#route-progress:after{content:'';display:block;width:max(4%,var(--progress));height:100%;background:#cbbb7b;border-radius:2px}
.action-dock{display:flex;gap:9px;position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);padding:9px 16px 8px;border-radius:12px;background:linear-gradient(#e9ddbbf5,#dfd0a9f5);border:1px solid #b9a978;box-shadow:0 8px 24px #17302444,inset 0 0 0 4px #fff4d04d;backdrop-filter:blur(8px)}.dock-item{position:relative;display:flex;align-items:center;flex-direction:column;gap:5px;border:0;border-radius:5px;padding:5px 14px;background:none;min-width:67px;color:#68654b;font-family:var(--serif);font-size:12px;letter-spacing:3px;transition:transform .2s,background .2s}.dock-item:hover{transform:translateY(-5px);background:#f7efd275}.dock-illustration{width:40px;height:38px;display:grid;place-items:center;color:#847647;border-radius:4px;background:radial-gradient(#fbefcb85,transparent)}.dock-illustration .icon{width:33px;height:33px;stroke-width:1.1;filter:drop-shadow(1px 2px 0 #bfb38140)}.dock-item:nth-child(2) .dock-illustration{color:#9b7551}.dock-item:nth-child(3) .dock-illustration{color:#5b785f}.dock-item:nth-child(4) .dock-illustration{color:#877856}.dock-item kbd{position:absolute;top:2px;right:0;font:8px var(--sans);color:#a69a76;letter-spacing:0;border:1px solid #beaf8459;border-radius:2px;padding:0 3px}.dock-item>i{position:absolute;top:0;right:8px;font:8px var(--sans);font-style:normal;letter-spacing:0;border-radius:50%;color:#f0e3c4;background:#8e5b40;padding:2px 4px;min-width:14px;display:none}.dock-item:has(#collection-count:not(:empty))>i{display:block}
.sail-button{display:flex;align-items:center;gap:15px;border:1px solid #dac397;border-radius:5px;background:linear-gradient(110deg,#ece2c2,#e1d2aa);padding:13px 18px;box-shadow:0 4px 18px #24443544,inset 0 0 0 3px #f8e9c44d;color:#586043;min-width:208px}.sail-symbol{width:34px;height:38px;display:grid;place-items:center;border-right:1px solid #aca37877;padding-right:13px}.sail-symbol>.icon{width:30px;height:30px;color:#7b774b}.sail-button>span:nth-child(2){text-align:left;flex:1}.sail-button b{font-size:20px;font-weight:500;font-family:var(--serif);letter-spacing:4px;white-space:nowrap}.sail-button small{display:block;color:#8f8a69;font-size:9px;letter-spacing:2px;margin-top:5px}.sail-button>.icon{width:16px;height:16px;color:#a3935f}.sail-button:hover{background:#f6e9c6;transform:translateY(-2px)}.controls-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);color:#f0e6bc9c;font-size:9px;letter-spacing:2px;white-space:nowrap;text-shadow:0 1px 4px #364831}.controls-hint>span{margin:0 8px;opacity:.5}.help-button{position:absolute;bottom:11px;right:34px;border:1px solid #d3c69870;background:#3d513550;border-radius:50%;width:19px;height:19px;font-family:var(--serif);font-size:12px;color:#e6dbb0}
.night .world-shade{background:linear-gradient(#202e3233,transparent 40%,#152b3155)}.night .wordmark,.night .place-title,.night .day-weather{color:#efdfb5;text-shadow:0 1px 6px #1e2e29}.night .place-title>div{color:#e6d8b3}.night .weather-button>.icon{color:#e6c885}.night .place-title>span{background:#e6cc9eaa}
/* The connected Jiankang bank replaces pale sky behind these two titles. */
.game:has(#world:is([data-scene="shanyin"],[data-scene="jiankang"],[data-scene="fuchi"],[data-scene="chizhou"],[data-scene="jiangzhou"])) :is(.wordmark,.place-title){color:#f3e5bc;text-shadow:0 1px 3px #29372a,0 0 10px #29372acc}
.game:has(#world:is([data-scene="shanyin"],[data-scene="jiankang"],[data-scene="fuchi"],[data-scene="chizhou"],[data-scene="jiangzhou"])) .place-title>div{color:#f3e5bc}
.local-readings{display:flex;flex-wrap:wrap;gap:6px 18px;margin:20px 0;border-top:1px solid var(--line);padding-top:12px}
.river-evening-return{position:absolute;right:42px;top:240px;padding:9px 13px;background:#263e42e8;color:#efdcaa;border:1px solid #bba777;border-radius:4px;font:13px var(--serif);letter-spacing:1px;pointer-events:auto}
.river-evening-return[hidden]{display:none}
.sailing .hud-bottom,.sailing .hotspots,.sailing .boat-anchor,.sailing .current-task,.sailing .view-tools,.sailing .place-title{opacity:0;pointer-events:none;transition:opacity .6s}.sailing .hotspots>*{pointer-events:none}.travel-caption{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;color:#414f34;text-shadow:0 1px 10px #f5eac3}.travel-caption>span{font-family:var(--serif);font-size:36px;letter-spacing:10px;white-space:nowrap}.travel-caption i{font-style:normal;font-size:23px;margin:0 18px;opacity:.7}.travel-caption small{display:block;font-size:13px;letter-spacing:6px;margin-top:25px}.arrival{position:absolute;top:25%;left:50%;transform:translate(-50%,10px);font-family:var(--serif);font-size:45px;letter-spacing:12px;color:#ede5c1;pointer-events:none;text-shadow:0 2px 12px #1f362be0;opacity:0;transition:opacity .7s,transform .7s}.arrival.show{opacity:1;transform:translate(-50%,0)}
dialog.sheet{position:fixed;inset:auto auto 132px 50%;transform:translateX(-50%);margin:0;width:min(570px,calc(100% - 32px));max-height:calc(100dvh - 235px);padding:0;overflow:auto;color:var(--ink);border:1px solid #a99566;border-radius:8px;background:#f1e8cf;box-shadow:0 18px 65px #16291f66,inset 0 0 0 4px #fff4d655;font-size:13px;scrollbar-width:thin;scrollbar-color:#b5ab85 transparent}dialog.sheet::backdrop{background:#192a201a}.panel-header{padding:19px 23px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #b5a88344;background:linear-gradient(#f4ecd6,#ede2c3);position:sticky;top:0;z-index:2}.panel-heading{display:flex;align-items:center;gap:12px}.panel-heading>.icon{width:29px;height:29px;color:#8b8054}.panel-heading small{font-size:9px;color:#8c856d;letter-spacing:2px;display:block;margin-bottom:4px}.panel-heading h2{font-size:24px;letter-spacing:2px}.close-button{padding:0;min-height:30px;width:30px;height:30px;background:transparent;border:1px solid #b9ab8077;border-radius:50%;font-size:23px;color:#93825a;line-height:1}.panel-body{padding:20px 24px}.panel-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.panel-foot>small,.muted{font-size:10px;color:#918a70;line-height:1.8}.text-button{padding:6px 0;border:0;background:none;color:#757952;min-height:30px;font-size:11px}.text-button:hover:not(:disabled){background:none;box-shadow:none;color:#455a37}.panel-feedback{font-size:11px;color:#6b7650;margin-top:15px;line-height:1.7}.panel-feedback:empty{display:none}.panel-feedback.error{color:#a15c3e;background:#e9d9ba;padding:9px 12px;border-radius:3px}
.market-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.market-tools>span{font-size:11px;color:#879062;border-left:2px solid #9f9d6d;padding-left:9px}.quantity{display:flex;gap:4px}.quantity .button{min-height:27px;padding:3px 10px;font-size:11px;border-color:#bfb28a66;background:#e5dcbf}.quantity .selected{color:#f2e9c8;background:#7b8260;border-color:#7b8260}.goods-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.goods-item{background:#f7edd4;border:1px solid #c4b99277;border-radius:4px;padding:11px;text-align:center}.item-art{height:70px;width:100%;display:grid;place-items:center;color:var(--item-color,#87855a);background:radial-gradient(#d7dabb6e,transparent 65%)}.item-art>.icon{width:47px;height:47px;stroke-width:1;filter:drop-shadow(1px 3px 1px #ada37b33)}.item-label{margin:5px 0 13px}.item-label h3{font-size:20px;letter-spacing:3px}.item-label small{font-size:9px;color:#999074;display:block;margin-top:4px}.goods-item>.button{width:100%;gap:3px;padding:6px 2px;font-size:15px;font-family:var(--serif);min-height:31px}.buy-button{background:#7b8561;border-color:#7b8561;color:#f5ecd1}.buy-button small{font-family:var(--sans);font-size:9px}.sell-button{background:none;border:0;color:#8c8765;font-size:10px!important;margin-top:6px}.buy-button:hover:not(:disabled){background:#62754e}
.commission{display:flex;align-items:center;gap:17px;background:#e9dfbf;border:1px solid #c3b68866;border-radius:4px;padding:16px}.commission>.item-art{width:65px;height:65px;border:1px solid #c6bc9455;background:#f2e7c9}.commission>div:nth-child(2)>small{font-size:9px;letter-spacing:3px;color:#9a8b65}.commission h3{margin:5px 0;font-size:22px}.commission>div:nth-child(2)>span{font-size:10px;color:#8c896a}.commission-reward{margin-left:auto;min-width:80px;font-family:var(--serif);font-size:20px;text-align:center;white-space:nowrap}.commission-reward>.icon{width:18px;height:18px;color:#96824d}.commission-reward>small{font-size:10px;margin-left:3px;color:#9f8d65}.commission-reward>.button{display:flex;margin-top:9px;width:100%;font:11px var(--sans);min-height:30px;padding:6px 10px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.service-grid.three{grid-template-columns:repeat(3,1fr)}.service{display:flex;align-items:center;flex-direction:column;background:#f6ecd1;border:1px solid #c4b99277;border-radius:4px;padding:15px 8px;gap:6px}.service:hover:not(:disabled){background:#e4e1bf;border-color:#a6ae7b}.service>.icon{color:#8b8052;width:25px;height:25px;margin-bottom:3px}.service strong{font-size:17px;font-weight:500;font-family:var(--serif);letter-spacing:2px}.service>span{font-size:10px;color:#939271}.service>small{font-size:10px;color:#9e895d;margin-top:3px}.ship-overview{display:grid;grid-template-columns:1.25fr 1fr;gap:27px;align-items:center;padding-bottom:8px}.ship-overview>img{width:100%;max-height:140px;object-fit:contain;filter:drop-shadow(0 8px 6px #716e3d26)}.meter-row{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;font-size:10px;margin:9px 0 15px}.meter-row>strong{font-weight:400;color:#8d876a;font-size:10px}.meter{width:100%;height:4px;border-radius:2px;background:#d2caaa;overflow:hidden}.meter>i{display:block;height:100%;background:#939b6a}.upgrade-row{display:flex;flex-direction:column;margin-top:19px;border-top:1px solid var(--line)}.upgrade{display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);padding:11px 4px;background:none;text-align:left;font-size:12px}.upgrade:last-child{border-bottom:0;padding-bottom:0}.upgrade>.icon{color:#96885c;width:22px;height:22px}.upgrade span{flex:1}.upgrade small{display:inline;margin-left:15px;color:#988e6c;font-size:10px}.upgrade i{font-style:normal;font-size:11px;letter-spacing:4px;color:#929364}.upgrade:hover:not(:disabled){color:#354f32}.tea-picture{height:110px;background:url('/assets/river-town.png') 26% 48% / 950px auto;border-radius:4px;border:1px solid #b9aa7977}.small-dialogue{font-family:var(--serif);font-size:19px;line-height:1.8;color:#656348;padding:12px 2px}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.inventory-item{background:#e8dfc1;border:1px solid #c5b99288;border-radius:4px;text-align:center;padding:11px 7px}.inventory-item>span{font-size:13px;font-family:var(--serif);display:block;letter-spacing:2px}.inventory-item>strong{font-size:15px;font-family:var(--serif);font-weight:500;display:block;margin-top:7px;color:#9d8b5d}.inventory-supplies{font-size:12px;color:#8b835f;padding:16px 0 0;display:flex;gap:9px;align-items:center}.inventory-supplies>.icon{height:18px;width:18px}.inventory-supplies>span{margin-left:auto;font-size:10px;color:#a39876}
.stamp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.stamp-card{background:#e8e0c7;border:1px solid #c1b89366;border-radius:4px;padding:14px 3px;display:flex;align-items:center;flex-direction:column;gap:8px;color:#a7a285}.stamp-card>i{font-style:normal;border:1px solid #bdb49188;width:34px;height:37px;display:grid;place-items:center;font-family:var(--serif);font-size:25px;transform:rotate(-4deg)}.stamp-card>span{font-family:var(--serif);font-size:13px;letter-spacing:2px}.stamp-card>small{font-size:8px;min-height:10px}.stamp-card.unlocked{background:#f4e8c9;color:#8a5941;border-color:#c2a877}.stamp-card.unlocked>i{border-color:#ab6e4d;color:#a46647}.stamp-card.unlocked>small{color:#9a916c}.culture-banner{height:108px;background:linear-gradient(90deg,#454c2144,#33391400),url('/assets/river-town.png') center 40% / cover;border-radius:4px;position:relative;box-shadow:inset 0 0 20px #41482430}.culture-banner.gorge-banner{background-image:linear-gradient(90deg,#454c2144,#33391400),url('/assets/river-gorge.png')}.culture-banner>span{position:absolute;right:22px;top:17px;width:51px;height:59px;display:grid;place-items:center;border:2px solid #cdb780;background:#9b614ddd;color:#efe0b9;font:38px var(--serif);transform:rotate(-7deg)}.culture-banner>i{position:absolute;left:20px;bottom:16px;color:#f2e1bb;font-family:var(--serif);font-size:14px;letter-spacing:6px;font-style:normal;text-shadow:0 1px 7px #353c22}.short-fact{font-family:var(--serif);font-size:20px;line-height:1.9;letter-spacing:.5px;margin:19px 0 3px}.collected-note{font-size:11px;color:#819063;display:flex;align-items:center;gap:6px}.collected-note>.icon{width:15px;height:15px}.deeper-reading{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.deeper-reading>p{font-size:12px;line-height:1.9;color:#7f7b60}.deeper-reading>a{display:inline-block;color:#95906a;font-size:10px;margin:12px 0 23px;text-decoration:none;border-bottom:1px solid #b7b48755}.deeper-reading>h3{font-size:19px;margin-bottom:14px}.answer{width:100%;justify-content:flex-start;background:#e9e2c8;border-color:#c4ba9166;font-size:12px;margin:5px 0;padding:10px 13px}.answer.correct{background:#d8dfb8;color:#536735;border-color:#a5b17a;opacity:1}.answer.incorrect{background:#ead8bb;border-color:#b78667}.deeper-reading>small{display:block;color:#93906d;font-size:10px;margin-top:14px}
.painted-map{height:145px;position:relative;background:linear-gradient(#d1d8b754,#e4ddba55);border:1px solid #c9c19c77;border-radius:4px;overflow:hidden}.painted-map>svg{width:100%;height:100%;fill:none;stroke:#7c997c;stroke-width:7}.painted-map .map-mountains{stroke:#a3ae8566;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.map-caption{position:absolute;bottom:13px;right:18px;font-family:var(--serif);font-size:12px;letter-spacing:5px;color:#859574}.map-route{display:flex;flex-wrap:wrap;gap:4px;margin:20px 0 15px}.map-stop{flex:1;min-width:39px;flex-direction:column;padding:7px 4px;gap:7px;background:none;border:0;min-height:60px;font-family:var(--serif);font-size:12px;color:#a29d7c}.map-stop i{font-style:normal;height:24px;width:24px;border:1px solid #bbb59177;border-radius:50%;display:grid;place-items:center}.map-stop.current{color:#647145}.map-stop.current>i{background:#7e8a5a;color:#eee4bc;border-color:#7e8a5a}.map-stop.visited>i{color:#8b995c}.travel-costs{display:flex;justify-content:space-around;gap:10px;padding:17px 8px;border-block:1px solid var(--line);color:#827a54;font-family:var(--serif);font-size:16px}.travel-costs>span{display:flex;align-items:center;gap:8px}.travel-costs .icon{width:19px;height:19px;color:#9b8c5e}.sail-preview{display:flex;align-items:center;justify-content:space-between;padding:4px 20px 20px;gap:25px}.sail-preview>img{width:44%;max-height:125px;object-fit:contain}.sail-preview>span{font-family:var(--serif);font-size:23px;letter-spacing:4px;display:flex;align-items:center;gap:15px}.sail-preview b{font-size:18px;font-weight:400;color:#9a9f70}.departure-note{font-size:11px;color:#9c7a53;line-height:1.8;margin-top:15px}.event-options{display:flex;gap:12px;margin:15px 0 19px}.event-option{flex:1;padding:16px 12px;justify-content:start;gap:12px;background:#e3dfbe;border-color:#b6b58999}.event-option>.icon{color:#969161;width:26px;height:26px}.event-option>span{font-family:var(--serif);font-size:18px;text-align:left}.event-option small{display:block;font:10px var(--sans);color:#93906b;margin-top:7px;line-height:1.7}
.journal-list{max-height:260px;overflow:auto;scrollbar-width:thin}.journal-list>div{display:flex;gap:15px;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.7}.journal-list time{white-space:nowrap;color:#9a8f6b;font-size:10px;min-width:49px}.journal-list p{color:#76775a}.ending{display:flex;align-items:center;flex-direction:column}.ending-seal{font-family:var(--serif);font-size:30px;letter-spacing:5px;color:#9c624a;border:2px solid #a97252;padding:5px 5px 5px 10px;transform:rotate(-7deg);margin:10px 0 18px}.ending>strong{font-family:var(--serif);font-size:38px;font-weight:500;line-height:1.5;color:#5f714a}.ending>span{font-size:10px;letter-spacing:4px;color:#909376}.medals{display:flex;gap:12px;margin:20px 0}.medal{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;background:#e8dfc3;padding:14px 6px;border:1px solid #c4b89166;border-radius:4px;opacity:.4}.medal.earned{opacity:1;background:#e6dfb7;border-color:#b9b07b}.medal>.icon{width:27px;height:27px;color:#998450}.medal>span{font-family:var(--serif);font-size:15px;letter-spacing:2px}.medal>small{font-size:9px;color:#9a926b}.ending-description{font-size:11px;text-align:center;color:#8d8869}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-grid>.button{background:#e7dfc1;padding:15px;min-height:45px}.file-label{position:relative;overflow:hidden;cursor:pointer}.file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.file-label:focus-within{outline:2px solid #ad8b40}.source-details{margin-top:23px;color:#96916f;font-size:11px}.source-details>summary{cursor:pointer;padding:5px 0}.source-details>p{line-height:1.9;margin:12px 0;color:#858067}.source-details>a{font-size:10px;color:#949467}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.help-grid>div{display:grid;grid-template-columns:26px 1fr;gap:8px 12px}.help-grid .icon{color:#978b5b}.help-grid strong{font-family:var(--serif);font-size:19px;letter-spacing:2px;font-weight:500}.help-grid span{font-size:10px;color:#93906f;grid-column:2}.help-note{font-size:11px;line-height:1.9;color:#939071;margin-top:21px;background:#e8dfc1;padding:13px;border-radius:4px}
#toast{position:fixed;left:50%;top:88px;transform:translate(-50%,-8px);background:#f5e9cbed;color:#677344;border:1px solid #cbb88a;border-radius:4px;font-size:12px;line-height:1.7;padding:10px 18px;box-shadow:0 5px 20px #33492c33;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50;max-width:calc(100% - 30px);width:max-content}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{color:#97593d;background:#f1e2c5}
@keyframes gain{0%{color:#a8b64f;transform:translateY(-3px)}100%{transform:translateY(0)}}@keyframes glow{50%{box-shadow:0 0 0 7px #f4e3ac22,0 0 19px #fae7ab}}
@media(min-width:1700px){.hud-top{top:30px;left:45px;right:40px}.place-title{left:49px;top:150px}.hud-bottom{left:44px;right:44px;bottom:43px}.place-title h2{font-size:74px}.action-dock{gap:15px;padding:12px 20px}.dock-item{min-width:74px}.sail-button{min-width:235px;padding:16px 20px}.route-chip{min-width:235px}.day-weather{right:42px;top:105px}.current-task{right:42px;top:163px}}
@media(max-width:1100px){.hud-top{left:24px;right:22px;top:20px;gap:12px}.wordmark{gap:10px}.wordmark h1{font-size:29px;letter-spacing:4px}.wordmark-sub{display:none}.resource{padding-inline:12px;min-width:70px;gap:6px}.resources{padding:9px 4px}.resource strong{font-size:21px}.resource>.icon{width:18px;height:18px}.top-tools{gap:7px}.button.round{width:34px;height:34px;min-height:34px}.place-title{left:27px;top:116px}.place-title h2{font-size:55px}.current-task{right:24px;top:140px;min-width:160px;padding:11px 13px;gap:9px}.current-task>span{font-size:13px}.current-task small{font-size:8px}.day-weather{top:84px;right:24px;font-size:10px}.hud-bottom{left:24px;right:24px;bottom:32px}.route-chip{min-width:170px;padding:11px;gap:9px}.route-compass{height:30px;width:30px}.route-chip b{font-size:12px;letter-spacing:1px}.action-dock{padding:8px 11px;gap:4px}.dock-item{min-width:54px;padding:5px 11px;letter-spacing:2px;font-size:11px}.dock-illustration{height:31px;width:31px}.dock-illustration .icon{width:29px;height:29px}.sail-button{min-width:175px;gap:9px;padding:12px}.sail-button b{font-size:18px;letter-spacing:3px}.sail-symbol{width:31px;padding-right:10px}.sail-symbol>.icon{width:27px;height:27px}.sail-button>.icon{width:14px}.sail-button small{font-size:8px;letter-spacing:1px}.view-tools{right:23px}.controls-hint{font-size:8px;letter-spacing:1px}.controls-hint>span{margin:0 5px}dialog.sheet{bottom:117px;max-height:calc(100dvh - 212px)}}
@media(max-width:800px){.hud-top{top:18px;left:20px;right:20px}.wordmark h1{font-size:27px}.title-seal{width:24px;height:30px;font-size:17px}.resources{top:62px;left:0;transform:none;padding:7px 2px}.resource{padding:0 12px;min-width:65px}.resource strong{font-size:19px}.resource>.icon{width:17px;height:17px}.day-weather{top:87px;right:20px;font-size:9px;letter-spacing:0}.day-weather i{margin:0 4px}.place-title{top:150px;left:24px}.place-title>div{font-size:9px;letter-spacing:2px}.place-title h2{font-size:50px}.place-title p{font-size:12px;letter-spacing:4px}.place-title>span{margin-top:15px}.current-task{top:151px;right:21px;min-width:143px;padding:10px}.current-task>.icon{width:18px;height:18px}.current-task>span{font-size:12px}.current-task>b{font-size:13px}.hud-bottom{left:20px;right:20px;bottom:32px;align-items:flex-end}.route-chip{display:none}.action-dock{position:relative;left:auto;transform:none;bottom:0;gap:4px}.sail-button{margin-bottom:1px}.dock-item{min-width:54px;padding:5px 10px}.controls-hint{bottom:11px;font-size:8px;letter-spacing:.5px}.view-tools{right:20px}.place-marker{font-size:13px;padding:7px 10px;gap:6px;letter-spacing:2px}.place-marker .icon{width:19px;height:19px}dialog.sheet{bottom:123px;max-height:calc(100dvh - 192px)}.boat-anchor{font-size:10px}.help-button{right:21px;bottom:9px}}
@media(max-width:560px){.hud-top{top:calc(16px + env(safe-area-inset-top));left:17px;right:17px}.wordmark{gap:9px}.wordmark h1{font-size:27px;letter-spacing:5px}.top-tools{gap:7px}.round.fullscreen-toggle{display:none}.button.round{height:32px;width:32px;min-height:32px;padding:7px}.round>.icon{width:17px;height:17px}.title-seal{width:22px;height:28px;font-size:16px}.resources{top:53px;left:0;padding:7px 1px;background:#f2e9cfec;gap:0}.resource{min-width:57px;padding:0 9px;gap:5px}.resource>.icon{width:15px;height:15px}.resource strong{font-size:19px}.resource small{font-size:9px;margin-left:-2px}.day-weather{top:119px;left:17px;right:auto;font-size:9px;gap:4px;background:#eadfb85c;border-radius:3px;padding-right:6px}.weather-button{padding:3px;min-height:23px}.weather-button>.icon{width:17px;height:17px}.place-title{top:169px;left:20px}.place-title>div{font-size:8px;letter-spacing:3px}.place-title h2{font-size:49px;letter-spacing:7px;margin:2px 0 0}.place-title p{font-size:12px;letter-spacing:4px}.place-title>span{font-size:15px;width:25px;height:28px;margin-top:14px}.current-task{top:119px;right:17px;min-width:134px;padding:9px 10px;gap:7px}.current-task small{font-size:7px;letter-spacing:1px;margin-bottom:4px}.current-task>span{font-size:12px;letter-spacing:0}.current-task>.icon{width:17px;height:17px}.current-task>b{font-size:12px}.place-marker{padding:8px 10px;font-size:13px;gap:6px;letter-spacing:2px;background:#f0e4c2ee}.place-marker>.icon{height:18px;width:18px}.place-marker:after{height:18px;bottom:-19px}.marker-dot{bottom:-22px}.view-tools{right:17px;top:auto;bottom:210px;transform:none;gap:6px}.view-button{width:29px;height:29px;min-height:29px;font-size:19px}.view-button>.icon{width:16px;height:16px}.hud-bottom{left:17px;right:17px;bottom:calc(32px + env(safe-area-inset-bottom));display:block}.action-dock{width:100%;justify-content:space-around;gap:1px;padding:8px 10px 7px;position:relative;bottom:auto;left:auto;transform:none;border-radius:10px}.dock-item{min-width:45px;padding:3px 8px;font-size:11px;gap:3px;letter-spacing:3px}.dock-illustration{width:31px;height:30px}.dock-illustration>.icon{width:27px;height:27px}.dock-item kbd{display:none}.dock-item>i{right:0;top:0;font-size:8px;min-width:13px}.sail-button{position:absolute;right:0;bottom:91px;min-width:153px;gap:10px;padding:10px 12px}.sail-button b{font-size:17px;letter-spacing:3px}.sail-button small{font-size:8px;margin-top:4px}.sail-symbol{width:27px;height:30px;padding-right:9px}.sail-symbol>.icon{width:25px;height:25px}.sail-button>.icon{display:none}.controls-hint{bottom:calc(12px + env(safe-area-inset-bottom));font-size:7px;letter-spacing:0}.controls-hint>span{margin:0 4px}.help-button{bottom:calc(10px + env(safe-area-inset-bottom));right:17px;font-size:11px;width:17px;height:17px}.boat-anchor{font-size:10px;letter-spacing:2px;padding:3px 5px}.boat-anchor>span{font-size:14px}.travel-caption{top:42%}.travel-caption>span{font-size:26px;letter-spacing:4px}.travel-caption i{font-size:18px;margin:0 7px}.travel-caption small{font-size:10px;letter-spacing:4px;margin-top:20px}.arrival{font-size:33px;letter-spacing:7px;top:38%}.panel-open .current-task,.panel-open .place-title{opacity:.35}.panel-open .sail-button{opacity:0;pointer-events:none}dialog.sheet{bottom:calc(121px + env(safe-area-inset-bottom));width:calc(100% - 28px);max-height:calc(100dvh - 177px);border-radius:7px}.panel-header{padding:16px 18px 13px}.panel-heading{gap:9px}.panel-heading>.icon{width:24px;height:24px}.panel-heading h2{font-size:21px;letter-spacing:1px}.panel-heading small{font-size:8px;letter-spacing:1px;margin-bottom:4px}.close-button{height:29px;width:29px;min-height:29px;font-size:21px}.panel-body{padding:17px 18px}.panel-foot{margin-top:17px;gap:10px}.panel-foot>small{font-size:9px}.button{font-size:11px;padding:9px 13px;min-height:36px}.text-button{font-size:10px;padding:4px 0;min-height:28px}.market-tools{margin-bottom:14px}.market-tools>span{font-size:10px}.quantity .button{padding:3px 9px;font-size:10px;min-height:26px}.goods-grid{gap:8px}.goods-item{padding:8px 5px}.item-art{height:54px}.item-art>.icon{width:37px;height:37px}.item-label{margin:5px 0 9px}.item-label h3{font-size:18px;letter-spacing:1px}.item-label small{font-size:8px;margin-top:3px}.goods-item>.button{font-size:13px;min-height:30px;padding:6px 0;gap:2px}.buy-button small{font-size:8px}.sell-button{font-size:9px!important;min-height:25px!important;margin-top:4px}.commission{padding:12px;gap:11px}.commission>.item-art{width:48px;height:52px}.commission h3{font-size:21px}.commission>div:nth-child(2)>small{font-size:8px;letter-spacing:2px}.commission>div:nth-child(2)>span{font-size:9px}.commission-reward{min-width:66px;font-size:18px}.commission-reward>.icon{width:16px;height:16px}.commission-reward>.button{font-size:10px}.service-grid{gap:9px;margin-top:14px}.service{padding:13px 6px;gap:5px}.service>.icon{width:23px;height:23px;margin-bottom:3px}.service strong{font-size:16px;letter-spacing:1px}.service>span{font-size:9px}.service>small{font-size:9px}.ship-overview{gap:18px;grid-template-columns:1.1fr 1fr}.ship-overview>img{max-height:110px}.meter-row{font-size:9px;margin:7px 0 12px}.meter-row>strong{font-size:9px}.upgrade-row{margin-top:13px}.upgrade{padding:10px 2px;gap:9px;font-size:11px}.upgrade>.icon{width:19px;height:19px}.upgrade small{font-size:9px;margin-left:10px}.upgrade i{font-size:10px;letter-spacing:3px}.tea-picture{height:95px;background-size:780px auto}.small-dialogue{font-size:18px;line-height:1.8;padding:10px 0}.inventory-grid{gap:8px}.inventory-item{padding:9px 5px}.inventory-item>span{font-size:12px}.inventory-item>strong{font-size:14px}.inventory-supplies{font-size:10px;padding-top:14px}.inventory-supplies>span{font-size:9px}.stamp-grid{grid-template-columns:repeat(4,1fr);gap:9px}.stamp-card{padding:11px 4px;gap:7px}.stamp-card>i{width:32px;height:35px;font-size:24px}.stamp-card>span{font-size:12px}.stamp-card>small{font-size:7px}.culture-banner{height:95px}.culture-banner>span{width:42px;height:49px;font-size:31px;right:19px;top:17px}.culture-banner>i{font-size:12px;letter-spacing:4px;left:15px;bottom:15px}.short-fact{font-size:19px;line-height:1.9;margin-top:15px}.collected-note{font-size:10px}.deeper-reading>p{font-size:11px;line-height:1.9}.deeper-reading>a{font-size:9px;margin-bottom:19px}.deeper-reading>h3{font-size:18px}.answer{font-size:11px;padding:10px 12px}.deeper-reading>small{font-size:9px}.painted-map{height:115px}.map-route{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:14px}.map-stop{font-size:11px;min-width:0;padding:5px;gap:5px;min-height:55px}.sail-preview{padding:0 5px 17px;gap:18px}.sail-preview>span{font-size:20px;letter-spacing:2px;gap:10px}.sail-preview b{font-size:15px}.travel-costs{gap:8px;padding:14px 5px;font-size:14px}.travel-costs>span{gap:5px}.travel-costs .icon{width:16px;height:16px}.departure-note{font-size:10px;margin-top:13px}.event-options{gap:9px;margin-top:11px}.event-option{padding:13px 9px;gap:8px}.event-option>.icon{width:22px;height:22px}.event-option>span{font-size:16px}.event-option small{font-size:9px;line-height:1.7}.settings-grid{gap:10px}.settings-grid>.button{font-size:11px;padding:13px;min-height:42px}.source-details{font-size:10px;margin-top:18px}.help-grid{gap:20px 14px}.help-grid>div{grid-template-columns:23px 1fr;gap:6px 9px}.help-grid .icon{width:21px;height:21px}.help-grid strong{font-size:17px;letter-spacing:1px}.help-grid span{font-size:9px;line-height:1.8}.help-note{font-size:10px;padding:11px;margin-top:18px}.medals{gap:9px;margin:18px 0}.medal{padding:12px 4px;gap:6px}.medal>span{font-size:13px;letter-spacing:1px}.medal>.icon{height:24px;width:24px}.medal>small{font-size:8px}.ending-description{font-size:10px}.ending-seal{font-size:27px;margin-top:5px}.ending>strong{font-size:34px}#toast{top:calc(63px + env(safe-area-inset-top));font-size:11px;padding:9px 13px}.journal-list{max-height:230px}.journal-list>div{font-size:10px;gap:10px}}
@media(max-height:600px) and (min-width:561px){.hud-top{top:12px}.resources{top:0;left:50%;transform:translateX(-50%)}.wordmark h1{font-size:25px}.place-title{top:94px}.place-title h2{font-size:40px}.place-title>span{margin-top:8px}.day-weather{top:63px}.current-task{top:99px;min-width:140px}.hud-bottom{bottom:21px}.action-dock{padding:6px 10px;gap:3px}.dock-item{gap:2px;padding:3px 8px;min-width:46px;font-size:10px}.dock-illustration{height:25px}.dock-illustration>.icon{width:24px;height:24px}.controls-hint{bottom:5px;font-size:7px}.sail-button{padding:9px 12px}.sail-button b{font-size:16px}.route-chip{display:none}.view-tools{gap:5px;top:45%}.view-button{height:27px;width:27px;min-height:27px}.help-button{bottom:4px}dialog.sheet{bottom:93px;max-height:calc(100dvh - 160px)}.panel-header{padding:12px 20px}.panel-heading h2{font-size:20px}.panel-body{padding:16px 20px}.current-task>span{font-size:12px}}
.jiangling-reading{margin:0 0 18px}.jiangling-reading img{display:block;width:100%;height:auto;border:1px solid #b8aa85;border-radius:3px}.jiangling-reading figcaption{margin-top:7px;font-size:10px;color:#77795b;letter-spacing:1px}
.chizhou-reading{margin:0 0 18px}.chizhou-reading img{display:block;width:100%;height:auto;border:1px solid #b8aa85;border-radius:3px}.chizhou-reading figcaption{margin-top:7px;font-size:11px;color:#77795b;letter-spacing:1px}
.jiankang-reading{margin:0 0 18px}.jiankang-reading img{display:block;width:100%;height:auto;border:1px solid #b8aa85;border-radius:3px}.jiankang-reading figcaption{margin-top:7px;font-size:11px;color:#77795b;letter-spacing:1px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.weather-cycle{font:11px var(--serif);padding:4px 7px;min-height:27px;border:1px solid #b6ac8580;border-radius:4px;background:#eee4cbbb;white-space:nowrap}.sound-settings{display:grid;grid-template-columns:1fr auto;gap:15px 18px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.sound-settings h3{margin:0 0 5px;font-size:21px}.sound-settings small{font-size:10px;color:#797858}.sound-settings label{grid-column:1/-1;display:flex;align-items:center;gap:18px;font-size:12px}.sound-settings select,.sound-settings input{flex:1;min-width:0;accent-color:#7d895f}.sound-settings select{padding:8px;background:#f3e8cc;color:#515d44;border:1px solid #c0b58e;border-radius:4px}.sound-credit{grid-column:1/-1;line-height:1.7}.tea-picture,.culture-banner{background-image:var(--scene-image)!important}.day-weather{background:#eee5ccbb;border-radius:5px;padding:3px 6px}.night .day-weather{background:#334846bb}@media(max-width:560px){.weather-cycle{font-size:10px;padding:3px 5px;min-height:23px}.day-weather{gap:3px}.sound-settings{gap:12px;margin-bottom:18px}.sound-settings h3{font-size:19px}}