:root{--ink:#3a2a1e;--cream:#fff6e2;--red:#ff3b5c;--blue:#57a9f2;--orange:#ff9a45;--pink:#ff6fc0;--green:#3fae5a;--font: ui-rounded, "Baloo 2", "Trebuchet MS", "Segoe UI Rounded", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;overflow:hidden;background:#12222c;font-family:var(--font);color:var(--ink)}#wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none}canvas{display:block;border-radius:14px;box-shadow:0 18px 60px #0000008c}#layer{position:absolute;pointer-events:none;transform-origin:top left}.btn{pointer-events:auto;cursor:pointer;border:0;font-family:var(--font);font-weight:800;background:var(--cream);color:var(--ink);border-radius:999px;padding:12px 26px;font-size:22px;box-shadow:0 5px #00000038,inset 0 -3px #00000014;transition:transform .08s ease,box-shadow .08s ease}.btn:active{transform:translateY(4px);box-shadow:0 1px #00000038}.btn.go{background:var(--red);color:#fff}.btn.round{width:42px;height:42px;padding:0;font-size:19px;display:grid;place-items:center;border-radius:50%}#hud{position:absolute;left:0;top:0;width:960px;height:540px;pointer-events:none}#topbar{position:absolute;left:14px;top:12px;right:14px;display:flex;align-items:center;gap:12px}.panel{background:#fff6e2eb;border-radius:16px;padding:8px 14px;box-shadow:0 4px #00000026;display:flex;align-items:center;gap:9px}#lvlname{font-weight:900;font-size:17px;letter-spacing:.3px}#pips{display:flex;gap:4px}.pip{width:13px;height:16px;background:#e3d3b4;clip-path:polygon(50% 0,100% 35%,78% 100%,22% 100%,0 35%)}.pip.on{background:var(--red);box-shadow:0 0 8px #ff3b5cb3}#spacer{flex:1}#nose,#focus{position:absolute;left:50%;transform:translate(-50%);top:12px;width:300px;display:none}#nosebar,#focusbar{height:14px;border-radius:999px;background:#e3d3b4;overflow:hidden;flex:1}#nosefill,#focusfill{height:100%;width:0%;background:#4bc4ff;border-radius:999px;transition:width .18s ease,background .25s ease}#nosetxt,#focustxt{font-weight:900;font-size:13px;white-space:nowrap;min-width:96px;text-align:right}#actbtn{position:absolute;right:18px;bottom:18px;background:var(--orange);color:#fff;font-size:24px;padding:16px 30px}#toast{position:absolute;left:50%;top:96px;transform:translate(-50%);background:#3a2a1eeb;color:#fff;padding:10px 20px;border-radius:999px;font-weight:800;font-size:18px;opacity:0;transition:opacity .25s ease}#hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);font-weight:800;font-size:14px;color:#ffffffe6;text-shadow:0 2px 5px rgba(0,0,0,.55);white-space:nowrap}.screen{position:absolute;inset:0;width:960px;height:540px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:auto;background:radial-gradient(circle at 50% 40%,#fff6e2f5,#ffe0b4f0)}.screen.show{display:flex}h1{font-size:72px;margin:0;line-height:.95;letter-spacing:-1px;text-align:center}h1 .b{color:var(--blue)}h1 .o{color:var(--orange)}.sub{font-size:19px;font-weight:700;opacity:.75;margin:0;text-align:center;max-width:640px}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}.card{background:#ffffff9e;border-radius:18px;padding:14px 22px;font-weight:700;font-size:15px;max-width:680px;text-align:center;line-height:1.55}.card b{color:var(--red)}.big{font-size:44px;font-weight:900}