@font-face{font-family:"Baloo 2";src:url(./baloo2-latin-B_TVFhwJ.woff2)format("woff2");font-weight:400 800;font-display:swap}:root{--ink:#3a2a4d;--card:#fffaf0;--accent:#ff7a3d;--accent-dark:#d9531a;--green:#2ecc71;--green-dark:#1e9e55}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;background:#2e9444;margin:0;font-family:"Baloo 2",system-ui,sans-serif;overflow:hidden}canvas#game{width:100vw;height:100vh;height:100dvh;display:block;position:fixed;inset:0}[hidden]{display:none!important}#hud{top:calc(env(safe-area-inset-top,0px) + 10px);pointer-events:none;align-items:center;gap:8px;display:flex;position:fixed;left:10px;right:10px}.pill{background:#fffaf0eb;border-radius:999px;padding:4px 14px;font-size:20px;font-weight:800;box-shadow:0 3px #0000002e}.star-icon{color:#f5b800}.hud-buttons{pointer-events:auto;gap:8px;margin-left:auto;display:flex}button{cursor:pointer;color:inherit;border:none;font-family:inherit}.round{background:#fffaf0eb;border-radius:50%;width:52px;height:52px;font-size:26px;position:relative;box-shadow:0 3px #0000002e}.round:active{transform:translateY(2px);box-shadow:0 1px #0000002e}.round.cooling{opacity:.55}#hint-count{background:var(--accent);color:#fff;border-radius:999px;min-width:22px;padding:0 5px;font-size:14px;font-weight:800;position:absolute;bottom:-4px;right:-4px}#hint-count:empty{display:none}#banner{text-align:center;pointer-events:none;white-space:nowrap;background:#fffaf0f2;border-radius:20px;padding:10px 26px;font-size:26px;font-weight:800;animation:2.6s forwards banner;position:fixed;top:32%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px #0003}#banner small{opacity:.75;font-size:18px;font-weight:600;display:block}@keyframes banner{0%{opacity:0;transform:translate(-50%,-30%)scale(.8)}12%,75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-70%)scale(1)}}.screen{background:#1e143259;justify-content:center;align-items:safe center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.card{background:var(--card);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:10px;width:min(420px,100%);padding:22px 22px 18px;display:flex;box-shadow:0 10px #0003}.logo{color:var(--accent);text-shadow:0 4px 0 var(--accent-dark), 0 8px 12px #00000026;letter-spacing:1px;margin:0;font-size:54px;font-weight:800;line-height:1}.logo span{color:#e84a5f;text-shadow:0 4px #a82a3c,0 8px 12px #00000026;margin-top:-2px;font-size:40px;display:block;transform:rotate(-4deg)}a.link{color:inherit}.subtitle{margin:0;font-size:20px;font-weight:600}h2{margin:0;font-size:34px}.big,.mid{color:#fff;background:var(--green);width:100%;box-shadow:0 6px 0 var(--green-dark);border-radius:18px;font-weight:800}.big{padding:10px 0 6px;font-size:30px}.mid{background:#54a0ff;padding:8px 0 4px;font-size:22px;box-shadow:0 5px #2e78d6}.big:active,.mid:active{box-shadow:0 2px 0 var(--green-dark);transform:translateY(4px)}.link{opacity:.7;background:0 0;padding:4px;font-size:16px;text-decoration:underline}.total{margin:0;font-size:18px;font-weight:600}.characters{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;display:grid}.char{background:#f0e6d6;border:3px solid #0000;border-radius:16px;flex-direction:column;align-items:center;min-width:0;padding:4px 2px 2px;font-size:clamp(10px,3.3vw,14px);font-weight:700;display:flex}.char canvas{aspect-ratio:1;width:100%;max-width:64px;height:auto}.char span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.char.selected{border-color:var(--accent);background:#ffe6d5}.win-stars{letter-spacing:6px;font-size:54px;line-height:1}.win-stars .on{color:#f5b800;text-shadow:0 3px #c98f00}.win-stars .off{color:#d9cfc0}#win-info{margin:0;font-size:20px;font-weight:600}@media (orientation:landscape) and (max-height:540px){.screen{padding:8px 16px}.card{border-radius:22px;gap:6px;width:min(560px,100%);padding:12px 18px 10px}.logo{font-size:38px}.logo span{margin-left:10px;font-size:30px;display:inline-block}.subtitle{display:none}h2{font-size:28px}.big{padding:6px 0 3px;font-size:24px}.mid{padding:5px 0 2px;font-size:19px}.win-stars{font-size:40px}#banner{top:24%}}@media (max-width:340px){.characters{grid-template-columns:repeat(2,minmax(0,1fr))}.char{flex-direction:row;justify-content:center;gap:4px;font-size:13px}.char canvas{max-width:40px}}#rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){#rotate-hint{z-index:100;color:#fff;text-align:center;background:#2e9444;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:fixed;inset:0}#rotate-hint p{text-shadow:0 3px #00000040;margin:0;font-size:26px;font-weight:700}.rotate-phone{font-size:72px;animation:2s ease-in-out infinite rotate-phone}}@keyframes rotate-phone{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}
