*{box-sizing:border-box;margin:0;padding:0}html,body{color:#111;background:#f4eedc;width:100%;height:100%;font-family:Comic Sans MS,Chalkboard SE,Segoe UI,sans-serif;overflow:hidden}#app,#app canvas{touch-action:none;position:absolute;inset:0}#hud{pointer-events:none;z-index:5;align-items:center;gap:16px;width:100%;padding:14px clamp(12px,3vw,28px);display:flex;position:absolute;top:0;left:0}#hud-modo{letter-spacing:.15em;font-size:clamp(13px,2.2vw,18px);font-weight:700}#hud-timer{font-variant-numeric:tabular-nums;margin-left:auto;font-size:clamp(18px,3vw,26px);font-weight:700}#btn-sair{pointer-events:auto;cursor:pointer;background:#f4eedc;border:3px solid #111;border-radius:50%;width:48px;height:48px;font-size:18px;font-weight:700}.screen{z-index:10;background:#f4eedce6;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.screen.hidden,#toast.hidden,.hidden{opacity:0;pointer-events:none}#hud.hidden{display:none}#splash{background:#f4eedc;flex-direction:column}#splash picture,#splash img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.splash-conteudo{text-align:center;padding-top:clamp(8px,6vh,60px);animation:3s ease-in-out infinite flutua;position:relative}.logo{text-shadow:4px 4px #f4eedc,-4px 4px #f4eedc,4px -4px #f4eedc,-4px -4px #f4eedc;letter-spacing:.02em;font-size:clamp(44px,9vw,96px);line-height:.95}.logo-sub{color:#1d4e63;text-shadow:2px 2px #f4eedc,-2px 2px #f4eedc,2px -2px #f4eedc,-2px -2px #f4eedc;margin-top:8px;font-size:clamp(18px,3.4vw,30px);font-weight:700}.toque{color:#f4eedc;background:#111;border-radius:999px;margin-top:clamp(16px,5vh,48px);padding:12px 26px;font-size:clamp(15px,2.6vw,22px);font-weight:700;animation:1.4s ease-in-out infinite pulsa;display:inline-block}@keyframes pulsa{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes flutua{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.panel{text-align:center;background:#f4eedc;border:4px solid #111;border-radius:28px;max-width:min(600px,94vw);max-height:92vh;padding:clamp(24px,4vw,44px) clamp(20px,5vw,56px);overflow-y:auto;box-shadow:8px 8px #11111126}.panel h2{margin-bottom:18px;font-size:clamp(22px,4vw,34px)}.modos{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.modo-card{cursor:pointer;background:#ffd95a;border:3px solid #111;border-radius:20px;flex-direction:column;flex:150px;align-items:center;gap:6px;min-width:150px;max-width:180px;min-height:48px;padding:18px 12px;font-family:inherit;transition:transform .15s;display:flex}.modo-card[data-mode=tempo]{background:#afc6da}.modo-card[data-mode=extremo]{background:#eca7c4}.modo-card:hover{transform:scale(1.05)rotate(-1.2deg)}.modo-emoji{font-size:34px}.modo-nome{font-size:19px;font-weight:700}.modo-desc{font-size:12.5px;line-height:1.25}.menu-rodape{justify-content:center;gap:12px;margin-top:20px;display:flex}.btn-mini{cursor:pointer;background:#f4eedc;border:3px solid #111;border-radius:14px;min-height:48px;padding:10px 18px;font-family:inherit;font-size:16px;font-weight:700}.btn-mini:hover{transform:scale(1.05)}.buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.buttons button{cursor:pointer;background:#ffd95a;border:3px solid #111;border-radius:18px;flex-direction:column;align-items:center;gap:2px;min-height:48px;padding:14px 22px;font-family:inherit;font-size:clamp(17px,2.6vw,20px);font-weight:700;transition:transform .15s;display:flex}.buttons button:nth-child(2){background:#afc6da}.buttons button:nth-child(3){background:#eca7c4}.buttons button span{font-size:13px;font-weight:400}.buttons button:hover{transform:scale(1.07)rotate(-1.5deg)}.btn-secundario{background:#d8c6b7!important}.btn-voltar{cursor:pointer;color:#1d4e63;background:0 0;border:none;min-height:48px;margin-top:18px;padding:8px 16px;font-family:inherit;font-size:15px;font-weight:700}.estrelas{letter-spacing:6px;margin:8px 0 4px;font-size:clamp(40px,9vw,64px)}.estrelas .off{opacity:.25}.estrelas span{display:inline-block}.estrelas.anima span{animation:.5s ease-out backwards estrelaPop}.estrelas.anima span:nth-child(2){animation-delay:.25s}.estrelas.anima span:nth-child(3){animation-delay:.5s}@keyframes estrelaPop{0%{transform:scale(0)rotate(-40deg)}70%{transform:scale(1.4)rotate(10deg)}to{transform:scale(1)rotate(0)}}#fim-info{margin:10px 0 20px;font-size:clamp(15px,2.6vw,19px);line-height:1.5}.panel-ranking{min-width:min(480px,94vw)}.tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px;display:flex}.tabs button{cursor:pointer;background:#f4eedc;border:2.5px solid #111;border-radius:12px;min-height:44px;padding:8px 12px;font-family:inherit;font-size:13.5px;font-weight:700}.tabs button.ativa{background:#ffd95a}#ranking-lista{text-align:left;font-variant-numeric:tabular-nums;min-height:150px;list-style:none}#ranking-lista li{border-radius:12px;align-items:baseline;gap:12px;padding:9px 14px;font-size:clamp(15px,2.4vw,18px);display:flex}#ranking-lista li:nth-child(odd){background:#1d4e6314}#ranking-lista li.destaque{background:#ffd95a;border:2px solid #111}#ranking-lista .pos{width:26px;font-weight:700}#ranking-lista .ini{letter-spacing:.2em;font-weight:700}#ranking-lista .tempo{margin-left:auto;font-weight:700}#ranking-lista .jog{color:#555;font-size:.8em}#ranking-lista .vazio{color:#777;justify-content:center}#iniciais-display{justify-content:center;gap:12px;margin:14px 0;display:flex}#iniciais-display span{background:#fff;border:3px solid #111;border-radius:12px;justify-content:center;align-items:center;width:clamp(48px,12vw,64px);height:clamp(58px,14vw,76px);font-size:clamp(30px,8vw,44px);font-weight:700;display:flex}#iniciais-display span.cursor{background:#ffd95a;animation:.8s infinite pulsa}#teclado{grid-template-columns:repeat(7,1fr);gap:7px;max-width:420px;margin-bottom:16px;display:grid}#teclado button{cursor:pointer;background:#f4eedc;border:2.5px solid #111;border-radius:10px;min-height:48px;font-family:inherit;font-size:clamp(16px,3vw,20px);font-weight:700}#teclado button:active{background:#ffd95a;transform:scale(.94)}.buttons-fim{margin-top:6px}#toast{bottom:max(24px, env(safe-area-inset-bottom));text-align:center;z-index:20;background:#f4eedc;border:4px solid #111;border-radius:20px;max-width:min(560px,92vw);padding:14px 24px;transition:opacity .35s;position:absolute;left:50%;transform:translate(-50%)}#toast-title{margin-bottom:4px;font-size:clamp(15px,2.6vw,18px);font-weight:700}#toast-text{font-size:clamp(13.5px,2.4vw,16px)}.ink-curtain{z-index:90;pointer-events:none;image-rendering:auto;width:100vw;height:100vh;position:fixed;inset:0}@media (orientation:portrait){#toast{bottom:calc(15vh + 12px)}}