@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#173d42;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#cadbce}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;color:inherit;border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ed8152;outline-offset:4px}button:active{transform:translateY(1px)}[hidden]{display:none!important}canvas{position:fixed;inset:0;display:block;width:100%;height:100%;outline:none}header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:30px 38px;z-index:3;pointer-events:none}.brand{font-family:Outfit,sans-serif;font-weight:800;font-size:27px;letter-spacing:-1.2px;text-decoration:none;color:#173d42;line-height:1;pointer-events:auto}.brand span{display:block;font:600 9px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:9px}.top-actions{display:flex;align-items:center;gap:12px;pointer-events:auto}.top-actions button,#device{background:#fffcf2de;backdrop-filter:blur(12px);padding:11px 16px;border-radius:30px;font-size:13px;font-weight:600}#device{background:transparent}.intro{position:fixed;inset:0 auto 0 0;padding:140px 0 90px 6vw;width:49%;display:flex;flex-direction:column;justify-content:center;z-index:2;pointer-events:none}.intro:before{content:'';position:absolute;inset:0 -15% 0 0;background:linear-gradient(90deg,#f8f4e7 0%,#f8f4e7ed 54%,#f8f4e700 100%);z-index:-1}.intro>*{pointer-events:auto;max-width:360px}.eyebrow{font-size:11px;letter-spacing:2.6px;font-weight:800;color:#44736c}h1{font-family:Outfit,sans-serif;font-size:clamp(60px,6.6vw,106px);line-height:.82;letter-spacing:-5px;margin:28px 0 22px;font-weight:900;max-width:450px!important}h1 span{display:block;color:#207269}h1 i{font-size:.42em;vertical-align:top;font-style:normal;color:#e59944;margin-left:6px}.intro-copy{font-size:21px;line-height:1.4;margin:0 0 25px;color:#49605a}.chapter{display:flex;gap:13px;align-items:center}.chapter>span{font-family:Outfit;font-size:25px;padding:10px 12px;background:#e5e7d5;border-radius:12px}.chapter small{display:block;font-size:9px;letter-spacing:2px;margin-bottom:5px}.chapter strong{font-family:Outfit;font-size:20px}.mission-copy{font-size:14px;line-height:1.6;color:#637068;margin:14px 0 23px;max-width:320px}.primary{display:flex;align-items:center;justify-content:space-between;border-radius:15px;padding:17px 22px;background:#1f655c;color:white;font-weight:700;font-size:16px;box-shadow:0 6px 0 #174e47;transition:background .2s;min-width:260px}.primary:hover{background:#297e70}.primary>span{font-size:23px}.text-button{padding:13px 0;font-size:13px;background:transparent;text-decoration:underline;text-underline-offset:4px;align-self:flex-start}.intro>.text-button{align-self:flex-start;margin:8px 0}.inspired{display:flex;gap:10px;align-items:center;margin-top:14px;font-size:12px;color:#58645b}.inspired img{width:43px;height:43px;object-fit:cover;object-position:50% 35%;border-radius:50%;border:3px solid white}.inspired small{display:block;font-size:10px;margin-top:3px}footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px 38px;z-index:3;gap:18px;background:linear-gradient(0deg,#f9f4e5b0,transparent);pointer-events:none}footer>*{pointer-events:auto}.edition{font-size:10px;letter-spacing:2px;font-weight:700}.edition span{padding:0 5px;color:#b59466}#hints{font-size:12px;display:flex;align-items:center;gap:9px;background:#fcf9efeb;border-radius:12px;padding:11px 16px}kbd{font:600 11px 'DM Sans',sans-serif;border:1px solid #b8c4b7;border-bottom-width:3px;border-radius:5px;padding:4px 7px;margin-left:7px;background:white}#hud{position:fixed;top:112px;left:38px;right:38px;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-start}.location{background:#fffaf0df;padding:16px 23px;border-radius:16px}.location small{display:block;font-size:10px;letter-spacing:2px;color:#6c8171;margin-bottom:4px}.location strong{font:600 21px Outfit}.collect{display:flex;align-items:center;gap:12px;border-radius:18px;background:#fffaf0eb;padding:15px 21px}.collect b{font-family:Outfit;font-size:22px;display:block}.collect small{font-size:10px;color:#6d7b70}.toy-symbol{font-size:35px;color:#e6a633}.treat-symbol{color:#e99a67;font-size:27px}.separator{height:31px;width:1px;background:#d6ddcd;margin:0 9px}#objective{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);padding:10px 22px;border-radius:30px;color:#fff;background:#254a43d9;font-size:14px;text-align:center;max-width:90vw;white-space:nowrap}#toast{position:fixed;left:50%;top:24%;transform:translate(-50%,-10px);opacity:0;transition:.25s;pointer-events:none;background:#fff9e8f0;padding:14px 24px;border-radius:18px;font-weight:700;z-index:5;box-shadow:0 8px 30px #24463220;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:26px;max-width:min(580px,93vw);width:100%;padding:0;background:#fcf8ed;color:#173d42;box-shadow:0 30px 120px #0b292966;max-height:90dvh}dialog::backdrop{background:#153e426b;backdrop-filter:blur(9px)}.dialog-inner{padding:35px}.dialog-inner h2{font-family:Outfit;font-size:42px;letter-spacing:-1.5px;margin:13px 0}.dialog-inner p{color:#60726b;line-height:1.6;font-size:14px}.dialog-inner .primary{width:100%;justify-content:center;margin-top:22px}.secondary{border:1px solid #c1cec0;border-radius:12px;padding:14px;background:transparent;width:100%;margin-top:17px}.dialog-inner>.text-button{display:block;margin:13px auto 0}.control-table{font-size:12px;margin:25px 0 15px}.control-table>div{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:8px;border-bottom:1px solid #dce0d3;align-items:center;padding:11px 0}.control-table button{background:#e6ebdf;border-radius:6px;padding:5px;font-size:12px;text-align:left}.small{font-size:12px!important}.check{display:flex;align-items:center;gap:10px;font-size:13px;margin:15px 0}.check input{accent-color:#1f655c;width:17px;height:17px}.check select{margin-left:auto;padding:7px;border:1px solid #c1cec0;border-radius:7px;background:transparent;color:inherit}#loading,#error{position:fixed;inset:0;display:grid;place-content:center;z-index:10;background:#f6f1e4;text-align:center;padding:25px}#error button{background:#1f655c;color:white;padding:15px;border-radius:12px}#loading{font-size:18px}body.playing .edition{opacity:.7}@media(max-height:800px) and (min-width:701px){.intro{padding-top:110px}h1{font-size:74px;margin:18px 0}.intro-copy{font-size:18px;margin-bottom:14px}.mission-copy{margin:10px 0 18px}.inspired{margin-top:0}.intro>.text-button{margin:2px 0}}@media(max-width:700px){header{padding:20px}.brand{font-size:23px}.brand span{font-size:7px}.top-actions{gap:5px}#device{display:none}.top-actions button{font-size:11px;padding:10px}.intro{width:90%;padding:105px 25px 70px}.intro:before{inset:0 -8% 0 0;background:linear-gradient(90deg,#f8f4e7f5,#f8f4e7d9 68%,transparent)}h1{font-size:77px;margin:22px 0;letter-spacing:-4px}.intro-copy{font-size:18px}.mission-copy{max-width:270px}.intro>*{max-width:290px}.inspired{display:none}footer{padding:15px 20px}.edition{display:none}#hints{font-size:10px;gap:4px;padding:9px}kbd{font-size:9px;padding:3px;margin-left:2px}footer>.text-button{font-size:11px}#hud{top:88px;left:15px;right:15px;gap:10px}.location{padding:12px}.location strong{font-size:15px}.collect{padding:10px;gap:6px}.collect b{font-size:17px}.separator{margin:0 3px}.toy-symbol{font-size:25px}.collect small{font-size:9px}#objective{bottom:83px;font-size:12px;white-space:normal;width:max-content}.dialog-inner{padding:25px}.dialog-inner h2{font-size:35px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.chapter-link{display:block;color:#236b60;font-size:14px;font-weight:700;text-decoration:none;padding:11px 0;line-height:1.4}.chapter-link:hover{text-decoration:underline}.dialog-inner .chapter-link{text-align:center;margin-top:14px}.intro .inspired{margin-top:4px}@media(max-height:800px){.intro .inspired{display:none}.intro .chapter-link{padding:5px 0}}

