:root{font-family:ui-rounded,'Avenir Next',system-ui,sans-serif;color:#193449;background:#f4f6ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;font-weight:750;color:inherit;background:#fff;border:2px solid #d8e3df;border-radius:13px;padding:12px 18px;cursor:pointer;min-height:46px}button:hover{border-color:#138876;background:#effbf6}button:focus-visible,a:focus-visible{outline:4px solid #efb936;outline-offset:3px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}.top{height:78px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4vw;border-bottom:1px solid #dbe2d7;background:#fff}.top a{color:#193449;text-decoration:none;font-weight:800}.top strong{letter-spacing:2px}.top>div{display:flex;gap:8px}#app{max-width:1160px;margin:auto;padding:28px 28px 110px}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.8px;line-height:1.08;margin:8px 0 14px}h2{font-size:28px;margin:10px 0}p{line-height:1.6}.eyebrow{color:#147868;font-size:12px;font-weight:850;letter-spacing:2px;text-transform:uppercase}.intro{font-size:18px;color:#59706f;margin:0 0 22px}.panel{background:#fff;border:1px solid #dce5db;border-radius:24px;padding:26px}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.hero{width:100%;border-radius:22px;display:block}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.missions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.missions button{text-align:left;display:flex;align-items:center;gap:14px}.missions b{background:#e4f2e8;padding:10px;border-radius:10px;color:#13765f}.missions small{display:block;color:#718178;margin-top:4px}.primary{background:#176c5a;color:white;border-color:#176c5a}.primary:hover{background:#0f5445;color:#fff}.gold{background:#ffe19a;border-color:#e9c361}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0}.big{font-size:clamp(22px,3vw,34px);font-weight:800;line-height:1.4}.muted{color:#687c7a}.picture{position:relative;overflow:hidden;background:#f2f7ee;border-radius:20px;width:min(100%,310px);margin:auto;aspect-ratio:1/1.6}.picture img{position:absolute;max-width:none;width:561%;height:auto;left:calc(var(--x)*-100%);top:calc(var(--y)*-100%);pointer-events:none}.scene-crop{aspect-ratio:1.14;width:min(100%,380px);position:relative;overflow:hidden;border-radius:20px}.scene-crop img{position:absolute;max-width:none;width:calc(1122 / var(--cw) * 100%);left:calc(var(--cx) / var(--cw) * -100%);top:calc(var(--cy) / var(--ch) * -100%);height:calc(1402 / var(--ch) * 100%)}.vcard{padding:10px;overflow:hidden}.vcard .picture{width:100%;border-radius:12px}.vcard b{display:block;padding-top:10px}.answer{background:#e4f5e9;border-radius:14px;padding:16px;margin-top:16px;font-size:24px;font-weight:800}.feedback{min-height:32px;font-weight:800;color:#156952;margin:15px 0}.box{min-height:140px;background:#ffdf93;border:2px solid #e4b552;font-size:36px}.box small{font-size:15px;display:block}.sentence{display:flex;gap:10px;flex-wrap:wrap;align-items:center;min-height:102px;padding:16px;border:2px dashed #8fac9c;border-radius:16px;background:#f3faf4;margin:20px 0}.word{background:#dff0fc;border-color:#90bfdf;font-size:24px;touch-action:none;user-select:none}.word:nth-child(3n+2){background:#ffe9a4;border-color:#e1c569}.word:nth-child(3n){background:#e6dfff;border-color:#b7a2e3}.word.dragging{opacity:.4}.ghost{position:fixed;z-index:100;pointer-events:none;opacity:.9;transform:translate(-50%,-50%);box-shadow:0 15px 35px #0003}.drop-hover{outline:3px solid #219879}.city{position:relative;border-radius:20px;overflow:hidden}.city>img{width:100%;display:block}.hotspot{position:absolute;transform:translate(-50%,-50%);border:3px solid white;border-radius:50%;background:#153c4ee8;color:#fff;padding:0;min-height:38px;width:38px;height:38px;box-shadow:0 3px 10px #0004}.hotspot.selected{background:#f8c54a;color:#18364c;outline:4px solid #f8c54a66}.city-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:24px}.track{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:18px 0}.track button{padding:9px 0;background:#e9f3e9}.track .current{background:#176c5a;color:#fff;border-color:#176c5a}.track .passed{background:#ffe3a2}.checks{display:grid;gap:12px}.checks label{background:#eff5ec;padding:15px;border-radius:12px;font-size:20px}.checks input{width:22px;height:22px;vertical-align:middle;margin-right:10px}footer{position:fixed;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid #dce5db;display:flex;align-items:center;justify-content:space-between;padding:14px 4vw;gap:16px;z-index:20}footer>div{text-align:center;min-width:160px;font-size:13px;color:#546c62}progress{display:block;width:100%;height:6px;margin-top:8px;accent-color:#176c5a}#rule{position:fixed;right:24px;top:88px;z-index:30;background:#fff4d5;border:2px solid #e8c565;box-shadow:0 12px 40px #19344920;border-radius:16px;padding:18px;line-height:1.8}details{margin-top:18px}summary{cursor:pointer;font-weight:700;color:#496a5f}.poster{max-height:65vh;max-width:100%;object-fit:contain;display:block;margin:auto}.counter{display:inline-block;background:#e5eee4;border-radius:30px;padding:8px 14px;font-weight:750}.rules{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rules button{font-size:26px;padding:24px}.mission-list button[aria-pressed=true]{background:#e1f1df;border-color:#4c8b5a}.nohelp .picture{width:min(100%,250px)}@media(max-width:750px){.top{height:auto;flex-wrap:wrap;padding:12px 18px}.top strong{font-size:13px}.top button{padding:9px;font-size:13px}#app{padding:24px 16px 110px}.split,.city-layout{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.missions{grid-template-columns:1fr 1fr}.picture{max-height:310px}.panel{padding:18px}.track{grid-template-columns:repeat(6,1fr)}.word{font-size:20px}.hotspot{width:30px;height:30px;min-height:30px;font-size:12px}.big{font-size:24px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,outline .15s}.panel{animation:appear .2s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}

.word-table{height:290px;position:relative;border:2px dashed #8fac9c;border-radius:20px;background-color:#edf7ed;background-image:radial-gradient(#b5d3bd 1px,transparent 1px);background-size:18px 18px;isolation:isolate;overflow:hidden;touch-action:pan-y}.word-table .word{position:absolute;margin:0;font-size:clamp(16px,2vw,24px);padding:12px 14px;cursor:grab;touch-action:none;transition:none;z-index:1}.word-table .selected-word{outline:3px solid #21856b;outline-offset:2px;z-index:2}.word-table .free-dragging{cursor:grabbing;z-index:5;box-shadow:0 12px 25px #173c4930}.reading-label{margin:16px 0 6px;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#536e61}.sentence-preview{font-size:clamp(20px,2.2vw,28px);font-weight:800;min-height:52px;padding:10px 0}@media(max-width:750px){.word-table{height:280px}.word-table .word{font-size:14px;padding:10px 7px}}