@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--gold:#f1c77b;--muted:#c0d0d3}*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#fff;font-family:'DM Sans',sans-serif;min-height:100svh;}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:transparent;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.phone-game{width:min(100%,490px);margin:auto;padding:12px 16px;background-image:linear-gradient(#04172814,#04172838),var(--scene,url('assets/scene-1.jpg'));background-size:cover;background-position:center top;border-radius:22px;overflow:hidden;isolation:isolate}.game{position:relative;min-height:600px}.game-head{display:flex;align-items:center;gap:10px;margin-bottom:9px}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font-size:23px;font-weight:700;letter-spacing:-.8px}.brand img{width:40px;height:40px;border-radius:9px}.game-head button{height:40px;min-width:42px;border-radius:12px;border:1px solid #80bdd775;background:#102d49e8;font-weight:700}#help{margin-left:auto}.level-row{display:flex;align-items:center;gap:9px;font-size:11px;text-shadow:0 2px 4px #000}.level-row strong{font-size:14px;letter-spacing:.5px}#difficulty{margin-left:auto;font-size:10px;color:var(--gold)}.controls{display:flex;gap:9px;margin-top:13px}.controls button{flex:1;padding:10px;border-radius:11px;border:1px solid #b9cde35e;background:#142d43ed;font-size:12px;font-weight:700}#hint{color:var(--gold);background:#493313e8;border-color:#f1c77b80}#give-up{color:#ffa9ad;background:#4e1b27e8;border-color:#f498a077}.selection{height:46px;min-height:46px;margin:8px auto;display:flex;justify-content:center;align-items:center}#selection:not(:empty){display:block;min-width:140px;text-align:center;border:1px solid #76c4f7;border-radius:10px;padding:8px 14px;background:#123549e8;color:#f4d488;font-size:21px;font-weight:700;letter-spacing:2px}.clues{text-align:center}.label{display:block;font-size:11px;letter-spacing:1px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px #000}#clue-list{display:flex;gap:8px;justify-content:center;min-height:38px}.clue{display:flex;align-items:center;justify-content:center;border-radius:9px;width:38px;height:38px;background:linear-gradient(#f6d587,#d78b20);color:#241e14;font-size:21px;font-weight:700;box-shadow:0 2px 5px #0005}.clue.current{outline:2px solid #fff2c2;outline-offset:2px}#hint-text{min-height:22px;text-align:center;color:#fff2c2;font-size:12px;font-weight:600;margin:9px 0 2px;text-shadow:0 1px 5px #000}#latest{text-align:center;color:#a1f0b8;font-size:15px;font-weight:700;min-height:22px;text-shadow:0 1px 4px #000}#message{height:27px;margin:2px 0 6px;text-align:center;font-size:11px;color:#e5edf1;line-height:1.25;text-shadow:0 1px 5px #000}.board-wrap{position:relative;width:100%;max-width:420px;margin:0 auto}#board{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;touch-action:none;user-select:none}#path-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.65}.tile{aspect-ratio:1;border-radius:12px;background:linear-gradient(145deg,#f8f3dd,#dcd8bf);box-shadow:0 4px 0 #9f9a82,0 5px 12px #00132c66;color:#263b44;font-size:clamp(23px,6vw,30px);font-weight:700;position:relative;user-select:none;-webkit-user-select:none}.tile.selected{background:linear-gradient(#ffe09c,#e8b24f);box-shadow:0 2px 0 #94713b;transform:translateY(2px)}.tile.hinted{outline:3px solid #ffce60;outline-offset:2px;animation:hintPulse 1.2s ease-in-out infinite}.tile.empty{visibility:hidden}@keyframes hintPulse{50%{box-shadow:0 0 18px #ffd474}}.found{margin:18px auto 0;padding:11px 12px;border-radius:13px;background:linear-gradient(#193a4ded,#0d2238f5);border:1px solid #e8bf6c66;max-width:420px;min-height:82px}.found.unfilled{visibility:hidden}.found-title{display:flex;justify-content:space-between;font-size:10px;color:#d0dce3;font-weight:700;margin-bottom:8px}#found-list{display:flex;gap:7px;overflow:auto;padding-bottom:2px}.found-word{padding:6px 10px;border-radius:8px;background:#284459;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;border:1px solid #ffffff18}.found-word.newest{color:#a1f0b8;background:#245446;border-color:#8fe6ae66}.gold{background:var(--gold);border-radius:9px;padding:12px 20px;color:#203038;font-size:13px;font-weight:700}#win,#stuck,#failed{text-align:center;padding:18px;background:#102d43f0;border-radius:14px;margin-top:14px}#win h2{margin:0;font-size:23px}#win p,#stuck p,#failed p{font-size:13px;color:var(--muted)}[hidden]{display:none!important}#loading{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#0b263af5;border-radius:15px;color:var(--gold)}footer{display:flex;justify-content:center;gap:20px;font-size:10px;color:#b8cad3;padding:10px 15px 16px}footer a{color:inherit}dialog{max-width:440px;width:90%;background:#183640;color:#fff;border:1px solid #ffffff40;border-radius:20px;padding:28px}dialog::backdrop{background:#041018c9;backdrop-filter:blur(6px)}#close{float:right;font-size:25px}dialog p{font-size:13px;color:var(--muted);line-height:1.7}dialog h2{font-size:26px}@media(min-width:720px){.phone-game{margin:20px auto 0;padding:22px;border:1px solid #ffffff20;border-radius:22px}}@media(max-height:780px) and (max-width:719px){.phone-game{padding:8px 16px}.brand img{height:32px;width:32px}.game-head{margin-bottom:6px}.controls{margin-top:9px}.selection{margin:6px auto}.clue{width:32px;height:32px;font-size:18px}#clue-list{min-height:32px}.label{font-size:10px;margin-bottom:7px}#hint-text{margin-top:6px;min-height:18px}#latest{min-height:19px;font-size:13px}#message{height:25px;font-size:10px;margin-bottom:4px}.board-wrap,.found{max-width:min(100%,calc((100svh - 305px)*1.25))}.found{margin-top:13px;min-height:72px;padding:8px 10px}.game{min-height:0}footer{font-size:9px;padding:5px 10px 10px}}@media(prefers-reduced-motion:reduce){.tile.hinted{animation:none}}
@media(max-height:780px) and (min-width:720px){.phone-game{margin-top:6px;padding:12px}.selection{margin:6px auto}.clue{width:32px;height:32px;font-size:18px}#clue-list{min-height:32px}#hint-text{margin-top:6px;min-height:18px}#latest{min-height:19px}.board-wrap,.found{max-width:min(100%,calc((100svh - 390px)*1.25))}.found{margin-top:13px;min-height:72px;padding:8px 10px}.game{min-height:0}}

#win{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:20px;background:#102d43ed;border:1px solid #f1c77b66}#win .completed-theme{font-size:20px;font-weight:700;color:var(--gold);margin:4px 0 20px}

.site-layout{margin:0 auto}.intro-panel,.curiosity-panel{display:none}
@media(min-width:1100px){.site-layout{max-width:1480px;display:grid;grid-template-columns:minmax(0,1fr) 490px minmax(0,1fr);align-items:center;gap:48px;padding:20px 4vw}.site-layout .phone-game{margin:0;width:100%}.intro-panel,.curiosity-panel{display:block;color:#f8f4e9}.eyebrow{color:var(--gold);font-size:9px;letter-spacing:2px;font-weight:700}.intro-panel h1{font-size:clamp(44px,4.4vw,68px);font-weight:500;letter-spacing:-3px;line-height:1.12;margin:30px 0}.intro-panel h1 em{font-family:Georgia,serif;color:var(--gold);font-weight:400}.intro-panel p,.curiosity-panel p{font-size:13px;line-height:1.8;color:var(--muted)}.mind-note{display:flex;align-items:center;gap:14px;margin-top:40px;font-size:11px;font-weight:600}.mind-note>span{font-size:30px;color:var(--gold)}.mind-note small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:8px;line-height:1.6}.step-numbers{font-size:10px;letter-spacing:4px;color:var(--gold)}.curiosity-panel h2{font-family:Georgia,serif;font-weight:400;font-size:29px;line-height:1.2;margin:30px 0}.gold-rule{width:36px;border-top:1px solid var(--gold);margin:30px 0}.curiosity-panel .small{font-size:11px}}

.return-nav{text-align:center;padding:12px 16px 8px}.return-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid #f1c77b80;border-radius:10px;background:#162238;color:var(--gold);font-size:13px;font-weight:600;text-decoration:none}.return-button:hover{background:#23334c}.return-button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

.site-return{max-width:1480px;margin:0 auto;padding:14px 4vw 0}.back-home{display:inline-flex;align-items:center;min-height:40px;padding:9px 15px;border:1px solid #f1c77b66;border-radius:10px;background:#111c30;color:#f1c77b;text-decoration:none;font-size:12px;font-weight:600}.back-home:hover{background:#1b2942}.back-home:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:719px){.site-return{padding:8px 16px}.back-home{min-height:38px;font-size:11px}}
