:root{--ink: #10131c;--bg: #0b0d14;--panel: #161a29;--panel2: #20263a;--line: #2b3147;--text: #f2f5fa;--dim: rgba(242,245,250,.72);--a: #FF6B6B;--b: #4ECDC4;--c: #FFE66D;--good: #5fd068;--orange: #FF9F43;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--font: "Trebuchet MS", Verdana, "DejaVu Sans", sans-serif}html.in-app{--safe-t: 0px;--safe-r: 0px;--safe-b: 0px;--safe-l: 0px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden;touch-action:none}canvas#cv{position:fixed;inset:0;display:block}code,.share,input{-webkit-user-select:text;user-select:text}button,.btn{font:inherit;font-weight:800;font-size:17px;color:var(--ink);background:var(--c);border:0;border-radius:14px;padding:13px 16px;min-width:120px;cursor:pointer;box-shadow:0 5px #b89a22;transition:transform .06s,box-shadow .06s,filter .15s;text-decoration:none;display:inline-block}button:active,.btn:active{transform:translateY(3px);box-shadow:0 2px #b89a22}button:hover,.btn:hover{filter:brightness(1.06)}button.alt{background:var(--b);box-shadow:0 5px #2f8f88}button.red{background:var(--a);box-shadow:0 5px #b84848}button.ghost{background:var(--line);color:var(--text);box-shadow:0 5px #1a1f31}button.sm{min-width:0;padding:10px 14px;font-size:14px}button small{display:block;font-weight:700;font-size:12px;opacity:.75}button[disabled]{opacity:.45;cursor:default;filter:none}button:focus-visible,.card:focus-visible{outline:3px solid #fff;outline-offset:3px}#top{position:fixed;top:calc(8px + var(--safe-t));right:calc(10px + var(--safe-r));display:flex;gap:8px;z-index:6}.pill.coin{min-width:0;display:flex;align-items:center;gap:7px;background:var(--ink);color:var(--c);padding:8px 13px;font-size:15px;box-shadow:0 4px #05060b;border:2px solid #2b3147}.cdot{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:inset -3px -3px #c9a62a,0 0 0 2px var(--ink)}.icon-btn{min-width:0;width:42px;height:42px;padding:0;font-size:19px;line-height:42px;background:var(--line);color:var(--text);box-shadow:0 4px #1a1f31}#bPause{font-size:15px;letter-spacing:-1px}[hidden]{display:none!important}.scr{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));background:#0b0d14b3;z-index:4}.scr.on{display:flex;animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panel{background:var(--panel);border:3px solid var(--c);border-radius:22px;padding:20px;width:min(94vw,440px);max-height:100%;overflow:auto;text-align:center;box-shadow:0 18px 60px #0009;animation:popIn .22s cubic-bezier(.2,1.4,.4,1)}@keyframes popIn{0%{transform:scale(.92) translateY(10px);opacity:0}to{transform:none;opacity:1}}h2{font-size:24px;color:var(--c);margin-bottom:8px;letter-spacing:.5px}h3.sec{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);margin:16px 0 6px;text-align:left}p.fine,.fine{font-size:14px;line-height:1.45;color:var(--dim);margin-top:8px}.row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:14px}.msg{margin-top:10px;min-height:18px;font-size:13px;color:var(--c);font-weight:700}#sMenu{background:linear-gradient(180deg,#0b0d1459,#0b0d14d1 55%);align-items:flex-end}.menu{width:min(94vw,420px);display:flex;flex-direction:column;gap:12px;padding-bottom:8px}.logo{position:relative;align-self:center;text-align:center;font-weight:900;font-size:clamp(54px,17vw,86px);line-height:.9;letter-spacing:1px;color:var(--c);text-shadow:0 6px 0 var(--ink),0 0 40px rgba(255,230,109,.25);margin-bottom:2px;animation:logoIn .6s cubic-bezier(.2,1.5,.4,1) both}.logo .w2{color:var(--a);display:inline-block;animation:wob 3.2s ease-in-out infinite;transform-origin:50% 80%}.logo .pz{position:absolute;right:-34px;top:-6px;display:flex;gap:5px;padding:7px 8px;background:var(--ink);border-radius:10px;transform:rotate(8deg);animation:blink 1.6s steps(1) infinite}.logo .pz b{width:7px;height:20px;background:var(--c);border-radius:2px}@keyframes logoIn{0%{transform:scale(.6) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}@keyframes wob{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg) scale(1.04)}}@keyframes blink{0%,70%{opacity:1}71%,to{opacity:.35}}.menu .tag{text-align:center;font-weight:700;color:var(--dim);font-size:16px;margin-bottom:4px}.card{position:relative;display:grid;text-align:left;width:100%;border-radius:20px;padding:16px 18px;min-height:76px;color:var(--ink);animation:rise .45s cubic-bezier(.2,1.2,.4,1) both}.card .k{font-size:22px;font-weight:900;letter-spacing:.5px}.card .sub{font-size:13px;font-weight:700;opacity:.78;margin-top:3px}.card.daily{background:var(--c);box-shadow:0 6px #b89a22,0 0 #ffe66d99;animation:rise .45s .05s cubic-bezier(.2,1.2,.4,1) both,glow 2.4s 1s ease-in-out infinite;padding:18px 20px}.card.daily.done{animation:rise .45s .05s cubic-bezier(.2,1.2,.4,1) both}.card.daily .k{font-size:28px}.card.daily .day{position:absolute;right:18px;top:16px;font-weight:900;font-size:22px;opacity:.55}.card .squares{font-size:15px;letter-spacing:1px;margin-top:6px}.card .squares:empty{display:none}.card .streak{position:absolute;right:16px;bottom:14px;background:var(--ink);color:var(--orange);border-radius:999px;padding:4px 10px;font-size:14px;font-weight:900}@keyframes glow{0%,to{box-shadow:0 6px #b89a22,0 0 #ffe66d80}50%{box-shadow:0 6px #b89a22,0 0 0 10px #ffe66d00}}@keyframes rise{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card.endless{background:var(--b);box-shadow:0 6px #2f8f88;animation-delay:.12s}.card.tour{background:var(--a);box-shadow:0 6px #b84848;animation-delay:.18s}.row.small{margin-top:2px;animation:rise .45s .24s both}ol.how{text-align:left;padding-left:0;list-style:none;counter-reset:s;margin-top:6px}ol.how li{counter-increment:s;position:relative;padding:8px 0 8px 40px;font-size:15px;line-height:1.4;border-bottom:1px solid var(--line)}ol.how li:before{content:counter(s);position:absolute;left:0;top:8px;width:28px;height:28px;border-radius:50%;background:var(--c);color:var(--ink);font-weight:900;text-align:center;line-height:28px}.lt{display:inline-block;width:22px;height:22px;border-radius:50%;color:var(--ink);font-weight:900;text-align:center;line-height:22px;font-size:13px;border:2px solid var(--ink)}.lt.a{background:var(--a)}.lt.b{background:var(--b)}.lt.c{background:var(--c)}.keys{font-size:12px}.build{border-color:var(--b)}.spinner{display:flex;gap:10px;justify-content:center;margin:4px 0 14px}.spinner i{width:18px;height:18px;border-radius:50%;border:3px solid var(--ink);animation:hop .7s ease-in-out infinite}.spinner i:nth-child(1){background:var(--a)}.spinner i:nth-child(2){background:var(--b);animation-delay:.12s}.spinner i:nth-child(3){background:var(--c);animation-delay:.24s}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.stop{display:flex;gap:12px;align-items:center;background:var(--panel2);border-radius:14px;padding:10px 12px;margin-top:8px;text-align:left}.stop .n{width:34px;height:34px;border-radius:50%;background:var(--c);color:var(--ink);font-weight:900;display:grid;place-items:center;flex:none}.stop.locked{opacity:.55}.stop.locked .n{background:var(--line);color:var(--text)}.stop .t{flex:1}.stop small{display:block;font-size:13px;color:var(--dim);margin-top:2px}.stars{color:var(--c);letter-spacing:1px}.stars i{font-style:normal;color:var(--line)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tile{min-width:0;background:var(--panel2);color:var(--text);box-shadow:none;border-radius:12px;padding:8px 4px;font-size:12px;border:3px solid transparent;display:flex;flex-direction:column;align-items:center;gap:2px}.tile:active{transform:scale(.96);box-shadow:none}.tile.sel{border-color:var(--c)}.tile.lock canvas{opacity:.7}.tile small{font-size:11px;color:var(--c);font-weight:800;opacity:1}.tile canvas{display:block}.end .big{font-size:64px;font-weight:900;color:var(--c);line-height:1;text-shadow:0 5px 0 var(--ink);margin:4px 0 8px;animation:popIn .5s cubic-bezier(.2,1.6,.4,1)}.end .big.perfect{background:linear-gradient(90deg,var(--a),var(--c),var(--b),var(--a));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:popIn .5s cubic-bezier(.2,1.6,.4,1),shine 2.5s linear infinite;text-shadow:none}.end .big.stars{letter-spacing:4px;font-size:54px}@keyframes shine{to{background-position:300% 0}}.sqrow{display:flex;justify-content:center;gap:3px;font-size:clamp(15px,5.2vw,24px);flex-wrap:nowrap}.sqrow .sq.pop{animation:sqPop .35s cubic-bezier(.2,1.8,.4,1) both}@keyframes sqPop{0%{transform:scale(0) rotate(-30deg);opacity:0}to{transform:none;opacity:1}}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.stats div{background:var(--panel2);border-radius:12px;padding:8px 4px}.stats b{display:block;font-size:20px;color:var(--text)}.stats small{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.8px}.earn{margin-top:10px;font-weight:800;color:var(--c)}.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.seg button{background:var(--panel2);color:var(--text);box-shadow:0 4px #11141f;min-width:0;font-size:15px;padding:10px 8px;border:3px solid transparent}.seg button.on{border-color:var(--c);background:#2b3147}.clip-stage{position:relative;margin:10px auto 0;height:min(44vh,420px);aspect-ratio:9 / 16;background:#000;border-radius:14px;border:3px solid var(--ink);overflow:hidden;display:grid;place-items:center;box-shadow:0 8px 30px #00000080}.clip-stage img,.clip-stage video{width:100%;height:100%;object-fit:contain;display:block}.clip-stage .wait{color:var(--dim);font-weight:800;font-size:14px;padding:12px;text-align:center}.bar{height:12px;background:var(--ink);border-radius:6px;overflow:hidden;margin:12px 0 0}.bar i{display:block;height:100%;width:0;background:var(--c);transition:width .1s linear}details.calls{margin-top:12px;text-align:left;background:var(--panel2);border-radius:12px;padding:8px 10px}details.calls summary{cursor:pointer;font-weight:800;font-size:15px;list-style:none}details.calls summary:before{content:"\25b8  ";color:var(--c)}details.calls[open] summary:before{content:"\25be  "}details.calls summary small{font-weight:400;color:var(--dim);font-size:12px;margin-left:4px}details.calls ol{list-style:none;margin-top:6px;max-height:34vh;overflow:auto}details.calls li{display:flex;align-items:center;gap:8px;padding:6px 2px;border-top:1px solid var(--line)}details.calls .sq{font-size:18px}details.calls .what{flex:1;min-width:0}details.calls .what b{display:block;font-size:14px}details.calls .what small{color:var(--dim);font-size:12px}details.calls button{padding:7px 10px;font-size:13px}.report{margin-top:4px;font-size:12px}.report a{color:var(--dim)}.seg.three{grid-template-columns:repeat(3,1fr)}ol.board{list-style:none;margin-top:12px;text-align:left;max-height:46vh;overflow:auto}ol.board li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:15px}ol.board li:nth-child(odd){background:var(--panel2)}ol.board li.me{outline:2px solid var(--c)}ol.board li.wait{justify-content:center;color:var(--dim);background:none}ol.board .n{width:26px;font-weight:900;color:var(--c)}ol.board .who{flex:1;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ol.board .who small{font-weight:400;color:var(--dim);margin-left:4px}ol.board .sc{font-weight:800;font-size:13px;white-space:nowrap}.end .rank{margin-top:8px;font-size:14px}.end .rank b{color:var(--c)}.end .rank button{margin-left:6px}.name-row input{width:150px;font:inherit;font-size:15px;padding:8px 10px;border-radius:10px;border:2px solid var(--line);background:var(--ink);color:var(--text);position:static;opacity:1;pointer-events:auto}.settings{text-align:left}.settings h2{text-align:center}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line);cursor:pointer;position:relative;width:100%}.set-row b{font-size:15px}.set-row small{display:block;font-size:12px;color:var(--dim);font-weight:400;margin-top:2px}.set-row input{position:absolute;opacity:0;pointer-events:none}.set-row .tog{flex:none;width:46px;height:26px;border-radius:13px;background:var(--line);position:relative;transition:background .15s}.set-row .tog:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.set-row input:checked+.tog{background:var(--good)}.set-row input:checked+.tog:after{transform:translate(20px)}button.set-row.link-like{background:none;box-shadow:none;color:var(--text);text-align:left;border-radius:0;font-weight:400;min-width:0;padding:11px 2px}button.set-row.link-like:active{transform:none}.set-row.danger b{color:var(--a)}.chev{font-size:22px;color:var(--dim)}.settings .links a{color:var(--b)}.settings .about{margin-top:6px}#toast{position:fixed;left:50%;bottom:calc(150px + var(--safe-b));transform:translate(-50%,20px);background:var(--ink);color:var(--text);border:2px solid var(--c);padding:10px 16px;border-radius:999px;font-weight:800;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50;white-space:nowrap}#toast.on{opacity:1;transform:translate(-50%)}.ad-stub{position:fixed;inset:0;z-index:60;background:#05060ceb;display:grid;place-items:center}.ad-card{width:min(90vw,380px);background:repeating-linear-gradient(45deg,#20263a,#20263a 12px,#262d45 12px 24px);border-radius:16px;padding:30px 18px;text-align:center}.ad-card p{color:var(--dim);margin:8px 0 14px;font-size:14px}.ad-card .bar{margin-bottom:14px}#dev{position:fixed;left:6px;bottom:6px;font:11px/1.35 monospace;background:#000000b3;padding:6px 8px;border-radius:6px;display:none;white-space:pre;pointer-events:none;z-index:9}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-height:640px){.logo{font-size:48px}.card{padding:12px 16px;min-height:0}.card.daily{padding:14px 18px}.menu{gap:9px}}@media(pointer:coarse){.keys{display:none}}
