@font-face{font-family:Manrope;src:url(../assets/fonts/manrope-500.ttf)format("truetype");font-weight:400 500;font-display:swap}@font-face{font-family:Manrope;src:url(../assets/fonts/manrope-700.ttf)format("truetype");font-weight:600 700;font-display:swap}@font-face{font-family:Manrope;src:url(../assets/fonts/manrope-800.ttf)format("truetype");font-weight:800;font-display:swap}:root{--ink:#22384d;--blue:#284f71;--rust:#98462e;--muted:#465e6c;--rule:#bdcbd0;--button-paper:#f0f5f7;color:var(--ink);-webkit-font-smoothing:antialiased;background:#dbe6ed;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body,p,h1,h2,h3{margin:0}body{min-width:1920px;min-height:1080px}.journey{isolation:isolate;background:radial-gradient(at 51% 53%,#f4ead8 0%,#0000 49%),radial-gradient(at 89% 11%,#eaf2f7,#0000 43%),linear-gradient(112deg,#cbdfe8,#dbe6ed 62%,#c7d8e2);width:1920px;height:1080px;position:relative;overflow:hidden}.journey:before{content:"";z-index:-1;background:repeating-linear-gradient(132deg,#4b69840d 0 1px,#0000 1px 6px),linear-gradient(145deg,#a3c0d3,#c3d7e1);border-radius:50%;width:850px;height:850px;position:absolute;top:125px;left:-278px;box-shadow:0 0 0 10px #deeaee,0 0 0 11px #8aa8bb}.menu-return{color:var(--blue);background:#f6f9faed;border-color:#94aeba}.traveller{filter:drop-shadow(8px 12px 13px #24395032);pointer-events:none;width:auto;height:945px;position:absolute;bottom:-32px;left:-73px}.heading{text-align:center;width:864px;position:absolute;top:53px;left:526px}.heading>p:first-child,.dialogue-head p{letter-spacing:.15em;text-transform:uppercase;color:var(--rust);font-size:15px;font-weight:800}.heading>p:first-child{align-items:center;gap:17px;display:inline-flex}.heading>p:first-child:after,.heading>p:first-child:before{content:"";background:#b48b7a;width:33px;height:1px}h1{letter-spacing:-.052em;margin-top:8px;font:500 70px/1.15 Georgia,serif}h1 em{color:var(--rust);font-weight:500}.mission{color:var(--muted);margin-top:9px;font-size:20px}.atlas{width:785px;position:absolute;top:231px;left:570px}.map{aspect-ratio:3/2;isolation:isolate;position:relative}.map img,.map canvas,#pins{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.map img{-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 7% 93%,#0000),radial-gradient(80% 84%,#000 70%,#0000 89%);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 7% 93%,#0000),radial-gradient(80% 84%,#000 70%,#0000 89%);-webkit-mask-composite:source-in;mask-composite:intersect}.pin{color:var(--ink);white-space:nowrap;background:#fff7eaf5;border:1px solid #a49b89;border-radius:4px;padding:4px 10px 5px;font:italic 700 16px/1.1 Georgia,serif;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 5px #49432e35}.pin:after{content:"";background:inherit;border-right:inherit;border-bottom:inherit;width:7px;height:7px;position:absolute;bottom:-4px;left:calc(50% - 4px);transform:rotate(45deg)}.pin.here{background:var(--blue);color:#fff9eb;box-shadow:0 0 0 2px var(--blue),0 3px 6px #48432c60;border-color:#fff2d6}.map-foot{justify-content:center;align-items:baseline;gap:10px;margin-top:16px;display:flex}.map-foot span{color:var(--muted);font-size:14px;font-weight:800}.map-foot strong{font:700 21px/1.05 Georgia,serif}.practice{border-top:2px solid #a3b8c3;border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:11px 16px;width:805px;padding:21px 8px;display:flex;position:absolute;top:851px;left:560px}.practice h2{font:600 24px/1.2 Georgia,serif}.practice p,.tip{color:var(--muted);margin-top:4px;font-size:16px;line-height:1.45}.record-actions,.speech-tools{align-items:center;gap:8px;display:flex}button{cursor:pointer;color:var(--blue);background:var(--button-paper);border:1px solid #aebfc9;border-radius:10px;padding:11px 13px;font:700 16px/1.25 Manrope,system-ui,sans-serif}button:hover:enabled{background:#dceaf2;border-color:#547792}button:focus-visible{outline:3px solid var(--rust);outline-offset:3px}button:disabled{cursor:default;opacity:.45}button[aria-pressed=true]{background:#d1e3ef;border-color:#658299}#record.recording{background:var(--rust);color:#fff}#record-note{width:100%;font-size:15px}.dialogue{border:1px solid #b7c6ce;border-top:5px solid var(--blue);background:linear-gradient(145deg,#fffdf7,#f3f3ef);border-radius:8px 8px 18px 18px;width:459px;padding:32px;position:absolute;top:173px;right:40px;box-shadow:0 6px #a9bac4,0 13px 32px -16px #40526b42}.dialogue-head p{letter-spacing:.12em;font-size:13px}.dialogue h2{letter-spacing:-.04em;margin-top:9px;font:600 32px/1.1 Georgia,serif}#line{color:#2b4862;margin:24px 0 10px;font:italic 500 30px/1.32 Georgia,serif}.translation{color:#52636d;font-size:16px;line-height:1.45}.speech-tools{margin:16px 0 24px}#hear,.preview{justify-content:center;align-items:center;gap:9px;display:inline-flex}#hear{background:var(--blue);color:#fffaf1;border-color:var(--blue)}#hear:hover{background:#1e405e}.play-icon{border-block:5px solid #0000;border-left:8px solid;width:0;height:0;display:inline-block}.playing .play-icon{background:linear-gradient(90deg,currentColor 0 35%,#0000 35% 65%,currentColor 65%);border:0;width:8px;height:11px}.response{border-top:1px solid var(--rule);padding-top:21px}.response h3{font-size:20px;font-weight:800}.tip{margin-top:5px}#replies{gap:10px;margin-top:15px;display:grid}.option{border:1px solid var(--rule);background:var(--button-paper);border-radius:11px;align-items:stretch;display:flex}.option button{background:0 0;border:0}.choose{text-align:left;flex:1;padding:13px 15px;font-size:19px}.choose small{color:var(--muted);margin-top:4px;font-size:15px;font-weight:500;display:block}.option .preview{border-left:1px solid #c9d4db;border-radius:0 10px 10px 0;width:45px}#sound-note{color:var(--rust);margin-top:13px;font-size:15px}[hidden]{display:none!important}