@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600;700&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--paper:#f4f2eb;--ink:#203e35;--muted:#74796d;--orange:#bc593d;--line:#d7d8cc;--serif:'Noto Serif KR',serif;--sans:'DM Sans','Noto Sans KR',sans-serif}
*{box-sizing:border-box}body{margin:0;background:#e9eae2;color:var(--ink);font-family:var(--sans);font-size:14px}button,a,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,#scene:focus-visible{outline:2px solid var(--orange);outline-offset:5px}a{color:inherit}button svg{width:20px;height:20px;display:block}button{transition:background .2s,transform .2s}button:active{transform:translateY(1px)}[hidden]{display:none!important}
#town{height:100svh;min-height:660px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 45%,#f5f2e7,#e7e9e2 85%)}#scene{position:absolute;inset:0 0 0 245px;touch-action:none;outline:none}#scene canvas{display:block;width:100%;height:100%;cursor:grab}#scene canvas:active{cursor:grabbing}#loading{position:absolute;inset:0;background:#efeee7;z-index:50;display:flex;gap:25px;align-items:center;justify-content:center;flex-direction:column;transition:opacity .7s}#loading.done{opacity:0;pointer-events:none}.loading-arch{width:46px;height:64px;border:2px solid var(--ink);border-bottom:0;border-radius:28px 28px 0 0;animation:breathe 1.5s infinite}@keyframes breathe{50%{opacity:.25;transform:translateY(-3px)}}
.topbar{position:absolute;top:0;left:0;right:0;height:100px;padding:0 42px;display:flex;align-items:center;gap:38px;z-index:10}.brand{display:flex;align-items:center;text-decoration:none;gap:12px;font-size:18px;font-weight:700;letter-spacing:1px;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:6px;margin-top:7px;font-weight:500}.brand-symbol{width:27px;height:38px;border:2px solid var(--ink);border-bottom:0;border-radius:18px 18px 0 0;position:relative}.brand-symbol:after{content:'';position:absolute;inset:6px 5px 0;border:1px solid var(--ink);border-bottom:0;border-radius:12px 12px 0 0}.header-note{border-left:1px solid #bec4b5;padding-left:28px;font-size:11px;color:#788074;letter-spacing:1px}.top-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #cdd2c4;border-radius:50%;background:#f5f4ecb3}.icon-button:hover{background:#fffdf5}.icon-button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.shelf-button{display:flex;align-items:center;gap:10px;padding:12px 17px;border:1px solid #bcc6b7;border-radius:30px;background:#f5f4ecb3;font-size:12px}.shelf-button b{font-size:10px;font-weight:500;min-width:18px;height:18px;display:grid;place-items:center;background:#dee3d7;border-radius:50%}.shelf-button svg{width:16px;height:16px}
.welcome{position:absolute;z-index:4;left:43px;top:20%;width:300px;pointer-events:auto;transition:opacity .4s,transform .4s}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;display:flex;align-items:center;gap:8px;margin:0 0 22px}.eyebrow>span{width:5px;height:5px;background:var(--orange);border-radius:50%}h1{font-family:var(--serif);font-size:41px;letter-spacing:-2px;font-weight:500;line-height:1.6;margin:0 0 24px}h1 em{font-style:normal;color:var(--orange)}.welcome-copy{font-size:12px;color:#707669;line-height:2.1;font-weight:400;margin:0 0 26px}.primary{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 20px;background:var(--ink);color:#fbf9f0;font-size:12px;border-radius:3px;min-height:47px}.primary:hover{background:#305746}.primary svg{width:18px;height:18px}.text-button{display:flex;gap:25px;padding:16px 0;background:none;font-size:10px;color:#737d6d}.text-button span{font-size:14px}.daily-note{margin-top:34px;padding-top:20px;border-top:1px solid #cdd2c3;width:230px}.tiny-label{font-size:8px;letter-spacing:1.4px;font-weight:600;color:#7e8577}.daily-note p{font-family:var(--serif);font-size:11px;line-height:2.1;color:#687461;margin:9px 0}.note-line{display:block;width:21px;border-bottom:1px solid var(--orange);margin-top:15px}.walking .welcome{opacity:0;transform:translateX(-30px);pointer-events:none}.walking #scene{left:0;transition:left .4s}.place-heading{position:absolute;left:380px;top:121px;display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.5px}.live-dot{width:5px;height:5px;background:#77906c;border-radius:50%;display:inline-block}.edition{margin-left:14px;padding-left:18px;border-left:1px solid #b7c1af;color:#86907d;font-size:8px;letter-spacing:1px}.scene-caption{position:absolute;right:45px;top:174px;display:flex;flex-direction:column;gap:8px;text-align:right;pointer-events:none}.scene-caption span:first-child{font-size:8px;letter-spacing:2px}.scene-caption span:last-child{font-size:10px;color:#87907e}.help-button{position:absolute;bottom:34px;right:38px;z-index:8;width:25px;height:25px;font-family:var(--serif);font-size:14px;background:transparent}.controls-hint{position:absolute;bottom:28px;left:calc(50% + 60px);transform:translateX(-50%);font-size:9px;white-space:nowrap;color:#7b8472;pointer-events:none;display:flex;align-items:center;gap:5px}.controls-hint kbd{border:1px solid #bdc6b4;padding:2px 4px;border-radius:3px;font:8px var(--sans);margin-right:2px}.controls-hint i{margin:0 7px;font-style:normal;color:#b2b8a9}.touch-hint{display:none}
.space-nav{position:absolute;left:calc(50% + 85px);bottom:67px;transform:translateX(-50%);display:flex;align-items:center;background:#f8f6efec;border:1px solid #ffffff;box-shadow:0 10px 50px #263a2210;border-radius:8px;padding:13px 9px;z-index:6;backdrop-filter:blur(15px)}.space-nav button{display:grid;justify-items:center;gap:7px;width:100px;padding:3px 7px;background:transparent;position:relative}.space-nav button:not(:last-child):after{content:'';position:absolute;right:0;top:12px;bottom:12px;width:1px;background:#daddd0}.space-nav svg{width:22px;height:22px;stroke-width:1.3}.space-nav button>span:nth-child(2){font-size:11px}.space-nav small{font-size:7px;letter-spacing:1.3px;color:#919783}.space-nav button:hover{color:var(--orange)}.space-nav button.active:before{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:var(--orange);top:-10px}
.passport{position:absolute;bottom:75px;left:43px;z-index:6}.passport>button{background:transparent;display:flex;align-items:center;gap:13px;padding:0;text-align:left}.passport-icon{width:39px;height:48px;border:1px solid #aebcaa;border-radius:3px;display:grid;place-items:center;transform:rotate(-7deg)}.passport-icon svg{width:22px;height:22px;stroke-width:1.2}.passport small{font-size:9px;color:#798573;display:block;margin-bottom:5px}.passport strong{font-size:18px;font-weight:400;display:block}.passport i{font-size:9px;font-style:normal;color:#909b86;margin-left:6px}.passport-dots{display:flex;gap:4px;align-self:end;margin-bottom:5px;margin-left:5px}.passport-dots i{height:4px;width:4px;border:1px solid #a1af95;border-radius:50%;margin:0}.passport-dots i.visited{background:#6e8b60;border-color:#6e8b60}.map-box{position:absolute;right:38px;bottom:87px;width:160px;color:#728166;pointer-events:auto}.map-box>div{display:flex;align-items:center;justify-content:space-between;margin:0 3px 5px}.map-box .tiny-label{font-size:7px}.map-box button{background:transparent;padding:0;color:#728166}.map-box button svg{width:13px;height:13px}#minimap{width:160px;height:105px;opacity:.8}#toast{position:absolute;bottom:195px;left:calc(50% + 60px);transform:translate(-50%,10px);z-index:30;background:#203e35ed;color:#faf7ec;border-radius:4px;padding:13px 21px;max-width:90%;font-size:12px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%,0)}
#hotspots{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.hotspot{position:absolute;transform:translate(-50%,-100%);background:#fbf8efed;border:1px solid #fffef9;border-radius:4px;padding:8px 11px;display:flex;align-items:center;gap:8px;font-size:10px;box-shadow:0 4px 18px #18352312;white-space:nowrap;pointer-events:auto;transition:opacity .3s,background .2s}.hotspot:hover{background:#fff;color:var(--orange)}.hotspot .spot-num{font-size:7px;width:17px;height:17px;border:1px solid #c6cfbc;border-radius:50%;display:grid;place-items:center}.hotspot:after{content:'';position:absolute;width:1px;height:18px;background:#6a78555c;bottom:-19px;left:50%}.hotspot .spot-plus{color:#8a967d;font-size:12px;margin-left:4px}.walking .place-heading{left:43px}.walking .space-nav{left:50%}.walking .controls-hint,.walking #toast{left:50%}.walk-hud{position:absolute;left:43px;top:170px;font-size:11px;background:#f7f4ebde;border:1px solid #fff;padding:13px 16px;border-radius:5px;display:flex;align-items:center;gap:9px}.walk-hud button{font-size:9px;border-left:1px solid #ccd2c1;margin-left:10px;padding-left:15px;background:none;color:#7c886d}.timer-pill{position:absolute;top:113px;right:43px;z-index:9;display:flex;gap:10px;align-items:center;border:1px solid #d2d9c8;border-radius:30px;background:#fbf8efeb;padding:9px 13px;font-size:10px}.timer-pill strong{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.timer-pill button{background:transparent}.timer-pulse{width:5px;height:5px;border-radius:50%;background:#ba684a;animation:breathe 2s infinite}
dialog{position:fixed;inset:0 0 0 auto;margin:0;width:490px;max-width:100%;height:100svh;max-height:100svh;border:0;border-left:1px solid #d7dacd;padding:33px 34px;background:var(--paper);color:var(--ink);box-shadow:-10px 0 90px #132b1824;overflow:auto}dialog::backdrop{background:#263b2630;backdrop-filter:blur(3px)}.panel-header{display:flex;align-items:start;justify-content:space-between;margin-bottom:24px;gap:12px}.panel-header .eyebrow{font-size:8px;margin:4px 0 10px;color:var(--orange)}.panel-header h2{font-family:var(--serif);font-size:27px;font-weight:500;margin:0;letter-spacing:-1px}.close-panel{flex-shrink:0;width:32px;height:32px}.close-panel svg{width:16px;height:16px}.intro-text{line-height:1.9;font-size:12px;color:#7c8273;margin:0 0 24px}.section-label{display:block;margin:28px 0 13px;letter-spacing:1px;font-size:9px;color:#86907b}.search-field{position:relative;margin-bottom:16px}.search-field input{width:100%;border:1px solid #d5d9cc;border-radius:3px;padding:13px 14px;background:#fbf9f2;color:var(--ink);font-size:12px}.filters{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0 22px}.filter{background:transparent;border:1px solid #cdd4c3;border-radius:30px;padding:7px 11px;font-size:10px}.filter.active{background:var(--ink);border-color:var(--ink);color:#f6f4e9}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 20px}.book-card{background:transparent;padding:0;text-align:left;position:relative}.book-card:hover .book-visual{transform:translateY(-4px) rotate(-2deg)}.book-visual{height:186px;display:flex;align-items:center;justify-content:center;background:#e9e9df;transition:transform .3s;border-radius:2px;position:relative;overflow:hidden}.book-cover{width:104px;height:148px;background:var(--cover);color:var(--type);padding:17px 13px 12px;box-shadow:5px 7px 10px #172b2822;display:flex;flex-direction:column;justify-content:space-between;position:relative;border-radius:1px 3px 3px 1px;border-left:4px solid #0002}.book-cover:before{content:'';position:absolute;border:1px solid currentColor;border-radius:40px 40px 0 0;width:54px;height:65px;opacity:.35;left:22px;top:43px}.book-cover>strong{font-family:var(--serif);font-size:15px;font-weight:500;line-height:1.6;position:relative;word-break:keep-all}.book-cover>small{font-size:7px;position:relative}.book-card h3{font-weight:500;font-size:12px;margin:10px 0 3px}.book-card p{margin:0;color:#8a917f;font-size:10px}.book-card .tag{position:absolute;top:9px;left:8px;z-index:1;font-size:8px;background:#f5f3e7cc;padding:4px 6px;border-radius:2px}.book-detail-hero{display:flex;gap:25px;align-items:center;background:#e9e9df;padding:27px 23px;border-radius:3px}.book-detail-hero .book-cover{width:118px;height:172px;flex-shrink:0}.book-detail-hero h3{font-family:var(--serif);font-size:21px;font-weight:500;margin:0 0 10px;line-height:1.5}.book-detail-hero p{font-size:11px;line-height:1.8;color:#7f8774}.book-description{font-family:var(--serif);line-height:2.2;font-size:14px;margin:26px 0}.outline-button{width:100%;background:none;border:1px solid #bfcbb7;border-radius:3px;padding:13px;display:flex;gap:10px;align-items:center;justify-content:center;font-size:12px}.outline-button svg{width:16px;height:16px}.outline-button.saved{background:#e0e7d9}.book-cta{display:block;text-align:center;font-size:10px;color:#7d8972;margin:14px 0 25px;text-underline-offset:4px}.note-field{width:100%;resize:vertical;min-height:130px;max-height:300px;border:1px solid #d0d7c6;border-radius:3px;padding:16px;background:repeating-linear-gradient(#faf8f0,#faf8f0 31px,#e3e7d9 31px,#e3e7d9 32px);line-height:32px;color:var(--ink);font-family:var(--serif);font-size:12px}.note-caption{font-size:9px;line-height:1.8;color:#8a927f;display:flex;justify-content:space-between;gap:15px;margin:9px 0 16px}.note-caption span{white-space:nowrap}.empty-state{padding:40px 15px;text-align:center;line-height:2;color:#859078;font-size:12px;border:1px dashed #c8d1bb;border-radius:4px}.empty-state svg{width:30px;height:30px;margin:0 auto 15px;display:block}.timer-clock{font-size:70px;letter-spacing:-3px;font-weight:400;text-align:center;margin:30px 0 10px;font-variant-numeric:tabular-nums}.timer-label{text-align:center;font-family:var(--serif);font-size:12px;color:#7e8b72;margin-bottom:26px}.timer-actions{display:flex;gap:10px}.timer-actions .primary{flex:1;justify-content:center}.timer-actions .outline-button{width:auto;padding:12px 19px}.time-options{display:flex;justify-content:center;gap:8px}.time-options button{padding:7px 14px;font-size:11px;border:1px solid #cdd7c1;background:transparent;border-radius:20px}.time-options button.selected{background:#dee5d6}.reading-stats{margin:30px 0;padding:18px 0;border-top:1px solid #d2d9c8;border-bottom:1px solid #d2d9c8;display:flex;justify-content:space-between;font-size:11px;color:#79866e}.reading-stats b{color:var(--ink);font-weight:500}.quiet-note{font-family:var(--serif);font-size:15px;line-height:2.1;text-align:center;margin:30px 0}.writing-note{margin-top:5px;min-height:220px}.writing-toolbar{display:flex;gap:10px}.writing-toolbar .primary{flex:1;justify-content:center}.writing-toolbar .outline-button{width:auto}.saved-entry{padding:20px 0;border-bottom:1px solid #d3d9c9}.saved-entry time{font-size:9px;color:#8b947f}.saved-entry p{font-family:var(--serif);font-size:13px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.saved-entry button{background:transparent;color:#9d664e;font-size:10px;padding:0}.stamp-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.stamp-card{padding:21px 12px;border:1px dashed #c6cfbb;border-radius:3px;text-align:center;background:transparent}.stamp-card .stamp{width:68px;height:68px;margin:0 auto 12px;border:1px solid #d0d8c6;border-radius:50%;display:grid;place-items:center;color:#b8c0ae;transform:rotate(-8deg)}.stamp-card .stamp svg{width:30px;height:30px;stroke-width:1}.stamp-card.collected .stamp{color:#b36346;border:1px solid #b36346;outline:1px solid #b3634660;outline-offset:-5px}.stamp-card strong{font-size:12px;font-weight:500}.stamp-card small{display:block;font-size:9px;color:#919a84;margin-top:6px}.source-list{padding:0;list-style:none}.source-list li{margin:0 0 17px;padding-bottom:17px;border-bottom:1px solid #d9dfcf}.source-list strong{font-size:12px;font-weight:500}.source-list p{font-size:11px;color:#7e8a70;line-height:1.9}.source-list a{font-size:10px;text-underline-offset:3px}.help-row{display:flex;gap:18px;margin:19px 0;line-height:1.9;font-size:12px}.help-row>span{font-size:10px;border:1px solid #ced7c1;border-radius:3px;min-width:57px;padding:7px;text-align:center;align-self:start}.help-row p{margin:0;color:#7f8b73}.note-info{background:#e8ecdf;padding:17px 19px;border-radius:3px;font-size:11px;color:#77856a;line-height:1.9}.mood-intro{font-family:var(--serif);font-size:23px;line-height:1.8;margin:10px 0 27px}.mood-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mood-grid button{padding:25px 15px;background:#e6e9df;border:1px solid #d7ddce;border-radius:5px;line-height:2;font-size:12px;text-align:left}.mood-grid button small{display:block;color:#8a957e;font-size:9px}.mood-grid button:hover{background:#dce4d3}.sea-art{height:140px;position:relative;border-radius:90px 90px 3px 3px;overflow:hidden;background:linear-gradient(#d4e1dd 0 55%,#a5c3bc 55% 70%,#90b3ac 70%);margin:20px 25px}.sea-art:after{content:'';position:absolute;width:35px;height:35px;border-radius:50%;background:#f4e8bf;left:60%;top:25px}.sea-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sea-options button{border:1px solid #c8d4bf;background:transparent;border-radius:30px;padding:10px 14px;font-size:11px}.sea-options button.active{background:var(--ink);color:var(--paper)}.small-link{background:transparent;padding:10px 0;font-size:10px;color:#8b947f;text-decoration:underline;text-underline-offset:4px}.reduced-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@media(min-width:1600px){.welcome{left:60px;top:23%}h1{font-size:47px}.welcome-copy{font-size:13px}.daily-note{margin-top:45px}.topbar{padding:0 60px}.passport{left:60px}.space-nav{bottom:80px}.space-nav button{width:115px}.map-box{right:60px;bottom:100px}.controls-hint{bottom:40px}}
@media(max-width:1100px){.header-note{display:none}.topbar{padding:0 26px}.welcome{left:28px;width:260px;top:21%}h1{font-size:33px;line-height:1.65}.welcome-copy{font-size:11px}.daily-note{width:200px;margin-top:23px}#scene{left:190px}.place-heading{left:300px}.scene-caption{right:25px}.passport{left:28px}.map-box{right:25px;bottom:180px;width:125px}.map-box canvas{width:125px!important;height:82px!important}.space-nav{left:calc(50% + 90px)}.space-nav button{width:84px}.space-nav small{font-size:6px}.controls-hint{font-size:8px}.help-button{right:24px}.walking .place-heading,.walk-hud{left:28px}}
@media(max-width:760px){#town{min-height:600px}.topbar{height:77px;padding:0 19px}.brand{font-size:14px;gap:9px;letter-spacing:.5px}.brand small{font-size:8px;letter-spacing:5px;margin-top:5px}.brand-symbol{width:21px;height:31px}.brand-symbol:after{inset:5px 4px 0}.top-actions{gap:6px}.top-actions .icon-button{width:32px;height:32px}.top-actions .icon-button svg{width:16px;height:16px}.shelf-button{padding:8px 10px;font-size:10px;gap:7px}.shelf-button>span:nth-child(2){display:none}.shelf-button svg{width:14px;height:14px}.shelf-button b{font-size:9px;min-width:16px;height:16px}.welcome{left:23px;top:109px;width:100%;pointer-events:none}.welcome .eyebrow{font-size:7px;margin-bottom:13px;letter-spacing:1.7px}h1{font-size:29px;line-height:1.55;margin-bottom:12px;letter-spacing:-1.5px}h1 br:nth-child(2){display:none}h1 em{margin-left:5px}.welcome-copy{font-size:10px;line-height:1.8;max-width:190px;margin-bottom:16px}.welcome-copy br:last-child{display:none}.welcome .primary{padding:12px 15px;font-size:10px;min-height:39px;width:167px;pointer-events:auto}.welcome .text-button{padding:11px 0;font-size:8px;gap:12px;pointer-events:auto}.daily-note{display:none}#scene{inset:140px -100px 95px -100px}.place-heading{top:85px;left:24px;font-size:8px}.edition{font-size:6px;margin-left:5px;padding-left:10px}.scene-caption{top:auto;bottom:206px;right:19px;gap:5px}.scene-caption span:first-child{font-size:6px}.scene-caption span:last-child{font-size:8px}.space-nav{bottom:58px;left:14px;right:14px;transform:none;justify-content:space-around;padding:11px 3px;border-radius:6px}.space-nav button{width:19%;padding:0 3px;gap:5px}.space-nav svg{width:19px;height:19px}.space-nav button>span:nth-child(2){font-size:9px}.space-nav small{font-size:5px;letter-spacing:.7px}.passport{bottom:160px;left:22px}.passport-icon{width:26px;height:34px}.passport-icon svg{width:17px;height:17px}.passport>button{gap:9px}.passport small{font-size:7px;margin-bottom:3px}.passport strong{font-size:14px}.passport i{font-size:7px}.passport-dots{display:none}.map-box{width:95px;bottom:227px;right:16px}.map-box canvas{width:95px!important;height:63px!important}.map-box .tiny-label{font-size:6px}.controls-hint{bottom:27px;left:50%;font-size:8px}.desktop-hint{display:none}.touch-hint{display:inline}.help-button{bottom:21px;right:19px;width:21px;height:21px;font-size:12px}.hotspot{font-size:8px;padding:6px 8px;gap:5px}.hotspot .spot-num{width:13px;height:13px;font-size:6px}.hotspot .spot-plus{display:none}.hotspot:after{height:12px;bottom:-13px}.walking #scene{inset:75px -60px 80px -60px}.walking .place-heading{left:23px}.walk-hud{left:23px;top:115px;font-size:9px;padding:9px 12px;gap:7px}.walk-hud button{font-size:8px}.walking .scene-caption{display:none}#toast,.walking #toast{left:50%;bottom:150px;font-size:10px;padding:11px 14px;white-space:normal;width:max-content;text-align:center}.timer-pill{right:20px;top:156px;font-size:8px;padding:7px 10px;gap:7px}.timer-pill strong{font-size:10px}dialog{width:100%;padding:26px 24px}.panel-header h2{font-size:25px}.book-visual{height:175px}.book-grid{gap:22px 16px}.book-cover{width:100px;height:144px}.book-detail-hero{gap:20px;padding:25px 20px}.book-detail-hero .book-cover{width:110px;height:158px}.book-detail-hero h3{font-size:19px}.book-description{font-size:13px}.timer-clock{font-size:68px}}
@media(max-height:820px) and (min-width:761px){.daily-note{display:none}.welcome{top:20%}h1{font-size:36px;line-height:1.5;margin-bottom:22px}.welcome-copy{margin-bottom:25px}.passport{bottom:77px}}
.online-link{font-size:10px;text-decoration:none;margin-right:13px;display:flex;gap:14px;align-items:center;color:#52684d}.online-link span{font-size:15px}.online-portal{font-size:9px;color:#677b58;text-decoration:none;border:1px solid #b8c7aa;background:#f3f5e9e8}.reader-actions{position:absolute;left:43px;top:226px;z-index:7;background:#f6f4ebeb;border:1px solid #fff;border-radius:5px;padding:14px 16px;backdrop-filter:blur(12px)}.reader-actions>span{display:block;font-size:9px;color:#7e8b71;margin-bottom:12px}.reader-actions>div{display:flex;gap:20px}.reader-actions button{display:flex;align-items:center;gap:7px;background:transparent;padding:0;font-size:10px}.reader-actions button[aria-pressed=true]{color:var(--orange)}.reader-actions kbd{border:1px solid #b7c4ab;border-radius:3px;font:10px var(--sans);width:21px;height:22px;display:grid;place-items:center}.reference-footnote{font-size:8px;line-height:1.9;color:#939b8b;margin-top:35px;text-align:right}.reference-footnote a{color:inherit;text-underline-offset:3px}.photo-preview{display:block;width:100%;height:auto;border-radius:4px;border:1px solid #d4dccb;box-shadow:0 4px 25px #263b2410}.photo-download{width:100%;margin-top:24px}
.photo-download{text-decoration:none}
@media(max-width:1100px){.reader-actions{left:28px}.online-link{margin-right:5px;gap:8px;font-size:9px}}
@media(max-width:760px){.topbar{gap:12px}.online-link{display:none}.reader-actions{top:auto;left:50%;bottom:161px;transform:translateX(-50%);width:max-content;padding:11px 14px}.reader-actions>span{font-size:8px;margin-bottom:8px;text-align:center}.reader-actions button{font-size:9px}.reader-actions kbd{width:18px;height:19px;font-size:9px}.walking .scene-caption{display:none}.walking .passport{bottom:242px}.walking .map-box{bottom:242px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}