:root{font-family:Inter,system-ui,sans-serif;color:#292d27;background:#f5f1e8;font-synthesis:none;--green: #2f6b50;--green-dark: #1f4d39;--gold: #e9b949;--paper: rgba(255, 253, 248, .92);--shadow: 0 16px 50px rgba(44, 50, 42, .15)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}html,body{touch-action:pan-x pan-y}button,input{font:inherit}button{color:inherit}#board{position:fixed;inset:0;display:block;cursor:grab;touch-action:none}#board:active{cursor:grabbing}.glass{background:var(--paper);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.topbar{position:fixed;z-index:3;top:max(14px,env(safe-area-inset-top));left:50%;width:min(720px,calc(100% - 28px));height:62px;padding:8px 10px;border-radius:18px;display:grid;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:22px;transform:translate(-50%)}.brand{font-size:18px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#fff;background:var(--green);font-family:Georgia,serif;font-size:23px;transform:rotate(-3deg)}.brand-mark.large{width:52px;height:52px;font-size:32px;margin:0 auto 18px}.topbar-actions{display:flex;align-items:center;gap:2px}.brand,.toolbar-button{border:0;background:transparent;display:flex;align-items:center;gap:9px;font-weight:800;cursor:pointer}.toolbar-button{padding:7px 9px;border-radius:10px;font-size:12px}.toolbar-button:hover{background:#eeece5}.toolbar-button>span:first-child{font-size:20px;line-height:1}.toolbar-button:disabled,.toolbar-button.disabled{opacity:.3;cursor:default}.toolbar-button.disabled:hover{background:transparent}.progress-wrap{min-width:0}.progress-copy{display:flex;justify-content:space-between;margin-bottom:6px;color:#6d716a;font-size:10px;font-weight:700}.progress-track{height:5px;overflow:hidden;border-radius:10px;background:#dddcd4}#progress-bar{width:0;height:100%;border-radius:inherit;background:var(--gold);transition:width .3s ease}.map-tools{position:fixed;z-index:3;right:18px;top:96px;display:flex;flex-direction:column;padding:5px;border-radius:14px}.map-tools button,.clue-nav button{width:40px;height:40px;border:0;border-radius:10px;background:transparent;font-size:22px;cursor:pointer}.map-tools button:hover,.clue-nav button:hover{background:#eeece5}.welcome-card{position:fixed;z-index:2;left:max(18px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));width:min(370px,calc(100% - 36px));padding:30px;border-radius:24px}.close-card{position:absolute;top:12px;right:14px;border:0;background:none;font-size:25px;cursor:pointer}.eyebrow{color:var(--green);font-size:10px;font-weight:800;letter-spacing:.14em}h1,h2{margin:10px 0;color:#283129;font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(34px,5vw,46px);line-height:.98}.welcome-card p,dialog p{color:#6b6e68;line-height:1.5}.primary{width:100%;min-height:48px;margin-top:8px;border:0;border-radius:13px;color:#fff;background:var(--green);font-weight:700;cursor:pointer;box-shadow:0 7px 18px #2f6b5038}.primary:hover{background:var(--green-dark)}.clue-panel{position:fixed;z-index:4;left:50%;bottom:max(16px,env(safe-area-inset-bottom));width:min(570px,calc(100% - 28px));padding:16px 20px 14px;border-radius:24px;transform:translate(-50%)}.clue-nav{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;text-align:center}.direction{margin-top:3px;color:#777a74;font-size:12px}.clue{min-height:44px;margin:11px auto 12px;text-align:center;font-family:Georgia,serif;font-size:20px;line-height:1.15}.answer-slots{display:flex;justify-content:center;gap:clamp(2px,1vw,5px)}.answer-slots span{flex:0 1 36px;min-width:0;height:38px;border-bottom:2px solid #c6c5bd;display:grid;place-items:center;font-weight:800;font-size:19px}.answer-slots span.filled{border-color:var(--green)}.answer-slots span.locked{border-color:var(--green);color:var(--green)}.answer-slots.wrong{animation:shake .35s ease;color:#b5453d}@keyframes shake{25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}.keyboard{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:15px}.keyboard button{height:38px;border:1px solid #d8d6ce;border-radius:9px;background:#fff;font-weight:800;cursor:pointer;box-shadow:0 2px #d0cec5}.keyboard button:active{transform:translateY(2px);box-shadow:none}.keyboard button.used{transform:translateY(2px);box-shadow:none;border-color:var(--green);background:var(--green);color:#fff}.keyboard-help{min-height:20px;margin:6px 0 0;color:#999b96;text-align:center;font-size:9px}.toast{position:fixed;z-index:8;top:90px;left:50%;padding:10px 17px;border-radius:100px;color:#fff;background:#343a34;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transform:translate(-50%,-10px);transition:.18s ease}.toast.visible{opacity:1;transform:translate(-50%)}.toast.success{background:var(--green)}#confetti{position:fixed;z-index:9;inset:0;width:100%;height:100%;pointer-events:none}dialog{width:min(390px,calc(100% - 32px));padding:0;border:0;border-radius:25px;color:inherit;background:#fffdf8;box-shadow:0 30px 100px #141e174d}dialog::backdrop{background:#1c282094;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog form{padding:34px;text-align:center}dialog h2{font-size:34px}dialog label{display:block;margin:22px 0 7px;text-align:left;font-size:12px;font-weight:700}dialog input{width:100%;height:48px;padding:0 14px;border:1px solid #d4d3cb;border-radius:12px;outline:none}dialog input:focus{border-color:var(--green);box-shadow:0 0 0 3px #2f6b501f}.language-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 0;padding:0;border:0}.language-options legend{margin-bottom:7px;text-align:left;font-size:12px;font-weight:700}.language-options label{margin:0}.language-options input{position:absolute;width:1px;height:1px;opacity:0}.language-options span{display:grid;place-items:center;height:44px;border:1px solid #d4d3cb;border-radius:11px;cursor:pointer}.language-options input:checked+span{border-color:var(--green);color:var(--green);background:#2f6b5017;box-shadow:0 0 0 1px var(--green)}.language-options input:focus-visible+span{outline:3px solid rgba(47,107,80,.2)}.hidden{display:none!important}@media(max-width:600px){.topbar{grid-template-columns:auto minmax(80px,1fr) auto;gap:6px;height:56px}.brand>span:last-child{display:none}.toolbar-button{padding:7px}.brand-mark{width:34px;height:34px}.map-tools{top:82px;right:12px}.welcome-card{padding:24px}.clue-panel{padding:12px 12px max(10px,env(safe-area-inset-bottom));bottom:7px}.clue{min-height:38px;margin:8px auto;font-size:18px}.answer-slots span{height:31px}.keyboard{margin-top:11px;gap:5px}.keyboard button{height:36px}#keyboard-hint{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}