[hidden]{display:none!important}
.moment-card{--cream:#f0e6d3;--amber:#d6ae78;--rust:#a55643;position:relative;overflow:hidden;max-width:740px;background:#202b28;color:var(--cream);border:1px solid #6b6f60;box-shadow:0 18px 40px #27332b25;animation:moment-enter .55s both}
.moment-card:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
.moment-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px 13px;border-bottom:1px solid #c5b99b50;color:var(--amber);font:11px/1.4 "Noto Sans SC",sans-serif;letter-spacing:.16em}
.moment-heading span:last-child{color:#d4c4a58c;font:11px Georgia,serif;letter-spacing:.12em}
.moment-visual{position:relative;height:235px;overflow:hidden;isolation:isolate}
.moment-note{min-height:48px;margin:0;padding:12px 20px 15px;border-top:1px solid #c5b99b3c;color:#ede0c8;font:14px/1.6 "Noto Serif SC","Songti SC",serif}
.moment-finished .moment-note{color:#e6c49d}
.moment-finished .moment-note{animation:moment-enter .6s both}
.moment-card button{touch-action:manipulation}
.moment-alternative{display:block;margin:0 20px 16px;border:0;border-bottom:1px solid #a9a08e;background:none;color:#c4baa5;padding:3px 0;font-size:11px;letter-spacing:.05em}
.moment-card button:focus-visible,.moment-card input:focus-visible{outline:2px solid #f0c98e;outline-offset:3px}
@keyframes moment-enter{from{opacity:0;filter:blur(5px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}

/* A hand goes out, catches another, then pulls back against the river. */
.river-viewport{background:#243431}
.river-viewport svg:first-child{width:100%;height:100%;display:block}
.river-viewport .river-arm{transition:stroke .25s}
.river-viewport .river-grasp-line{opacity:0;transition:opacity .2s}
.river-held .river-grasp-line{opacity:.85}
.river-grip{position:absolute;left:23%;top:58%;z-index:3;width:64px;height:64px;transform:translate(-50%,-50%);border:1px solid #eee0c497;border-radius:50%;background:#f3e4c41e;box-shadow:0 0 0 8px #f1d6a112,0 0 28px #f2d6a150;display:grid;place-items:center;touch-action:none!important;cursor:grab;transition:box-shadow .2s}
.river-grip:active{cursor:grabbing;box-shadow:0 0 0 12px #f1d6a12a,0 0 34px #f2d6a183}
.river-grip svg{width:40px;height:40px;transform:rotate(65deg)}
.river-target{position:absolute;left:73%;top:51%;width:49px;height:49px;transform:translate(-50%,-50%);border:1px solid #e8d4b894;border-radius:50%;box-shadow:0 0 0 9px #e7c79412;animation:river-pulse 1.9s infinite}
.river-held .river-target{opacity:0}
.river-bank-label{position:absolute;bottom:12px;left:15px;color:#f0dfc2a3;font-size:10px;letter-spacing:.2em}
.river-safe .river-viewport{filter:brightness(1.14)}
@keyframes river-pulse{50%{box-shadow:0 0 0 16px #e7c79405}}

/* The schematic comparison does not purport to redraw the published route. */
.map-viewport{background:#d7d2bd}
.field-map{position:absolute;inset:16px 20px;background:#e4ddc9;border:1px solid #b8ae98;box-shadow:inset 0 0 30px #8f816d4a;overflow:hidden}
.field-map:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#e8dec850,transparent 45%,#665b4c19);pointer-events:none}
.field-map svg{position:absolute;inset:0;width:100%;height:100%}
.field-grid{position:absolute;inset:0;background:linear-gradient(90deg,#806e5922 1px,transparent 1px) 0 0/56px 56px,linear-gradient(#806e5922 1px,transparent 1px) 0 0/56px 56px}
.map-new-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--map-reveal,0%)) 0 0);background:#e8ddc9d9;border-right:2px solid #974a3b;z-index:2}
.map-stamp-old,.map-stamp-new{position:absolute;z-index:3;bottom:12px;padding:4px 7px;background:#e8dfcbcf;color:#6b665d;font-size:10px;letter-spacing:.12em}
.map-stamp-old{left:12px}.map-stamp-new{right:12px;color:#944739}
.map-control{display:flex;align-items:center;gap:14px;padding:12px 20px;color:#d8c5a5;font-size:12px}
.map-control span{white-space:nowrap}.map-control input{width:100%;accent-color:#b96f53;cursor:ew-resize}

.relay-viewport{background:radial-gradient(circle at 50% 24%,#546459,#1f2c28 70%)}
.relay-horizon{position:absolute;inset:auto 0 0;height:75px;background:linear-gradient(160deg,transparent 35%,#121e1b 36% 54%,transparent 55%),linear-gradient(20deg,#111d1a 35%,transparent 36%)}
.relay-line{position:absolute;left:10%;right:10%;top:55%;height:2px;background:repeating-linear-gradient(90deg,#d6b389 0 12px,transparent 12px 20px);opacity:.8}
.relay-source{position:absolute;left:50%;top:28px;transform:translateX(-50%);border:1px solid #d1ac7d;padding:8px 14px;color:#e4c390;font-size:12px;letter-spacing:.17em}
.relay-points{position:absolute;z-index:2;inset:74px 8% 18px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.relay-points button{width:27%;min-width:75px;border:0;background:none;color:#f0e2c9;display:grid;justify-items:center;gap:8px;font-size:12px;letter-spacing:.12em}
.relay-points i{font:23px Georgia,serif;width:59px;height:59px;border:1px solid #d6ba91;border-radius:50%;display:grid;place-items:center;background:#1a2826;box-shadow:0 0 0 7px #d6ba9112;transition:background .25s,box-shadow .25s,transform .25s}
.relay-points button:hover i,.relay-points button.repeat i{transform:scale(1.08);box-shadow:0 0 0 10px #d6ba9120}
.relay-points button.done i{background:#9c664a;box-shadow:0 0 0 9px #d6ba9124}

.boat-viewport{background:#948473}
.boat-viewport:before,.boat-viewport:after{content:"";position:absolute;z-index:1;top:0;bottom:0;width:12%;background:linear-gradient(90deg,#3d4135,#676856)}
.boat-viewport:before{left:0;clip-path:polygon(0 0,100% 0,65% 38%,90% 100%,0 100%)}
.boat-viewport:after{right:0;transform:scaleX(-1);clip-path:polygon(0 0,100% 0,65% 38%,90% 100%,0 100%)}
.boat-water{position:absolute;inset:0;background:linear-gradient(175deg,#415653,#2d4144 55%,#53645c)}
.boat-water span{position:absolute;left:-10%;width:120%;height:35px;border-top:2px solid #c0c4ad38;border-radius:50%;animation:water-pass 4s linear infinite}
.boat-water span:nth-child(1){top:26%}.boat-water span:nth-child(2){top:60%;animation-delay:-1.4s}.boat-water span:nth-child(3){top:84%;animation-delay:-2.7s}
.boat-craft{position:absolute;z-index:2;left:30%;top:45%;width:40%;height:29%;background:linear-gradient(#a68160,#4f3e31);clip-path:polygon(0 6%,100% 6%,88% 100%,12% 100%);box-shadow:0 16px 28px #1226298c;transition:transform 1s ease-in-out}
.boat-sailing .boat-craft{transform:translateX(70%)}
.boat-last .boat-craft{transform:translateX(70%)}
.boat-seats{position:absolute;inset:20% 18% 10%;display:flex;align-items:center;justify-content:space-around;gap:8px}
.boat-seats span{color:#fff1d5;font-size:11px;text-align:center;text-shadow:0 1px 4px #111}
.boat-shore{position:absolute;z-index:2;bottom:14px;color:#f4e6c7;font-size:10px;letter-spacing:.15em}.shore-a{left:15px}.shore-b{right:15px}
.boat-cargo{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;padding:13px 14px 4px}
.boat-cargo button{border:1px solid #a88e6e;background:#e8dac115;color:#f0e0c5;padding:9px 11px;font-size:12px;min-height:38px}
.boat-cargo button:hover{background:#b7946145}.boat-cargo button.loaded{opacity:.4;cursor:default}
.boat-cargo button:disabled:not(.loaded){opacity:.5;cursor:wait}
@keyframes water-pass{to{transform:translateX(5%)}}

.talk-viewport{background:linear-gradient(180deg,#7a7864,#38453e 65%,#27352e)}
.talk-viewport:after{content:"";position:absolute;inset:auto 0 0;height:55px;background:#233028}
.talk-figure{position:absolute;bottom:28px;z-index:2;width:90px;height:112px;background:#242c26;clip-path:polygon(29% 29%,71% 28%,100% 100%,0 100%)}
.talk-figure:before{content:"";position:absolute;left:28px;top:0;width:37px;height:45px;border-radius:50%;background:#c0a888}
.figure-a{left:17%;transform:rotate(-2deg)}.figure-b{right:17%;transform:rotate(3deg);background:#313a30}
.talk-gap{position:absolute;z-index:2;bottom:35px;left:44%;width:12%;height:12px;border-radius:50%;background:#ae8a60;box-shadow:0 3px 8px #1a251e}
.talk-bubble,.talk-response{position:absolute;z-index:3;top:22px;max-width:45%;padding:10px 13px;background:#efe5d6;color:#4d4e3e;font:12px/1.5 "Noto Serif SC",serif;box-shadow:0 5px 12px #101c1742}
.talk-bubble{right:7%}.talk-response{left:7%;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.talk-listened .talk-bubble{box-shadow:0 5px 20px #d4bb8888}.talk-answered .talk-response{opacity:1;transform:none}
.talk-controls,.snow-controls{display:flex;justify-content:center;gap:10px;padding:12px 16px 0}
.talk-controls button,.snow-controls button{border:1px solid #b59a73;background:#a26a4a;color:#fff1d7;min-height:39px;padding:8px 16px;font-size:12px;letter-spacing:.08em}

.snow-viewport{background:linear-gradient(170deg,#879391,#536568 60%,#3d4d4d)}
.snow-viewport:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(112deg,transparent 0 23px,#e7e7df3c 24px,transparent 27px);opacity:.6;animation:snow-drift 5s linear infinite}
.snow-ridge{position:absolute;inset:auto 0 0;height:60%;background:#e5e9dd;clip-path:polygon(0 50%,17% 39%,34% 53%,48% 29%,65% 47%,78% 18%,100% 44%,100% 100%,0 100%)}
.snow-person{position:absolute;z-index:2;bottom:24px;width:58px;height:102px;background:#2d3c3b;border-radius:24px 24px 5px 5px;box-shadow:10px 9px 0 #2b3836}
.snow-person span{position:absolute;left:9px;top:-34px;width:40px;height:40px;border-radius:50%;background:#a7a18f;border:8px solid #3c4643}
.snow-you{left:31%;transform:rotate(-4deg)}.snow-friend{right:30%;transform:rotate(10deg);filter:brightness(.78)}
.snow-shared-cloth{position:absolute;z-index:3;left:35%;bottom:36px;width:30%;height:66px;background:linear-gradient(135deg,#836f58,#554d42);clip-path:polygon(0 0,100% 0,92% 100%,14% 100%);opacity:0;transform:scaleX(.2);transform-origin:left;transition:opacity .35s,transform .9s}
.snow-open .snow-shared-cloth{opacity:.55;transform:scaleX(.5)}.snow-shared .snow-shared-cloth{opacity:1;transform:scaleX(1)}
.snow-breath{position:absolute;z-index:4;bottom:135px;width:30px;height:15px;border-radius:50%;background:#f0f1df72;filter:blur(7px);animation:breath 2.6s infinite}.breath-a{left:37%}.breath-b{right:35%;animation-delay:1.1s}
@keyframes snow-drift{to{background-position:65px 0}}@keyframes breath{0%,100%{opacity:0;transform:translateY(0)}40%{opacity:.8;transform:translateY(-10px)}}

.marsh-viewport{background:radial-gradient(circle at 50% 25%,#8c9480,#384f45 62%,#253d39)}
.marsh-haze{position:absolute;inset:0;background:linear-gradient(90deg,#d0d7c352,transparent,#d0d7c350);animation:marsh-haze 5s ease-in-out infinite alternate}
.marsh-path{position:absolute;inset:17px 18% 27px;display:grid;grid-template-rows:repeat(3,1fr);gap:5px}
.marsh-row{display:flex;justify-content:space-between;align-items:center}
.marsh-row:nth-child(2){padding:0 9px}
.marsh-row button{position:relative;width:70px;height:53px;border:1px solid #e4e1c75c;border-radius:50%;background:#97a58344;color:#efe8cc;font:25px Georgia,serif;box-shadow:0 0 0 8px #edf0dd0b;transition:background .2s,box-shadow .2s,transform .2s}
.marsh-row button[data-safe]{background:#b0aa7a69}
.marsh-row button[data-safe] span{position:relative;display:block;width:31px;height:31px;margin:auto;font-size:0}
.marsh-row button[data-safe] span:before,.marsh-row button[data-safe] span:after{content:"";position:absolute;width:9px;height:20px;border-radius:55% 55% 42% 42%;background:#e4dac2d9;box-shadow:0 1px 2px #23302b;transform:rotate(-28deg)}
.marsh-row button[data-safe] span:before{left:4px;top:4px}.marsh-row button[data-safe] span:after{right:4px;bottom:4px;transform:rotate(24deg)}
.marsh-row button:hover{transform:scale(1.06)}
.marsh-row button.marked{background:#b39365;box-shadow:0 0 0 10px #e9d2a03e}
.marsh-row button.marked:after{content:"⚑";position:absolute;right:-10px;top:-9px;color:#f5d49b;font-size:21px}
.marsh-row button.sinking{background:#304b50;box-shadow:0 0 0 15px #b9c7b11a;transform:translateY(8px)}
.marsh-far{position:absolute;bottom:9px;right:15px;color:#d5ddc0bd;font-size:10px;letter-spacing:.14em}
@keyframes marsh-haze{to{transform:translateX(10%);opacity:.45}}

.memento-story{display:grid;grid-template-columns:45px minmax(0,1fr);gap:13px;align-items:center;padding:13px 16px;background:#eee2ce;border-left-color:#a77953}
.memento-story .memento-label{color:#9b6845;font-size:10px;letter-spacing:.12em}
.memento-story p{margin:4px 0 0}
.memento-story button{border:0;border-bottom:1px solid #a56b4c;background:none;color:#914d39;padding:5px 0;margin-top:4px;font-size:12px;letter-spacing:.04em}
.memento-story.is-open{background:#f4ebdc}
.memento-icon{position:relative;display:block;width:41px;height:41px;border:1px solid #ac8b69;background:#e8d5b7;transform:rotate(-6deg);box-shadow:2px 3px 0 #a3896750}
.memento-icon:before,.memento-icon:after{content:"";position:absolute;background:#9e7454}
.memento-icon.item-0:before{width:25px;height:6px;top:17px;left:7px;background:#f9f2e7}.memento-icon.item-0:after{width:6px;height:25px;top:7px;left:17px;background:#f9f2e7}
.memento-icon.item-1{border-radius:5px 5px 12px 12px}.memento-icon.item-1:before{width:28px;height:2px;top:8px;left:5px}.memento-icon.item-1:after{width:10px;height:10px;top:20px;left:15px;border-radius:50%;background:#b8935d}
.memento-icon.item-2:before{width:2px;height:38px;top:1px;left:15px}.memento-icon.item-2:after{width:20px;height:2px;top:19px;left:8px;transform:rotate(-25deg)}
.memento-icon.item-3:before{width:29px;height:1px;top:13px;left:5px}.memento-icon.item-3:after{width:23px;height:1px;top:22px;left:5px}

/* Location artwork stays behind the interactive layer; the controls stay readable. */
.relay-viewport{background:linear-gradient(180deg,#101b19a8,#101b19de),url("assets/chishui_art.png") center 46%/cover}
.boat-viewport{background:linear-gradient(180deg,#10201b75,#101f22bc),url("assets/jinsha.jpg") center 52%/cover}
.boat-water{background:linear-gradient(175deg,#344b4799,#263c428f 58%,#53645c99)}
.boat-craft{background:none;clip-path:none;border:0;box-shadow:none}
.boat-craft:before{content:"";position:absolute;inset:18% 0 0;background:linear-gradient(180deg,#a18360,#4c3c2e 45%,#2b2924);clip-path:polygon(0 0,100% 0,95% 51%,84% 100%,16% 100%,5% 51%);border-top:2px solid #d7b78c}
.boat-craft:after{content:"";position:absolute;left:58%;top:18%;width:57%;height:3px;background:#c1a57b;transform:rotate(29deg);transform-origin:left;box-shadow:0 0 5px #201d18}
.boat-seats{z-index:2;inset:26% 18% 10%}
.talk-viewport{background:linear-gradient(180deg,#14231c4f,#17241c98),url("assets/yihai_art.png") center 62%/cover}
.talk-figure,.talk-gap{display:none}
.talk-bubble,.talk-response{background:#f2e8ddeb;backdrop-filter:blur(4px)}
.snow-viewport{background:linear-gradient(180deg,#1f2c38a1,#15232aa8),url("assets/jiajin_art.png") center 52%/cover}
.snow-viewport:before{z-index:2;opacity:.36}
.snow-ridge,.snow-person,.snow-breath{display:none}
.snow-shared-cloth{left:18%;bottom:0;width:64%;height:100%;clip-path:none;background:radial-gradient(ellipse at 50% 65%,#d4a36d65,transparent 61%);filter:blur(8px)}
.marsh-viewport{background:linear-gradient(180deg,#22372ba5,#102724d6),url("assets/grass_art.png") center 68%/cover}
.marsh-haze{z-index:1}.marsh-path{z-index:2}.marsh-far{z-index:2}

/* The conversation is a sequence of messages, with the player's line chosen in place. */
.talk-viewport{height:auto;min-height:150px}
.talk-chat{position:relative;z-index:3;display:flex;flex-direction:column;gap:9px;min-height:150px;padding:17px 19px;background:linear-gradient(180deg,#18231cbc,#17221d88)}
.chat-line{max-width:85%;padding:9px 13px 10px;border:1px solid #c9bba275;box-shadow:0 5px 16px #17201a33;animation:chat-arrive .55s cubic-bezier(.2,.72,.25,1) both}
.chat-line small{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:5px;opacity:.72}
.chat-line p{font:13px/1.65 "Noto Serif SC","Songti SC",serif;margin:0}
.chat-line.other{align-self:flex-start;background:#f2eadce8;color:#3f453c;border-color:#f2e3c8}
.chat-line.mine{align-self:flex-end;background:#8d493d;color:#fff1dc;border-color:#b4765b}
.talk-choices{display:grid;gap:7px;padding:12px 17px 3px}
.talk-choices>span{color:#d7b58b;font-size:11px;letter-spacing:.09em}
.talk-choices button{border:1px solid #b59672;background:#e8dcc51d;color:#f0e4d2;padding:9px 12px;text-align:left;font-size:12px;line-height:1.5;transition:background .22s,border-color .22s}
.talk-choices button:hover{background:#b77f5d57;border-color:#e0bb88}
.talk-proceed{display:block;margin:13px 17px 15px;padding:11px 15px;border:1px solid #d7ae78;background:#9a4f3f;color:#fff1dc;text-align:left;font-size:12px;letter-spacing:.05em;animation:chat-arrive .55s both}
.talk-proceed:hover{background:#ae5d4a}
.dialogue-result{max-width:740px}
.dialogue-transcript{display:flex;flex-direction:column;gap:8px;margin:12px 0 19px;padding:6px 8px 9px 0}
.dialogue-transcript .chat-line{max-width:83%;box-shadow:none;padding:8px 11px}
.dialogue-transcript .chat-line.other{background:#eee7d9;border-color:#d7c9b4}
.dialogue-transcript .chat-line.mine{background:#a46a52;border-color:#a46a52}
.dialogue-result .history-reveal{margin-top:9px}
@keyframes chat-arrive{from{opacity:0;filter:blur(4px);transform:translateY(9px)}to{opacity:1;filter:none;transform:none}}

@media(max-width:540px){.moment-heading{padding:11px 13px;font-size:10px}.moment-visual{height:185px}.moment-note{padding:10px 13px 12px;font-size:12px;min-height:42px}.river-grip{width:53px;height:53px}.river-grip svg{width:33px;height:33px}.river-target{width:40px;height:40px}.field-map{inset:10px}.map-control{padding:10px 13px;display:block}.map-control input{display:block;margin-top:8px}.relay-points{inset:54px 4% 10px}.relay-points i{width:46px;height:46px;font-size:17px}.relay-source{top:14px;font-size:10px}.boat-cargo{padding:10px 7px 2px}.boat-cargo button{font-size:11px;min-height:36px;padding:7px}.boat-craft{width:50%;left:25%}.talk-viewport{height:auto}.talk-chat{padding:12px;gap:7px}.chat-line{max-width:91%;padding:7px 10px}.chat-line p{font-size:12px}.talk-choices{padding:10px 11px 2px}.talk-choices button{font-size:11px;padding:8px 9px}.dialogue-transcript .chat-line{max-width:91%}.snow-person{transform:scale(.77);transform-origin:bottom}.snow-you{left:26%}.snow-friend{right:25%}.snow-shared-cloth{left:31%;width:38%}.marsh-path{inset:12px 14% 25px}.marsh-row button{width:55px;height:40px;font-size:21px}.memento-story{grid-template-columns:37px 1fr;padding:10px}.memento-icon{width:34px;height:34px}.memento-icon.item-0:before{left:5px;top:14px}.memento-story p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.moment-card,.river-target,.boat-water span,.snow-viewport:before,.snow-breath,.marsh-haze{animation:none!important}.boat-craft,.snow-shared-cloth,.talk-response{transition:none!important}}
.boat-craft{transition:transform 1.2s cubic-bezier(.2,.55,.28,1)}
.boat-heavy .boat-craft{transform:rotate(2deg)}
.boat-sailing .boat-craft,.boat-last .boat-craft{transform:translateX(70%) rotate(-2deg)}
.boat-seats span{position:relative;display:block;min-width:42px;max-width:50%;padding-top:25px;line-height:1.25}
.boat-seats span.person:before{content:"";position:absolute;top:2px;left:50%;width:10px;height:10px;border-radius:50%;background:#e5cba7;transform:translateX(-50%);box-shadow:0 0 0 2px #524437}
.boat-seats span.person:after{content:"";position:absolute;top:13px;left:50%;width:18px;height:13px;border-radius:8px 8px 3px 3px;background:#6e6856;transform:translateX(-50%)}
.boat-seats span.sack:before{content:"";position:absolute;top:5px;left:50%;width:19px;height:20px;border-radius:4px 4px 8px 8px;background:#c0a073;border:1px solid #ebd5ac;transform:translateX(-50%)}
.boat-arrivals{position:absolute;z-index:3;right:3%;top:12px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:40%}
.boat-arrivals span{position:relative;display:block;min-width:88px;padding:6px 9px 6px 25px;border:1px solid #dcc49dac;background:#172622f0;color:#fff1d4;font-size:11px;line-height:1.3;text-shadow:0 1px 3px #101b18;box-shadow:0 5px 12px #101b1866;animation:boat-disembark .65s cubic-bezier(.18,.7,.22,1) both}
.boat-arrivals span:before{content:"";position:absolute;left:9px;top:7px;width:7px;height:7px;border-radius:50%;background:#dfc59d}
.boat-arrivals span.person:after{content:"";position:absolute;left:7px;top:15px;width:11px;height:10px;border-radius:6px 6px 2px 2px;background:#a28d70}
.boat-arrivals span.sack:before{top:8px;width:11px;height:13px;border-radius:3px 3px 5px 5px;background:#bea075}
@keyframes boat-disembark{from{opacity:0;filter:blur(3px);transform:translate(-35px,24px)}to{opacity:1;filter:none;transform:none}}
@media(max-width:540px){.boat-seats span{font-size:9px;min-width:35px;padding-top:21px}.boat-seats span.person:after{top:11px;height:10px}.boat-arrivals{right:2%;top:7px}.boat-arrivals span{font-size:10px;min-width:76px;padding:5px 6px 5px 22px}.boat-arrivals span:before{left:8px;top:6px}.boat-arrivals span.person:after{left:6px;top:13px}.boat-arrivals span.sack:before{top:6px}}