:root{--teal:#35b0ae;--teal-lo:#2e9a9a;--teal-hi:#8fe0dd;--navy:#26405c;--ink:#12202f;--cream:#fdf6ec;--peach:#f0956a;--font: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Nunito", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--font-tiza: "Chalkboard SE", "Comic Sans MS", "Comic Neue", "Segoe Print", var(--font);--paper:#fffdf7;--ink-faint:rgba(24,44,62,.42);--line:rgba(24,44,62,.16);--dlg-color:var(--teal);--dlg-borde:clamp(2px,.5vmin,4px);--dlg-borde-op:clamp(1.5px,.3vmin,2px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#0a1119;font-family:var(--font);color:var(--cream);user-select:none;-webkit-user-select:none}#wrap{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 0%,#16283a,#0a1119 70%)}#stage{position:relative;line-height:0}canvas{display:block;touch-action:none}.layer{position:absolute;inset:0;display:none;place-items:center;line-height:1.4;border-radius:6px;overflow:hidden;z-index:30}.layer.on{display:grid}.layer .veil{position:absolute;inset:0;background:#0b1a26cc;backdrop-filter:blur(7px)}#scrTitle .veil{background:linear-gradient(180deg,#0b1a261f,#0b1a2652 44%,#0b1a2694);backdrop-filter:blur(1.2px)}.panel{position:relative;text-align:center;padding:clamp(14px,3.2vmin,30px) clamp(20px,5vmin,48px)}.logo{font-weight:900;letter-spacing:.02em;line-height:.9;font-size:clamp(38px,11vmin,104px);background:linear-gradient(180deg,#ffffff 0%,var(--teal-hi) 45%,var(--teal) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #1c6b6b) drop-shadow(0 10px 24px #000a);margin:0}.sub{margin:.15em 0 0;font-size:clamp(11px,2.6vmin,20px);font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:#bfe9e7;opacity:.85}.keys{display:flex;gap:clamp(8px,2vmin,18px);justify-content:center;flex-wrap:wrap;margin-top:clamp(14px,3.4vmin,30px)}.kb{display:flex;flex-direction:column;align-items:center;gap:.45em;min-width:52px}.kb[hidden]{display:none}.kb b{display:flex;gap:3px}.kb i{font-style:normal;display:grid;place-items:center;min-width:1.9em;height:1.9em;padding:0 .35em;font-size:clamp(10px,2.1vmin,15px);font-weight:800;border-radius:.45em;background:linear-gradient(180deg,#fff2,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff30,0 2px #0005;color:#eafcfb}.kb span{font-size:clamp(9px,1.8vmin,12px);font-weight:700;color:#9fc4c9;letter-spacing:.06em;text-transform:uppercase}.blink{margin-top:clamp(14px,3.2vmin,26px);font-size:clamp(12px,2.6vmin,19px);font-weight:800;color:#fff;text-shadow:0 2px 8px #04121c,0 0 2px #04121c;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}h2.t{margin:0 0 .5em;font-size:clamp(22px,6vmin,50px);font-weight:900;letter-spacing:.01em;text-shadow:0 3px 0 #0006}.opts{display:flex;flex-direction:column;gap:clamp(6px,1.4vmin,12px);margin:clamp(8px,2vmin,18px) auto;max-width:min(86vw,420px)}.opt{display:flex;align-items:center;gap:.8em;justify-content:space-between;padding:clamp(7px,1.6vmin,13px) clamp(12px,2.6vmin,20px);border-radius:999px;cursor:pointer;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff20;transition:background .16s,transform .12s}.opt:hover{background:#ffffff1e}.opt:active{transform:scale(.98)}.opt .lbl{display:flex;align-items:center;gap:.55em;font-weight:800;font-size:clamp(12px,2.4vmin,17px);text-align:left}.opt .em{font-size:1.25em;line-height:1}.sw{width:2.9em;height:1.6em;border-radius:999px;background:#0005;position:relative;flex:none;box-shadow:inset 0 0 0 1px #ffffff25;transition:background .18s}.sw:after{content:"";position:absolute;top:.2em;left:.2em;width:1.2em;height:1.2em;border-radius:50%;background:#c9d6de;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s}.opt.on .sw{background:var(--teal)}.opt.on .sw:after{transform:translate(1.3em);background:#fff}.btns{display:flex;gap:clamp(8px,1.8vmin,14px);justify-content:center;flex-wrap:wrap;margin-top:clamp(10px,2.4vmin,20px)}button.b{font-family:inherit;font-weight:900;cursor:pointer;border:0;color:#08313a;font-size:clamp(12px,2.5vmin,18px);padding:clamp(9px,1.9vmin,15px) clamp(18px,4vmin,34px);border-radius:999px;background:linear-gradient(180deg,#a9f0ec,#3fbdb9);box-shadow:0 4px #1d7b78,0 10px 22px -6px #000a;transition:transform .1s,box-shadow .1s}button.b:hover{transform:translateY(-1px);box-shadow:0 5px #1d7b78,0 14px 26px -6px #000a}button.b:active{transform:translateY(3px);box-shadow:0 1px #1d7b78,0 6px 14px -6px #000a}button.b.ghost{background:#ffffff16;color:#dff6f5;box-shadow:inset 0 0 0 1px #ffffff28}.stats{display:flex;gap:clamp(10px,3vmin,34px);justify-content:center;margin:clamp(6px,1.6vmin,14px) 0}.stat{min-width:4.6em}.stat b{display:block;font-size:clamp(20px,5.4vmin,42px);font-weight:900;line-height:1;color:#fff;text-shadow:0 3px 0 #0005}.stat span{font-size:clamp(9px,1.8vmin,12px);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#9fc4c9}.rank{font-size:clamp(13px,2.8vmin,20px);font-weight:800;color:var(--teal-hi);margin-top:.2em}#wCoinBox.gris{opacity:.55}#wCoinBox.gris b{color:var(--tinta,#2e3454)}.tarjeta{position:absolute;z-index:20;--u: 3px;--gap: clamp(7px, calc(2.4 * var(--u)), 20px);--m: clamp(9px, calc(3 * var(--u)), 26px);--cola: clamp(9px, calc(3 * var(--u)), 18px);background:var(--paper);color:var(--ink);border:var(--dlg-borde) solid var(--dlg-color);border-radius:clamp(10px,calc(3.4 * var(--u)),22px);box-shadow:0 6px 20px #0c202f42;padding:clamp(8px,calc(3 * var(--u)),18px) clamp(11px,calc(4.2 * var(--u)),24px);line-height:1.34;text-align:left;width:max-content;opacity:0;transform:translateY(10px) scale(.97);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.tarjeta.on{opacity:1;transform:translateY(0) scale(1)}.tarjeta .t-nom{display:block;font-family:var(--font);font-weight:800;font-size:.42em;letter-spacing:.14em;color:var(--dlg-color);margin-bottom:.28em}.tarjeta .t-nom:empty{display:none}.tarjeta .t-txt{margin:0;font-family:var(--font-tiza);font-size:1em;line-height:1.3;font-weight:700;letter-spacing:.008em}.tarjeta .t-txt b{font-weight:inherit;background:color-mix(in srgb,var(--dlg-color) 22%,transparent);border-radius:.22em;box-shadow:0 0 0 .1em color-mix(in srgb,var(--dlg-color) 22%,transparent)}.tarjeta:after{content:"";position:absolute;width:var(--cola);height:var(--cola);background:var(--paper);border-bottom:var(--dlg-borde) solid var(--dlg-color);border-right:var(--dlg-borde) solid var(--dlg-color);border-bottom-right-radius:6px}#dlg{font-size:clamp(16px,calc(7.4 * var(--u)),27px);right:calc(var(--ret-in, 31%) + var(--gap));left:auto;bottom:calc(var(--safe-b, 0px) + var(--ret-b, 12px) + var(--ret-h, 0px) * .06);max-width:min(21em,calc(100% - var(--ret-in, 31%) - var(--gap) - var(--m)))}#dlg.der{left:calc(var(--ret-in, 31%) + var(--gap));right:auto}#dlg.elige{pointer-events:auto}#dlg:after{bottom:clamp(12px,calc(4 * var(--u)),26px);right:calc(var(--dlg-borde) * -1 - var(--cola) * .5);transform:rotate(-33deg) skew(6deg)}#dlg.der:after{right:auto;left:calc(var(--dlg-borde) * -1 - var(--cola) * .5);border-right:none;border-left:var(--dlg-borde) solid var(--dlg-color);border-bottom-right-radius:0;border-bottom-left-radius:6px;transform:rotate(33deg) skew(-6deg)}#dlg.vert,#dlg.vert.der{left:var(--m);right:var(--m);width:auto;max-width:none;bottom:calc(var(--safe-b, 0px) + var(--m))}#dlg.vert:after,#dlg.vert.der:after{bottom:auto;right:auto;top:calc(var(--dlg-borde) * -1 - var(--cola) * .5);left:calc(var(--ret-cx, 50%) - var(--m) - var(--cola) * .5);border:none;border-top:var(--dlg-borde) solid var(--dlg-color);border-left:var(--dlg-borde) solid var(--dlg-color);border-radius:6px 0 0;transform:rotate(45deg)}#dlg.cine{font-size:clamp(18px,calc(8.4 * var(--u)),32px);padding:clamp(11px,calc(3.8 * var(--u)),24px) clamp(13px,calc(4.6 * var(--u)),30px)}#dlg.cine:not(.vert){min-width:min(26em,calc(100% - var(--ret-in, 31%) - var(--gap) - var(--m)));max-width:calc(100% - var(--ret-in, 31%) - var(--gap) - var(--m))}#dlg.cine #dlg-ops{flex-direction:row;flex-wrap:wrap}#dlg.cine #dlg-ops button{flex:1 1 11em;max-width:none}#apn{font-size:clamp(14px,calc(6.2 * var(--u)),21px);left:var(--ax, 50%);bottom:var(--ay, 50%);transform:translate(-50%) translateY(8px) scale(.97);max-width:min(17em,calc(100% - var(--m) * 2));padding:clamp(6px,calc(2.4 * var(--u)),14px) clamp(9px,calc(3.4 * var(--u)),18px)}#apn.on{transform:translate(-50%) translateY(0) scale(1)}#apn:after{left:50%;bottom:calc(var(--dlg-borde) * -1 - var(--cola) * .5);margin-left:calc(var(--acola, 0px) - var(--cola) * .5);transform:rotate(45deg)}.tarjeta .t-pasa{position:absolute;right:.55em;bottom:.3em;font-size:.72em;line-height:1;color:var(--dlg-color);opacity:0;transition:opacity .12s;animation:t-bota 1s ease-in-out infinite}#dlg.listo .t-pasa{opacity:1}#dlg.elige .t-pasa{opacity:0}@keyframes t-bota{0%,to{transform:translateY(0)}50%{transform:translateY(.28em)}}#dlg-pista{display:block;margin-top:clamp(3px,calc(1.2 * var(--u)),8px);font-size:.4em;font-weight:700;color:var(--ink-faint);letter-spacing:.06em}#dlg-pista:empty{display:none}#dlg-ops{display:none;flex-direction:column;gap:clamp(4px,calc(1.2 * var(--u)),8px);margin-top:clamp(6px,calc(2.2 * var(--u)),13px)}#dlg.elige #dlg-ops{display:flex}#dlg-ops button{display:flex;align-items:center;gap:.5em;width:100%;margin:0;max-width:min(100%,24em);min-height:44px;padding:clamp(7px,calc(2.2 * var(--u)),13px) clamp(10px,calc(3.2 * var(--u)),18px);font-family:var(--font-tiza);font-size:.82em;font-weight:800;line-height:1.24;text-align:left;color:var(--ink);background:#f2fbfa;border:var(--dlg-borde-op) solid color-mix(in srgb,var(--dlg-color) 55%,transparent);border-radius:clamp(8px,calc(2.4 * var(--u)),15px);box-shadow:0 4px color-mix(in srgb,var(--dlg-color) 28%,transparent);cursor:pointer;transition:transform .06s,box-shadow .06s,border-color .12s,background .12s}#dlg-ops button:hover,#dlg-ops button:focus-visible,#dlg-ops button.sel{border-color:var(--dlg-color);background:#e6f7f5;outline:none}#dlg-ops button:active,#dlg-ops button.sel:active{transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--dlg-color) 28%,transparent)}#dlg-ops button .n{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.55em;height:1.55em;margin:0;border-radius:50%;background:var(--dlg-color);color:var(--paper);font-family:var(--font);font-weight:900;font-size:.76em}@keyframes dlg-pasa{0%{transform:translateY(6px) scale(.972)}55%{transform:translateY(-2px) scale(1.012)}to{transform:translateY(0) scale(1)}}#dlg.pasa{animation:dlg-pasa .18s ease-out}@keyframes dlg-txt-pasa{0%{opacity:.25}to{opacity:1}}#dlg.pasa .t-txt{animation:dlg-txt-pasa .16s ease-out}@media(prefers-reduced-motion:reduce){#dlg.pasa,#dlg.pasa .t-txt,.tarjeta .t-pasa{animation:none}.tarjeta{transition:opacity .12s}}#touch{position:fixed;inset:0;display:none;pointer-events:none;z-index:5;--sa-b:max(env(safe-area-inset-bottom), 8px);--sa-r:max(env(safe-area-inset-right), 12px);--sa-l:max(env(safe-area-inset-left), 12px);--sa-t:max(env(safe-area-inset-top), 8px);--bs:clamp(60px,15.5vmin,108px)}#touch.on{display:block}.tb{position:absolute;pointer-events:auto;border-radius:50%;display:grid;place-items:center;width:var(--bs);height:var(--bs);touch-action:none;background:#ffffff1c;box-shadow:inset 0 0 0 2px #ffffff30,0 6px 16px #0006;font-weight:900;color:#eafcfb;transition:transform .08s,background .08s,opacity .2s}.tb:before{content:"";position:absolute;inset:-15%;border-radius:50%}.tb.hit{background:#ffffff3d;transform:scale(.93)}.tb[hidden]{display:none}.tb svg{width:52%;height:52%;fill:#eafcfb;opacity:.95;pointer-events:none}#tJ{right:var(--sa-r);bottom:var(--sa-b)}#tD{right:calc(var(--sa-r) + var(--bs) * .9);bottom:calc(var(--sa-b) + var(--bs) * .88);width:calc(var(--bs) * .86);height:calc(var(--bs) * .86)}#tA{right:calc(var(--sa-r) + var(--bs) * .06);bottom:calc(var(--sa-b) + var(--bs) * 1.66);width:calc(var(--bs) * .82);height:calc(var(--bs) * .82);opacity:0;pointer-events:none;background:#8fe0dd2b;box-shadow:inset 0 0 0 2px #8fe0dd70,0 6px 16px #0006}#tA.show{opacity:1;pointer-events:auto}#tA .iUsa,#tA.usa .iHabla{display:none}#tA.usa .iUsa{display:block}#touch.talk #tStick,#touch.talk #tJ,#touch.talk #tD{opacity:0;pointer-events:none}#tA.show{animation:aPop .34s cubic-bezier(.34,1.56,.64,1)}@keyframes aPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}#tStick{position:absolute;left:0;top:26%;width:46%;bottom:0;pointer-events:auto;touch-action:none}#tBase,#tKnob{position:absolute;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .13s ease}#tBase{width:128px;height:128px;background:#ffffff12;box-shadow:inset 0 0 0 2px #ffffff2b}#tKnob{width:58px;height:58px;background:#ffffff30;box-shadow:inset 0 0 0 2px #ffffff59,0 4px 14px #0007}#tStick.on #tBase,#tStick.on #tKnob{opacity:1}#tP{left:50%;transform:translate(-50%);top:var(--sa-t);width:40px;height:40px;background:#ffffff14;opacity:.62}#tP.hit{transform:translate(-50%) scale(.93)}@media(orientation:portrait){#touch{--bs:clamp(68px,19vmin,120px)}#tStick{top:52%}#tP{top:calc(var(--sa-t) + 2px);opacity:.5}}.hidden{display:none!important}@media(prefers-reduced-motion:reduce){.blink{animation:none;opacity:.9}}#tCara{position:fixed;pointer-events:auto;border-radius:50%;touch-action:none;z-index:6;background:transparent;transition:transform .08s,box-shadow .12s}#tCara.hit{transform:scale(.94);box-shadow:0 0 0 3px #fff5}#tCara[hidden]{display:none}