:root{--bg: #14102b;--bg2: #1d1740;--card: #261f55;--card2: #31287a;--ink: #f4f1ff;--muted: #b8b0e0;--gold: #f6c453;--teal: #4fd1c5;--pink: #ff7f9e;--danger: #ff6b6b;--ok: #5ee08a;--radius: 16px;--shadow: 0 8px 24px #0006;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 700px at 70% -10%,#3b2a8a55,transparent),var(--bg);color:var(--ink);font-family:Trebuchet MS,Ubuntu,Segoe UI,system-ui,sans-serif;font-size:18px;line-height:1.45}h1,h2,h3{font-family:Georgia,Palatino Linotype,serif;margin:0 0 .4em;line-height:1.15}h1{font-size:clamp(2rem,6vw,3.4rem)}h2{font-size:clamp(1.5rem,4.5vw,2.1rem)}h3{font-size:1.25rem}p{margin:0 0 .8em}a{color:var(--teal)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 16px;background:#0d0a20cc;border-bottom:1px solid #ffffff14;position:sticky;top:0;z-index:5;backdrop-filter:blur(6px)}.topbar .brand{font-family:Georgia,serif;font-weight:700;color:var(--gold);text-decoration:none;font-size:1.1rem}.topbar .spacer{flex:1}.page{width:100%;max-width:980px;margin:0 auto;padding:20px 16px 48px;flex:1}.center{text-align:center}.card{background:linear-gradient(160deg,var(--card),var(--bg2));border:1px solid #ffffff1a;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.stack>*+*{margin-top:14px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:12px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.auto{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.btn{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:700;color:#1a1030;background:var(--gold);padding:12px 20px;min-height:48px;border-radius:14px;box-shadow:0 4px #b88a1f;transition:transform .08s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(2px);box-shadow:0 2px #b88a1f}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.alt{background:var(--teal);box-shadow:0 4px #2b8b82}.btn.ghost{background:transparent;color:var(--ink);border:2px solid #ffffff44;box-shadow:none}.btn.small{min-height:40px;padding:8px 14px;font-size:.95rem}.btn.big{font-size:1.25rem;padding:16px 28px}label{display:block;font-weight:700;margin-bottom:4px}input[type=text],input[type=email],input[type=password],input:not([type]){width:100%;font:inherit;color:var(--ink);background:#120d2b;border:2px solid #ffffff33;border-radius:12px;padding:12px 14px;min-height:48px}input:focus{border-color:var(--teal)}.hint{color:var(--muted);font-size:.92rem}.error{background:#5a1d2d;border:1px solid var(--danger);color:#ffd7d7;padding:10px 14px;border-radius:12px}.success{background:#14452a;border:1px solid var(--ok);color:#d4ffe2;padding:10px 14px;border-radius:12px}.chip{display:inline-block;background:#ffffff1a;border-radius:999px;padding:4px 12px;font-size:.9rem}.chip.gold{background:var(--gold);color:#1a1030;font-weight:700}.choice{appearance:none;cursor:pointer;font:inherit;color:var(--ink);background:#ffffff10;border:3px solid transparent;border-radius:14px;padding:10px;min-height:48px;text-align:center}.choice[aria-pressed=true]{border-color:var(--gold);background:#f6c45324}.choice:disabled{opacity:.4;cursor:not-allowed}.swatch{width:44px;height:44px;border-radius:50%;border:3px solid #ffffff55;padding:0;cursor:pointer}.swatch[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 3px #f6c45355}.tool-card{text-align:left;display:flex;gap:10px;align-items:center}.tool-card .emoji{font-size:1.8rem}.steps{display:flex;gap:6px;margin-bottom:14px}.steps span{flex:1;height:8px;border-radius:8px;background:#fff2}.steps span.done{background:var(--teal)}.steps span.cur{background:var(--gold)}.stage{border-radius:var(--radius);min-height:260px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid #ffffff22}.stage .deco{position:absolute;font-size:2rem;opacity:.85}.scn-floresta{background:linear-gradient(#1b3a3a,#0f2a24 70%,#1f4d36)}.scn-deserto{background:linear-gradient(#3b2358,#8a4b2a 75%,#c98a4a)}.scn-ilha{background:linear-gradient(#1c2b6e,#3b6fb5 60%,#6fb7d6)}.wld-luzes{box-shadow:inset 0 0 90px #ffe9a055}.wld-vale{box-shadow:inset 0 0 90px #5b1d8a99}.wld-engrenagens{box-shadow:inset 0 0 90px #ff9a4a55}.edu{overflow:visible;display:block}.edu-idle{animation:bob 3.2s ease-in-out infinite;transform-origin:50% 100%}.edu-led{animation:blink 2.4s infinite}.edu-eye{animation:eyeblink 5s infinite;transform-box:fill-box;transform-origin:center}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes eyeblink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.hud{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-bottom:12px}.timer{height:14px;background:#fff2;border-radius:10px;overflow:hidden}.timer>i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--gold));transition:width .25s linear}.timer.low>i{background:var(--danger)}.qprompt{font-size:clamp(1.25rem,4vw,1.7rem);font-weight:700;margin:14px 0}.opts{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:720px){.opts{grid-template-columns:1fr 1fr}}.opt{appearance:none;font:inherit;font-weight:700;color:#fff;text-align:left;cursor:pointer;border:0;border-radius:16px;padding:16px 18px;min-height:76px;display:flex;gap:14px;align-items:center;box-shadow:0 5px #0006}.opt .shape{font-size:1.6rem;flex:none;width:36px;text-align:center}.opt:active{transform:translateY(3px);box-shadow:0 2px #0006}.opt:disabled{cursor:default}.opt.c0{background:#d6336c}.opt.c1{background:#1864ab}.opt.c2{background:#e8a317;color:#1a1030}.opt.c3{background:#2b7a3b}.opt.c4{background:#7048e8}.opt.c5{background:#0b7285}.opt.gone{opacity:.25;filter:grayscale(1)}.opt.right{outline:5px solid var(--ok)}.opt.wrongpick{outline:5px solid var(--danger)}.opt .count{margin-left:auto;font-size:.95rem;background:#0005;border-radius:999px;padding:2px 10px}.order-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.order-item{display:flex;align-items:center;gap:12px;background:#ffffff14;border:3px solid #ffffff22;border-radius:14px;padding:12px 14px;min-height:60px;font:inherit;color:var(--ink);width:100%;text-align:left;cursor:pointer}.order-item .num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff2;font-weight:700;flex:none}.order-item.picked{border-color:var(--gold);background:#f6c45320}.order-item.picked .num{background:var(--gold);color:#1a1030}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.clue{background:#ffffff12;border-left:5px solid var(--teal);border-radius:10px;padding:10px 14px;margin:8px 0}.mission-banner{text-align:center;padding:26px 12px}.mission-banner .big{font-size:clamp(1.6rem,6vw,2.6rem);font-family:Georgia,serif;color:var(--gold)}.mult{background:var(--pink);color:#1a1030;font-weight:900;border-radius:999px;padding:2px 12px}.lb{list-style:none;padding:0;margin:0;display:grid;gap:8px}.lb li{display:flex;gap:10px;align-items:center;background:#ffffff10;border-radius:12px;padding:6px 12px}.lb li.me{outline:3px solid var(--gold)}.lb .pts{margin-left:auto;font-weight:700}.podium{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:18px 0;min-height:250px}.podium .col{text-align:center;width:min(30%,190px)}.podium .step{border-radius:12px 12px 0 0;display:grid;place-items:start center;padding-top:8px;font-family:Georgia,serif;font-size:2rem;font-weight:700;color:#1a1030}.podium .p1 .step{height:120px;background:linear-gradient(#ffe08a,#f6c453)}.podium .p2 .step{height:90px;background:linear-gradient(#e9eef7,#aab6cb)}.podium .p3 .step{height:64px;background:linear-gradient(#f0b27a,#c07a3a)}.podium .name{font-weight:700;word-break:break-word}.rise{animation:rise .7s ease-out both}@keyframes rise{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.blanks{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.phrase{font-family:Georgia,serif;font-size:1.25rem}.code-big{font-family:Ubuntu Mono,monospace;font-size:clamp(2.4rem,12vw,4.5rem);letter-spacing:.25em;color:var(--gold);text-align:center}.badge-new{animation:glow 1.6s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 #f6c45300}to{box-shadow:0 0 36px #f6c453aa}}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.pill{background:#ffffff18;border-radius:999px;padding:4px 12px;font-size:.95rem}.pill.ok{background:#1f6f41}.pill.off{opacity:.45}.sticky-bottom{position:sticky;z-index:4;bottom:0;background:linear-gradient(transparent,var(--bg) 40%);padding:18px 0 8px}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:#5a1d2d;border:1px solid var(--danger);color:#fff;padding:10px 16px;border-radius:12px;z-index:20;max-width:92vw}.calm .edu-idle,.calm .edu-led,.calm .edu-eye,.calm .rise,.calm .badge-new{animation:none!important}.calm .timer>i{transition:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:600px){.topbar{padding:8px 10px;gap:6px}.topbar .lbl{display:none}.topbar .brand .lbl{display:inline;font-size:.95rem}.topbar .btn.small{padding:6px 10px;min-height:44px;min-width:44px}.topbar .nick{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body{font-size:17px}}