:root{--card:#fff;--ink:#123324;--muted:#56705f;--flag:#e63946;--accent:#ffd23f;--accent-ink:#2a1f00;--hud:#ffffffdb;--line:#1233241f;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--card:#14261d;--ink:#eaf6ee;--muted:#9dbba8;--hud:#0e1e16d1;--line:#eaf6ee24}}:root[data-theme=dark]{--card:#14261d;--ink:#eaf6ee;--muted:#9dbba8;--hud:#0e1e16d1;--line:#eaf6ee24}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#7cc6f5;margin:0;font-family:Rubik,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}canvas{width:100%;height:100%;display:block;position:fixed;top:0;left:0}#hud{padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 0;pointer-events:none;z-index:5;flex-direction:column;gap:8px;max-width:640px;margin:0 auto;display:flex;position:fixed;top:0;left:0;right:0}.row{align-items:center;gap:6px;display:flex}.row .grow{flex:1}.pill{background:var(--hud);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;color:var(--ink);border-radius:999px;padding:6px 11px;font-size:13px;font-weight:600;box-shadow:0 2px 10px #0000001f}.pill b{font-size:15px;font-weight:800}#brand{font-family:Bungee,Rubik,system-ui,sans-serif;font-size:14px;font-weight:400}#mute{pointer-events:auto;cursor:pointer;font:inherit;border:0}#mute:focus-visible,.btn:focus-visible{outline:3px solid var(--flag);outline-offset:2px}#track{background:var(--hud);border-radius:99px;height:10px;margin:4px 6px 0;position:relative;box-shadow:0 2px 10px #0000001f}#track .z{border-radius:4px;position:absolute;top:2px;bottom:2px}#trackBall{background:#fff;border:2px solid #123324;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}#trackFlag{font-size:15px;position:absolute;top:-17px;transform:translate(-20%)}#hintWrap{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);pointer-events:none;z-index:5;justify-content:center;padding:0 12px;display:flex;position:fixed}#hint{white-space:normal;text-align:center;max-width:340px;font-size:13px}.overlay{padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06181061;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.overlay.hidden{display:none}.overlay{touch-action:pan-y;align-items:flex-start}.overlay>.card{margin:auto 0}.card{background:var(--card);color:var(--ink);text-align:center;border-radius:26px;width:100%;max-width:360px;padding:26px 22px 20px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000004d}.card:before{content:"";background:repeating-linear-gradient(90deg,#4caf50 0 22px,#66c25a 22px 44px);height:7px;position:absolute;top:0;left:0;right:0}h1{color:var(--ink);margin:6px 0 4px;font-family:Bungee,Rubik,system-ui,sans-serif;font-size:40px;font-weight:400;line-height:.95}h1 .flag{display:inline-block;transform:rotate(-8deg)}.sub{color:var(--muted);margin:0 0 16px;font-size:14px}.facts{border:2px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);margin:0 0 14px;display:grid;overflow:hidden}.facts div{padding:10px 4px}.facts div+div{border-left:2px solid var(--line)}.facts .n{font-family:Bungee,Rubik,sans-serif;font-size:20px;display:block}.facts .l{color:var(--muted);font-size:12px}.btn{background:var(--accent);width:100%;color:var(--accent-ink);cursor:pointer;border:0;border-radius:16px;margin-top:10px;padding:15px;font:800 18px Rubik,system-ui,sans-serif;transition:transform 80ms;display:block;box-shadow:0 5px #c99a00}.btn:active{transform:translateY(3px);box-shadow:0 2px #c99a00}.btn.ghost{color:var(--ink);box-shadow:none;border:2px solid var(--line);background:0 0;padding:12px;font-size:15px;font-weight:600}.how{text-align:left;color:var(--ink);margin:16px 0 4px;font-size:14px;line-height:1.45}.how p{gap:10px;margin:0 0 8px;display:flex}.how span{text-align:center;flex:0 0 22px}.big{margin-top:6px;font-size:64px;line-height:1}.scorename{margin:6px 0 2px;font-family:Bungee,Rubik,sans-serif;font-size:30px}.preview{white-space:pre-wrap;text-align:left;word-break:break-word;background:#7f7f7f1f;border-radius:14px;margin:14px 0 4px;padding:12px;font-size:15px;line-height:1.5}.stats{grid-template-columns:repeat(3,1fr);margin:14px 0 6px;display:grid}.stats .n{font-family:Bungee,Rubik,sans-serif;font-size:22px;display:block}.stats .l{color:var(--muted);font-size:12px}.next{color:var(--muted);margin-top:12px;font-size:14px}.next b{color:var(--ink);letter-spacing:1px;font-family:Bungee,Rubik,sans-serif;font-size:18px;font-weight:400}.tag{background:var(--flag);color:#fff;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}#statsOv .facts{margin-bottom:10px}.dist{text-align:left;margin:12px 0 4px}.drow{align-items:center;gap:8px;margin:5px 0;font-size:13px;display:flex}.drow .dl{color:var(--muted);flex:0 0 108px}.drow .dbar{background:#7f7f7f24;border-radius:7px;flex:1;height:14px;overflow:hidden}.drow .dbar i{border-radius:7px;height:100%;display:block}.drow b{text-align:right;flex:0 0 22px}.sect{text-align:left;margin:16px 0 6px;font-family:Bungee,Rubik,sans-serif;font-size:16px}.hist{touch-action:pan-y;-webkit-overflow-scrolling:touch;text-align:left;border:2px solid var(--line);border-radius:16px;max-height:32vh;overflow:auto}.hrow{padding:9px 12px;font-size:13px}.hrow+.hrow{border-top:2px solid var(--line)}.htop{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.htop span{color:var(--muted)}.htop .hsc{color:var(--ink);margin-left:auto;font-weight:600}.hlog{word-break:break-word;margin-top:3px}.hch{color:var(--muted);margin-top:2px;font-size:12px}.btnrow{gap:8px;display:flex}.btnrow .btn{flex:1;min-width:0}.lb{margin:12px 0 0}.lbq{margin-bottom:6px;font-size:14px;font-weight:600}.namerow{gap:8px;display:flex}.namerow input{border:2px solid var(--line);min-width:0;color:var(--ink);-webkit-user-select:text;user-select:text;touch-action:manipulation;background:0 0;border-radius:14px;flex:1;padding:12px 14px;font:600 16px Rubik,system-ui,sans-serif}.namerow input:focus{border-color:var(--flag);outline:none}.namerow .btn{width:auto;margin:0;padding:12px 18px;font-size:16px}.lberr{color:var(--flag);min-height:0;margin-top:4px;font-size:13px}.lbrank{font-size:15px}.tabs{background:#7f7f7f1f;border-radius:14px;gap:6px;margin:10px 0 8px;padding:4px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:9px;font:600 14px Rubik,system-ui,sans-serif}.tab.on{background:var(--card);color:var(--ink);box-shadow:0 1px 4px #00000026}.lbsub{color:var(--muted);margin-bottom:8px;font-size:13px}.hist>.sub{margin:0;padding:14px 12px}.hrow.me{background:#ffd23f38}.lname{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden;color:var(--ink)!important}.lbme{margin-top:10px;font-size:14px}.lbname{color:var(--muted);margin-top:6px;font-size:13px}.link{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (prefers-reduced-motion:reduce){.btn{transition:none}}