html,body{margin:0;height:100%;overflow:hidden;background:#9fd3f5;font-family:Arial Rounded MT Bold,Nunito,system-ui,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}#app canvas{display:block}#hud{position:fixed;inset:0;pointer-events:none;color:#1f2d4d}.panel{background:#fff;border:3px solid #1f2d4d;border-radius:14px;box-shadow:0 3px #1f2d4d59}#pos{position:absolute;top:12px;left:14px;padding:4px 22px;font:900 30px system-ui}#progress{position:absolute;top:14px;left:50%;transform:translate(-50%);width:44%;height:26px;border-radius:16px;display:flex;align-items:center;padding:0 10px;gap:8px}#progtrack{position:relative;flex:1;height:14px;background:#d7e2ee;border-radius:8px;border:2px solid #1f2d4d}#progfill{height:100%;width:0;background:linear-gradient(#6fd04f,#3ea52e);border-radius:6px}#progmark{position:absolute;top:50%;width:18px;height:18px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;border:3px solid #d8262d;left:0}.flag{font-size:20px;line-height:1;margin-top:-18px}#timerbox{position:absolute;top:12px;right:14px;padding:3px 12px 3px 18px;display:flex;align-items:center;gap:8px}#timer{font:900 28px system-ui;font-variant-numeric:tabular-nums}#sizebox{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;width:46%}#sizeball{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 45%,#cfe0f2);border:3px solid #1f2d4d;z-index:2;margin-right:-14px;flex:none}#sizebar{position:relative;flex:1;height:22px;padding:4px 4px 4px 14px;border-radius:16px}#sizegrad{height:100%;border-radius:10px;background:linear-gradient(90deg,#3cb043,#8cd23a 30%,#f5d32a 50%,#f5962a 72%,#e0353b);border:2px solid #1f2d4d;box-sizing:border-box}#sizeptr{position:absolute;bottom:-20px;left:0;width:0;height:0;margin-left:7px;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:16px solid #3cb043;filter:drop-shadow(0 0 0 #1f2d4d) drop-shadow(0 -2px 0 #1f2d4d);transform:translate(-11px)}#sizebar #sizeptr{left:0}#sizeval{margin-left:10px;font:900 18px system-ui;background:#fff;border:3px solid #1f2d4d;border-radius:10px;padding:1px 8px}.btn{pointer-events:auto;position:absolute;bottom:16px;width:116px;height:116px;border-radius:50%;font:900 22px system-ui;color:#fff;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}#btnJump{left:18px;background:radial-gradient(circle at 40% 30%,#4a9cf0,#1f5fc0);border:5px solid #fff;box-shadow:0 0 0 4px #1f2d4d,0 6px 0 4px #1f2d4d66;text-shadow:0 2px 0 #1f2d4d;-webkit-text-stroke:1px #1f2d4d}#btnPower{right:18px;width:104px;height:104px;background:radial-gradient(circle at 40% 30%,#3a6fd0,#1d3f8e);border:7px solid #f5c32a;box-shadow:0 0 0 3px #1f2d4d,0 0 18px 6px #ffd23c99;font-size:44px;text-shadow:0 2px 0 #1f2d4d}.btn:active{transform:translateY(3px)}#overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#14284673}#overlay.show{display:flex}.card{background:#fff;border:4px solid #1f2d4d;border-radius:22px;padding:22px 34px;text-align:center;min-width:300px;box-shadow:0 6px #1f2d4d66;color:#1f2d4d}.card h1{margin:0 0 8px;color:#e0353b;-webkit-text-stroke:1px #1f2d4d}.card button{pointer-events:auto;margin-top:12px;font:900 22px system-ui;padding:10px 32px;border:3px solid #1f2d4d;border-radius:14px;background:#2f7fd6;color:#fff;box-shadow:0 4px #1f2d4d}#count{position:fixed;top:32%;width:100%;text-align:center;font:900 96px system-ui;color:#fff;-webkit-text-stroke:4px #1f2d4d;pointer-events:none}.mk{position:absolute;top:50%;width:14px;height:14px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid #1f2d4d}.mk.me{width:20px;height:20px;margin:-12px 0 0 -12px;z-index:2}#progmark{display:none}#btnPower .pi{font-size:40px;line-height:1}#btnPower .pl{font:800 11px system-ui;margin-top:2px}#btnPower.full{animation:glow 1s infinite alternate}@keyframes glow{to{box-shadow:0 0 0 3px #1f2d4d,0 0 28px 12px #ffd23ce6}}.tracks{display:flex;gap:12px;justify-content:center}.trk{display:flex;flex-direction:column;gap:4px;min-width:150px}.trk small{font-weight:600;font-size:13px}.hint{color:#678;font-size:13px}table.res{margin:0 auto;border-collapse:collapse}table.res td,table.res th{padding:4px 12px}table.res tr.me{background:#fff3c4;font-weight:800}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid #1f2d4d;margin-right:6px;vertical-align:-2px}.card button.alt{background:#8a96a8}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#btnJump{left:max(18px,env(safe-area-inset-left))}#btnPower{right:max(18px,env(safe-area-inset-right))}#rotate{display:none;position:fixed;inset:0;z-index:50;background:#1f2d4d;color:#fff;font:800 22px system-ui;align-items:center;justify-content:center;text-align:center;padding:20px}@media (orientation:portrait) and (max-width:900px){#rotate{display:flex}}@media (max-height:500px){.btn{width:88px;height:88px;bottom:10px;font-size:16px}#btnPower{width:80px;height:80px}#pos{font-size:22px;padding:2px 14px}#timer{font-size:20px}#progress{height:20px}#sizebox{bottom:16px;width:40%}.card{padding:12px 20px;max-height:92vh;overflow:auto}.trk{min-width:120px}}#sizecover{position:absolute;inset:4px 4px 4px 14px;background:#d7e2eeeb;border-radius:0 10px 10px 0;border:2px solid #1f2d4d;border-left:0;box-sizing:border-box}#sizeticks{position:absolute;inset:4px 4px 4px 14px;background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 2px),rgba(31,45,77,.55) calc(12.5% - 2px) 12.5%);pointer-events:none}#sizeptr{transition:none}#growtag{position:absolute;left:50%;top:-24px;transform:translate(-50%);font:900 13px system-ui;padding:2px 10px;border-radius:10px;border:2px solid #1f2d4d;background:#d7e2ee;color:#556;white-space:nowrap}#sizebox[data-mode=grow] #growtag{background:#e8fbff;color:#1f6fbf;animation:gt .6s infinite alternate}#sizebox[data-mode=grow] #sizegrad{animation:shine .8s infinite alternate}#sizebox[data-mode=grow] #sizebar{box-shadow:0 0 14px 4px #8cdcffe6,0 3px #1f2d4d59}#sizebox[data-mode=grow] #sizeball{animation:bob .5s infinite alternate;box-shadow:0 0 12px 4px #bff0ff}#sizebox[data-mode=ice] #growtag{background:#9fd4f2;color:#1f2d4d}#sizebox[data-mode=max] #growtag{background:#e0353b;color:#fff}#sizebox.pop #sizeball{animation:pop .45s}@keyframes gt{to{transform:translate(-50%) scale(1.08)}}@keyframes shine{to{filter:brightness(1.3) saturate(1.3)}}@keyframes bob{to{transform:scale(1.12)}}@keyframes pop{40%{transform:scale(1.6)}to{transform:scale(1)}}#btnPower.empty{filter:grayscale(.85);opacity:.75}#btnPower.empty .pi{opacity:.5}#btnPower.active{filter:grayscale(.3);border-color:#9aa6b8;animation:none}#pring{position:absolute;right:max(10px,calc(env(safe-area-inset-right) - 8px));bottom:8px;width:124px;height:124px;border-radius:50%;pointer-events:none;display:none;background:conic-gradient(#3cd0ff calc(var(--p,1)*360deg),transparent 0);-webkit-mask:radial-gradient(circle,transparent 56px,#000 57px);mask:radial-gradient(circle,transparent 56px,#000 57px)}@media (max-height:500px){#pring{width:96px;height:96px;bottom:2px;right:8px;-webkit-mask:radial-gradient(circle,transparent 42px,#000 43px);mask:radial-gradient(circle,transparent 42px,#000 43px)}}#pring.small{display:none!important}#pbadge{position:absolute;right:max(8px,calc(env(safe-area-inset-right) - 10px));bottom:104px;width:40px;height:40px;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:22px;pointer-events:none;background:radial-gradient(circle,#fff 15px,transparent 16px),conic-gradient(#3cd0ff calc(var(--p,1)*360deg),#c9d3e0 0);border:2px solid #1f2d4d}@media (max-height:500px){#pbadge{bottom:80px;width:34px;height:34px;font-size:18px}}body.labmode #progress,body.labmode #timerbox,body.labmode #pos{display:none}#lab{display:none;position:fixed;top:8px;left:8px;width:min(460px,60vw);background:#fffffff0;border:3px solid #1f2d4d;border-radius:14px;padding:6px 10px;font:600 13px system-ui;color:#1f2d4d;pointer-events:auto;z-index:20}body:not(.labmode) #lab{display:none!important}#lab .lh{display:flex;gap:8px;align-items:center}#lab .lh b{flex:1;font-size:17px}#lab button{min-height:40px;border:3px solid #1f2d4d;border-radius:12px;background:#eef4fb;font:800 15px system-ui;color:#1f2d4d;padding:2px 12px;touch-action:manipulation}#lab button.big{background:#2f7fd6;color:#fff;min-width:110px;font-size:17px}#labgap{font:600 12px ui-monospace,monospace;margin-top:4px;color:#556}#lablog{font:700 13px system-ui;margin-top:3px}#lablog div:first-child{color:#2f7fd6}#lablog div+div{opacity:.6;font-weight:600}.lablist{display:flex;flex-direction:column;gap:6px;margin:6px 0}.labpick{display:grid;grid-template-columns:40px 130px 1fr;align-items:center;text-align:left;gap:8px;padding:6px 10px!important;margin:0!important;background:#eef4fb!important;color:#1f2d4d!important;box-shadow:none!important;font-size:16px!important}.labpick span{font-size:28px}.labpick small{font:600 12px system-ui;color:#556}.labpick.on{background:#2f7fd6!important;color:#fff!important}.labpick.on small{color:#e6f0ff}.trk.lab{margin:0 auto;background:#fff6d6}@media (max-height:500px){#lab{max-height:calc(100vh - 110px);font-size:11px}#lab button{min-height:30px}#lab button[data-give]{min-width:60px;font-size:18px}}body.menu #hud{display:none}#overlay{padding:8px;box-sizing:border-box}.card{max-height:calc(100dvh - 16px);max-height:calc(100vh - 16px);overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;box-sizing:border-box;max-width:calc(100vw - 16px)}.card .cardfoot{position:sticky;bottom:-22px;background:#fff;padding:6px 0 4px;margin-bottom:-6px;border-top:2px solid #d7e2ee}@media (max-height:500px){.card{padding:8px 14px}.card h1{font-size:22px;margin:0 0 2px}.card p{margin:4px 0}.card .cardfoot{bottom:-8px}.card button{margin-top:4px;padding:6px 22px;font-size:18px}.lablist{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:4px 0}.labpick{grid-template-columns:30px 1fr;padding:4px 8px!important;font-size:14px!important;min-height:44px}.labpick span{font-size:22px;grid-row:span 2}.labpick small{font-size:10px;line-height:1.15}.tracks{gap:8px}.trk{min-width:0;flex:1;padding:6px 10px!important}table.res td,table.res th{padding:2px 8px}}@media (max-height:500px) and (min-width:680px){.lablist{grid-template-columns:1fr 1fr 1fr}.labpick small{font-size:9.5px}}@media (max-height:500px){.lablist{grid-template-columns:1fr 1fr 1fr}.labpick small{display:none}.labpick{min-height:38px;grid-template-columns:28px 1fr}.labpick span{grid-row:auto}}@media (max-height:500px) and (max-width:560px){.lablist{grid-template-columns:1fr 1fr}}#sizebox{left:150px;transform:none;width:calc(100% - 440px);min-width:150px}.slot{position:relative;width:62px;height:62px;border-radius:18px;border:4px solid #f5c32a;background:radial-gradient(circle at 40% 30%,#3a6fd0,#1d3f8e);box-shadow:0 0 0 3px #1f2d4d,0 4px 0 3px #1f2d4d66;color:#fff;padding:0;touch-action:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.slot .si{font-size:34px;line-height:1}.slot .sn{position:absolute;right:4px;bottom:1px;font:900 15px system-ui;text-shadow:0 0 3px #1f2d4d,0 1px 0 #1f2d4d}.slot .sk{position:absolute;left:5px;top:2px;font:800 11px system-ui;font-style:normal;opacity:.75}.slot .sring{position:absolute;inset:0;background:conic-gradient(rgba(20,30,50,.62) calc(var(--p,0)*360deg),transparent 0);pointer-events:none}.slot.ready{animation:glow 1s infinite alternate}.slot.empty{filter:grayscale(1);opacity:.55}.slot.none{background:#ffffff59;border-color:#9aa6b8;border-style:dashed;box-shadow:none;opacity:.6}.slot.notarget{filter:grayscale(.9);opacity:.6}.slot.busy,.slot.cooldown{border-color:#9aa6b8}.slot:active{transform:translateY(3px)}.slot.nope{animation:nope .3s}@keyframes nope{25%{transform:translate(-5px)}75%{transform:translate(5px)}}#cdtag{position:absolute;right:calc(max(12px,env(safe-area-inset-right)) + 212px);bottom:23px;width:40px;height:40px;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:22px;pointer-events:none;background:radial-gradient(circle,#fff 15px,transparent 16px),conic-gradient(#3cd0ff calc(var(--p,1)*360deg),#c9d3e0 0);border:2px solid #1f2d4d}.lhead{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}.lslots{display:flex;gap:6px}.lslot{width:52px;height:52px;border-radius:12px;border:3px dashed #9aa6b8;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:#9aa6b8}.lslot.on{border:3px solid #1f2d4d;background:#eef4fb;color:#1f2d4d}.lslot span{font-size:24px;line-height:1}.lslot b{font-size:12px}.budget{font:800 16px system-ui;background:#fff6d6;border:3px solid #1f2d4d;border-radius:12px;padding:4px 12px}.budget b{font-size:22px}.lpal{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0;text-align:left}.lp{display:grid;grid-template-columns:34px 1fr auto 36px 22px 36px;align-items:center;gap:6px;background:#eef4fb;border:2px solid #c9d6e6;border-radius:12px;padding:4px 8px}.lp.on{background:#dcecff;border-color:#2f7fd6}.lp .ic{font-size:26px}.lp .nm b{display:block;font-size:14px}.lp .nm small{font:600 11px system-ui;color:#556}.lp .cost{font-size:9px;color:#f5962a;white-space:nowrap}.lp .cost em{font:900 14px system-ui;color:#1f2d4d;margin-left:3px;font-style:normal}.lp .n{text-align:center;font-size:18px}.card .lp button.pm{margin:0;padding:0;width:36px;height:36px;font-size:22px;border-radius:10px;box-shadow:0 2px #1f2d4d;touch-action:manipulation}.card button:disabled{opacity:.35;filter:grayscale(1)}.presets{font:700 13px system-ui}.pre{display:inline-flex;gap:2px;margin:0 4px}.card .pre button{margin:2px 0;padding:4px 8px;font-size:13px;border-radius:10px;box-shadow:0 2px #1f2d4d}.card .pre .pl{background:#eef4fb;color:#1f2d4d;min-width:44px}.card button.sm{padding:4px 10px;font-size:13px}@media (max-height:500px){.lhead{gap:8px}.lslot{width:38px;height:38px}.lslot span{font-size:18px}.lslot b{font-size:10px}.budget{font-size:13px;padding:2px 8px}.budget b{font-size:16px}.lpal{gap:4px;margin:4px 0}.lp{grid-template-columns:26px 1fr auto 32px 18px 32px;gap:4px;padding:2px 6px}.lp .ic{font-size:20px}.lp .nm b{font-size:12px}.lp .nm small{font-size:9.5px;line-height:1.1;display:block}.card .lp button.pm{width:32px;height:32px;font-size:18px}.lp .n{font-size:15px}.presets{margin:2px 0!important}}.abar{display:flex;gap:6px;justify-content:center;margin-top:6px}.card .ab{margin:0;padding:4px 12px;font-size:14px;border-radius:10px;box-shadow:0 2px #1f2d4d;background:#2f7fd6}.card .ab.off{background:#8a96a8;text-decoration:line-through}#spk{position:absolute;top:70px;right:max(14px,env(safe-area-inset-right));pointer-events:auto;width:44px;height:44px;border-radius:50%;border:3px solid #1f2d4d;background:#fff;font-size:20px;padding:0;touch-action:none}@media (max-height:500px){#spk{top:50px;width:34px;height:34px;font-size:16px}.abar{margin-top:2px}}#slots{--sb:62px;--gp:8px;position:absolute;right:max(12px,env(safe-area-inset-right));bottom:12px;display:grid;grid-template-columns:repeat(3,var(--sb));grid-template-rows:repeat(3,var(--sb));gap:var(--gp);pointer-events:none}#slots .slot{width:var(--sb);height:var(--sb);pointer-events:auto;border-radius:16px;border-width:4px}#slot0{grid-column:3;grid-row:1}#slot1{grid-column:3;grid-row:2}#slot2{grid-column:3;grid-row:3}#slot3{grid-column:2;grid-row:3}#slot4{grid-column:1;grid-row:3}#slots .slot .si{font-size:30px}#slots .slot .sn{font-size:13px}#slots .slot .sk{font-size:10px}@media (max-height:500px){.slot{border-width:3px}#sizebox{left:112px;width:calc(100% - 402px);bottom:22px}#cdtag{width:34px;height:34px;font-size:18px;bottom:26px}}@media (max-height:340px){#slots{--sb:54px;--gp:6px;bottom:8px}#cdtag{right:calc(max(12px,env(safe-area-inset-right)) + 182px);bottom:18px}#slots .slot .si{font-size:26px}#sizebox{width:calc(100% - 374px)}}#alert{display:none;position:absolute;top:56px;left:50%;transform:translate(-50%);background:#e0353b;color:#fff;font:900 20px system-ui;padding:6px 18px;border:3px solid #1f2d4d;border-radius:14px;box-shadow:0 3px #1f2d4d66;white-space:nowrap;animation:alertp .35s infinite alternate}@keyframes alertp{to{transform:translate(-50%) scale(1.08);background:#ff6a3a}}@media (max-height:500px){#alert{top:42px;font-size:15px;padding:3px 12px}}.menurow{display:flex;gap:10px;justify-content:center}.menurow .trk{margin:0;min-width:150px}.card .trk.lab{color:#1f2d4d;background:#fff6d6}.card .trk.lab small{color:#556}@media (max-height:500px){.menurow .trk{padding:6px 12px;margin-top:6px}.menurow .trk small{font-size:11px}.card p{margin:6px 0}.card .hint{margin:4px 0}}.onl{display:flex;flex-direction:column;align-items:center;gap:6px}.onl input{font:800 20px system-ui;padding:8px 12px;border:3px solid #1f2d4d;border-radius:12px;color:#1f2d4d;width:180px;text-align:center;user-select:text;-webkit-user-select:text;pointer-events:auto}.nick{font:800 16px system-ui;display:flex;align-items:center;gap:10px}.obtns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.ojoin{display:flex;gap:10px;align-items:center;justify-content:center}.ojoin input{width:120px;letter-spacing:3px;text-transform:uppercase;margin-top:12px}.oerr{color:#c0262d;font-weight:800;margin:4px 0}.owait{font-weight:800;color:#1f5fc0}.rcode{display:inline-block;background:#1f2d4d;color:#fff;-webkit-text-stroke:0;padding:0 14px;border-radius:12px;letter-spacing:4px;font-family:ui-monospace,monospace}.plist{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px auto;max-width:460px}.prow{border:3px solid #1f2d4d;border-radius:12px;padding:6px 10px;text-align:left;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow.empty{border-style:dashed;color:#789}.prow em{color:#678;font-size:14px}.otracks{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.card button.otk{font-size:16px;padding:6px 14px;margin-top:6px;background:#8a96a8}.card button.otk.on{background:#3aa845}.otrk{margin:6px 0}.ofin{font-size:34px;-webkit-text-stroke:2px #1f2d4d}@media (max-height:500px){.onl input{font-size:17px;padding:5px 10px}.onl{gap:2px}.plist{gap:5px;margin:4px auto}.prow{padding:3px 8px;font-size:15px}.ojoin input{margin-top:6px}}