:root{--bg:#2B2560;--indigo:#3B2F8F;--violet:#6C5CE7;--cream:#FFF0CE;--yellow:#FFC93C;--coral:#FF7A6B;--mint:#5ED6B0;--ink:#211B54;--white:#fff;--safeT:env(safe-area-inset-top);--safeB:env(safe-area-inset-bottom)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff}button{font:inherit;min-width:44px;min-height:44px;border:0;border-radius:16px;background:#fff;color:var(--ink);font-weight:800;padding:10px 15px;box-shadow:0 4px 0 rgba(0,0,0,.18);cursor:pointer}button:focus-visible,#playArea:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.primary{background:var(--yellow)}.screen{display:none;width:100%;height:100dvh}.screen.active{display:flex}#start{position:relative;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:max(16px,var(--safeT)) 18px max(16px,var(--safeB));overflow:hidden}.stars{position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#FFC93C 1px,transparent 1px);background-size:43px 43px,71px 71px;background-position:3px 7px,20px 31px;opacity:.35}.hero{position:relative;width:min(38vh,220px);max-height:31vh}.hero svg{width:100%;height:auto}.lantern{transform-origin:190px 126px;animation:swing 2.4s ease-in-out infinite}h1{position:relative;margin:0;font-size:clamp(34px,10vw,58px);line-height:1}.tag,.teaches,.control-note,.privacy{position:relative;margin:7px 0}.tag{font-weight:750}.teaches{max-width:520px;color:var(--cream)}.start-actions{position:relative;display:flex;gap:10px;margin:12px 0;flex-wrap:wrap;justify-content:center}.control-note{font-size:13px;background:#211b5488;padding:8px 12px;border-radius:14px}.privacy{font-size:11px;opacity:.75}.hud{height:62px;padding:max(8px,var(--safeT)) 8px 6px;display:flex;gap:7px;align-items:center;background:#211B54}.hud button{font-size:12px;padding:7px 10px}.scene-title{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column}.scene-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-title span{font-size:11px;color:var(--cream)}#game{flex-direction:column}.bottom{height:76px;padding:7px 8px max(7px,var(--safeB));display:flex;gap:8px;background:#211B54;align-items:center}.hint{background:var(--mint);white-space:nowrap}#silhouettes{flex:1;display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;align-items:center}#silhouettes::-webkit-scrollbar{display:none}.sil{flex:0 0 44px;height:44px;border-radius:14px;background:#3b2f8f;display:grid;place-items:center;font-size:22px;filter:grayscale(1);opacity:.62}.sil.found{background:#5ED6B0;filter:none;opacity:1}#playArea{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;background:#17163d;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}canvas{position:absolute;inset:0;width:100%;height:100%}#lanternCursor{position:absolute;width:94px;height:94px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 34px 12px #fff4ad55,inset 0 0 26px #fff4ad44;border:2px solid #fff4ad66;display:none}#toast{position:absolute;left:50%;top:12px;transform:translateX(-50%);background:#211B54dd;border:2px solid #fff3;border-radius:16px;padding:8px 12px;font-weight:800;opacity:0;transition:opacity .18s;pointer-events:none;white-space:nowrap}.modal{position:fixed;inset:0;background:#151238cc;display:none;align-items:center;justify-content:center;padding:18px;z-index:20}.modal.open{display:flex}.card{position:relative;background:#fff;color:var(--ink);width:min(560px,100%);max-height:min(82dvh,700px);overflow:auto;border-radius:24px;padding:24px;box-shadow:0 18px 60px #0008}.close{position:absolute;right:10px;top:10px;background:#eee;box-shadow:none;font-size:25px;padding:0}.card h2{margin:0 40px 10px 0;color:var(--indigo)}.card p{line-height:1.42}.card .fact-art{font-size:64px;text-align:center}.difficulty{display:flex;gap:10px}.difficulty button{flex:1;background:#eee}.difficulty button.selected{background:var(--yellow)}.journal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.journal-item{background:#f0edff;border-radius:16px;padding:10px;text-align:center}.journal-item.locked{filter:grayscale(1);opacity:.5}.scene-buttons{display:grid;gap:8px}.scene-buttons button{text-align:left;background:#f0edff}.scene-buttons button.locked{opacity:.45}.spark{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--yellow);pointer-events:none;animation:pop .55s ease-out forwards}@keyframes pop{to{transform:translate(var(--dx),var(--dy)) scale(.1);opacity:0}}@keyframes swing{50%{transform:rotate(7deg)}}@media (max-height:560px){.hero{width:min(27vh,150px)}.tag{display:none}.teaches{font-size:13px}.start-actions{margin:6px 0}.bottom{height:64px}.hud{height:54px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
#lanternBtn.active{background:var(--yellow)}
.sil{color:#c9c2e8}.sil svg{width:38px;height:34px;display:block}.sil.found{color:var(--ink)}
.fact-art{height:96px;display:grid;place-items:center}.fact-art svg{width:110px;height:88px}.fact-art.moon-art{font-size:64px;height:auto}
.journal-art{height:52px;display:grid;place-items:center;font-size:34px}.journal-art svg{width:66px;height:52px}.journal-item p{font-size:11px;line-height:1.35;margin:6px 0 0}
@media (max-width:520px){.hud{gap:4px}.hud button{font-size:11px;padding:6px 7px}.scene-title strong{font-size:13px}.bottom{height:72px}.sil{flex-basis:42px;width:42px;height:42px}.sil svg{width:35px;height:31px}}
@media (max-width:360px){.hud button{padding:5px 6px;font-size:10px}.scene-title span{font-size:10px}.bottom{height:68px}.hint{padding:8px 10px}.sil{flex-basis:40px;height:40px}}