:root{--ink:#2b2b33;--g:#5bbf3a;--gd:#3f8f25;--bg:#fbfbf5}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg)}body{position:fixed;inset:0;font-family:Nunito,system-ui,sans-serif;color:var(--ink);touch-action:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}input{font:inherit;user-select:text;-webkit-user-select:text}[hidden]{display:none!important}#cv{position:absolute;inset:0;width:100%;height:100%;display:block}.layer{position:absolute;inset:0;z-index:5}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px 16px;background:linear-gradient(#fbfbf526,#fbfbf58c)}.logo{display:flex;gap:12px;font-family:DotGothic16,monospace;font-size:54px;letter-spacing:.04em;color:var(--ink)}.logo .g{color:var(--g)}.cats{display:flex;gap:8px;height:40px;align-items:flex-end}.cats i{width:30px;height:30px;position:relative;display:block;animation:hop 1.2s infinite}.cats i:before,.cats i:after{content:"";position:absolute;top:-8px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid currentColor}.cats i:before{left:2px}.cats i:after{right:2px}@keyframes hop{50%{transform:translateY(-6px)}}.panel{width:min(340px,100%);display:flex;flex-direction:column;gap:10px;align-items:stretch;background:#fff;border:3px solid var(--ink);border-radius:6px;padding:16px;box-shadow:6px 6px 0 var(--ink)}.row{display:flex;gap:8px}.row>*{flex:1}.btn{font-family:DotGothic16,monospace;font-size:18px;padding:11px 10px;border:3px solid var(--ink);border-radius:4px;background:#fff;box-shadow:3px 3px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn.green{background:var(--g);color:#fff;text-shadow:1px 1px 0 var(--gd)}.btn:disabled{opacity:.4}input{padding:10px 12px;border:3px solid var(--ink);border-radius:4px;font-weight:900;font-size:16px;text-align:center;outline:none;background:#fff}#code{text-transform:uppercase;letter-spacing:.3em;font-family:DotGothic16,monospace}.note{font-size:13px;font-weight:800;color:#6b6b75;text-align:center}.err{font-size:14px;font-weight:900;color:#e0403a;text-align:center;min-height:1em}.link{font-weight:900;text-decoration:underline;color:#6b6b75}.lt{font-family:DotGothic16,monospace;font-size:20px;text-align:center}.lt b{font-size:34px;letter-spacing:.2em;color:var(--g);display:block}.plist{display:flex;flex-direction:column;gap:6px}.pl{display:flex;align-items:center;gap:10px;padding:6px 10px;border:2px solid #e2e2e8;border-radius:4px;font-weight:900}.pl i{width:22px;height:22px;border-radius:2px;display:block}.pl small{margin-left:auto;color:#9a9aa5;font-size:12px}.pl.me{border-color:var(--ink)}.pl.empty{color:#b0b0ba;border-style:dashed}#hud{pointer-events:none}#hud>*{pointer-events:auto}.top{position:absolute;left:10px;right:10px;top:max(10px,env(safe-area-inset-top));display:flex;gap:8px;align-items:center;pointer-events:none!important}.top>*{pointer-events:auto}.lvl{font-family:DotGothic16,monospace;font-size:18px;background:#fff;border:3px solid var(--ink);padding:4px 10px;border-radius:4px;margin-right:auto}.ib{width:38px;height:38px;background:#fff;border:3px solid var(--ink);border-radius:4px;font-size:16px}.hint{position:absolute;left:50%;top:calc(max(10px,env(safe-area-inset-top)) + 50px);transform:translate(-50%);max-width:92vw;text-align:center;font-weight:900;font-size:14px;background:#ffffffe6;border:2px solid var(--ink);padding:5px 10px;border-radius:4px;pointer-events:none!important}.hint:empty{display:none}.big{position:absolute;left:0;right:0;top:32%;text-align:center;font-family:DotGothic16,monospace;font-size:52px;pointer-events:none!important;opacity:0;text-shadow:3px 3px 0 #fff}.big.show{animation:big 2.4s ease forwards}@keyframes big{0%{opacity:0;transform:scale(.6)}12%{opacity:1;transform:scale(1.05)}20%{transform:scale(1)}85%{opacity:1}to{opacity:0}}.ctl{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 14px max(18px,env(safe-area-inset-bottom));pointer-events:none!important}.ctl>*{pointer-events:auto}.lr{display:flex;gap:12px}.cb{width:76px;height:76px;border:3px solid var(--ink);border-radius:6px;background:#ffffffd9;font-size:28px;box-shadow:3px 3px 0 var(--ink)}.cb.on{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink);background:#e8f7df}.jb{width:96px;height:96px;font-family:DotGothic16,monospace;font-size:20px;background:var(--g);color:#fff;text-shadow:1px 1px 0 var(--gd)}@media (hover:hover) and (pointer:fine){.ctl{display:none}}.shot .panel{display:none!important}