*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#6bb6e8;font-family:Trebuchet MS,Nunito,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#game{display:block;width:100%;height:100%;outline:none}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:space-between}.hud-top,.hud-bottom{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.hud-top{justify-content:space-between}.pill{background:#fff4d6;color:#5a2e10;border:4px solid #8b4a1c;box-shadow:0 8px #5a280c2e,0 12px 24px #28140029;border-radius:999px;padding:10px 18px;font-size:20px;font-weight:800;letter-spacing:.01em}.pill.big{font-size:26px;padding:12px 22px;background:#f0c24a;border-color:#c41e3a;color:#4a220c}.pill.hint{font-size:18px;background:#fff8e8;color:#6b3a16;border-color:#c9842a}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 30%,rgba(255,226,140,.5),transparent 42%),linear-gradient(180deg,#50a0e647,#c85a2829);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay.hidden,.hud.hidden,.hidden{display:none!important}.card{width:min(520px,100%);background:#fff6e4;border:7px solid #8b4a1c;border-radius:36px;box-shadow:0 16px #5a280c29,0 28px 50px #28140033;padding:28px 22px 26px;text-align:center}.win-card{background:#ffe7a8;border-color:#c41e3a}.title-art{font-size:48px;line-height:1;margin-bottom:8px;filter:drop-shadow(0 6px 0 rgba(90,50,20,.08))}h1{margin:0 0 10px;font-size:clamp(40px,10vw,64px);line-height:.95;color:#8b2a14;text-shadow:0 4px 0 #f0c24a}.tagline{margin:0 0 22px;font-size:clamp(18px,4.4vw,22px);line-height:1.35;color:#6b3a16;font-weight:700}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;pointer-events:auto;background:#c41e3a;color:#fffdf8;font:inherit;font-size:34px;font-weight:900;padding:16px 42px;border-radius:999px;box-shadow:0 8px #8a1020;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn:hover{filter:brightness(1.05);transform:translateY(-2px)}.btn:active{transform:translateY(6px);box-shadow:0 2px #8a1020}#comics{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.comic{position:absolute;transform:translate(-50%,-100%);background:#fffdf6;color:#5a2e10;border:4px solid #8b4a1c;border-radius:22px 22px 22px 6px;padding:8px 14px;font-size:22px;font-weight:900;white-space:nowrap;box-shadow:0 8px #4a2a121f;animation:pop 2.2s ease forwards}.comic.mama{background:#ffe7a8;border-color:#c41e3a;border-radius:22px 22px 6px}.comic.win{background:#f0c24a;font-size:26px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-70%) scale(.6)}12%{opacity:1;transform:translate(-50%,-110%) scale(1.08)}22%{transform:translate(-50%,-120%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-150%) scale(1)}}@media(max-width:520px){.pill.big{font-size:20px}.pill{font-size:16px;padding:8px 14px}.btn{font-size:28px;width:100%}.comic{font-size:18px}}