:root{--cream:#f3ead7;--paper:#e9dcc0;--ochre:#c8902f;--brick:#a8442f;--sage:#7d9668;--ink:#2b3a55;--char:#2a2622;--thread:#c0262d;--title:"IM Fell English", Georgia, serif;--body:"Fraunces", Georgia, serif;--hand:"Caveat", "Comic Sans MS", cursive;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--tap:52px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;color:var(--char);font-family:var(--body);overscroll-behavior:none;background:#14110e;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;cursor:pointer;color:inherit}.app{background:var(--paper);position:fixed;inset:0;overflow:hidden}.screen{position:absolute;inset:0}.title{padding:calc(16px + var(--sat)) 16px calc(16px + var(--sab));background-position:50%;background-size:cover;place-items:center;display:grid}.title:before{content:"";background:radial-gradient(#0000 10%,#1c140acc);position:absolute;inset:0}.title-card{text-align:center;background:var(--cream);clip-path:polygon(1% 3%,99% 0,100% 96%,2% 100%);border-radius:6px;width:min(92vw,640px);padding:clamp(24px,6vw,48px) clamp(18px,6vw,64px);position:relative;transform:rotate(-1deg);box-shadow:0 2px #c9b893,0 20px 50px #0008}.title-card h1{font-family:var(--title);color:var(--ink);margin:0;font-size:clamp(40px,11vw,88px);font-weight:400;line-height:1}.title-card .sub{color:var(--brick);margin:10px 0 22px;font-size:clamp(16px,4.2vw,24px);font-style:italic}.hint{color:#6b5d48;margin:14px 0 0;font-size:clamp(14px,3.6vw,18px)}.paper-btn{font-family:var(--title);min-height:var(--tap);color:var(--cream);background:var(--brick);border:0;border-radius:6px;padding:6px 48px;font-size:clamp(26px,7vw,34px);box-shadow:0 4px #6d2a1c}.paper-btn:active{transform:translateY(2px);box-shadow:0 1px #6d2a1c}.map{padding:calc(8px + var(--sat)) calc(8px + var(--sar)) calc(12px + var(--sab)) calc(8px + var(--sal));background:radial-gradient(#5a4330,#241a11);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.map-frame{aspect-ratio:16/9;width:min(100%,177.778dvh - 213.333px);position:relative}.map-frame img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block;box-shadow:0 12px 30px #0008}.map-pin{min-height:var(--tap);background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex;position:absolute;transform:translate(-14px,-50%)}.pin-dot{aspect-ratio:1;background:var(--thread);border-radius:50%;flex:none;width:clamp(18px,4vw,28px);animation:1.6s infinite pulse;box-shadow:0 0 0 6px #c0262d55}.map-pin.mended .pin-dot{background:var(--sage);animation:none;box-shadow:0 0 0 4px #fff8}.pin-label{font-family:var(--title);background:var(--cream);white-space:nowrap;border-radius:4px;padding:4px 12px;font-size:clamp(16px,3.6vw,28px);box-shadow:0 3px 10px #0006}.map-note{text-align:center;background:#f3ead7ee;border-radius:6px;max-width:min(92vw,720px);padding:10px 18px;font-size:clamp(15px,3.8vw,22px);font-style:italic}@keyframes pulse{50%{box-shadow:0 0 0 16px #c0262d00}}.village{touch-action:none}.world{transition:filter 3s;position:absolute;inset:0}.layer{background-repeat:repeat-x;position:absolute;left:0;right:0}.layer.sky{background-position:bottom;background-size:cover;inset:0}.layer.far{background-size:auto 100%}.ground{background:linear-gradient(#8fa877,#6f8a5a);position:absolute;bottom:0;left:0;right:0}.layer.near{pointer-events:none;background-size:auto 100%;bottom:-2%}.row{transform-origin:0 0;will-change:transform;position:absolute;left:0}.row>img{pointer-events:none;position:absolute}.thing{pointer-events:none;position:absolute;transform:translate(-50%)}.thing img{filter:drop-shadow(0 6px 4px #0005);display:block}.thing.near img{filter:drop-shadow(0 0 10px #fff6)drop-shadow(0 6px 4px #0005)}.sign-name{font-family:var(--hand);color:var(--ink);white-space:nowrap;font-size:46px;animation:2.2s both paint;position:absolute;top:22%;left:50%;transform:translate(-50%)rotate(-2deg)}@keyframes paint{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.prompt{background:var(--cream);white-space:nowrap;border:0;border-radius:6px;padding:8px 14px;font-size:clamp(14px,3.4vw,20px);animation:1.4s ease-in-out infinite bob;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 12px #0006}.prompt kbd{font-family:var(--body);background:var(--ink);color:var(--cream);border-radius:3px;margin-right:6px;padding:0 7px}@keyframes bob{50%{margin-top:-6px}}.satchel{top:calc(10px + var(--sat));right:calc(10px + var(--sar));gap:6px;display:flex;position:absolute}.slot{aspect-ratio:4/3;color:#6b5d48;background:#f3ead7cc;border:2px dashed #6b5d4888;border-radius:6px;place-items:center;width:clamp(58px,15vw,100px);display:grid;position:relative}.slot.got{border-style:solid;border-color:var(--ochre);background:var(--cream)}.slot img{object-fit:contain;width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;inset:3px}.slot span{font-family:var(--hand);color:var(--ink);font-size:clamp(18px,4.6vw,28px);position:relative}.pad{left:calc(14px + var(--sal));bottom:calc(14px + var(--sab));gap:10px;display:flex;position:absolute}.pad button,.act{aspect-ratio:1;touch-action:none;background:#f3ead7e6;border:0;border-radius:50%;width:clamp(64px,17vw,84px);font-size:clamp(22px,6vw,30px);box-shadow:0 4px 10px #0005}.pad button:active,.act:active{background:#fff;transform:scale(.94)}.act{right:calc(14px + var(--sar));bottom:calc(14px + var(--sab));background:var(--brick);width:clamp(78px,21vw,100px);color:var(--cream);font-family:var(--title);font-size:clamp(20px,5.4vw,26px);animation:1.4s ease-in-out infinite bob;position:absolute}.dialogue{padding:0 calc(8px + var(--sar)) calc(8px + var(--sab)) calc(8px + var(--sal));background:linear-gradient(#0000 55%,#0006);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.dialogue-panel{filter:drop-shadow(0 12px 24px #0008);align-items:flex-start;gap:clamp(10px,3vw,24px);width:min(100%,1000px);max-height:70dvh;padding:clamp(18px,4vw,34px) clamp(16px,5vw,48px) clamp(16px,4vw,30px);display:flex;position:relative;overflow-y:auto}.dialogue-panel:before{content:"";background:var(--cream);clip-path:polygon(0 3%,3% 0,97% 2%,100% 0,99% 96%,96% 100%,2% 98%,0 100%);border-radius:6px;position:absolute;inset:6px 8px}.dialogue-edge{pointer-events:none;opacity:.8;background-size:100% 100%;position:absolute;inset:0}.dialogue-panel>:not(.dialogue-edge){position:relative}.portrait{aspect-ratio:1;object-fit:cover;border:3px solid var(--cream);border-radius:6px;flex:none;width:clamp(56px,16vw,150px);transform:rotate(-2deg);box-shadow:0 4px 10px #0005}.dialogue-text{flex:1;min-width:0;font-size:clamp(16px,4.2vw,26px);line-height:1.4}.dialogue-text.narrator{color:#4a3f31;font-style:italic}.speaker{font-family:var(--title);color:var(--brick);margin-bottom:2px;font-size:clamp(18px,4.8vw,30px)}.dialogue-text p{min-height:2.8em;margin:0}.more{text-align:right;color:var(--ochre);font-size:22px;animation:1s infinite bob}.choices{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.choices button{width:100%;min-height:var(--tap);text-align:left;background:#fffaf0;border:0;border-radius:6px;align-items:center;gap:10px;padding:10px 14px;font-size:clamp(15px,3.9vw,22px);line-height:1.3;display:flex;box-shadow:0 2px #c9b893}.choices button:active{box-shadow:0 2px 0 var(--ochre);background:#fff}.choices button span{width:24px;color:var(--brick);font-family:var(--title);flex:none}.stitch{background:radial-gradient(var(--cream), var(--paper));padding:calc(14px + var(--sat)) 12px calc(12px + var(--sab));touch-action:none;flex-direction:column;align-items:center;display:flex}.stitch h2{font-family:var(--title);color:var(--ink);text-align:center;margin:0;font-size:clamp(28px,7.5vw,52px);font-weight:400}.stitch .hint{text-align:center;margin:2px 0 10px}.stitch-box{aspect-ratio:1;touch-action:none;width:min(94vw,100dvh - 150px);position:relative}.stitch-box.has-tray{width:min(94vw,80dvh - 120px);margin-bottom:calc(min(94vw,80dvh - 120px)/4)}.stitch-img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 10px #0004);width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.stitch-img.gone,.stitch-img.after{opacity:0}.stitch-img.after.on{opacity:1}.thread{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.thread polyline{fill:none;stroke:var(--thread);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 1px #0006)}.hole{fill:#2a262288;stroke:#fff9;stroke-width:2px;vector-effect:non-scaling-stroke}.hole.next{fill:#c0262d55;stroke:var(--thread);stroke-width:4px;animation:1.2s infinite pulse}.hole.sewn{fill:var(--thread)}.slot-glow{aspect-ratio:1.4;pointer-events:none;background:radial-gradient(#ffe7a6aa,#0000 70%);border-radius:50%;width:20%;animation:1.6s infinite pulse;position:absolute;transform:translate(-50%,-50%)}.piece{touch-action:none;width:19%;transition:opacity .8s;position:absolute;transform:translate(-50%,-50%)}.piece.held{z-index:2;transform:translate(-50%,-50%)scale(1.12)}.piece img{pointer-events:none;filter:drop-shadow(0 4px 4px #0005);width:100%;display:block}.piece span{font-family:var(--hand);color:var(--ink);pointer-events:none;place-items:center;font-size:clamp(16px,4.6vw,32px);display:grid;position:absolute;inset:0}.toast{top:calc(70px + var(--sat));text-align:center;background:var(--ink);max-width:92vw;color:var(--cream);border-radius:6px;padding:10px 22px;font-size:clamp(16px,4vw,24px);animation:.4s both drop;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0008}@keyframes drop{0%{opacity:0;transform:translate(-50%,-20px)}}@media (height<=500px) and (orientation:landscape){.dialogue-panel{max-height:86dvh;padding:12px 18px}.dialogue-text p{min-height:0}.portrait{width:64px}.stitch h2{font-size:26px}.stitch .hint{margin:0 0 4px;font-size:14px}.stitch-box,.stitch-box.has-tray{width:min(60vw,80dvh - 64px)}.title-card{padding:16px 24px}.title-card h1{font-size:40px}.title-card .sub{margin:4px 0 12px}}@media (width<=700px){.dialogue-edge{display:none}.dialogue-panel{padding:16px 16px 14px}.dialogue-panel:before{clip-path:polygon(0 1.5%,2% 0,98% 1%,100% 0,100% 98.5%,98% 100%,1% 99%,0 100%);inset:0;box-shadow:inset 0 0 0 2px #c8902f66}}.npc.walking img{animation:.48s ease-in-out infinite hop}.npc.rolling img{animation:.6s ease-in-out infinite roll}@keyframes hop{50%{translate:0 -4px}}@keyframes roll{50%{translate:0 -3px}}.bubble{white-space:normal;background:var(--cream);text-align:center;border-radius:18px;width:max-content;max-width:300px;padding:12px 20px;font-size:30px;line-height:1.25;animation:.3s both drop;position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0005}.bubble:after{content:"";border:12px solid #0000;border-top-color:var(--cream);position:absolute;top:100%;left:50%;transform:translate(-50%)}.mood{font-family:var(--body);color:#6b5d48;margin-left:10px;font-size:.62em}.portrait{transition:box-shadow .4s,border-color .4s}.portrait.mood-warm,.portrait.mood-grateful{border-color:var(--ochre);box-shadow:0 0 0 4px #c8902f66,0 4px 10px #0005}.portrait.mood-amused{border-color:#e0b04a;box-shadow:0 0 0 4px #e0b04a66,0 4px 10px #0005}.portrait.mood-wary,.portrait.mood-confused{border-color:var(--ink);box-shadow:0 0 0 4px #2b3a5544,0 4px 10px #0005}.portrait.mood-hurt{border-color:var(--brick);box-shadow:0 0 0 4px #a8442f66,0 4px 10px #0005}.thinking{gap:6px;padding:10px 0;display:inline-flex}.thinking i{background:var(--ochre);border-radius:50%;width:10px;height:10px;animation:1.1s infinite blink}.thinking i:nth-child(2){animation-delay:.18s}.thinking i:nth-child(3){animation-delay:.36s}@keyframes blink{50%{opacity:.2;transform:translateY(-3px)}}.say{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.say input{min-height:var(--tap);font:inherit;color:var(--char);-webkit-user-select:text;user-select:text;background:#fffaf0;border:2px solid #c9b893;border-radius:6px;flex:200px;padding:0 14px;font-size:clamp(16px,3.9vw,22px)}.say input:focus{border-color:var(--ochre);outline:none}.say button{min-height:var(--tap);background:var(--brick);color:var(--cream);font-family:var(--title);border:0;border-radius:6px;padding:0 18px;font-size:clamp(18px,4.6vw,24px)}.say button:disabled{opacity:.5}.say .bye{color:var(--ink);background:#e9dcc0}.door-glow{pointer-events:none;background:radial-gradient(#ffe7a688,#0000 70%);border-radius:50% 50% 8px 8px;width:150px;height:210px;animation:1.6s infinite pulse;position:absolute;transform:translate(-50%)}.interior{touch-action:none;background:#2e2a26;overflow:hidden}.room{will-change:transform;position:absolute;left:0}.room-plate{pointer-events:none;width:100%;height:100%;display:block}.interior .thing{pointer-events:none;position:absolute;transform:translate(-50%)}.look-glow{aspect-ratio:1;pointer-events:none;background:radial-gradient(#ffe7a666,#0000 70%);border-radius:50%;width:14%;animation:1.6s infinite pulse;position:absolute;transform:translate(-50%,-50%)}.room-title{top:calc(12px + var(--sat));left:calc(12px + var(--sal));font-family:var(--title);color:var(--cream);background:#2a2622b3;border-radius:6px;padding:6px 14px;font-size:clamp(18px,4.6vw,28px);position:absolute}.room-title em{font-family:var(--body);opacity:.85;font-size:.7em}.act2{bottom:calc(14px + var(--sab) + clamp(78px, 21vw, 100px) + 12px);background:var(--ink);animation-delay:.3s}.title-card{max-height:calc(100dvh - 24px);overflow-y:auto}.vault-note{color:#4a3f31;margin:0 0 16px;font-size:clamp(15px,3.8vw,19px);line-height:1.4}.vault-meta{color:#6b5d48;margin:14px 0 0;font-size:clamp(13px,3.3vw,15px)}.vault-err{color:var(--brick);margin:10px 0 0;font-size:15px}.paper-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.paper-btn:disabled{opacity:.6}.paper-btn.small{min-height:44px;padding:4px 22px;font-size:clamp(18px,4.6vw,22px)}.paper-btn.danger{background:#7a2318}.quiet-btn{color:var(--ink);background:0 0;border:0;min-height:44px;margin:12px auto 0;font-size:clamp(15px,3.8vw,18px);text-decoration:underline;display:block}.quiet-btn.small{margin:0;display:inline-block}.link-btn{color:var(--ink);font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.slots{text-align:left;gap:10px;display:grid}.slot-card{background:#fffaf0;border:2px solid #c9b893;border-radius:8px;gap:6px;padding:10px 12px;display:grid}.slot-card.empty{background:0 0;border-style:dashed}.slot-head{align-items:center;gap:10px;font-size:clamp(16px,4vw,20px);display:flex}.slot-n{background:var(--ink);width:30px;height:30px;color:var(--cream);font-family:var(--title);border-radius:50%;flex:none;place-items:center;display:grid}.slot-meta{color:#6b5d48;margin:0;font-size:clamp(13px,3.3vw,15px)}.slot-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width>=900px){.slots{grid-template-columns:repeat(3,1fr)}.title-card{width:min(92vw,900px)}}.confirm{z-index:20;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.confirm-card{background:var(--cream);text-align:center;border-radius:10px;gap:12px;width:min(92vw,440px);padding:20px;display:grid;box-shadow:0 20px 50px #000a}.confirm-card p{margin:0;font-size:clamp(15px,3.8vw,18px);line-height:1.4}.menu-card h3{font-family:var(--title);color:var(--ink);margin:0;font-size:34px;font-weight:400}.menu-card .quiet-btn.small{margin:0 auto;display:block}.menu-btn{top:calc(10px + var(--sat));left:calc(10px + var(--sal));z-index:5;background:#f3ead7e6;border:0;border-radius:10px;width:48px;height:48px;font-size:24px;position:absolute;box-shadow:0 4px 10px #0005}.interior .room-title{left:calc(68px + var(--sal))}.nights{touch-action:none;background:#0f1420}.nights-canvas{touch-action:none;display:block;position:absolute;inset:0}.nights-hud{top:calc(8px + var(--sat));left:calc(64px + var(--sal));right:calc(10px + var(--sar));height:44px;color:var(--cream);pointer-events:none;align-items:center;gap:10px;font-size:clamp(15px,3.8vw,20px);display:flex;position:absolute}.nights-hud .bread{font-family:var(--title);background:#000a;border-radius:22px;align-items:center;gap:4px;padding:4px 12px 4px 6px;font-size:1.2em;display:inline-flex}.nights-hud .bread img{object-fit:contain;width:30px;height:30px}.nights-hud .wave{text-align:center;font-family:var(--title);text-shadow:0 2px 6px #000;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nights-hud .rem{background:#000a;border-radius:22px;padding:4px 12px}.cards{z-index:3;gap:6px;display:flex;position:absolute}.cards.bottom{left:6px;right:6px;bottom:calc(6px + var(--sab));height:92px}.cards.side{left:calc(6px + var(--sal));top:calc(64px + var(--sat));bottom:calc(6px + var(--sab));flex-direction:column;width:86px;overflow-y:auto}.card{background:#f3ead7e6;border:2px solid #c9b89366;border-radius:10px;flex:1 1 0;place-items:center;min-width:0;min-height:52px;padding:4px 2px 2px;display:grid;position:relative}.cards.side .card{flex:1 0 64px}.card img{object-fit:contain;max-width:92%;max-height:54px}.cards.side .card img{max-height:40px}.card small{font-family:var(--title);color:var(--ink);font-size:16px;line-height:1}.card.on{border-color:var(--ochre);background:#fff3d6;transform:translateY(-3px);box-shadow:0 0 0 3px #c8902f88}.card.poor{opacity:.55}.card .dig{color:var(--ink);font-size:30px}.nights-tip{left:50%;bottom:calc(108px + var(--sab));text-align:center;pointer-events:none;background:#f3ead7ee;border-radius:8px;max-width:92vw;padding:8px 14px;font-size:clamp(14px,3.6vw,17px);position:absolute;transform:translate(-50%)}@media (orientation:landscape){.nights-tip{bottom:calc(14px + var(--sab));left:calc(50% + 46px)}}.whisper{text-align:center;color:#e9e3f5;width:min(88vw,640px);font-family:var(--title);text-shadow:0 2px 12px #000,0 0 30px #6a7bd8;pointer-events:none;font-size:clamp(20px,5vw,32px);font-style:italic;animation:6.5s both whisper;position:absolute;top:22%;left:50%;transform:translate(-50%)}@keyframes whisper{0%{opacity:0;letter-spacing:.12em}15%,75%{opacity:1;letter-spacing:.02em}to{opacity:0}}.nights-end h3{font-family:var(--title);color:var(--ink);margin:0;font-size:40px;font-weight:400}.tales{gap:6px;margin:-6px 0 14px;display:flex}.tale{font-family:var(--title);color:var(--ink);background:0 0;border:2px solid #c9b893;border-radius:8px;flex:1;min-height:52px;padding:8px 6px;font-size:clamp(15px,3.8vw,19px);line-height:1.15}.tale small{font-family:var(--body);color:#6b5d48;margin-top:2px;font-size:clamp(11px,2.8vw,13px);display:block}.tale.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}.tale.on small{color:#e9dcc0}.title-card.night{background:#e7e3ef}.title-card.night h1{color:#26304a}.title-card.night .sub{color:#5a3a7a}.nights .cards.side{top:8px;bottom:8px;left:6px}.nights .menu-btn{z-index:6;inset:auto 10px 10px auto}.nights-hud .thr{color:#ff8f8f;margin-right:6px;font-weight:400}.card-info,.coach{z-index:4;background:#f3ead7f2;border-radius:10px;max-height:64px;padding:8px 14px;font-size:clamp(13px,1.9vw,17px);line-height:1.35;position:absolute;top:4px;right:120px;overflow-y:auto;box-shadow:0 6px 20px #0008}.coach{border:2px solid var(--ochre);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.coach .paper-btn.small{min-height:40px;padding:2px 16px;font-size:18px}.coach-step{font-family:var(--title);color:var(--brick)}.coach-skip{color:#6b5d48;margin-left:auto;font-size:13px}.card.coach-glow{animation:1.1s ease-in-out infinite coachglow}@keyframes coachglow{50%{box-shadow:0 0 0 5px #ffd77acc,0 0 24px #ffd77a}}.wave-banner{text-align:center;color:var(--cream);pointer-events:none;z-index:4;animation:3.2s both banner;position:absolute;top:26%;left:50%;transform:translate(-50%)}.wave-banner b{font-family:var(--title);text-shadow:0 4px 18px #000;font-size:clamp(32px,6vw,60px);font-weight:400;display:block}.wave-banner span{background:#000a;border-radius:16px;margin-top:4px;padding:4px 14px;font-size:clamp(14px,2.2vw,20px);display:inline-block}@keyframes banner{0%{opacity:0;transform:translate(-50%,12px)}12%,82%{opacity:1;transform:translate(-50%)}to{opacity:0}}@media (height<=380px){.card-info,.coach{padding:6px 10px;font-size:12px}}.nights .card-info~.nights-hud .wave,.nights .coach~.nights-hud .wave{visibility:hidden}@media (height<=380px){.card-info,.coach{max-height:46px;right:100px}.coach .paper-btn.small{min-height:30px;font-size:14px}}.slot-story{color:#8a2f2a;margin:2px 0 0;font-size:clamp(12px,3vw,14px);font-style:italic}.one-story{color:#6b5d48;text-align:center;margin:6px 0 0;font-size:clamp(12px,3vw,14px)}.title-card.night .slot-story,.title-card.night .one-story{color:#e8c547}.river-band{object-fit:fill;animation:3.2s ease-in-out infinite alternate river-sway;display:block;position:absolute}@keyframes river-sway{to{transform:translate(-14px)}}.map-pin.river .pin-dot{background:#3b6fa8}.story-map .map-pin.locked{opacity:.55;cursor:default}.story-map .map-pin.locked .pin-dot{background:#8a8172;animation:none}.map-bar{margin:max(8px, env(safe-area-inset-top)) 0 8px;color:#4a3a2c;background:#f3ead7eb;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:6px 12px;font-size:clamp(12px,3.2vw,15px);display:flex;position:static;box-shadow:0 2px 10px #0004}.chapter-card{text-align:left;max-width:min(520px,100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto}.chapter-card>small{color:#8a2f2a;letter-spacing:.04em;text-transform:uppercase;font-size:12px}.chapter-card h2{margin:2px 0 12px;font-size:clamp(22px,5.5vw,30px)}.modes{gap:10px;margin-bottom:12px;display:grid}.mode-btn{text-align:left;min-height:var(--tap,52px);color:#2e2620;cursor:pointer;font:inherit;background:#fff8ea;border:2px solid #b88b55;border-radius:10px;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 14px;display:grid}.mode-btn b{grid-column:1;font-size:18px}.mode-btn span{color:#6b5d48;grid-column:1;font-size:14px}.mode-btn em{color:#8a2f2a;white-space:nowrap;grid-area:1/2/span 2;align-self:center;font-size:13px;font-style:normal}.mode-btn:hover:not(:disabled),.mode-btn:focus-visible{background:#fff;border-color:#8a2f2a}.mode-btn.done em{color:#4a7d4a}.mode-btn.locked{opacity:.6;cursor:not-allowed;border-style:dashed}@media (width<=420px){.mode-btn{grid-template-columns:1fr}.mode-btn em{grid-area:auto/1}}.story-map .pin-dot{color:#fff;place-items:center;font-size:12px;font-weight:700;display:grid}.chapter-list{flex-wrap:wrap;justify-content:center;gap:10px;max-width:calc(100vw - 24px);margin-top:10px;display:flex}.chapter-chip{min-height:var(--tap);color:#2e2620;font:inherit;cursor:pointer;background:#fff8ea;border:2px solid #b88b55;border-radius:10px;padding:6px 16px;font-size:clamp(15px,3.8vw,18px)}.chapter-chip b{color:#8a2f2a;margin-right:4px}.chapter-chip.locked{opacity:.6;border-style:dashed}@media (width<=640px),(height<=520px){.story-map .pin-label{display:none}.story-map .map-pin{min-width:var(--tap);justify-content:center;transform:translate(-50%,-50%)}}.story-map .map-frame{width:min(100%,177.778dvh - 373.333px)}.story-map{justify-content:center}@media (height<=520px){.story-map .map-note{display:none}.story-map .map-frame{width:min(100%,177.778dvh - 213.333px)}.map-bar{margin:6px 0;padding:3px 10px}.chapter-card h2{margin-bottom:6px;font-size:22px}.mode-btn span{display:none}.mode-btn{min-height:48px;padding:6px 12px}.modes{gap:6px;margin-bottom:6px}.chapter-card{gap:6px;padding:12px 16px}}