.action-hud{position:fixed;left:38px;bottom:103px;background:#fff8e8ed;border-radius:16px;padding:13px 18px;display:grid;gap:5px;min-width:185px}.action-hud strong{font:700 23px Outfit}.action-hud small{font-size:11px;color:#577165}.action-hud>span{font-size:12px;margin-top:7px}.dash-meter{height:5px;background:#d4ddc7;border-radius:5px;overflow:hidden}.dash-meter i{display:block;width:100%;height:100%;background:#cf9747;transform-origin:left}@media(max-width:700px){.action-hud{left:15px;bottom:140px;padding:10px;min-width:150px}.action-hud strong{font-size:18px}}
/* celular deitado (tela baixa): HUD compacto, fora do caminho dos controles de toque */
@media(max-height:520px){header{padding:12px 18px}.brand{font-size:20px}.brand span{display:none}.top-actions button{padding:8px 12px;font-size:11px}#hud{top:54px;left:14px;right:14px;gap:8px}.location{padding:8px 12px}.location small{display:none}.location strong{font-size:14px}.collect{padding:7px 12px;gap:6px}.collect b{font-size:16px}.collect small{font-size:9px}.toy-symbol{font-size:22px}.treat-symbol{font-size:18px}.separator{height:22px;margin:0 3px}.action-hud{left:14px;bottom:auto;top:104px;padding:8px 12px;min-width:0;gap:3px}.action-hud strong{font-size:15px}.action-hud small,.action-hud>span{display:none}#objective{bottom:12px;font-size:12px;padding:7px 16px}footer{display:none}}