#objective{position:fixed;z-index:3;top:94px;left:18px;display:grid;min-width:230px;padding:10px 15px;border:3px solid #173522;border-radius:15px;background:#fff9dfeb;box-shadow:0 5px 0 #244f37}#objective span{color:#e0703c;font-size:.65rem;font-weight:900;letter-spacing:.16em}#objective strong{margin-top:2px;font-size:.95rem}#interact{position:fixed;z-index:4;bottom:28px;left:50%;transform:translateX(-50%);padding:13px 20px;border:4px solid #173522;border-radius:16px;background:#f4c84c;color:#173522;box-shadow:0 7px 0 #244f37;font:900 1rem "Trebuchet MS";cursor:pointer}#interact:disabled{opacity:.42;filter:grayscale(.5);cursor:default}kbd{display:inline-block;margin-left:7px;padding:3px 7px;border:2px solid currentColor;border-radius:7px;background:#fff8df;font:900 .72rem "Trebuchet MS"}#dialogue{position:fixed;z-index:6;left:50%;bottom:24px;transform:translateX(-50%);display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:16px;width:min(850px,calc(100vw - 32px));min-height:150px;padding:14px 18px;border:5px solid #173522;border-radius:24px;background:#fff9df;box-shadow:0 11px 0 #244f37,0 18px 45px #10251d66}#dialogue img{width:96px;height:116px;object-fit:contain;filter:drop-shadow(0 5px 3px #17352233)}#speaker-name{display:block;color:#e0703c;font-weight:900;letter-spacing:.08em}#dialogue p{margin:7px 0;color:#173522;font-size:1.12rem;font-weight:800;line-height:1.35}#continue{align-self:end;padding:10px 13px;border:3px solid #173522;border-radius:12px;background:#f4c84c;color:#173522;font-weight:900;cursor:pointer}#noise{position:fixed;z-index:8;inset:0;display:grid;place-items:center;background:#24153cb3;color:#ffd659;font:900 clamp(3rem,11vw,8rem) "Trebuchet MS";text-shadow:5px 6px 0 #6b2d83;animation:boom 1.25s both}@keyframes boom{0%{opacity:0;transform:scale(.3) rotate(-5deg)}18%{opacity:1;transform:scale(1.1) rotate(3deg)}45%{transform:scale(.96)}75%{opacity:1}100%{opacity:0;transform:scale(1.05)}}@media(max-width:700px){#objective{top:86px;left:10px;min-width:190px}#dialogue{grid-template-columns:68px 1fr;padding:10px;min-height:130px}#dialogue img{width:65px;height:90px}#dialogue p{font-size:.9rem}#continue{grid-column:2}#interact{bottom:18px}}