:root{--bg:#1a1033;--pan:#2b1a52;--pan2:#3a2470;--ink:#120a24;--yel:#ffd23f;--pink:#ff5d8f;--cya:#4cc9f0;--grn:#7bff9b;--red:#ef476f;--hudh:80px;--font:"Trebuchet MS","Arial Rounded MT Bold","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#0b0618;color:#fff;font-family:var(--font);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none}#cv{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block;background:#0b0618}#touch{position:fixed;inset:0;display:none;z-index:6;pointer-events:none}#touch .tbtn,#touch .tjoy{pointer-events:auto}.tjoy{position:fixed;display:none;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff1f;border:3px solid rgba(255,255,255,.5);pointer-events:none!important}.tknob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:#ffffff8c;border:3px solid #fff;transform:translate(-50%,-50%)}.tbtn{position:fixed;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:900;letter-spacing:.5px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.5);border:4px solid rgba(255,255,255,.85);touch-action:none;box-shadow:0 4px #0006;opacity:.88}.tbtn span{pointer-events:none;font-size:15px}.tbtn.on{transform:scale(.93);opacity:1;filter:brightness(1.25)}.tb-a{width:70px;height:70px;right:132px;bottom:calc(var(--hudh) + 14px);background:#2a9d8f}.tb-b{width:92px;height:92px;right:22px;bottom:calc(var(--hudh) + 22px);background:#e63946}.tb-b span{font-size:20px}.tb-c{width:62px;height:62px;right:50px;bottom:calc(var(--hudh) + 128px);background:#7b2cbf}.tb-c span{font-size:26px}#ui{position:fixed;inset:0;z-index:10;pointer-events:none}.screen{position:absolute;inset:0;display:none;overflow-y:auto;overflow-x:hidden;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));pointer-events:auto;touch-action:pan-y;background:radial-gradient(ellipse at 50% 30%,#2814508c,#0a0519db);-webkit-overflow-scrolling:touch}.screen.show{display:block;animation:pop .28s ease-out}.screen.clear{background:none;pointer-events:none}.screen.clear *{pointer-events:auto}@keyframes pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.wrap{max-width:1040px;margin:0 auto}.center{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.logo{display:flex;flex-direction:column;align-items:center;margin:4px 0 12px;line-height:.95}.logo .l1{font-size:clamp(40px,9vw,92px);font-weight:900;letter-spacing:2px;color:var(--yel);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 #c0392b,0 10px 0 var(--ink),0 14px 22px rgba(0,0,0,.5);transform:rotate(-2deg)}.logo .l2{font-size:clamp(20px,4.4vw,44px);font-weight:900;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--pink),0 7px 0 var(--ink);margin-top:10px;transform:rotate(-1deg)}.logo .l3{font-size:clamp(11px,1.8vw,15px);opacity:.85;margin-top:14px}.mascots{display:flex;gap:10px;justify-content:center;align-items:flex-end;margin-bottom:4px}.mascots canvas{width:clamp(70px,14vw,130px);height:auto;border-radius:18px;border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#3a2a5c}.mascots canvas:first-child{transform:rotate(-5deg)}.mascots canvas:last-child{transform:rotate(5deg)}.menu-btns{display:flex;flex-direction:column;gap:10px;width:min(440px,92vw)}.btn{font:inherit;font-weight:900;font-size:clamp(14px,2.3vw,18px);color:#fff;background:var(--pan2);border:3px solid var(--ink);border-radius:14px;padding:10px 14px;cursor:pointer;box-shadow:0 5px 0 var(--ink);text-shadow:0 2px 0 rgba(0,0,0,.35);transition:transform .08s,filter .12s;min-height:44px;text-align:center}.btn:hover{filter:brightness(1.15)}.btn:active,.btn.pressed{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.btn.pri{background:linear-gradient(#ff8a3d,#ef476f)}.btn.big{font-size:clamp(17px,3vw,22px);padding:13px 16px}.btn.grn{background:linear-gradient(#3ddc84,#1b9e5a)}.btn.sm{padding:6px 10px;font-size:14px;min-height:36px}.btn[disabled],.btn.off{opacity:.45;pointer-events:none}.btn:focus-visible,.chip:focus-visible,.card:focus-visible,.icon-btn:focus-visible{outline:4px solid var(--cya);outline-offset:2px}.row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sub{font-size:13px;opacity:.8}.icon-btn{font:inherit;font-size:22px;width:46px;height:46px;border-radius:14px;background:var(--pan2);color:#fff;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;pointer-events:auto}#pausebtn{position:fixed;right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));z-index:12;display:none;width:40px;height:40px;font-size:18px;opacity:.85}.topbar{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));display:flex;gap:6px;z-index:14;pointer-events:auto}.title{font-size:clamp(22px,4vw,34px);font-weight:900;margin:6px 0 10px;color:var(--yel);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink)}.head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.head .title{flex:1;margin:0}.panel{background:var(--pan);border:4px solid var(--ink);border-radius:18px;box-shadow:0 6px 0 var(--ink);padding:12px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:720px){.cols{grid-template-columns:1fr}}.lbl{font-weight:900;font-size:14px;margin:8px 0 5px;color:var(--cya);text-transform:uppercase;letter-spacing:1px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font:inherit;font-weight:800;font-size:14px;background:#47307f;color:#fff;border:3px solid var(--ink);border-radius:999px;padding:6px 12px;cursor:pointer;min-height:38px}.chip.on{background:var(--yel);color:var(--ink);box-shadow:0 0 0 3px #fff6}.chip.lock{opacity:.5}.teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.tcard{position:relative;background:#35206a;border:4px solid var(--ink);border-radius:16px;padding:8px;cursor:pointer;text-align:center;color:#fff;font:inherit;box-shadow:0 4px 0 var(--ink)}.tcard.on{outline:4px solid var(--yel);background:#4b2f95}.tcard .em{font-size:28px}.tcard .nm{font-weight:900}.tcard .hd{display:flex;justify-content:center;gap:2px;margin-top:4px}.tcard .hd canvas{width:30px;height:30px;border-radius:8px}.tcard.locked{filter:grayscale(.9) brightness(.7)}.tcard .lk{position:absolute;inset:auto 4px 4px;font-size:11px;background:#000a;border-radius:8px;padding:2px}.stars{color:var(--yel);letter-spacing:1px;font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.card{position:relative;background:var(--pan2);border:4px solid var(--ink);border-radius:16px;overflow:hidden;cursor:pointer;color:#fff;font:inherit;padding:0;text-align:center;box-shadow:0 5px 0 var(--ink)}.card canvas{width:100%;display:block;aspect-ratio:1}.card .nm{font-weight:900;padding:4px 2px 0}.card .ps{font-size:12px;opacity:.8;padding-bottom:5px}.card.locked canvas{filter:brightness(0) contrast(.4) opacity(.5)}.card .tag{position:absolute;left:4px;top:4px;background:#000a;border-radius:8px;padding:1px 6px;font-size:11px;font-weight:800}.sheet{position:absolute;inset:0;display:none;background:#05020fcc;z-index:5;padding:12px;overflow:auto;touch-action:pan-y}.sheet.show{display:flex;align-items:center;justify-content:center}.fiche{width:min(760px,96vw);display:grid;grid-template-columns:240px 1fr;gap:14px;background:var(--pan);border:5px solid var(--ink);border-radius:22px;padding:14px;box-shadow:0 8px 0 var(--ink)}@media(max-width:640px){.fiche{grid-template-columns:1fr}.fiche .pic{max-width:240px;margin:auto}}.fiche .pic canvas{width:100%;border-radius:16px;border:4px solid var(--ink);display:block;aspect-ratio:1;cursor:pointer}.fiche h2{margin:0 0 2px;font-size:30px;color:var(--yel);text-shadow:0 3px 0 var(--ink)}.fiche .meta{font-size:13px;opacity:.85;margin-bottom:6px}.bar{display:flex;align-items:center;gap:8px;margin:3px 0;font-weight:800;font-size:13px}.bar b{width:62px}.seg{display:flex;gap:3px;flex:1}.seg i{height:13px;flex:1;border-radius:4px;background:#0006;border:2px solid var(--ink)}.seg i.f{background:linear-gradient(#ffd23f,#ff8a3d)}.quote{font-size:14px;line-height:1.35;background:#0004;border-radius:12px;padding:8px 10px;margin:8px 0}.sup{background:linear-gradient(135deg,#4b2f95,#7b2cbf);border:3px solid var(--ink);border-radius:12px;padding:8px 10px;margin-top:6px}.sup b{color:var(--yel)}.bignum{font-size:clamp(46px,12vw,110px);font-weight:900;line-height:1;text-shadow:0 6px 0 var(--ink)}.resteams{display:flex;align-items:center;justify-content:center;gap:clamp(8px,3vw,28px);margin:6px 0}.resteams .tn{font-weight:900;font-size:clamp(14px,2.6vw,22px)}.stat{display:grid;grid-template-columns:1fr 110px 1fr;align-items:center;gap:8px;font-size:14px;margin:3px 0}.stat .a{text-align:right;font-weight:900}.stat .b{text-align:left;font-weight:900}.stat .n{text-align:center;opacity:.8;font-size:12px}.rank{width:100%;border-collapse:collapse;font-size:14px}.rank td,.rank th{padding:4px 6px;text-align:left;border-bottom:2px solid #0004}.rank tr.me td{background:#ffd23f33}.ups{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0}.up{background:linear-gradient(160deg,#4b2f95,#2b1a52);border:4px solid var(--ink);border-radius:18px;padding:14px 10px;cursor:pointer;color:#fff;font:inherit;box-shadow:0 6px 0 var(--ink);text-align:center}.up:hover{transform:translateY(-3px)}.up .ic{font-size:44px}.up .nm{font-weight:900;font-size:18px;color:var(--yel)}.up .ds{font-size:14px;opacity:.9;margin-top:4px}.up.r1{border-color:#4cc9f0}.up.r2{border-color:#ffd23f;box-shadow:0 0 18px #ffd23f88,0 6px 0 var(--ink)}.bracket{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:10px 0}.br{background:#35206a;border:3px solid var(--ink);border-radius:14px;padding:8px 10px;min-width:92px;text-align:center;font-size:13px}.br.cur{outline:4px solid var(--yel)}.br.done{background:#1f7a4d}.br .em{font-size:24px}.hearts{font-size:24px;letter-spacing:3px}.set{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}@media(max-width:720px){.set{grid-template-columns:1fr}}.set label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0;font-weight:800}.set input[type=range]{width:55%;accent-color:var(--yel)}.set input[type=text],.nm-in{font:inherit;font-weight:800;background:#120a24;color:#fff;border:3px solid var(--ink);border-radius:10px;padding:8px 10px;width:100%;user-select:text;-webkit-user-select:text}.help table{width:100%;border-collapse:collapse;font-size:14px}.help td,.help th{border-bottom:2px solid #0004;padding:5px 6px;text-align:left}kbd{background:#120a24;border:2px solid #fff4;border-radius:6px;padding:0 6px;font-family:inherit;font-weight:800}.pausebox{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0519b3;pointer-events:auto}.pausebox .panel{width:min(380px,92vw);display:flex;flex-direction:column;gap:9px;text-align:center}#toast{position:fixed;left:50%;top:max(14px,env(safe-area-inset-top));transform:translate(-50%,-30px);background:#120a24;border:3px solid var(--yel);color:#fff;font-weight:800;padding:8px 14px;border-radius:14px;z-index:60;opacity:0;pointer-events:none;transition:.25s;max-width:92vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%)}#fs-aviso{position:fixed;left:50%;bottom:14px;transform:translate(-50%,120px);z-index:70;background:#120a24;border:3px solid var(--cya);border-radius:14px;padding:8px 12px;display:flex;gap:8px;align-items:center;transition:.25s;font-weight:800}#fs-aviso.show{transform:translate(-50%)}#fs-aviso .x{background:none;border:0;color:#fff;font-size:18px;cursor:pointer}#rotate{position:fixed;inset:0;z-index:50;background:#120a24f2;display:none;align-items:center;justify-content:center;text-align:center;font-weight:900;font-size:20px}#rotate .big{font-size:64px}body.portrait-match #rotate{display:flex}.badge{display:inline-block;background:#0006;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:800;margin:0 2px}.newt{background:linear-gradient(90deg,#ffd23f,#ff8a3d);color:var(--ink);border:4px solid var(--ink);border-radius:14px;padding:8px;font-weight:900;margin:8px 0;animation:bump 1s infinite alternate}@keyframes bump{to{transform:scale(1.03)}}.dayhead{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;font-weight:900;font-size:18px}@media(max-height:520px){.logo .l3{display:none}.menu-btns{gap:6px}.btn.big{padding:8px 12px}.mascots{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}html,body{position:fixed;inset:0;width:100%;height:100%;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;overscroll-behavior:none}#shell,#pad{display:none;position:fixed;inset:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#shell{z-index:1}#pad{z-index:6}#pad>*{position:absolute;pointer-events:auto;touch-action:none}body.phone{--shell1:#d6d4c9;--shell2:#b9b7ab;--bezel:#575b68;--bezel2:#2f323c;--dp:#2c2c33;--dpa:#4a4a55;--dpon:#ffd23f;--bA:#a3194f;--bAi:#f6d3e2;--bB:#a3194f;--bC:#3d4a99;--bCi:#e6ebff;--pill:#7c7d87;--lab:#4b4b52;background:var(--shell2)}body.phone[data-skin=rojo]{--shell1:#d9363c;--shell2:#a51c22;--bezel:#2e2e33;--bezel2:#16161a;--dp:#1d1d21;--dpa:#44444c;--bA:#f7c52b;--bAi:#3b2a00;--bB:#f7c52b;--bC:#2fa3d6;--bCi:#02202e;--pill:#3b0d10;--lab:#ffe7e8}body.phone[data-skin=transp]{--shell1:#2a1b4d;--shell2:#0b0618;--bezel:#05030c;--bezel2:#000;--dp:rgba(255,255,255,.16);--dpa:rgba(255,255,255,.55);--bA:rgba(255,255,255,.2);--bAi:#fff;--bB:rgba(255,255,255,.2);--bC:rgba(160,110,255,.3);--bCi:#fff;--pill:rgba(255,255,255,.28);--lab:#cfc6ee}body.phone[data-skin=perros]{--shell1:#ee4b57;--shell2:#b8222f;--bezel:#7a0f1a;--bezel2:#4a070f;--dp:#fff1dc;--dpa:#c12f3b;--bA:#fff1dc;--bAi:#b0202c;--bB:#fff1dc;--bC:#ffd23f;--bCi:#6b4300;--pill:#fff1dc;--lab:#ffe9d0}body.phone[data-skin=gatos]{--shell1:#8a3dd0;--shell2:#4b1a80;--bezel:#1b0640;--bezel2:#0b0220;--dp:#14052e;--dpa:#c77dff;--bA:#ffd400;--bAi:#2b1b00;--bB:#ffd400;--bC:#c77dff;--bCi:#1b0640;--pill:#d9b7ff;--lab:#eadcff}body.phone #shell{background:linear-gradient(160deg,var(--shell1),var(--shell2))}body.phone[data-skin=perros] #shell{background:radial-gradient(circle at 12px 12px,rgba(255,255,255,.16) 3px,transparent 4px) 0 0/34px 34px,linear-gradient(160deg,var(--shell1),var(--shell2))}body.phone[data-skin=gatos] #shell{background:radial-gradient(circle at 12px 12px,rgba(255,212,0,.16) 3px,transparent 4px) 0 0/34px 34px,linear-gradient(160deg,var(--shell1),var(--shell2))}body.phone #shell:before{content:"";position:absolute;left:calc(var(--sx) - 7px);top:calc(var(--sy) - 7px);width:calc(var(--sw) + 14px);height:calc(var(--sh) + 14px);border-radius:18px;background:linear-gradient(var(--bezel),var(--bezel2));box-shadow:0 3px #00000059,inset 0 0 0 2px #ffffff14}body.phone #pad .dpad{position:absolute;touch-action:none}.dpad .a,.dpad .c{position:absolute;background:var(--dp);box-shadow:0 3px #00000059}.dpad .c{left:30%;top:30%;width:40%;height:40%}.dpad .u{left:33.3%;top:0;width:33.4%;height:36%;border-radius:10px 10px 0 0}.dpad .d{left:33.3%;bottom:0;width:33.4%;height:36%;border-radius:0 0 10px 10px}.dpad .l{top:33.3%;left:0;width:36%;height:33.4%;border-radius:10px 0 0 10px}.dpad .r{top:33.3%;right:0;width:36%;height:33.4%;border-radius:0 10px 10px 0}.dpad .a:after{content:"";position:absolute;left:50%;top:50%;border:solid transparent;border-width:7px;margin:-7px}.dpad .u:after{border-bottom-color:var(--dpa);border-width:0 7px 9px;margin:-8px -7px}.dpad .d:after{border-top-color:var(--dpa);border-width:9px 7px 0;margin:-1px -7px}.dpad .l:after{border-right-color:var(--dpa);border-width:7px 9px 7px 0;margin:-7px -8px}.dpad .r:after{border-left-color:var(--dpa);border-width:7px 0 7px 9px;margin:-7px -1px}.dpad.up .u,.dpad.dn .d,.dpad.lf .l,.dpad.rt .r{filter:brightness(1.7);transform:translateY(1px)}.dpad.up .u:after,.dpad.dn .d:after,.dpad.lf .l:after,.dpad.rt .r:after{border-top-color:var(--dpon);border-bottom-color:var(--dpon);border-left-color:var(--dpon);border-right-color:var(--dpon)}.dpad.up .u:after{border-top-color:transparent;border-left-color:transparent;border-right-color:transparent}.dpad.dn .d:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent}.dpad.lf .l:after{border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.dpad.rt .r:after{border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}.gbtn{border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;border:3px solid rgba(0,0,0,.32);box-shadow:0 4px #0006,inset 0 3px #ffffff47;transition:transform .05s;cursor:pointer;line-height:1}.gbtn span{pointer-events:none}.gbtn small{pointer-events:none;font-size:max(8px,.26em);letter-spacing:.5px;margin-top:2px;opacity:.85}.gA{background:var(--bA);color:var(--bAi)}.gB{background:var(--bB);color:var(--bAi)}.gC{background:var(--bC);color:var(--bCi)}.gbtn.on{transform:translateY(3px) scale(.96);box-shadow:0 1px #0006;filter:brightness(1.25)}body.phone[data-skin=transp] .gbtn,body.phone[data-skin=transp] .dpad .a,body.phone[data-skin=transp] .dpad .c{backdrop-filter:none;border-color:#fff6}.gpill{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;transform:rotate(-18deg)}.gpill:after{content:"";position:absolute;inset:-12px}.gpill i{display:block;width:100%;height:12px;border-radius:8px;background:var(--pill);box-shadow:0 2px #00000059,inset 0 1px #ffffff4d}.gpill small{font-size:9px;font-weight:900;letter-spacing:1px;color:var(--lab);margin-top:3px;pointer-events:none}.gpill.on i{transform:translateY(2px);filter:brightness(.8)}body.lcd #cv{filter:grayscale(1) sepia(1) hue-rotate(38deg) saturate(2.6) brightness(.92) contrast(1.08)}body.phone #pausebtn,body.phone #touch,body.phone #rotate{display:none!important}.hint-ios{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:30;background:#120a24;border:3px solid var(--cya);border-radius:14px;padding:8px 12px;font-weight:800;font-size:13px;max-width:92vw;text-align:center;pointer-events:auto}.hint-ios button{margin-left:8px}.pausebox .panel .chips{justify-content:center}@media(max-width:480px){.logo .l1{-webkit-text-stroke-width:3px}.menu-btns{gap:8px}.mascots canvas{width:84px}}@media(max-height:700px)and (max-width:480px){.mascots{display:none}.logo{margin:0 0 8px}}