:root{--latao:#c9a227;--latao-claro:#f2d675;--latao-escuro:#8a6a12;--cobre:#b5651d;--madeira:#2b1d14;--madeira-2:#3b2819;--madeira-3:#1c120b;--creme:#f3e9d2;--creme-fraco:#cdbb98;--rubi:#c8283c;--esmeralda:#1fa866;--fonte-titulo:"Playfair Display", Georgia, "Times New Roman", serif;--fonte:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--raio:14px;--espaco-1:4px;--espaco-2:8px;--espaco-3:12px;--espaco-4:16px;--espaco-5:24px;--espaco-6:32px;--sombra:0 10px 30px #00000073;--transicao:.22s cubic-bezier(.2, .8, .2, 1);--altura-bandeja:92px}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background-color:var(--madeira);background-image:radial-gradient(120% 70% at 50% 0%, #ffbe781a, transparent 60%), repeating-linear-gradient(93deg, #00000029 0 2px, transparent 2px 11px, #ffdcaa09 11px 13px, transparent 13px 29px), repeating-linear-gradient(88deg, #0000001a 0 1px, transparent 1px 47px), linear-gradient(180deg, var(--madeira-2), var(--madeira) 45%, var(--madeira-3));color:var(--creme);font:16px/1.45 var(--fonte);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.app{max-width:100vw;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative;overflow:hidden}svg{width:24px;height:24px;display:block}.tela{opacity:0;visibility:hidden;transition:opacity var(--transicao), transform var(--transicao), visibility 0s linear .22s;flex-direction:column;display:flex;position:absolute;inset:0;transform:scale(.985)}.tela.ativa{opacity:1;visibility:visible;transition:opacity var(--transicao), transform var(--transicao), visibility 0s;transform:none}.tela-sobreposta{padding:var(--espaco-4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#140c069e;justify-content:center;align-items:center}#tela-inicio{padding:var(--espaco-5) var(--espaco-4);text-align:center;justify-content:center;align-items:center;overflow:hidden}.fundo-engrenagens{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.inicio-conteudo{align-items:center;gap:var(--espaco-4);flex-direction:column;width:100%;max-width:440px;display:flex;position:relative}.sobretitulo{letter-spacing:.32em;text-transform:uppercase;color:var(--creme-fraco);margin:0;font-size:.78rem}.titulo{font-family:var(--fonte-titulo);letter-spacing:.01em;background:linear-gradient(180deg, #fff4c2 0%, var(--latao-claro) 30%, var(--latao) 55%, #8a6a12 100%);color:#0000;filter:drop-shadow(0 2px #3d2a07)drop-shadow(0 8px 18px #0000008c);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.6rem,12vw,4.4rem);font-weight:700;line-height:.98}.como-jogar{align-items:center;gap:var(--espaco-3);padding:var(--espaco-3) var(--espaco-4);border-radius:var(--raio);text-align:left;background:#140c068c;border:1px solid #c9a22759;display:flex;box-shadow:inset 0 1px #ffe6a014}.como-jogar canvas{flex:none;width:120px;height:76px}.como-jogar h2{color:var(--latao-claro);font-size:.95rem;font-family:var(--fonte-titulo);margin:0 0 2px}.como-jogar ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.como-jogar li{color:var(--creme);text-wrap:pretty;padding-left:14px;font-size:.86rem;line-height:1.35;position:relative}.como-jogar li:before{content:"";background:var(--latao);border-radius:50%;width:6px;height:6px;position:absolute;top:.5em;left:0;box-shadow:0 0 6px #f2d67599}@media (width>=600px){.inicio-conteudo{max-width:500px}}.total-estrelas{color:var(--latao-claro);letter-spacing:.04em;margin:0;font-size:1.1rem;font-weight:700}.total-estrelas.pequeno{white-space:nowrap;font-size:.95rem}.botao-icone.canto{top:calc(var(--espaco-3) + env(safe-area-inset-top));right:var(--espaco-3);z-index:2;position:absolute}.botao{min-width:120px;min-height:48px;padding:var(--espaco-2) var(--espaco-5);border-radius:var(--raio);color:var(--creme);font:inherit;cursor:pointer;touch-action:manipulation;transition:transform .12s ease, filter var(--transicao), box-shadow .12s ease;background:linear-gradient(#4a3220,#33221a);border:1px solid #c9a2278c;font-weight:700;box-shadow:0 3px #160d07,inset 0 1px #ffe6a026}.botao:hover{filter:brightness(1.15)}.botao:active{transform:translateY(2px);box-shadow:0 1px #160d07}.botao-principal{min-width:220px;min-height:58px;font-family:var(--fonte-titulo);letter-spacing:.06em;background:linear-gradient(180deg, #f7de7e 0%, var(--latao) 48%, #9c7a16 100%);color:#2b1d14;text-shadow:0 1px #fff5c899;border:1px solid #ffe38a;font-size:1.45rem;box-shadow:0 5px #5e470b,0 12px 26px #00000080,inset 0 1px #fff9}.botao-principal:active{transform:translateY(4px);box-shadow:0 1px #5e470b,0 6px 14px #00000080}.botao-icone{width:44px;height:44px;color:var(--latao-claro);cursor:pointer;touch-action:manipulation;transition:transform .12s ease, filter var(--transicao), opacity var(--transicao);background:linear-gradient(#4a3220,#2f1f15);border:1px solid #c9a2278c;border-radius:12px;flex:none;place-items:center;padding:0;display:grid;position:relative;box-shadow:0 2px #140b05,inset 0 1px #ffe6a01f}.botao-icone:hover{filter:brightness(1.2)}.botao-icone:active{transform:scale(.92)}.botao-icone:disabled{opacity:.38;cursor:default;filter:grayscale(.6)}.selo-dica{background:var(--cobre);min-width:18px;height:18px;color:var(--creme);border-radius:9px;padding:0 4px;font:700 11px/18px system-ui,sans-serif;position:absolute;top:-5px;right:-5px;box-shadow:0 1px 2px #00000080}.botao-icone:disabled .selo-dica{display:none}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--madeira), 0 0 0 5px var(--latao-claro), 0 0 14px #f2d67580!important}.botao-principal:focus-visible{box-shadow:0 5px 0 #5e470b, 0 0 0 3px var(--madeira), 0 0 0 5px #fff3c4, 0 0 18px #ffdc6e99!important}.barra{align-items:center;gap:var(--espaco-2);min-height:60px;padding:var(--espaco-2) var(--espaco-3);z-index:3;background:linear-gradient(#140c06d9,#140c068c);border-bottom:1px solid #c9a2274d;display:flex;box-shadow:0 4px 12px #0000004d}.barra-titulo{font-family:var(--fonte-titulo);color:var(--latao-claro);flex:1;margin:0;font-size:1.25rem}.info-fase{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.info-fase strong{font-family:var(--fonte-titulo);color:var(--latao-claro);white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;overflow:hidden}.info-fase span{color:var(--creme-fraco);white-space:nowrap;font-size:.82rem}.info-fase span.pulsar{animation:.3s pulsar;display:inline-block}.lista-capitulos{padding:var(--espaco-4) var(--espaco-3) var(--espaco-6);align-items:center;gap:var(--espaco-5);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.capitulo{width:min(640px,100%)}.capitulo .cap-num{letter-spacing:.28em;text-transform:uppercase;color:var(--cobre);font-size:.72rem;font-weight:700;display:block}.capitulo .cap-topo{justify-content:space-between;align-items:baseline;gap:var(--espaco-2);display:flex}.capitulo .cap-estrelas{color:var(--latao-claro);white-space:nowrap;font-size:.85rem;font-weight:700}.capitulo .cap-estrelas:after{content:attr(data-texto)}.capitulo .cap-barra{height:4px;margin:2px 0 var(--espaco-2);background:#f3e9d21a;border-radius:2px;overflow:hidden}.capitulo .cap-barra i{background:linear-gradient(90deg, var(--cobre), var(--latao-claro));border-radius:2px;height:100%;transition:width .6s;display:block}.capitulo h3{font-family:var(--fonte-titulo);color:var(--latao-claro);margin:0;font-size:1.2rem}.capitulo p{margin:0 0 var(--espaco-3);color:var(--creme-fraco);font-size:.9rem}.grade-fases{gap:var(--espaco-2);grid-template-columns:repeat(5,1fr);display:grid}.ladrilho{min-height:84px;padding:var(--espaco-2) 2px;border-radius:var(--raio);color:var(--creme);font:inherit;cursor:pointer;touch-action:manipulation;transition:transform .12s ease, filter var(--transicao);background:radial-gradient(circle at 30% 20%,#6b4a2a,#3a2617 70%);border:1px solid #c9a22780;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;box-shadow:0 3px #140b05,inset 0 1px #ffe6a026}.ladrilho:hover{filter:brightness(1.15)}.ladrilho:active{transform:translateY(2px)}.ladrilho .numero{font-family:var(--fonte-titulo);color:var(--latao-claro);font-size:1.6rem;font-weight:700;line-height:1}.ladrilho .nome{color:var(--creme-fraco);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;font-size:.66rem;line-height:1.1;overflow:hidden}.ladrilho .mini-estrelas{letter-spacing:1px;color:#f3e9d240;font-size:.8rem}.ladrilho .mini-estrelas b{color:var(--latao-claro);font-weight:400}.ladrilho.atual{border-color:var(--latao-claro);animation:1.8s ease-in-out infinite chamar;box-shadow:0 0 0 2px #f2d67559,0 3px #140b05}.ladrilho.feita{background:radial-gradient(circle at 30% 20%,#7a5a2c,#45301b 70%);border-color:#f2d675bf}.ladrilho.perfeita .mini-estrelas b{text-shadow:0 0 6px #ffd65acc}.ladrilho:disabled{cursor:not-allowed;filter:grayscale(.8)brightness(.6)}.ladrilho:disabled .numero{color:var(--creme-fraco)}.ladrilho .cadeado{width:16px;height:16px;color:var(--creme-fraco)}.objetivos{min-height:40px;padding:6px var(--espaco-2);z-index:2;flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{white-space:nowrap;transition:background var(--transicao), border-color var(--transicao);background:#140c0699;border:1px solid #b5651db3;border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 4px;font-size:.8rem;display:inline-flex}.chip .num{background:var(--creme);width:20px;height:20px;color:var(--madeira);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid}.chip.ok{border-color:var(--esmeralda);background:#1fa86647}.chip.ok .num{background:var(--esmeralda);color:#fff}.chip.errado{border-color:var(--rubi);background:#c8283c40}.chip.travado{border-color:var(--rubi);background:#c8283c66;animation:.3s linear 2 tremer}.chip.mensagem{color:var(--creme-fraco);border-color:#c9a22766;padding-left:10px}.palco{touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}.palco>canvas{pointer-events:none;z-index:2;width:100%;height:100%;display:block;position:absolute;inset:0}.bandeja{left:50%;bottom:calc(var(--espaco-2) + env(safe-area-inset-bottom));gap:var(--espaco-2);padding:var(--espaco-2);width:min(420px,100% - 16px);height:var(--altura-bandeja);z-index:1;background:repeating-linear-gradient(90deg,#0000001f 0 2px,#0000 2px 14px),linear-gradient(#4a3220,#26180f);border:1px solid #c9a22773;border-radius:18px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 -4px 18px #00000073,inset 0 1px #ffe6a026,inset 0 -3px 8px #00000080}.peca{min-width:56px;min-height:56px;color:var(--creme);font:inherit;cursor:grab;touch-action:none;transition:transform .14s ease, background var(--transicao), border-color var(--transicao), box-shadow var(--transicao), opacity var(--transicao);background:#0a060373;border:1px solid #c9a2274d;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:4px;padding:0 4px;display:flex;position:relative}.peca canvas{pointer-events:none;width:52px;height:52px;position:static}.peca .rotulo{flex-direction:column;align-items:flex-start;line-height:1.05;display:flex}.peca .rotulo b{font-family:var(--fonte-titulo);color:var(--latao-claro);font-size:1.15rem}.peca .rotulo span{color:var(--creme);font:700 .95rem system-ui,sans-serif}.peca:hover{background:#c9a2271f}.peca.selecionada{border-color:var(--latao-claro);background:#c9a22738;transform:translateY(-3px)scale(1.04);box-shadow:0 0 0 2px #f2d67573,0 6px 14px #00000080}.peca:disabled{opacity:.35;cursor:default}.peca.vazia{opacity:.35}.peca.pulsar{animation:.3s pulsar}.cartao{align-items:center;gap:var(--espaco-3);width:min(360px,100%);padding:var(--espaco-5) var(--espaco-5) var(--espaco-5);border:2px solid var(--latao);box-shadow:var(--sombra), inset 0 0 0 4px #140c0699, inset 0 0 0 5px #c9a22759;text-align:center;background:radial-gradient(120% 80% at 50% 0,#c9a2272e,#0000 60%),linear-gradient(#3e2a1b,#22160d);border-radius:20px;flex-direction:column;display:flex}.tela-sobreposta.ativa .cartao{animation:.38s cubic-bezier(.2,.9,.3,1.3) surgir}.cartao h2{font-family:var(--fonte-titulo);color:var(--latao-claro);margin:0;font-size:1.8rem}.emblema{filter:drop-shadow(0 4px 8px #0009);width:54px;height:54px;margin:-52px 0 -4px}.tela-sobreposta.ativa .emblema{animation:6s linear infinite girar}.proxima-info{color:var(--creme-fraco);min-height:1.2em;margin:-4px 0 0;font-size:.82rem}.vitoria-texto{color:var(--creme-fraco);min-height:2.6em;margin:0;font-size:.95rem}.linha-botoes{gap:var(--espaco-2);width:100%;display:flex}.linha-botoes .botao{flex:1;min-width:0}.estrelas{gap:var(--espaco-2);font-size:3rem;line-height:1;display:flex}.estrelas span{color:#f3e9d22e;opacity:0;transform:scale(.4)}.tela-sobreposta.ativa .estrelas span{animation:.42s cubic-bezier(.2,.9,.3,1.6) forwards estrela-surge}.tela-sobreposta.ativa .estrelas span:first-child{animation-delay:.35s}.tela-sobreposta.ativa .estrelas span:nth-child(2){animation-delay:.75s}.tela-sobreposta.ativa .estrelas span:nth-child(3){animation-delay:1.15s}.estrelas span.ganha{color:var(--latao-claro);text-shadow:0 0 14px #ffd65abf,0 2px #5e470b}.avisos{left:50%;bottom:calc(var(--altura-bandeja) + 22px + env(safe-area-inset-bottom));align-items:center;gap:var(--espaco-2);pointer-events:none;z-index:20;flex-direction:column;width:max-content;max-width:calc(100vw - 24px);display:flex;position:fixed;transform:translate(-50%)}.aviso{padding:var(--espaco-2) var(--espaco-4);color:var(--creme);text-align:center;background:#140c06eb;border:1px solid #c9a22780;border-radius:999px;font-size:.92rem;font-weight:700;animation:.22s surgir,.3s 1.9s forwards sumir;box-shadow:0 6px 16px #00000073}.aviso.erro{border-color:var(--rubi);background:#6e101cf0}.aviso.ok{border-color:var(--esmeralda);background:#0c502ef0}@keyframes pulsar{40%{transform:scale(1.18)}}@keyframes surgir{0%{opacity:0;transform:translateY(12px)scale(.94)}}@keyframes sumir{to{opacity:0;transform:translateY(-8px)}}@keyframes tremer{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes estrela-surge{0%{opacity:0;transform:scale(.3)rotate(-40deg)}60%{opacity:1;transform:scale(1.35)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes girar{to{transform:rotate(360deg)}}@keyframes chamar{50%{box-shadow:0 0 0 3px #f2d6758c,0 0 18px #f2d67573,0 3px #140b05}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=420px){.barra{gap:6px;padding:6px 8px}.ladrilho{min-height:76px}.ladrilho .nome{display:none}.como-jogar{padding:var(--espaco-2) var(--espaco-3)}.como-jogar canvas{width:96px;height:61px}.peca canvas{width:44px;height:44px}}@media (height<=560px){.inicio-conteudo{gap:var(--espaco-2)}.titulo{font-size:2.4rem}.como-jogar{display:none}:root{--altura-bandeja:72px}.cartao{padding:var(--espaco-3);gap:var(--espaco-2)}}