*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#0d0618;color:#f6f1ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}button{font:inherit;color:inherit;border:0;cursor:pointer}#touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;touch-action:none}#pops{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;overflow:hidden}.pop{position:absolute;left:0;top:0;font-weight:900;font-size:15px;color:#fff;text-shadow:0 2px 0 #000,0 0 8px rgba(0,0,0,.9);white-space:nowrap;animation:pop .95s ease-out forwards;will-change:transform,opacity}.pop.big{font-size:21px;color:#ffe14d}@keyframes pop{0%{opacity:0;transform:translate(var(--x),var(--y)) translate(-50%,-50%) scale(.6)}15%{opacity:1;transform:translate(var(--x),var(--y)) translate(-50%,-90%) scale(1.15)}to{opacity:0;transform:translate(var(--x),var(--y)) translate(-50%,-260%) scale(1)}}#flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:7;background:#fff;opacity:0;transition:opacity .35s}#flash.on{opacity:.35;transition:none}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8}.hud-top{position:absolute;left:0;right:0;top:0;padding:calc(env(safe-area-inset-top) + 8px) 10px 6px 12px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(#000c,#0000)}#score{font-size:28px;font-weight:900;letter-spacing:.5px;line-height:1;text-shadow:0 2px 8px #000;font-variant-numeric:tabular-nums}.hud-sub{display:flex;gap:8px;font-size:12px;font-weight:700;opacity:.9;margin-top:4px}#mult{color:#ffd23f}#mbinfo{color:#7df}.hud-btns{display:flex;gap:6px;pointer-events:auto}.hbtn{width:52px;height:46px;border-radius:12px;background:#ffffff1f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;border:1px solid #ffffff2a}.hbtn small{font-size:9px;font-weight:700;margin-top:3px;opacity:.85}.hbtn:active{background:#ffffff40}#tablename{position:absolute;top:calc(env(safe-area-inset-top) + 58px);left:12px;font-size:11px;font-weight:800;opacity:.6;letter-spacing:1px;text-transform:uppercase}#msg{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);font-size:30px;font-weight:900;text-align:center;white-space:nowrap;opacity:0;text-shadow:0 0 18px var(--acc,#f0f),0 3px 0 #000;letter-spacing:1px}#msg.show{animation:msg 1.5s ease-out forwards}#msg.gold{color:#ffe14d}#msg.bad{color:#ff5a5a}#msg.good{color:#7dff9a}@keyframes msg{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}22%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}#plhint{position:absolute;right:10px;bottom:calc(env(safe-area-inset-bottom) + 14px);display:flex;align-items:flex-end;gap:8px;font-size:12px;font-weight:700;text-align:right;text-shadow:0 1px 3px #000;animation:pulse 1.4s infinite}#plhint span{order:-1}.plbar{width:14px;height:96px;border-radius:7px;background:#0008;border:2px solid #fff8;overflow:hidden;display:flex;align-items:flex-end}.plbar i{display:block;width:100%;height:0;background:linear-gradient(#ff3d6a,#ffd23f,#5aff7a)}@keyframes pulse{50%{opacity:.65}}#fps{position:absolute;left:8px;bottom:calc(env(safe-area-inset-bottom) + 6px);font:11px monospace;opacity:.7}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:radial-gradient(120% 60% at 50% 0%,#3a0d5a,#160830 45%,#07030f)}.mhead{text-align:center;padding:calc(env(safe-area-inset-top) + 22px) 16px 8px}.logo{font-size:48px;font-weight:900;letter-spacing:-1px;line-height:1}.logo .l1{background:linear-gradient(90deg,#ff3df2,#ffd23f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px #ff3df288)}.logo .l2{color:#2ef2ff;filter:drop-shadow(0 0 14px #2ef2ff88)}.tag{margin:8px 0 12px;opacity:.8;font-weight:600;font-size:14px}.mbtns{display:flex;gap:8px;justify-content:center}.chip-btn{padding:9px 14px;border-radius:999px;background:#ffffff18;border:1px solid #ffffff30;font-weight:700;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:12px 12px 20px;max-width:1100px;margin:0 auto}.card{position:relative;border-radius:18px;padding:12px 12px 10px;text-align:left;min-height:178px;overflow:hidden;box-shadow:0 6px 20px #0008,inset 0 0 0 1px #fff2;display:flex;flex-direction:column;transition:transform .12s}.card:active{transform:scale(.97)}.card .ic{font-size:40px;line-height:1;filter:drop-shadow(0 3px 6px #0008)}.card .no{position:absolute;right:10px;top:8px;font-size:11px;font-weight:900;opacity:.6}.card h3{margin:6px 0 4px;font-size:17px;font-weight:900;text-shadow:0 2px 4px #000a}.card p{margin:0;font-size:11.5px;line-height:1.3;opacity:.92;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px #000a}.card .chips{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px}.card .chips span{font-size:9.5px;font-weight:800;padding:2px 6px;border-radius:999px;background:#0006}.card .rec{margin-top:auto;padding-top:8px;font-size:12px;font-weight:800;color:#ffe14d;text-shadow:0 1px 2px #000}.card .rec.none{color:#fff;opacity:.7;font-weight:600}.mfoot{text-align:center;font-size:12px;opacity:.6;padding:6px 16px calc(env(safe-area-inset-bottom) + 20px)}.linkbtn{background:none;text-decoration:underline;font-size:12px;padding:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#05020cd0;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.panel{width:min(420px,100%);max-height:100%;overflow-y:auto;background:linear-gradient(#25123d,#140a24);border-radius:22px;padding:20px 18px;text-align:center;box-shadow:0 10px 40px #000,inset 0 0 0 1px #fff2}.panel h2{margin:0 0 14px;font-size:24px;font-weight:900}.btn{display:block;width:100%;padding:14px;margin:8px 0;border-radius:14px;background:#ffffff1c;font-weight:800;font-size:17px;border:1px solid #ffffff26}.btn.primary{background:linear-gradient(90deg,#ff3df2,#a46bff);border:0;box-shadow:0 4px 16px #ff3df255}.btn.danger{background:#ff3a4a33;font-size:14px;padding:10px}.btn:active{transform:scale(.98)}.toggles{display:flex;gap:14px;justify-content:center;margin:12px 0;flex-wrap:wrap}.toggles.col{flex-direction:column;align-items:flex-start;padding:0 10px}.toggles label{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px}.toggles input{width:20px;height:20px;accent-color:#ff3df2}.toggles select{font:inherit;padding:6px 8px;border-radius:8px;background:#ffffff1c;color:#fff;border:1px solid #ffffff33}.toggles select option{color:#000}.hint{font-size:12px;opacity:.7}.big{font-size:42px;font-weight:900;font-variant-numeric:tabular-nums;color:#ffe14d;text-shadow:0 0 18px #ffb02e88}.ovicon{font-size:46px}.newrec{font-weight:900;color:#5aff7a;font-size:18px;margin:6px 0;animation:pulse 1s infinite}.small{font-size:13px;opacity:.85;margin:6px 0}.small.left{text-align:left;line-height:1.45}.stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:12px;opacity:.85;margin:10px 0;text-align:left}.helpgrid{text-align:left;font-size:13.5px;line-height:1.45}.helpgrid p{margin:4px 0 12px;opacity:.9}kbd{background:#fff2;border-radius:5px;padding:1px 5px;font-size:12px;font-family:inherit;font-weight:700}#rotate{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:9;background:#000b;padding:6px 12px;border-radius:999px;font-size:12px;pointer-events:none}@media (min-width:700px){#score{font-size:34px}.card{min-height:190px}}