:root{--sand: #f4ecd6;--sand-light: #fbf5e4;--sand-deep: #e3d4ac;--bg: var(--sand);--bg-2: var(--sand-light);--surface: #fffaf0;--surface-2: #f3e8cc;--surface-edge: #d6c393;--shadow-soft: 0 10px 18px rgba(90, 70, 48, .18);--shadow-card: 0 5px 0 var(--surface-edge), var(--shadow-soft);--line: rgba(58, 42, 26, .14);--ink: #3a2a1a;--ink-2: #7a6246;--ink-3: #a8926f;--accent: #ff8a6b;--accent-edge: #c85d41;--accent-ink: #a14a2c;--cielo: #6cc6ff;--cielo-edge: #3f93c4;--cielo-ink: #1f6390;--hoja: #8bd46a;--hoja-edge: #5e9e41;--hoja-ink: #3f7426;--manteca: #ffd166;--manteca-edge: #c89c30;--manteca-ink: #6b4b00;--lila: #b79cff;--lila-edge: #8467d6;--lila-ink: #5b3fb0;--rosa: #ff8fc7;--rosa-edge: #d05c98;--rosa-ink: #a3326f;--ok: var(--hoja);--ok-edge: var(--hoja-edge);--ok-ink: var(--hoja-ink);--ok-soft: #e4f4d8;--danger: #ef5b4c;--danger-edge: #b33a2e;--danger-ink: #b8322a;--danger-soft: #ffe2dc;--warn: var(--manteca);--veil: rgba(248, 240, 220, .92);--veil-strong: rgba(248, 240, 220, .97);--r-card: 22px;--r-btn: 20px;--r-pill: 999px;--font-head: "Lilita One", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--text: var(--ink);--muted: var(--ink-2);--lima: var(--hoja);--cian: var(--cielo);--magenta: var(--rosa);--ambar: var(--manteca);--coral: var(--accent);--verde: var(--hoja);--glow: 0 6px 16px rgba(90, 70, 48, .2);color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0;overscroll-behavior:none;position:fixed;inset:0;width:100%;overflow:hidden}body{font-family:var(--font-body);font-weight:600;color:var(--ink);background:radial-gradient(130% 90% at 30% 12%,#fff6dc,#efe3c1 55%,#dfcd9f) var(--sand);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-size:16px}input,button,select{font:inherit;color:inherit}button{cursor:pointer}input{font-size:16px}:focus-visible{outline:3px solid var(--cielo-edge);outline-offset:3px}#app{position:fixed;inset:0;overflow:hidden}.app,.scroll,.rank-list{scrollbar-width:none}.app::-webkit-scrollbar,.scroll::-webkit-scrollbar,.rank-list::-webkit-scrollbar{display:none}.app{height:100%;overflow-y:auto;max-width:520px;margin:0 auto;padding:calc(var(--sat) + 12px) 16px calc(var(--sab) + 12px);display:flex;flex-direction:column;gap:12px;position:relative;background:transparent}.ambient{position:absolute;inset:0;z-index:0;pointer-events:none}.app{z-index:1}.ambient:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,#fbf5e480,#f4ecd6d1 78%)}.ambient canvas{display:block}.app>.screen,.app>.voice-btn{position:relative;z-index:1}.app>.toast{position:absolute;z-index:100}@media(max-width:700px){.app.in-game>.toast{top:calc(var(--sat) + 168px)}}.app.in-game{padding:0;max-width:none;overflow:hidden}.screen{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;animation:screenIn .3s cubic-bezier(.2,.9,.3,1.1)}@keyframes screenIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.grow{flex:1;min-height:0}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.row{display:flex;align-items:center;gap:8px}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.scroll{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}h1,h2,h3{margin:0;font-family:var(--font-head);font-weight:400;letter-spacing:.005em;color:var(--ink)}b,strong{font-weight:800}.title{font-family:var(--font-head);font-size:1.6rem;font-weight:400;text-align:center}.sub{color:var(--ink-2);font-size:1.02rem;font-weight:600}.big{font-family:var(--font-head);font-size:2rem;font-weight:400}.huge{font-family:var(--font-head);font-size:3.2rem;font-weight:400;line-height:1}.tiny{font-size:.9rem}.kicker{font-weight:800;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink)}.clay-title{font-family:var(--font-head);font-weight:400;line-height:1;color:var(--face, var(--accent));text-shadow:0 1px 0 var(--edge, var(--accent-edge)),0 2px 0 var(--edge, var(--accent-edge)),0 3px 0 var(--edge, var(--accent-edge)),0 4px 0 var(--edge, var(--accent-edge)),0 9px 14px rgba(90,70,48,.28)}.on-color{color:#fff;text-shadow:0 2px 0 var(--o, var(--accent-ink)),1.5px 0 0 var(--o, var(--accent-ink)),-1.5px 0 0 var(--o, var(--accent-ink)),0 -1.5px 0 var(--o, var(--accent-ink)),1px 1px 0 var(--o, var(--accent-ink)),-1px 1px 0 var(--o, var(--accent-ink)),1px -1px 0 var(--o, var(--accent-ink)),-1px -1px 0 var(--o, var(--accent-ink))}h1.logo{font-size:3.6rem;text-align:center;line-height:.92;display:flex;flex-direction:column;align-items:center;gap:2px}h1.logo>span{display:block;font-family:var(--font-head);font-weight:400;transform:rotate(-2deg)}h1.logo>span+span{transform:rotate(1.5deg)}h1.logo>span:nth-child(1){color:var(--accent);text-shadow:0 1px 0 var(--accent-edge),0 2px 0 var(--accent-edge),0 3px 0 var(--accent-edge),0 4px 0 var(--accent-edge),0 5px 0 var(--accent-edge),0 12px 18px rgba(90,70,48,.3)}h1.logo>span:nth-child(2){color:var(--cielo);text-shadow:0 1px 0 var(--cielo-edge),0 2px 0 var(--cielo-edge),0 3px 0 var(--cielo-edge),0 4px 0 var(--cielo-edge),0 5px 0 var(--cielo-edge),0 12px 18px rgba(90,70,48,.3)}h1.logo.line{display:block;color:var(--accent);text-shadow:0 1px 0 var(--accent-edge),0 2px 0 var(--accent-edge),0 3px 0 var(--accent-edge),0 4px 0 var(--accent-edge),0 10px 16px rgba(90,70,48,.28)}.card{background:var(--surface);border-radius:var(--r-card);padding:14px;box-shadow:var(--shadow-card)}.card.flat{background:transparent;box-shadow:none}.card.inset{background:var(--surface-2);box-shadow:inset 0 3px #5a46301a}.card.sticker{background:var(--surface)}.btn{--face: var(--surface);--edge: var(--surface-edge);--o: transparent;--depth: 5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--r-btn);background:var(--face);color:var(--ink);font-family:var(--font-head);font-weight:400;font-size:1.2rem;letter-spacing:.01em;line-height:1.1;min-height:56px;padding:0 22px;box-shadow:0 var(--depth) 0 var(--edge),0 calc(var(--depth) + 5px) 14px #5a463033;transition:transform .08s,box-shadow .08s,filter .15s;text-shadow:0 2px 0 var(--o),1.5px 0 0 var(--o),-1.5px 0 0 var(--o),0 -1.5px 0 var(--o),1px 1px 0 var(--o),-1px 1px 0 var(--o),1px -1px 0 var(--o),-1px -1px 0 var(--o)}.btn svg{flex-shrink:0;filter:drop-shadow(0 1.5px 0 var(--o))}.btn:active,.btn.pressed{transform:translateY(calc(var(--depth) - 1px));box-shadow:0 1px 0 var(--edge),0 3px 6px #5a46302e}.btn.btn:disabled{opacity:.9;--face: var(--surface-2);--edge: var(--surface-edge);--o: transparent;color:var(--ink-2);pointer-events:none}.btn.btn:disabled svg{filter:none}.btn.primary{--face: var(--accent);--edge: var(--accent-edge);--o: var(--accent-ink);color:#fff}.btn.danger{--face: var(--danger);--edge: var(--danger-edge);--o: #8f2219;color:#fff}.btn.ok{--face: var(--hoja);--edge: var(--hoja-edge);--o: var(--hoja-ink);color:#fff}.btn.blue{--face: var(--cielo);--edge: var(--cielo-edge);--o: var(--cielo-ink);color:#fff}.btn.yellow{--face: var(--manteca);--edge: var(--manteca-edge);color:var(--manteca-ink)}.btn.lila{--face: var(--lila);--edge: var(--lila-edge);--o: var(--lila-ink);color:#fff}.btn.pink{--face: var(--rosa);--edge: var(--rosa-edge);--o: var(--rosa-ink);color:#fff}.btn.block{width:100%}.btn.sm{--depth: 4px;min-height:44px;font-size:1rem;padding:0 16px;border-radius:16px}.btn.xl{--depth: 7px;min-height:68px;font-size:1.5rem;border-radius:24px}.btn.icon{width:48px;min-height:48px;padding:0;font-size:1.3rem;border-radius:50%}.btn.icon.sm{width:44px;min-height:44px}.btn.ghost{--face: transparent;--edge: transparent;background:transparent;color:var(--ink-2);box-shadow:none}.btn.ghost:active{transform:translateY(2px);box-shadow:none}.btn.ghost-line{--face: var(--surface)}.input{width:100%;border:2px solid var(--sand-deep);border-radius:18px;padding:13px 16px;background:#fff;color:var(--ink);font-size:1.1rem;font-weight:800;outline:none;box-shadow:inset 0 3px #5a463012;-webkit-user-select:text;user-select:text}.input:focus{border-color:var(--cielo-edge);box-shadow:inset 0 3px #5a463012,0 0 0 4px #6cc6ff4d}.input::placeholder{color:var(--ink-3);font-weight:700}.input.code{text-align:center;letter-spacing:.4em;text-transform:uppercase;font-size:1.6rem;font-family:var(--font-head);font-weight:400;padding-left:.4em}.avatar{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0;position:relative;background:radial-gradient(circle at 38% 30%,#fffdf6 0 18%,color-mix(in srgb,var(--av-bg, #fff) 34%,#fffaf0) 70%);box-shadow:inset 0 -4px color-mix(in srgb,var(--av-bg, #d6c393) 55%,#fffaf0),0 0 0 3px var(--surface),0 4px 0 3px var(--surface-edge)}.avatar>.bicho-pic{width:104%!important;height:104%!important;margin:-2% -2% 0}.avatar.lg{width:76px;height:76px;font-size:2.4rem;box-shadow:inset 0 -6px color-mix(in srgb,var(--av-bg, #d6c393) 55%,#fffaf0),0 0 0 4px var(--surface),0 6px 0 4px var(--surface-edge)}.avatar.sm{width:32px;height:32px;font-size:1rem;box-shadow:inset 0 -3px color-mix(in srgb,var(--av-bg, #d6c393) 55%,#fffaf0),0 0 0 2px var(--surface),0 3px 0 2px var(--surface-edge)}.avatar.off{opacity:.45;filter:grayscale(1)}.avatar.speaking{box-shadow:0 0 0 3px var(--surface),0 0 0 7px var(--hoja)}.avatar.sm .badge{width:16px;height:16px;font-size:.55rem;right:-6px;bottom:-6px}.avatar .badge{position:absolute;right:-7px;bottom:-7px;font-size:.75rem;background:var(--manteca);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 0 var(--manteca-edge)}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);padding:5px 12px;background:var(--surface);color:var(--ink-2);box-shadow:0 3px 0 var(--surface-edge);font-weight:800;font-size:.88rem;white-space:nowrap}.chip.on{background:var(--manteca);color:var(--manteca-ink);box-shadow:0 3px 0 var(--manteca-edge)}.chip.red{background:var(--danger-soft);color:var(--danger-ink);box-shadow:0 3px #f0b3a8}.chip.green{background:var(--ok-soft);color:var(--ok-ink);box-shadow:0 3px #b5dc9c}.chip.blue{background:#e0f2ff;color:var(--cielo-ink);box-shadow:0 3px #a8d6f3}.chip.dot:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--c, var(--accent));box-shadow:inset 0 -2px #0000002e}.player-list{display:flex;flex-direction:column;gap:10px}.player-row{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 10px;min-height:60px;border-radius:20px;background:var(--surface);box-shadow:0 4px 0 var(--surface-edge)}.player-row .name{font-weight:800;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-row.me{background:#fff3cf;box-shadow:0 4px 0 var(--manteca-edge)}.player-row.empty{background:#fffaf099;box-shadow:none;border:2px dashed var(--sand-deep)}.player-row.empty .avatar{background:transparent;box-shadow:inset 0 0 0 2px var(--sand-deep);color:var(--ink-3)}.player-row.empty .name{color:var(--ink-2);font-weight:700}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.dots{display:flex;gap:6px;justify-content:center}.dots i{width:9px;height:9px;border-radius:50%;background:var(--sand-deep);transition:width .2s,background .2s}.dots i.on{background:var(--accent);width:20px;border-radius:5px}.timer{position:relative;width:56px;height:56px;flex-shrink:0;border-radius:50%}.timer svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.timer circle{fill:none;stroke-width:6}.timer .bg{stroke:#efe4c9;fill:var(--surface)}.timer .fg{stroke:var(--accent);stroke-linecap:round;transition:stroke .3s}.timer.hot .fg{stroke:var(--danger)}.timer.hot{animation:pulse .5s infinite alternate}.timer .num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:400;font-size:1.3rem;color:var(--ink)}.timer.hot .num{color:var(--danger-ink)}.timer.big{width:96px;height:96px}.timer.big .num{font-size:2.2rem}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.toast{position:absolute;left:50%;top:calc(var(--sat) + 12px);transform:translate(-50%);background:var(--surface);color:var(--ink);padding:10px 18px;border-radius:var(--r-pill);font-weight:800;z-index:100;animation:popIn .25s;max-width:90%;text-align:center;box-shadow:var(--shadow-card)}@keyframes popIn{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%);opacity:1}}.leave-fab{position:absolute;top:calc(var(--sat) + 10px);left:12px;z-index:55;width:44px;height:44px;border-radius:50%;border:0;font-size:0;color:transparent;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a6246' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4'/%3E%3Cpath d='M9 16l-4-4 4-4'/%3E%3Cpath d='M5 12h11'/%3E%3C/svg%3E") center / 22px no-repeat;box-shadow:0 4px 0 var(--surface-edge),0 8px 12px #5a463029}.leave-fab:active{transform:translateY(3px);box-shadow:0 1px 0 var(--surface-edge)}.sheet-bg{position:absolute;inset:0;z-index:60;background:#3a2a1a52;display:flex;align-items:flex-end}.sheet{width:100%;max-width:520px;margin:0 auto;background:var(--surface);border-radius:30px 30px 0 0;padding:20px 18px calc(var(--sab) + 18px);display:flex;flex-direction:column;gap:12px;animation:sheetIn .25s cubic-bezier(.2,.9,.3,1.1);box-shadow:0 -6px 0 var(--surface-edge),0 -10px 30px #5a463033}.sheet b{font-family:var(--font-head);font-weight:400;font-size:1.5rem!important}@keyframes sheetIn{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.confetti{position:absolute;inset:0;pointer-events:none;z-index:60}.qr{image-rendering:pixelated;border-radius:14px;background:#fff;padding:4px;box-shadow:0 0 0 3px var(--sand-deep)}.settings{display:flex;flex-direction:column;gap:8px}.setting{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:16px;background:var(--surface-2)}.setting small{display:block;color:var(--ink-2);font-size:.8rem}.seg{display:inline-flex;border-radius:var(--r-pill);overflow:hidden;background:var(--surface-2);padding:4px;gap:4px;box-shadow:inset 0 2px #5a46301a}.seg button{border:0;background:transparent;color:var(--ink-2);padding:6px 12px;font-family:var(--font-head);font-weight:400;min-width:44px;min-height:40px;border-radius:var(--r-pill)}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 3px 0 var(--surface-edge)}.mode-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode-tile{border:0;border-radius:20px;background:var(--surface-2);color:var(--ink);padding:10px 6px;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center;min-height:100px;box-shadow:0 4px 0 var(--surface-edge)}.mode-tile.on{background:#fff3cf;box-shadow:0 4px 0 var(--manteca-edge),inset 0 0 0 3px var(--manteca)}.mode-tile b{font-family:var(--font-head);font-weight:400;font-size:1rem}.mode-tile small{font-size:.75rem;color:var(--ink-2);line-height:1.15}.mode-tile .em{font-size:1.6rem}.voice-btn{position:absolute;right:14px;bottom:calc(var(--sab) + 14px);z-index:40;width:56px;height:56px;border-radius:50%;border:0;background:var(--surface);color:var(--ink);box-shadow:0 5px 0 var(--surface-edge),0 10px 16px #5a463033;font-size:1.4rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;line-height:1}.voice-btn small{font-size:.65rem;font-weight:800}.voice-btn.on{background:var(--hoja);box-shadow:0 5px 0 var(--hoja-edge),0 10px 16px #5a463033}.voice-btn.speaking{box-shadow:0 0 0 5px #8bd46a8c,0 5px 0 var(--hoja-edge);animation:talk .6s infinite alternate}.voice-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--surface-edge)}@keyframes talk{0%{transform:scale(1)}to{transform:scale(1.06)}}.play{position:absolute;inset:0;overflow:hidden;background:var(--sand)}.map-host{position:absolute;inset:0}.map-host canvas{display:block}.hud-top{position:absolute;top:calc(var(--sat) + 10px);left:64px;right:12px;z-index:20;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;pointer-events:none}.hud-left{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.hud-me{display:flex;flex-direction:column;gap:6px;padding:9px 13px 11px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow-card)}.hud-fase{font-family:var(--font-head);font-size:22px;line-height:1;color:var(--ink);white-space:nowrap}.hud-fase small{font-family:var(--font-body);font-weight:800;font-size:12px;color:var(--accent-ink);margin-left:4px;letter-spacing:.04em}.hud-balls{display:flex;gap:5px;align-items:center}.hud-balls i{width:18px;height:18px;border-radius:50%;background:#efe4c9;box-shadow:inset 0 2px #5a463014}.hud-balls i.on{background:var(--c, var(--accent));box-shadow:inset 0 -3px #0000002e,inset 0 2px #ffffff59}.hud-balls i.now{transform:scale(1.18)}.hud-pts{font-size:12.5px;font-weight:800;color:var(--hoja-ink);line-height:1}.hud-rivals{display:flex;flex-wrap:wrap;gap:6px;padding:6px 8px;border-radius:16px;background:#fffaf0e0;box-shadow:0 3px 0 var(--surface-edge);max-width:214px}.hud-rival{display:flex;flex-direction:column;align-items:center;gap:2px;width:30px}.hud-rival .avatar{width:26px;height:26px;font-size:14px;box-shadow:inset 0 -3px color-mix(in srgb,var(--av-bg, #d6c393) 55%,#fffaf0),0 0 0 2px var(--surface)}.hud-rival small{font-size:11px;font-weight:800;color:var(--ink-2);line-height:1}.hud-rival.off{opacity:.45}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.hud-era{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);background:var(--surface);box-shadow:0 4px 0 var(--surface-edge);font-size:13px;font-weight:800;color:var(--ink-2);white-space:nowrap}.hud-era b{color:var(--ink);font-variant-numeric:tabular-nums}.hud-latido{width:62px;height:62px;border-radius:50%;background:var(--accent);box-shadow:0 5px 0 var(--accent-edge),0 10px 16px #5a463033;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1;--o: var(--accent-ink)}.hud-latido svg{animation:beat 1.2s infinite;filter:drop-shadow(0 1.5px 0 var(--accent-ink))}.hud-latido b{font-family:var(--font-head);font-weight:400;font-size:19px}.hud-latido.soon{animation:pulse .45s infinite alternate}.radar{display:block;border-radius:16px;box-shadow:0 0 0 4px #c99a5f,0 5px 0 4px #9c6c3a,0 10px 16px #5a463040}.joystick{position:absolute;left:22px;bottom:calc(var(--sab) + 26px);width:128px;height:128px;border-radius:50%;background:#fffaf08c;box-shadow:inset 0 4px 10px #5a463033,0 0 0 2px #fffaf0b3;z-index:30;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.joystick.hidden{opacity:0;pointer-events:none}.joystick.floating{left:0;bottom:auto;top:0;opacity:0;pointer-events:none;transition:opacity .12s}.joystick.floating.active{opacity:1}.joystick-hint{position:absolute;left:50%;bottom:calc(var(--sab) + 96px);transform:translate(-50%);color:var(--ink-2);font-size:.85rem;pointer-events:none}.joystick .knob{width:58px;height:58px;border-radius:50%;background:var(--surface);box-shadow:0 6px 0 var(--surface-edge),0 12px 16px #5a463040;pointer-events:none}.spectating{position:absolute;bottom:calc(var(--sab) + 20px);left:50%;transform:translate(-50%);background:var(--surface);padding:10px 16px;border-radius:var(--r-pill);z-index:30;font-weight:800;white-space:nowrap;box-shadow:var(--shadow-card)}.challenge-btn{touch-action:manipulation;position:absolute;right:18px;bottom:calc(var(--sab) + 90px);z-index:35;width:136px;min-height:118px;padding:10px 8px;border:0;border-radius:40px;background:var(--accent);box-shadow:0 8px 0 var(--accent-edge),0 16px 22px #5a463047;--o: var(--accent-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;animation:challengeIn .25s cubic-bezier(.2,.9,.3,1.3)}.app:not(.has-voice) .challenge-btn{bottom:calc(var(--sab) + 34px)}.challenge-btn:active{transform:translateY(7px);box-shadow:0 1px 0 var(--accent-edge),0 4px 8px #5a463033}.challenge-btn svg{filter:drop-shadow(0 2px 0 var(--accent-ink))}.challenge-btn .cb-main{font-family:var(--font-head);font-size:26px;line-height:1}.challenge-btn .cb-sub{font-weight:800;font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes challengeIn{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.challenge-hint{position:absolute;left:50%;bottom:calc(var(--sab) + 30px);transform:translate(-50%);z-index:35;display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:var(--r-pill);padding:10px 16px;font-weight:800;font-size:.92rem;color:var(--ink);white-space:nowrap;box-shadow:var(--shadow-card);max-width:calc(100% - 100px);overflow:hidden;text-overflow:ellipsis}.app.has-voice .challenge-hint{left:calc(50% - 30px)}@media(max-width:380px){h1.logo{font-size:3.1rem}.btn{font-size:1.1rem;min-height:54px}}.overlay{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;color:var(--ink);background:var(--veil);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:screenIn .25s}.mg-body{flex:1;display:flex;flex-direction:column;gap:14px;max-height:100%;overflow:hidden;padding:calc(var(--sat) + 12px) 16px calc(var(--sab) + 16px);max-width:520px;width:100%;margin:0 auto;min-height:0}.mg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px;min-height:72px;border-radius:24px;background:var(--surface);box-shadow:0 6px 0 var(--surface-edge),0 14px 22px #3c321e29;flex-shrink:0}.mg-head .mg-title{flex:1;min-width:0}.mg-icon{width:52px;height:52px;border-radius:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--c, var(--cielo));box-shadow:inset 0 -5px #00000026,inset 0 3px #ffffff4d}.mg-titles{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mg-title{font-family:var(--font-head);font-weight:400;font-size:1.5rem;line-height:1.05;color:var(--ink);overflow:hidden;text-overflow:ellipsis}.mg-hint{font-size:.9rem;font-weight:600;color:var(--ink-2);line-height:1.2}.duel-intro{z-index:58;justify-content:flex-start;padding-top:calc(var(--sat) + 40px)}body:has(.duel-banner) .mg-body{padding-top:calc(var(--sat) + 62px)}.duel-banner{position:absolute;top:calc(var(--sat) + 10px);left:50%;transform:translate(-50%);z-index:56;display:flex;gap:8px;align-items:center;background:var(--surface);color:var(--ink);border-radius:var(--r-pill);padding:7px 16px;font-family:var(--font-head);font-weight:400;font-size:1.05rem;white-space:nowrap;box-shadow:0 4px 0 var(--surface-edge),0 8px 14px #5a463029}.duel-banner .chip{font-family:var(--font-body)}.latido-mini{position:absolute;top:calc(var(--sat) + 150px);left:50%;transform:translate(-50%);z-index:40;display:flex;gap:8px;align-items:center;background:var(--surface);color:var(--ink);border-radius:var(--r-pill);padding:8px 16px;font-weight:800;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-card);animation:popInC .3s cubic-bezier(.2,.9,.3,1.2)}.latido-mini svg{animation:beat 1s infinite}.duel-result{position:absolute;inset:0;z-index:58;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;animation:popInC .35s cubic-bezier(.2,.9,.3,1.2);pointer-events:none}.duel-result.won{background:radial-gradient(circle at 50% 45%,rgba(139,212,106,.6),var(--veil-strong) 68%)}.duel-result.lost{background:radial-gradient(circle at 50% 45%,rgba(255,138,107,.45),var(--veil-strong) 68%)}.duel-result .huge{font-size:3.2rem}.duel-result.won .huge{color:var(--hoja-ink);text-shadow:0 4px 0 #cfe9b9}.duel-result.lost .huge{color:var(--accent-ink);text-shadow:0 4px 0 #f7cdbd}@keyframes popInC{0%{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}.fx-flash{position:absolute;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:var(--font-head);font-weight:400;font-size:2rem;text-align:center;padding:20px;color:var(--ink)}.fx-flash>div:not(:empty){background:var(--surface);padding:14px 24px;border-radius:28px;box-shadow:var(--shadow-card);max-width:92%}.fx-flash.evolve{background:radial-gradient(circle,rgba(255,255,255,.95),rgba(139,212,106,.6) 40%,transparent 75%);animation:evolveFlash 1.5s forwards}.fx-flash.evolve>div{color:var(--hoja-ink)}.fx-flash.regress{background:radial-gradient(circle,rgba(90,60,36,.55),rgba(255,138,107,.35) 45%,transparent 75%);animation:regressFlash 1.5s forwards}.fx-flash.regress>div{color:var(--accent-ink)}.fx-flash.mini{background:none;align-items:flex-start;padding-top:calc(var(--sat) + 150px);font-family:var(--font-body);font-weight:800;font-size:1.05rem;animation:miniFx 1.4s forwards}.fx-flash.mini>div{padding:8px 16px;border-radius:var(--r-pill);box-shadow:0 4px 0 var(--surface-edge)}@keyframes evolveFlash{0%{opacity:0;transform:scale(1.2)}15%{opacity:1;transform:scale(1)}20%{transform:translate(-6px,4px)}25%{transform:translate(6px,-4px)}30%{transform:translate(-4px,-3px)}35%{transform:none}80%{opacity:1}to{opacity:0}}@keyframes regressFlash{0%{opacity:0}15%{opacity:1}20%{transform:translate(-8px)}25%{transform:translate(8px)}30%{transform:translate(-5px)}35%{transform:none}80%{opacity:1}to{opacity:0}}@keyframes miniFx{0%{opacity:0;transform:translateY(-10px)}15%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.fx-flash.hunted{background:radial-gradient(circle,transparent 40%,rgba(239,91,76,.5) 100%);animation:miniFx 1s forwards;font-size:1.6rem}.fx-flash.hunted>div{color:var(--danger-ink)}.fx-flash.obstacle{background:radial-gradient(circle at 30% 60%,rgba(96,64,36,.92) 0 18%,transparent 30%),radial-gradient(circle at 70% 30%,rgba(96,64,36,.88) 0 14%,transparent 24%),radial-gradient(circle at 55% 75%,rgba(96,64,36,.85) 0 12%,transparent 22%);animation:inkOut .9s forwards;z-index:65}.fx-flash.obstacle.stun{pointer-events:auto;font-size:1.5rem;animation:stunShake .7s forwards;background:radial-gradient(circle at 30% 60%,rgba(96,64,36,.95) 0 22%,transparent 34%),radial-gradient(circle at 70% 30%,rgba(96,64,36,.9) 0 18%,transparent 28%),radial-gradient(circle at 55% 75%,rgba(96,64,36,.88) 0 16%,transparent 26%),#5a3c2433}.fx-flash.obstacle.stun>div{color:var(--danger-ink)}.fx-flash.obstacle.stun.soft{pointer-events:none;align-items:flex-start;padding-top:calc(var(--sat) + 96px);background:radial-gradient(circle at 30% 60%,rgba(96,64,36,.9) 0 18%,transparent 30%),radial-gradient(circle at 70% 30%,rgba(96,64,36,.86) 0 14%,transparent 24%),radial-gradient(circle at 55% 75%,rgba(96,64,36,.82) 0 12%,transparent 22%)}@keyframes stunShake{0%{transform:translate(0);opacity:1}15%{transform:translate(-6px,3px)}30%{transform:translate(5px,-4px)}45%{transform:translate(-4px,2px)}60%{transform:translate(3px,-2px)}80%{transform:translate(0);opacity:1}to{opacity:0}}@keyframes inkOut{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes shakeScreen{10%,90%{transform:translate(-3px,2px)}20%,80%{transform:translate(5px,-3px)}30%,50%,70%{transform:translate(-7px,4px)}40%,60%{transform:translate(7px,-4px)}}.overlay.center{align-items:center;justify-content:center;gap:8px}.announce{align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;background:radial-gradient(circle at 50% 38%,rgba(255,143,199,.4),var(--veil-strong) 62%)}.announce .huge{color:var(--ink)}.announce-beat{line-height:0;animation:beat .9s infinite;filter:drop-shadow(0 4px 0 var(--accent-edge))}@keyframes beat{0%,to{transform:scale(1)}25%{transform:scale(1.3)}40%{transform:scale(1)}55%{transform:scale(1.15)}}.announce-emoji{font-size:4.6rem;line-height:1;width:112px;height:112px;border-radius:36px;display:flex;align-items:center;justify-content:center;background:var(--surface);box-shadow:var(--shadow-card);animation:popInC .4s cubic-bezier(.2,.9,.3,1.4)}.announce-hint{font-size:1.15rem;color:var(--ink);max-width:340px;font-weight:800}.howto{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:420px;margin:4px 0}.howto-text{font-size:1.05rem;line-height:1.35;color:var(--ink);background:var(--surface);border-radius:18px;padding:12px 16px;box-shadow:0 4px 0 var(--surface-edge);font-weight:600}.howto-btn{touch-action:manipulation}.ranking{gap:12px}.rank-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-bottom:6px}.rank-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:20px;background:var(--surface);box-shadow:0 4px 0 var(--surface-edge);animation:rowIn .35s both cubic-bezier(.2,.9,.3,1.2)}.rank-row.me{background:#fff3cf;box-shadow:0 4px 0 var(--manteca-edge)}@keyframes rowIn{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}.rank-pos{font-family:var(--font-head);font-weight:400;font-size:1.15rem;width:32px;text-align:center;color:var(--accent-ink)}.rank-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.rank-name{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-bar{height:10px;border-radius:5px;background:#efe4c9;overflow:hidden}.rank-bar i{display:block;height:100%;border-radius:5px;box-shadow:inset 0 -2px #00000026;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}.rank-delta{font-weight:800;font-size:.92rem;min-width:38px;text-align:right;white-space:nowrap;color:var(--ink-2)}.rank-delta.up{color:var(--hoja-ink)}.rank-delta.down{color:var(--danger-ink)}.rank-adn{font-family:var(--font-head);font-weight:400;min-width:54px;text-align:right}.rank-adn small{color:var(--ink-2);font-family:var(--font-body);font-weight:800}.catastrofe{align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px}.catastrofe .huge{color:var(--ink)}.catastrofe.meteorito{background:radial-gradient(circle at 50% 30%,#ffe0bf,#f6b384 72%);animation:shakeScreen .7s}.catastrofe.meteorito .huge{color:var(--danger-ink);text-shadow:0 4px 0 rgba(255,255,255,.5)}.catastrofe.glaciacion{background:radial-gradient(circle at 50% 30%,#f1fbff,#b5e0f5 72%)}.catastrofe.glaciacion .huge{color:var(--cielo-ink);text-shadow:0 4px 0 rgba(255,255,255,.6)}.catastrofe .sub{color:var(--ink)}.cat-emoji{font-size:6rem;animation:fall .8s cubic-bezier(.3,.7,.4,1.4)}@keyframes fall{0%{transform:translateY(-260px) scale(.4);opacity:0}70%{transform:translateY(10px) scale(1.1);opacity:1}to{transform:none}}.cat-deltas{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.cat-deltas .chip{gap:6px;padding:3px 10px 3px 3px}.contract{align-items:center;justify-content:center;gap:8px;text-align:center;background:var(--veil);animation:contractPulse 1.5s forwards}@keyframes contractPulse{0%{transform:scale(1.15);opacity:0}20%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.eg-panel{position:absolute;left:50%;bottom:calc(var(--sab) + 170px);transform:translate(-50%);z-index:36;width:min(92vw,480px);display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--surface);border-radius:26px;padding:14px 16px 16px;box-shadow:var(--shadow-card);text-align:center}.eg-title{font-family:var(--font-head);font-weight:400;font-size:1.15rem;line-height:1.15;text-align:center}.eg-targets{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.eg-target{border:0;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink);display:flex;align-items:center;gap:8px;min-height:44px;padding:5px 14px 5px 6px;font-weight:800;box-shadow:0 4px 0 var(--surface-edge),inset 0 0 0 3px var(--c, transparent)}.eg-target:active{transform:translateY(3px);box-shadow:0 1px 0 var(--surface-edge),inset 0 0 0 3px var(--c, transparent)}.eg-target.on{background:#fff3cf;box-shadow:0 4px 0 var(--manteca-edge),inset 0 0 0 3px var(--c, var(--manteca))}.eg-target:disabled{opacity:.5}.eg-target small{color:var(--ink-2)}.tap-btn.sab{min-height:120px;flex:0 0 auto;width:100%;border-radius:30px;background:var(--rosa);color:#fff;box-shadow:0 8px 0 var(--rosa-edge),0 14px 20px #5a463038;font-family:var(--font-head);font-weight:400;--o: var(--rosa-ink);text-shadow:0 2px 0 var(--o),1.5px 0 0 var(--o),-1.5px 0 0 var(--o),0 -1.5px 0 var(--o)}.tap-btn.sab:active{transform:translateY(6px);box-shadow:0 2px 0 var(--rosa-edge)}.tap-btn.sab small{font-family:var(--font-body);font-weight:800;opacity:1}.eg-intro{gap:12px;padding:24px;z-index:60;cursor:pointer}.eg-intro .big{font-family:var(--font-head);font-weight:400;font-size:2rem}.eg-intro .sub{color:var(--ink);background:var(--surface);padding:10px 16px;border-radius:18px;box-shadow:0 4px 0 var(--surface-edge)}.eg-intro .sub.tiny{background:none;box-shadow:none;color:var(--ink-2)}.podio{align-items:stretch}.podio-steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:end;margin-top:8px}.podio-step{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;animation:rowIn .5s both;min-width:0}.podio-step b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podio-step small{color:var(--ink-2);font-size:.82rem;font-weight:700}.podio-step.me b{color:var(--accent-ink)}.podio-medal{font-size:1.8rem;line-height:1}.podio-block{width:100%;margin-top:8px;border-radius:18px 18px 6px 6px;display:flex;justify-content:center;padding-top:8px;background:repeating-linear-gradient(90deg,rgba(120,72,30,.07) 0 3px,transparent 3px 17px),linear-gradient(180deg,#e8bc82,#c98f52);box-shadow:inset 0 7px #f3d2a0,inset 0 -6px #a8743c,0 6px #8a5a2c,0 12px 18px #5a463040}.podio-block span{font-family:var(--font-head);font-size:1.8rem;line-height:1;color:#fff;--o: #7a4a1e;text-shadow:0 2px 0 var(--o),1.5px 0 0 var(--o),-1.5px 0 0 var(--o),0 -1.5px 0 var(--o)}.podio-block.p0{height:clamp(56px,12vh,110px)}.podio-block.p1{height:clamp(76px,17vh,150px)}.podio-block.p2{height:clamp(44px,9vh,80px)}.podio-block.p1{background:repeating-linear-gradient(90deg,rgba(120,72,30,.07) 0 3px,transparent 3px 17px),linear-gradient(180deg,#f0c98f,#d39c5c)}@media(max-height:640px){.podio h1.logo{font-size:2rem!important}.podio .avatar.lg{width:56px;height:56px;font-size:1.8rem}.podio-medal{font-size:1.3rem}.podio .player-row{padding:4px 10px;min-height:48px}.podio .player-row .avatar{width:34px;height:34px;font-size:1rem}.podio .btn.primary{min-height:48px}.screen{gap:8px}}html.phone body{background:#3a2a1a;display:flex;align-items:center;justify-content:center}html.phone #app{width:390px;height:min(844px,calc(100vh - 16px));position:relative;overflow:hidden;border-radius:36px;box-shadow:0 0 0 10px #2a1d10,0 0 60px #00000080;background:var(--sand)}html.phone .app{height:100%}.ad-banner{width:320px;height:50px;margin:6px auto 0}.home{gap:12px}.home-main{margin:auto 0;display:flex;flex-direction:column;gap:14px}.home-foot{padding-bottom:4px}.home-hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:6px}.home-mascot{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:84px;margin-bottom:-4px}.home-mascot svg{animation:wobble 2.4s ease-in-out infinite;transform-origin:50% 90%}.home-mascot svg:nth-child(2){animation-delay:-.8s}.home-mascot svg:nth-child(3){animation-delay:-1.6s}@keyframes wobble{0%,to{transform:scale(1) translateY(0)}30%{transform:scale(1.06,.93) translateY(0)}55%{transform:scale(.96,1.05) translateY(-6px)}}.tagline{color:var(--ink-2);font-size:1.05rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.home-tips{cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:12px 16px;border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-card);min-height:88px;justify-content:center}.tip-row{display:flex;align-items:center;gap:12px;animation:screenIn .35s}.tip-emoji{font-size:1.7rem;flex-shrink:0;width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);box-shadow:inset 0 -3px #5a46301a}.tip-text{font-weight:700;line-height:1.25}.input.name{text-align:center}.card.friends{display:flex;flex-direction:column;gap:12px;animation:screenIn .25s}.quick-splash{gap:10px}.quick-splash .quick-bicho{animation:beat 1s infinite}.lang-note{font-size:.82rem}@media(min-width:900px){.app{max-width:600px;padding-left:20px;padding-right:20px}.app.wide{max-width:980px}h1.logo{font-size:4.8rem}.home{gap:16px}.overlay{align-items:center;justify-content:center}.mg-body{flex:0 1 auto;height:min(860px,100% - 24px);max-width:620px;border-radius:34px;background:var(--sand-light);box-shadow:0 8px 0 var(--surface-edge),0 30px 60px #5a46304d;padding:18px 20px 22px}.overlay.announce,.overlay.catastrofe,.overlay.contract,.overlay.center{align-items:center}}.coach{position:absolute;inset:0;z-index:45;display:flex;align-items:flex-end;justify-content:center;padding-bottom:calc(var(--sab) + 110px);pointer-events:none}@media(max-width:700px){.coach{padding-bottom:calc(var(--sab) + 172px)}}.coach-card{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--surface);border-radius:26px;padding:18px 20px;max-width:340px;margin:0 16px;text-align:center;animation:popInC .35s cubic-bezier(.2,.9,.3,1.2);box-shadow:var(--shadow-card)}.coach-text{font-weight:700;line-height:1.3}.coach-text b{font-family:var(--font-head);font-weight:400;font-size:1.2rem}.coach-skip{border:0;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink);font-family:var(--font-head);font-weight:400;font-size:1.05rem;padding:8px 20px;min-height:44px;box-shadow:0 4px 0 var(--surface-edge)}.coach-skip:active{transform:translateY(3px);box-shadow:0 1px 0 var(--surface-edge)}.coach-finger{font-size:2.6rem;animation:drag 1.6s ease-in-out infinite}@keyframes drag{0%,to{transform:translate(-22px,6px)}50%{transform:translate(22px,-6px)}}.coach-keys{display:flex;flex-direction:column;align-items:center;gap:5px}.coach-keys div{display:flex;gap:5px}.coach-keys span{width:40px;height:40px;border-radius:11px;background:var(--surface-2);color:var(--ink);box-shadow:0 4px 0 var(--surface-edge);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:400;font-size:1.1rem;animation:keyPress 2s infinite}.coach-keys span:nth-child(1){animation-delay:0s}.coach-keys div span:nth-child(1){animation-delay:.5s}.coach-keys div span:nth-child(2){animation-delay:1s}.coach-keys div span:nth-child(3){animation-delay:1.5s}@keyframes keyPress{0%,20%,to{background:var(--surface-2);transform:none;box-shadow:0 4px 0 var(--surface-edge)}10%{background:var(--manteca);transform:translateY(3px);box-shadow:0 1px 0 var(--manteca-edge)}}.coach-ladder{display:flex;gap:2px;font-size:1.7rem;align-items:center}.coach-ladder span{opacity:.45;transition:transform .2s}.coach-ladder span.on{opacity:1;transform:scale(1.35);filter:drop-shadow(0 3px 0 var(--surface-edge))}.coach-ladder span{display:inline-flex;align-items:center}.coach-ladder span+span:before{content:"›";font-size:1rem;color:var(--ink-2);margin-right:2px}.coach-arrow{position:absolute;right:16px;bottom:calc(var(--sab) + 226px);z-index:45;background:var(--manteca);color:var(--manteca-ink);font-family:var(--font-head);font-weight:400;font-size:1.05rem;border-radius:var(--r-pill);padding:9px 16px;white-space:nowrap;box-shadow:0 4px 0 var(--manteca-edge),0 8px 14px #5a463033;animation:bounceY 1s infinite;pointer-events:none}.app:not(.has-voice) .coach-arrow{bottom:calc(var(--sab) + 170px)}.coach-arrow span{display:inline-block}@keyframes bounceY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lobby{gap:10px}.lobby-top{min-height:48px}.lobby-grid{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.lobby-col{display:contents}.lobby-col.left>.card.sticker{order:0}.lobby-col.right>.grow.scroll{order:1}.lobby-col.right>.ad-banner{order:2}.lobby-col.right>.btn,.lobby-col.right>.card.center{order:3}.lobby-finale{order:4}.lobby-tips{order:5;display:flex;flex-direction:column;gap:10px}.lobby-tips .card.flat{background:#fffaf099;border-radius:18px}.lobby-quote{text-align:center;font-size:.95rem;color:var(--ink-2);font-weight:700}.code-card{display:flex;flex-direction:column;align-items:center;gap:10px}.code-tiles{display:flex;gap:8px}.code-tiles span{width:54px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:2.3rem;color:var(--ink);background:var(--sand-light);box-shadow:inset 0 -5px #5a46301f,0 4px 0 var(--surface-edge)}.code-tiles span:nth-child(odd){transform:rotate(-3deg)}.code-tiles span:nth-child(2n){transform:rotate(2deg)}.lobby-head{font-family:var(--font-head);font-weight:400;font-size:1.3rem}.seat-plus{color:var(--ink-3)}@media(min-width:900px){.lobby-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;align-items:stretch}.lobby-col{display:flex;flex-direction:column;gap:14px;min-height:0}.lobby-col.right>.grow.scroll{flex:1}.lobby-tips{margin-top:auto}}.cover{position:absolute;inset:0;overflow:hidden;background:var(--sand)}.cover-bg,.cover-fg{position:absolute;inset:0}.cover-veil{position:absolute;inset:0;background:linear-gradient(180deg,#fbf5e48c,#fbf5e400 45%,#d6c3934d)}.cover-fg{pointer-events:none}.cover-logo{position:absolute;left:0;right:0;top:6%;text-align:center;display:flex;flex-direction:column;align-items:center}.cover-logo h1.logo{font-size:8.5vw;line-height:.92}.cover-logo h1.logo>span{text-shadow:0 .1vw 0 var(--e),0 .2vw 0 var(--e),0 .3vw 0 var(--e),0 .4vw 0 var(--e),0 .5vw 0 var(--e),0 .6vw 0 var(--e),0 1.4vw 2vw rgba(90,70,48,.3)}.cover-logo h1.logo>span:nth-child(1){--e: var(--accent-edge)}.cover-logo h1.logo>span:nth-child(2){--e: var(--cielo-edge)}.cover-tag{margin-top:1.2vw;font-family:var(--font-head);font-size:2.2vw;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--surface);padding:.5vw 2vw;border-radius:999px;box-shadow:0 .5vw 0 var(--surface-edge)}.cover-portrait .cover-logo{top:8%}.cover-portrait .cover-logo h1.logo{font-size:17vw}.cover-portrait .cover-tag{font-size:4.6vw}.cover-square .cover-logo h1.logo{font-size:15vw}.cover-square .cover-tag{font-size:4vw}.overlay.watching{pointer-events:none}.overlay.watching .mg-body{opacity:.94}body:has(.watch-banner) .mg-body{padding-top:calc(var(--sat) + 62px)}.watch-banner{position:absolute;top:calc(var(--sat) + 10px);left:50%;transform:translate(-50%);z-index:57;background:var(--manteca);color:var(--manteca-ink);font-family:var(--font-head);font-weight:400;border-radius:var(--r-pill);padding:7px 16px;white-space:nowrap;box-shadow:0 4px 0 var(--manteca-edge)}.watch-panel{bottom:calc(var(--sab) + 24px)}@media(max-height:640px){.home-mascot{display:none}h1.logo{font-size:2.8rem;flex-direction:row;gap:14px}.home-main{gap:10px}.home-tips{min-height:72px;padding:8px 14px}.btn.xl{min-height:58px;font-size:1.3rem}.code-tiles span{width:46px;height:54px;font-size:1.9rem}}@media(max-width:899px){.app.in-game .overlay .mg-head{margin-left:52px}}.tap-btn{flex:1;min-height:180px;border:0;border-radius:36px;background:radial-gradient(circle at 40% 35%,#d9ff7a,var(--lima) 45%,#5ec41e 100%);color:#06141b;font-family:var(--font-head);font-weight:800;font-size:2.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 10px #2f7a10,var(--glow);touch-action:manipulation;user-select:none}.tap-btn:active{transform:translateY(6px);box-shadow:0 4px #2f7a10}.tap-btn small{font-size:1.2rem;font-weight:700;opacity:.75}.chispa-canvas{flex:1;width:100%;min-height:0;border-radius:24px;background:radial-gradient(circle at 50% 40%,#12303e,#081a22 80%);box-shadow:inset 0 0 0 1px var(--line)}@media(max-height:640px){.overlay.announce{justify-content:safe center;gap:5px;padding:calc(var(--sat) + 10px) 20px 10px;overflow-y:auto}.overlay.announce.duel-intro{justify-content:flex-start}.announce-emoji{width:68px;height:68px;font-size:2.6rem;border-radius:22px}.announce .huge{font-size:1.8rem!important}.announce-hint{font-size:.98rem}.announce .howto{gap:6px;margin:0}.announce .howto-text{font-size:.92rem;padding:7px 12px}.announce .howto-btn{min-height:44px}.announce .grow{flex:0 0 4px}.announce .avatar.lg{width:56px;height:56px}.announce .timer{transform:scale(.85)}}.bicho-pic,.clay-kind{display:inline-block;flex-shrink:0;pointer-events:none}.clay-icon{display:block;flex-shrink:0;pointer-events:none}.clay-icon.inline{display:inline-block;vertical-align:middle;margin:-6px 1px -4px}.mg-body canvas.clay-board{background:var(--sand-light);border-radius:26px;box-shadow:0 6px 0 var(--surface-edge),0 14px 22px #5a463029,inset 0 0 0 2px #3a2a1a0f}.clay-msg{align-self:center;max-width:100%;text-align:center;font-weight:800;font-size:1rem;color:var(--ink);background:var(--surface);border-radius:var(--r-pill);padding:7px 16px;box-shadow:0 3px 0 var(--surface-edge);flex-shrink:0}.clay-msg.ok{background:var(--ok-soft);color:var(--ok-ink);box-shadow:0 3px 0 var(--ok)}.clay-msg.bad{background:var(--danger-soft);color:var(--danger-ink);box-shadow:0 3px 0 var(--danger);animation:shake .4s}.mg-body .mg3-msg{text-align:center;color:var(--ink-2);font-weight:800;min-height:1.4em;line-height:1.35}.mg-body .mg3-msg.bad{color:var(--danger-ink)}.mg-body .mg3-msg.ok{color:var(--ok-ink)}.mg-body .mg3-canvas{flex:1;width:100%;min-height:0;display:block;touch-action:none}.mg-body .mg3-bar{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0;margin-top:-4px}.mg-body .mg3-bar .chip{font-weight:800;color:var(--ink);min-height:34px}.mg-body .mg3-bar .chip.red{color:var(--danger-ink)}.mg-body .mg3-bar .chip.green{color:var(--ok-ink)}.mg-body .mg3-score{font-family:var(--font-head);font-weight:400;font-size:1.15rem;animation:mg3Pop .3s cubic-bezier(.2,.9,.3,1.4)}@keyframes mg3Pop{0%{transform:scale(1.25)}to{transform:none}}.tira-field{position:relative;flex:1;min-height:170px;border-radius:28px;overflow:hidden;background:radial-gradient(100% 80% at 50% 45%,#c3e392,#a6d072 60%,#8dbd5a);box-shadow:inset 0 -5px #4f6e2d59,inset 0 3px #ffffff59}.tira-mud{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1.5;max-height:70%;transform:translate(-50%,-38%);border-radius:48% 52% 45% 55%/55% 45%;background:radial-gradient(ellipse at 40% 35%,#b8875a,#8a5d36 70%);box-shadow:0 6px #6b4526 inset,0 0 0 5px #7a563259}.tira-line{position:absolute;left:50%;top:14%;bottom:14%;width:0;border-left:4px dashed rgba(255,250,240,.75);transform:translate(-2px)}.tira-rig{position:absolute;inset:0;transition:transform .18s ease-out}.tira-rope{position:absolute;left:20%;right:20%;top:50%;height:14px;margin-top:-2px;border-radius:7px;background:repeating-linear-gradient(115deg,#e6bf85 0 7px,#c99559 7px 12px);box-shadow:0 4px #9c6b3c,0 9px 10px #3c501e59,inset 0 2px #ffffff59}.tira-knot{position:absolute;left:50%;transition:left .18s ease-out;top:50%;width:30px;height:30px;margin:-10px 0 0 -15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffc2ad,var(--accent) 55%,#e56f52);box-shadow:0 4px 0 var(--accent-edge),0 8px 10px #3c501e59}.tira-end{position:absolute;top:50%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-54%)}.tira-end.me{left:15%}.tira-end.them{left:85%}.tira-end .bicho-pic{display:block;margin-bottom:-16px}.tira-name{position:relative;font-weight:800;font-size:.82rem;color:var(--ink);background:#fff;border-radius:var(--r-pill);padding:2px 10px;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 2px #5a46302e}.tira-name.me{background:var(--accent);color:#fff;text-shadow:0 1px 0 var(--accent-ink),1px 0 0 var(--accent-ink),-1px 0 0 var(--accent-ink),0 -1px 0 var(--accent-ink)}.tap-btn.clay-tap{flex:0 0 auto;height:clamp(150px,30vh,240px);min-height:0;border-radius:36px;color:#fff;background:radial-gradient(120% 90% at 35% 25%,#b5e896 0%,var(--hoja) 55%,#74bd52 100%);box-shadow:0 10px 0 var(--hoja-edge),0 18px 24px #5a463040,inset 0 4px #ffffff59;font-family:var(--font-head);font-weight:400;font-size:2.4rem;letter-spacing:.02em;--o: var(--hoja-ink);transition:transform .06s,box-shadow .06s}.tap-btn.clay-tap:active{transform:translateY(8px);box-shadow:0 2px 0 var(--hoja-edge),0 6px 10px #5a463033,inset 0 4px #ffffff59}.tap-btn.clay-tap small{font-family:var(--font-body);font-weight:800;font-size:1.2rem;opacity:1;color:var(--hoja-ink);background:#fffaf0d9;border-radius:var(--r-pill);padding:1px 14px;min-width:52px}@media(max-height:640px){.tap-btn.clay-tap{height:120px;font-size:2rem}.tira-field{min-height:130px}}.ppt{gap:12px}.ppt-arena{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:28px;padding:14px 10px;background:radial-gradient(100% 80% at 50% 45%,#c3e392,#a6d072 60%,#8dbd5a);box-shadow:inset 0 -5px #4f6e2d59,inset 0 3px #ffffff59}.ppt-log{position:relative;width:min(100%,360px);aspect-ratio:1.9;border-radius:50%;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:repeating-radial-gradient(ellipse at 48% 52%,transparent 0 18px,rgba(201,152,92,.45) 18px 20.5px),radial-gradient(ellipse at 50% 50%,#f6dcae,#e9c48c 88%,#d9ac6e);box-shadow:0 8px #b47d47,0 15px #9c6b3c,0 24px 22px #3c501e73}.ppt-side{display:flex;flex-direction:column;align-items:center;margin-top:-18px}.ppt-side .bicho-pic{display:block;margin-bottom:-18px}.ppt-name{position:relative;font-weight:800;font-size:.82rem;color:var(--ink);background:#fff;border-radius:var(--r-pill);padding:2px 10px;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 2px #5a46302e}.ppt-name.me{background:var(--accent);color:#fff;text-shadow:0 1px 0 var(--accent-ink),1px 0 0 var(--accent-ink),-1px 0 0 var(--accent-ink),0 -1px 0 var(--accent-ink)}.ppt-mid{display:flex;align-items:center;gap:4px}.ppt-wins{font-family:var(--font-head);font-weight:400;font-size:2.5rem;line-height:1;color:var(--ink);min-width:32px;text-align:center;text-shadow:0 2px 0 rgba(255,255,255,.6)}.ppt-wins.up{color:var(--ok-ink);animation:pptBump .5s cubic-bezier(.2,1.6,.4,1)}.ppt-vs-dash{font-family:var(--font-head);color:#9c6b3c;font-size:1.6rem}@keyframes pptBump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.ppt-rival{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;flex-shrink:0}.ppt-rival-label{color:var(--ink);background:#fffaf0d9;border-radius:var(--r-pill);padding:3px 12px;font-size:.9rem;font-weight:700}.ppt-hist{display:flex;gap:6px;min-height:40px;align-items:center}.ppt-hist i{font-style:normal;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:12px;box-shadow:0 3px 0 var(--surface-edge)}.ppt-hist i.blind{font-family:var(--font-head);font-size:1.3rem;color:var(--ink-2);background:var(--surface-2)}.ppt-hist i.none{background:none;box-shadow:none;color:var(--ink-2)}.ppt-icon{display:block}.ppt-choices{flex:0 0 auto;height:clamp(150px,24vh,210px);display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:stretch;padding-bottom:6px}.ppt-btn{border:0;border-radius:26px;background:var(--surface);color:var(--ink);min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 6px 0 var(--surface-edge),0 12px 18px #5a463029;transition:transform .1s,opacity .2s,box-shadow .1s,background .15s;touch-action:manipulation}.ppt-btn small{font-family:var(--font-head);font-weight:400;font-size:1.1rem}.ppt-btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--surface-edge)}.ppt-btn.on{background:var(--manteca);box-shadow:0 6px 0 var(--manteca-edge),0 14px 20px #5a463033;transform:translateY(-4px) scale(1.03)}.ppt-btn.on small{color:var(--manteca-ink)}.ppt-btn.dim{opacity:.45}.ppt-reveal{flex:0 0 auto;height:clamp(150px,24vh,210px);display:flex;align-items:center;justify-content:space-around;gap:6px}.ppt-hand{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 10px 10px;border-radius:28px;background:var(--surface);box-shadow:0 6px 0 var(--surface-edge);animation:pptIn .35s cubic-bezier(.2,1.5,.4,1)}.ppt-hand small{font-weight:800;font-size:.85rem;color:var(--ink-2)}.ppt-hand.win{background:var(--ok-soft);box-shadow:0 6px 0 var(--ok-edge),0 0 0 4px var(--ok)}.ppt-hand.win small{color:var(--ok-ink)}.ppt-hand.lose{opacity:.7;transform:rotate(-4deg)}.ppt-vs{font-family:var(--font-head);font-weight:400;font-size:1.15rem;text-align:center;max-width:96px;color:var(--ink)}.ppt-vs.win{color:var(--ok-ink)}.ppt-vs.lose{color:var(--danger-ink)}@keyframes pptIn{0%{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}@media(max-height:640px){.ppt{gap:8px}.ppt-arena{gap:6px;padding:6px 10px}.ppt-log{width:min(100%,250px)}.ppt-log .bicho-pic{width:76px!important;height:76px!important}.ppt-choices,.ppt-reveal{height:132px}.ppt-btn .ppt-icon{width:60px!important;height:60px!important}.ppt-hand .ppt-icon{width:64px!important;height:64px!important}}.mg.mg-reflejo{background:transparent}.reflejo{justify-content:center;align-items:center;text-align:center;transition:background .12s;border-radius:0}.reflejo.wait{background:radial-gradient(110% 80% at 50% 40%,#fff1ec,#ffd9cf 60%,#ffc6b8)}.reflejo.go{background:radial-gradient(110% 80% at 50% 40%,#f1fae8,#d3efbd 60%,#b6e297)}.reflejo .mg-head{align-self:stretch}.reflejo-k{font-size:1rem}.reflejo-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.reflejo-orb{position:relative;width:min(56vw,34vh,230px);aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at 34% 28%,#ffb3a5 0%,var(--danger) 48%,#d9493b 100%);box-shadow:0 12px 0 var(--danger-edge),0 24px 28px #5a46304d,inset 0 -10px #3a1a001f,inset 0 0 0 3px #3a2a1a1f;transition:transform .1s,background .12s,box-shadow .12s}.reflejo-orb:after{content:"";position:absolute;left:20%;top:14%;width:26%;height:12%;border-radius:50%;background:#ffffff8c;transform:rotate(-25deg)}.reflejo-orb svg{filter:drop-shadow(0 3px 0 rgba(58,26,0,.3))}.reflejo-orb:before{content:"";position:absolute;inset:-18px;border-radius:50%;border:5px solid rgba(239,91,76,.35);animation:orbPulse 1.4s ease-out infinite}.reflejo.go .reflejo-orb{transform:scale(1.08);background:radial-gradient(circle at 34% 28%,#d4f3bd 0%,var(--hoja) 48%,#6fb54f 100%);box-shadow:0 12px 0 var(--hoja-edge),0 24px 28px #5a46304d,inset 0 -10px #3a1a001a,0 0 0 12px #8bd46a59}.reflejo.go .reflejo-orb:before{animation-duration:.5s;border-color:#5e9e4199}@keyframes orbPulse{0%{transform:scale(.92);opacity:.9}to{transform:scale(1.25);opacity:0}}.reflejo-msg{font-family:var(--font-head);font-weight:400;font-size:2.2rem;line-height:1.1;color:var(--danger-ink);min-height:1.2em}.reflejo.go .reflejo-msg{color:var(--ok-ink)}.reflejo.false .reflejo-msg{animation:shake .4s}.reflejo-stage .bicho-pic{margin-top:-8px}.reflejo-times{display:flex;gap:8px;min-height:32px}.reflejo-help{color:var(--ink-2);font-weight:700;font-size:.95rem;max-width:34ch}@media(min-width:900px){.mg-body.reflejo{overflow:hidden}.reflejo.wait,.reflejo.go{border-radius:34px}}@media(max-height:640px){.reflejo-stage{gap:6px}.reflejo-stage .bicho-pic{display:none}.reflejo-msg{font-size:1.8rem}}.mito-bars{display:flex;flex-direction:column;gap:4px;padding:8px 12px;flex-shrink:0}.mito-row{display:flex;align-items:center;gap:6px}.mito-row .bicho-pic{flex-shrink:0;margin:-8px -4px}.mito-track{position:relative;flex:1;height:26px;border-radius:12px;background:var(--surface-2);box-shadow:inset 0 2px #5a46301f;overflow:hidden}.mito-track i{display:block;height:100%;border-radius:12px;min-width:6px;transition:width .2s;box-shadow:inset 0 -4px #3a1a002e,inset 0 3px #ffffff59}.mito-track span{position:absolute;left:10px;top:0;line-height:26px;font-size:.82rem;font-weight:800;color:var(--ink);text-shadow:0 0 3px #fffaf0,0 0 3px #fffaf0,0 0 2px #fffaf0;white-space:nowrap}.mito-row.me .mito-track{box-shadow:inset 0 2px #5a46301f,0 0 0 2px var(--accent)}.mito-dish{position:relative;flex:1;min-height:110px}.mito-cells{position:absolute;top:0;bottom:0;left:50%;margin:auto 0;height:min(100%,300px);aspect-ratio:1;transform:translate(-50%);border-radius:50%;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:0;padding:14px;background:radial-gradient(circle at 38% 32%,#fff,#eef6f2 45%,#d9ebe4);box-shadow:0 0 0 7px #fbf7ee,0 0 0 9px #3a2a1a24,0 10px 0 5px #d6c393,0 18px 22px 6px #5a463038}.mito-cells span{display:block;line-height:0;animation:mitoIn .35s cubic-bezier(.2,1.6,.4,1) both}.mito-cells svg{width:100%;height:auto}@keyframes mitoIn{0%{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}@media(max-height:640px){.mito-bars{gap:2px;padding:4px 12px}.mito-track{height:20px}.mito-track span{line-height:20px}.mito-dish{min-height:80px}}.chispa .clay-board{cursor:crosshair}.calca-emoji{font-size:28px;line-height:1;filter:drop-shadow(0 2px 0 rgba(58,42,26,.25))}.calca-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.calca-canvas{width:min(100%,100vh - 250px);aspect-ratio:1;border-radius:24px;background:#fffdf6;box-shadow:0 7px 0 var(--surface-edge),0 16px 26px #5a463038,inset 0 0 0 2px #3a2a1a14;cursor:crosshair}.calca-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.calca-bar .btn{min-height:48px;padding:0 14px;font-size:1.05rem;gap:6px}.calca-bar .clay-msg{flex:1;min-width:0;font-size:.9rem;padding:6px 10px}.puzzle-board{position:relative;width:min(100%,100vh - 300px);aspect-ratio:1;margin:0 auto;display:grid;grid-auto-rows:1fr;gap:6px;padding:8px;border-radius:24px;flex-shrink:0;background:radial-gradient(ellipse at 50% 45%,#f6dcae,#e9c48c 85%,#d9ac6e);box-shadow:0 7px #b47d47,0 12px #9c6b3c,0 20px 24px #5a463047,inset 0 0 0 2px #3a2a1a1a}.puzzle-slot{position:relative;z-index:2;min-height:0;min-width:0;border-radius:12px;border:3px dashed rgba(122,86,50,.45);overflow:hidden}.puzzle-slot.on{border-color:transparent;box-shadow:0 3px #3a2a1a40;animation:puzzleIn .3s cubic-bezier(.2,1.5,.4,1)}.puzzle-slot canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.puzzle-ghost{position:absolute;inset:8px;z-index:1;opacity:.3;border-radius:14px;overflow:hidden;pointer-events:none;filter:saturate(.6)}.puzzle.done .puzzle-board{animation:puzzleDone .6s cubic-bezier(.2,1.5,.4,1)}.puzzle-tray{display:flex;gap:12px;justify-content:center;align-items:center;min-height:min(104px,15vh);padding:10px;border-radius:22px;background:var(--surface-2);box-shadow:inset 0 3px #5a46301a;flex-shrink:0}.puzzle-piece{width:min(84px,12vh);height:min(84px,12vh);border-radius:12px;overflow:hidden;cursor:grab;box-shadow:0 5px 0 var(--surface-edge),0 9px 12px #5a463033,inset 0 0 0 2px #3a2a1a1a;transition:transform .12s}.puzzle-piece:active{transform:translateY(3px)}.puzzle-piece canvas{width:100%!important;height:100%!important}.puzzle-piece.gone{visibility:hidden}.puzzle-piece.shake{animation:shake .4s;box-shadow:0 5px 0 var(--danger-edge),0 0 0 4px var(--danger)}.puzzle-drag{position:fixed;z-index:100;transform:translate(-50%,-50%) scale(1.08) rotate(-3deg);pointer-events:none;border-radius:12px;overflow:hidden;box-shadow:0 6px 0 var(--surface-edge),0 18px 26px #5a463059}@keyframes puzzleIn{0%{transform:scale(.85)}to{transform:none}}@keyframes puzzleDone{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.puzzle-count{font-family:var(--font-head);font-weight:400;margin-right:8px;color:var(--lila-ink)}.puzzle .clay-msg.ok .puzzle-count{color:var(--ok-ink)}.puzzle .mg-title{font-size:clamp(1.15rem,5.4vw,1.5rem)}.puzzle-board{margin-top:auto}.puzzle-tray{margin-bottom:auto}.pares .clay-board,.figura .clay-board{cursor:pointer}.buscar-target{align-self:center;display:flex;align-items:center;gap:10px;padding:4px 6px 4px 18px;border-radius:var(--r-pill);background:var(--surface);box-shadow:0 4px 0 var(--surface-edge),0 8px 14px #5a463024;flex-shrink:0;animation:buscarIn .35s cubic-bezier(.2,1.5,.4,1)}.buscar-label{font-family:var(--font-head);font-weight:400;font-size:1.3rem;color:var(--ink)}.buscar-emoji{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;line-height:1;background:radial-gradient(circle at 35% 30%,#fff1c7,var(--manteca) 70%);box-shadow:0 4px 0 var(--manteca-edge),inset 0 0 0 2px #3a2a1a1a}.buscar .clay-board{cursor:pointer}@keyframes buscarIn{0%{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}@media(max-height:640px){.buscar-emoji{width:44px;height:44px;font-size:1.7rem}}.simon-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:16px;min-height:0;padding:4px 4px 12px}.simon-pad{position:relative;border:0;border-radius:30px;font-size:3rem;line-height:1;touch-action:manipulation;user-select:none;background:var(--c);background:radial-gradient(120% 100% at 32% 24%,color-mix(in srgb,var(--c) 55%,#fff) 0%,var(--c) 55%,color-mix(in srgb,var(--c) 88%,#5a3a1a) 100%);box-shadow:0 9px 0 var(--e),0 16px 20px #5a463038,inset 0 0 0 2px #3a2a1a1f;filter:saturate(.65) brightness(1.03);opacity:.85;transition:transform .1s,filter .1s,opacity .1s,box-shadow .1s}.simon-pad:after{content:"";position:absolute;left:14px;top:12px;width:min(28%,48px);height:min(12%,22px);border-radius:50%;background:#ffffff8c;transform:rotate(-20deg);pointer-events:none}.simon-pad span{display:inline-block;filter:drop-shadow(0 3px 0 rgba(58,42,26,.25));transition:transform .1s}.simon-pad.lit{filter:none;opacity:1;transform:translateY(-4px) scale(1.04);box-shadow:0 13px 0 var(--e),0 0 0 6px #fffffff2,0 0 36px 8px #fff1c7e6,0 22px 26px #5a463040}.simon-pad.lit span{transform:scale(1.18)}.simon-pad.off:not(.lit){opacity:.6;filter:saturate(.45) brightness(1.05)}.simon.ph-input .simon-pad:not(.lit){opacity:1;filter:none}.simon-pad:not(.off):active{transform:translateY(7px);box-shadow:0 2px 0 var(--e),0 4px 8px #5a463033}.simon-dots{display:flex;gap:8px;justify-content:center;min-height:16px;flex-shrink:0}.simon-dots i{width:16px;height:16px;border-radius:50%;background:var(--surface-2);box-shadow:inset 0 2px #5a463026;transition:background .15s,transform .15s}.simon-dots i.on{background:radial-gradient(circle at 35% 30%,#cdefb4,var(--hoja) 70%);box-shadow:0 2px 0 var(--hoja-edge);transform:scale(1.12)}.clay-msg.go{background:var(--manteca);color:var(--manteca-ink);box-shadow:0 3px 0 var(--manteca-edge)}.simon-wait{text-align:center;font-size:.9rem;font-weight:700;color:var(--ink-2)}@media(max-height:640px){.simon-grid{gap:10px}.simon-pad{font-size:2.2rem;border-radius:22px}}.mg-body.esquiva{gap:10px}.esquiva-canvas{flex:1;width:100%;min-height:0;display:block;cursor:pointer;touch-action:none}.esquiva-msg{align-self:center;text-align:center;min-height:44px;display:flex;align-items:center;padding:8px 18px;border-radius:var(--r-pill);background:var(--surface);box-shadow:0 4px 0 var(--surface-edge);font-weight:800;color:var(--ink);flex-shrink:0}.esquiva-msg.out{color:var(--danger-ink);background:var(--danger-soft);box-shadow:0 4px #f0b3a8;animation:shake .4s}.mg-body.cuantos{gap:12px}.cuantos-target{align-self:center;display:flex;align-items:center;gap:8px;padding:4px 18px;border-radius:var(--r-pill);background:var(--surface);box-shadow:0 4px 0 var(--surface-edge);font-family:var(--font-head);font-size:1.35rem;color:var(--ink);flex-shrink:0;animation:popInC .3s cubic-bezier(.2,.9,.3,1.3)}.cuantos-target .clay-kind{display:block}.cuantos-canvas{flex:1;width:100%;min-height:120px;display:block;transition:filter .2s}.cuantos-canvas.sent{animation:cuantosSent .35s}@keyframes cuantosSent{50%{transform:scale(.985);filter:brightness(1.05)}}.cuantos-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;flex-shrink:0;padding-bottom:6px}.cuantos-opt{border:0;border-radius:20px;min-height:64px;background:var(--surface);color:var(--ink);font-family:var(--font-head);font-weight:400;font-size:1.9rem;box-shadow:0 6px 0 var(--surface-edge),0 10px 16px #5a463024,inset 0 2px #fff;transition:transform .06s;cursor:pointer}.cuantos-opt:nth-child(1){color:var(--accent-ink)}.cuantos-opt:nth-child(2){color:var(--cielo-ink)}.cuantos-opt:nth-child(3){color:var(--hoja-ink)}.cuantos-opt:nth-child(4){color:var(--lila-ink)}.cuantos-opt:active{transform:translateY(5px);box-shadow:0 1px 0 var(--surface-edge),inset 0 2px #fff;background:var(--manteca)}.cuantos-done{gap:10px;animation:popInC .35s cubic-bezier(.2,.9,.3,1.3)}.mg-body.impostor{gap:12px}.impostor-pips{display:flex;justify-content:center;gap:10px;flex-shrink:0}.impostor-pips span{width:16px;height:16px;border-radius:50%;background:var(--surface-2);box-shadow:inset 0 2px #5a46302e;transition:background .25s,transform .25s}.impostor-pips span.now{background:var(--manteca);box-shadow:0 2px 0 var(--manteca-edge);transform:scale(1.15)}.impostor-pips span.on{background:var(--ok);box-shadow:0 2px 0 var(--ok-edge)}.impostor-tray{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.impostor-grid{display:grid;gap:10px;width:100%;max-height:100%;align-content:center;padding:12px;border-radius:26px;background:radial-gradient(circle at 45% 35%,#f6dcae,#e9c48c 85%,#d9ac6e);box-shadow:0 8px #b47d47,0 9px #9c6b3c,0 18px 26px #5a463040,inset 0 2px #ffffff80}.impostor-cell{border:0;padding:0;border-radius:18px;background:var(--surface);min-height:56px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(1.6rem,6.5vh,2.8rem);line-height:1;box-shadow:0 5px 0 var(--surface-edge),0 8px 10px #5a463029,inset 0 2px #fff;transition:transform .08s,box-shadow .08s;cursor:pointer;animation:impIn .3s cubic-bezier(.2,.9,.3,1.3) backwards;animation-delay:calc(var(--i, 0) * 18ms)}.impostor-cell span{filter:drop-shadow(0 2px 0 rgba(90,70,48,.18));pointer-events:none}.impostor-cell:active{transform:translateY(4px);box-shadow:0 1px 0 var(--surface-edge),inset 0 2px #fff}.impostor-cell.shake{animation:shake .4s;background:var(--danger-soft);box-shadow:0 5px #f0b3a8,inset 0 0 0 3px var(--danger)}@keyframes impIn{0%{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}.impostor-done{gap:8px;animation:popInC .35s cubic-bezier(.2,.9,.3,1.3)}.impostor-done .big{color:var(--ok-ink)}@media(max-height:640px){.impostor-grid{gap:7px;padding:9px}.impostor-cell{border-radius:14px;min-height:0}}.mg-body.dial{gap:12px;cursor:pointer}.dial-canvas{flex:1;width:100%;min-height:160px;display:block}.dial-pts{display:flex;justify-content:center;gap:10px;flex-shrink:0}.dial-pt{min-width:64px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-2);font-family:var(--font-head);font-size:1.15rem;box-shadow:inset 0 2px #5a463024}.dial-pt.good,.dial-pt.meh,.dial-pt.bad{animation:popInC .3s cubic-bezier(.2,.9,.3,1.4);box-shadow:0 3px 0 var(--e)}.dial-pt.good{background:var(--ok-soft);color:var(--ok-ink);--e: #b5dc9c}.dial-pt.meh{background:#fff1c7;color:var(--manteca-ink);--e: #e8cf85}.dial-pt.bad{background:var(--danger-soft);color:var(--danger-ink);--e: #f0b3a8}.dial-help{align-self:center;text-align:center;padding:8px 16px;border-radius:var(--r-pill);background:var(--surface);box-shadow:0 4px 0 var(--surface-edge);font-weight:800;font-size:.95rem;color:var(--ink);flex-shrink:0}.mg-body.cuca{gap:12px}.cuca-canvas{flex:1;width:100%;min-height:160px;display:block;border-radius:24px;box-shadow:0 6px #b97a50,0 14px 22px #5a463038;cursor:crosshair;touch-action:none}.cuca-help{align-self:center;text-align:center;padding:8px 16px;border-radius:var(--r-pill);background:var(--surface);box-shadow:0 4px 0 var(--surface-edge);font-weight:800;font-size:.95rem;color:var(--ink);flex-shrink:0}.mg-body.notoques{gap:12px}.mg-body.notoques.fake{background:radial-gradient(circle at 50% 50%,#ffd2c9,var(--danger-soft) 70%);animation:shakeScreen .5s}.mg-body.notoques.real,.mg-body.notoques.ok{background:radial-gradient(circle at 50% 50%,#d4f0c0,var(--ok-soft) 70%)}.mg-body.notoques.out{background:radial-gradient(circle at 50% 50%,#eee6d4,#ddd2ba 80%)}.notoques-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.notoques-btn{--face: var(--accent);--edge: var(--accent-edge);--o: var(--accent-ink);flex:0 1 auto;width:min(78%,50vh,330px);aspect-ratio:1;min-height:150px;border:0;border-radius:50%;margin-bottom:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:radial-gradient(circle at 36% 30%,#ffffff73,#fff0 42%),var(--face);box-shadow:0 14px 0 var(--edge),0 26px 30px #5a463047,inset 0 -8px #3a2a1a1a,inset 0 0 0 3px #3a2a1a1f;color:#fff;font-family:var(--font-head);font-weight:400;font-size:clamp(1.8rem,9vw,2.8rem);line-height:1.05;text-align:center;padding:20px;text-shadow:0 3px 0 var(--o),2px 0 0 var(--o),-2px 0 0 var(--o),0 -2px 0 var(--o),1.5px 1.5px 0 var(--o),-1.5px 1.5px 0 var(--o),1.5px -1.5px 0 var(--o),-1.5px -1.5px 0 var(--o);transition:transform .06s,box-shadow .06s;cursor:pointer;touch-action:manipulation}.notoques-btn small{font-family:var(--font-body);font-size:1.05rem;font-weight:800}.notoques-btn:active{transform:translateY(10px);box-shadow:0 4px 0 var(--edge),0 10px 14px #5a463040,inset 0 -8px #3a2a1a1a}.notoques.fake .notoques-btn{--face: var(--danger);--edge: var(--danger-edge);--o: #8f2219;animation:pulse .18s infinite alternate}.notoques.real .notoques-btn,.notoques.ok .notoques-btn{--face: var(--ok);--edge: var(--ok-edge);--o: var(--ok-ink)}.notoques.real .notoques-btn{animation:pulse .3s infinite alternate}.notoques.out .notoques-btn{--face: #cfc4ad;--edge: #a89a7c;--o: #6b5d45}.notoques-bicho{flex-shrink:0}.notoques.real .notoques-bicho,.notoques.ok .notoques-bicho{animation:bounceY .5s infinite}.notoques-help{align-self:center;text-align:center;padding:8px 16px;border-radius:22px;background:var(--surface);box-shadow:0 4px 0 var(--surface-edge);font-weight:800;font-size:.95rem;color:var(--ink);flex-shrink:0}@media(max-height:640px){.notoques-bicho{display:none}}.overlay.mg-sumo{background:radial-gradient(100% 70% at 50% 55%,#b9dc84,#97c763 60%,#7aad4c)}@media(min-width:900px){.overlay.mg-sumo{background:var(--veil)}.overlay.mg-sumo .mg-body{background:radial-gradient(100% 70% at 50% 55%,#b9dc84,#97c763 60%,#7aad4c)}}.mg-body.sumo{gap:10px}.sumo-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;flex-shrink:0}.sumo-chip{padding:5px 12px;border-radius:var(--r-pill);font-size:.82rem;font-weight:800;color:var(--ink);white-space:nowrap;max-width:30%;overflow:hidden;text-overflow:ellipsis;transition:background .3s,opacity .3s}.sumo-chip.me{outline:2px solid #fff;outline-offset:1px}.sumo-chip.out{background:#fffaf0a6;color:var(--ink-2);text-decoration:line-through;box-shadow:none}.sumo-stage{flex:1;min-height:0;display:grid;place-items:center;container-type:size}.mg-body.sumo .sumo-canvas{display:block;width:min(100cqw,100cqh);height:min(100cqw,100cqh);cursor:grab;touch-action:none}.mg-body.sumo .sumo-canvas:active{cursor:grabbing}.sumo-pill{align-self:center;display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 18px;border-radius:var(--r-pill);background:var(--surface);box-shadow:0 5px 0 var(--surface-edge),var(--shadow-soft);font-size:1rem;font-weight:800;color:var(--ink);flex-shrink:0}.sumo-pill svg{color:var(--accent)}.sumo-pill.out{color:var(--danger-ink);animation:shake .4s}.sumo-left{padding-left:10px;border-left:2px solid var(--line);color:var(--ink-2);font-size:.88rem;white-space:nowrap}.mg-body.terr{gap:12px}.terr-scores{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;flex-shrink:0}.terr-score{display:inline-flex;align-items:center;gap:4px;padding:2px 10px 2px 4px;min-height:32px;border-radius:var(--r-pill);color:var(--ink);font-weight:800;font-size:.86rem;transition:transform .2s}.terr-score .bicho-pic{flex-shrink:0}.terr-score b{font-family:var(--font-head);font-weight:400;font-size:1.05rem;margin-left:2px}.terr-name{max-width:6.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terr-score.me{outline:2px solid #fff;outline-offset:1px}.terr-score.lead{transform:translateY(-2px) scale(1.06)}.terr-stage{flex:1;min-height:0;display:grid;place-items:center;container-type:size}.terr-board{width:min(100cqw,100cqh - 10px);height:min(100cqw,100cqh - 10px);padding:10px;border-radius:26px;background:radial-gradient(circle at 45% 40%,#f6dcae,#e9c48c 85%,#d9ac6e);box-shadow:0 8px #b47d47,0 9px #9c6b3c,0 18px 26px #4f6e2d4d,inset 0 2px #ffffff80}.terr-grid{display:grid;gap:6px;width:100%;height:100%}.terr-cell{border:0;padding:0;min-width:0;border-radius:10px;background:#f1e3c2;box-shadow:inset 0 3px #5a463029,inset 0 -1px #fff9;transition:transform .08s;position:relative;cursor:pointer}.terr-cell.on{box-shadow:inset 0 -4px 0 var(--edge, rgba(58,42,26,.25)),inset 0 3px #ffffff59,0 2px #3a2a1a2e;animation:terrPop .22s cubic-bezier(.2,.9,.3,1.4)}.terr-cell.me:after{content:"";position:absolute;left:50%;top:46%;width:26%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;opacity:.85;box-shadow:0 1px #3a2a1a40}.terr-cell:active{transform:scale(.88)}@keyframes terrPop{0%{transform:scale(.6)}to{transform:none}}.mg-body.pp{gap:10px}.pp-score{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0}.pp-side{display:inline-flex;align-items:center;gap:6px;padding:2px 12px 2px 4px;min-height:36px;border-radius:var(--r-pill);color:var(--ink);font-weight:800;font-size:.9rem;max-width:44%}.pp-side:last-child{padding:2px 4px 2px 12px}.pp-side b{font-family:var(--font-head);font-weight:400;font-size:1.35rem;line-height:1}.pp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-dash{font-family:var(--font-head);color:var(--ink-2);font-size:1.3rem}.pp-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.pp-canvas{height:100%;aspect-ratio:1000 / 1600;max-width:100%;display:block;border-radius:22px;box-shadow:0 6px #c9b58a,0 14px 24px #5a463038;cursor:ew-resize;touch-action:none}.pp-help{align-self:center;padding:8px 16px;min-height:40px;display:flex;align-items:center;border-radius:var(--r-pill);background:var(--surface);box-shadow:0 4px 0 var(--surface-edge);font-weight:800;font-size:.92rem;color:var(--ink);flex-shrink:0}@media(max-height:640px){.pp-help{display:none}}.mg-body.ordena{gap:12px}.ordena-strip{display:flex;justify-content:center;gap:6px;flex-shrink:0}.ordena-strip span{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);box-shadow:inset 0 2px #5a463024;opacity:.55;transition:opacity .2s,transform .2s,background .2s}.ordena-strip span.on{background:var(--ok-soft);box-shadow:0 3px #b5dc9c;opacity:1}.ordena-strip span.next{background:var(--surface);box-shadow:0 3px 0 var(--manteca-edge),inset 0 0 0 3px var(--manteca);opacity:1;transform:translateY(-3px) scale(1.08)}.ordena-canvas{flex:1;width:100%;min-height:0;display:block;cursor:pointer;touch-action:none}.ordena-msg{align-self:center;text-align:center;min-height:40px;display:flex;align-items:center;padding:8px 16px;border-radius:var(--r-pill);background:var(--surface);box-shadow:0 4px 0 var(--surface-edge);font-weight:800;font-size:.95rem;color:var(--ink);flex-shrink:0}.ordena-msg.bad{background:var(--danger-soft);color:var(--danger-ink);box-shadow:0 4px #f0b3a8;animation:shake .4s}@media(max-width:360px){.ordena-strip span{width:42px;height:42px}}.balanza .bal-kind{gap:2px;padding:3px 12px 3px 4px;color:var(--ink);font-weight:800}.balanza .bal-rnd{color:var(--ink-2)}.balanza .bal-round{height:12px;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 2px #5a46301f;overflow:hidden;flex-shrink:0}.balanza .bal-round-bar{height:100%;border-radius:999px;background:var(--accent);box-shadow:inset 0 -3px 0 var(--accent-edge),inset 0 2px #ffffff59}.balanza .bal-scale{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:22px;position:relative}.balanza .bal-beam{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;transition:transform .35s cubic-bezier(.2,.9,.3,1.2);transform-origin:50% 7px;position:relative;z-index:1}.balanza .bal-beam:before{content:"";position:absolute;left:6%;right:6%;top:0;height:14px;border-radius:999px;background:linear-gradient(180deg,#d9a56b,#b47d47);box-shadow:0 5px #9c6b3c,0 9px 12px #5a463040,inset 0 2px #ffffff59}.balanza .bal-beam:after{content:"";position:absolute;left:50%;top:-6px;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe7a3,var(--manteca) 55%,#d9a93a);box-shadow:0 3px 0 var(--manteca-edge),0 4px 8px #5a46304d}.balanza .bal-arm{width:47%;padding-top:44px;position:relative}.balanza .bal-arm:before{content:"";position:absolute;top:8px;left:12%;right:12%;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M50 1 L4 40 M50 1 L96 40' fill='none' stroke='%233a2a1a' stroke-opacity='.4' stroke-width='3' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") no-repeat center / 100% 100%}.balanza .bal-plate{position:relative;width:100%;min-height:clamp(120px,24vh,210px);border:0;border-radius:26px 26px 70px 70px;background:radial-gradient(120% 90% at 40% 20%,#fffdf6,var(--surface) 55%,#f3e6c6);box-shadow:0 8px 0 var(--surface-edge),0 16px 22px #5a463033,inset 0 -6px #d6c39359;display:flex;align-items:center;justify-content:center;transition:transform .1s,box-shadow .15s}.balanza .bal-plate:not(:disabled):active{transform:translateY(5px);box-shadow:0 3px 0 var(--surface-edge),0 8px 12px #5a463029,inset 0 -6px #d6c39359}.balanza .bal-plate.ok{box-shadow:0 0 0 5px var(--ok),0 8px 0 var(--ok-edge),0 16px 22px #5a463033;background:radial-gradient(120% 90% at 40% 20%,#fbfff5,var(--ok-soft) 70%)}.balanza .bal-plate.bad{box-shadow:0 0 0 5px var(--danger),0 8px 0 var(--danger-edge),0 16px 22px #5a463033;background:radial-gradient(120% 90% at 40% 20%,#fff8f5,var(--danger-soft) 70%);animation:shake .4s}.balanza .bal-plate:disabled{color:inherit}.balanza .bal-items{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 2px;padding:12px 8px 18px}.balanza .bal-mark{position:absolute;top:-14px;right:-6px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:1.3rem;color:#fff;animation:mg3Pop .3s cubic-bezier(.2,.9,.3,1.4)}.balanza .bal-mark.ok{background:var(--ok);box-shadow:0 3px 0 var(--ok-edge);text-shadow:0 1px 0 var(--ok-ink)}.balanza .bal-mark.bad{background:var(--danger);box-shadow:0 3px 0 var(--danger-edge);text-shadow:0 1px 0 var(--danger-ink)}.balanza .bal-post{position:absolute;top:26px;bottom:16px;width:18px;border-radius:9px 9px 0 0;background:linear-gradient(90deg,#c08a52,#b47d47 40%,#9c6b3c);box-shadow:4px 0 8px #5a463033;z-index:0}.balanza .bal-foot{position:absolute;bottom:0;width:120px;height:24px;border-radius:14px;background:linear-gradient(180deg,#c08a52,#b47d47);box-shadow:0 6px #9c6b3c,0 12px 16px #5a463040;z-index:0}@media(max-height:700px){.balanza .bal-items .clay-icon{width:42px!important;height:42px!important}.balanza .bal-plate{min-height:110px}}.ritmo{cursor:pointer;user-select:none;-webkit-user-select:none}.ritmo .ritmo-canvas{min-height:180px}.memoria .mem-phase{align-self:center;text-align:center;font-family:var(--font-head);font-weight:400;font-size:1.3rem;min-height:46px;display:flex;align-items:center;gap:4px;padding:6px 18px;border-radius:var(--r-pill);background:var(--surface);color:var(--ink);box-shadow:0 4px 0 var(--surface-edge);flex-shrink:0;animation:mg3Pop .3s cubic-bezier(.2,.9,.3,1.4)}.memoria .mem-phase.show{background:var(--manteca);color:var(--manteca-ink);box-shadow:0 4px 0 var(--manteca-edge)}.memoria .mem-phase.ok{background:var(--ok-soft);color:var(--ok-ink);box-shadow:0 4px #b5dc9c}.memoria .mem-phase.bad{background:var(--danger-soft);color:var(--danger-ink);box-shadow:0 4px #f0b3a8}.memoria .mem-grid{flex:0 1 auto;min-height:0;margin-block:auto;display:grid;gap:12px;align-content:center;width:min(100%,100vh - 280px);margin:0 auto;padding:14px;border-radius:28px;background:radial-gradient(120% 100% at 40% 25%,#b9dc84,#97c763 60%,#7aad4c);box-shadow:0 6px #6f9a3f,0 14px 22px #5a46302e,inset 0 2px #ffffff4d}.memoria .mem-stone{position:relative;border:0;background:transparent;aspect-ratio:1;min-height:52px;padding:0}.memoria .mem-stone .front,.memoria .mem-stone .back{position:absolute;inset:4%;display:flex;align-items:center;justify-content:center}.memoria .mem-stone .front{border-radius:46% 54% 48% 52%/54% 48% 52% 46%;background:radial-gradient(90% 80% at 38% 30%,#ece4d2,#d3c8b2 55%,#bdb096);box-shadow:inset 0 -7px #96846873,inset 0 0 0 2px #3a2a1a1a,4px 8px 12px #5a46304d}.memoria .mem-stone .front:before{content:"";position:absolute;left:20%;top:16%;width:32%;height:16%;border-radius:50%;background:#ffffffb3;filter:blur(3px);transform:rotate(-22deg)}.memoria .mem-stone .front:after{content:"";position:absolute;right:26%;bottom:30%;width:9%;height:9%;border-radius:50%;background:#7a62464d;box-shadow:-14px 8px 0 -1px #7a624638}.memoria .mem-stone .back{border-radius:50%;background:radial-gradient(circle at 50% 42%,#f4ecd6,#eadcb4 55%,#d6c393);box-shadow:inset 0 6px 10px #5a463040,0 3px #ffffff59}.memoria .mem-stone .back .clay-icon{width:78%!important;height:78%!important}.memoria .mem-stone .front{transform:scaleX(1);transition:transform .17s ease-in .17s}.memoria .mem-stone .back,.memoria .mem-stone.flipped .front{transform:scaleX(0);transition:transform .17s ease-in}.memoria .mem-stone.flipped .back{transform:scaleX(1);transition:transform .17s ease-out .17s}.memoria .mem-stone.ok .back{box-shadow:inset 0 6px 10px #5a463033,0 0 0 5px var(--ok),0 5px 0 3px var(--ok-edge);background:radial-gradient(circle at 50% 42%,#fbfff5,var(--ok-soft) 70%)}.memoria .mem-stone.bad .back{box-shadow:inset 0 6px 10px #5a463033,0 0 0 5px var(--danger),0 5px 0 3px var(--danger-edge);background:radial-gradient(circle at 50% 42%,#fff8f5,var(--danger-soft) 70%);animation:shake .4s}.memoria .mem-stone:not(:disabled):not(.flipped):active .front{transform:scale(.93) translateY(3px);transition-delay:0s}.memoria .mem-stone:not(:disabled){cursor:pointer}.recolectar .rec-canvas{cursor:ew-resize}.globos .globos-canvas{cursor:crosshair}.globos .glo-key{gap:2px;padding:3px 10px 3px 6px;font-weight:800}.mosca .mosca-canvas{cursor:crosshair}.mosca .mosca-dot{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);box-shadow:inset 0 -3px #5a46301f;opacity:.55;transition:transform .2s,opacity .2s}.mosca .mosca-dot.on{opacity:1;background:var(--c, var(--accent));box-shadow:inset 0 -4px #00000029,0 3px #5a463040;animation:mg3Pop .35s cubic-bezier(.2,.9,.3,1.4)}.mosca .mosca-dot.mine{outline:3px solid var(--ink);outline-offset:1px}.mosca .mosca-dot.gone{opacity:.35;background:transparent;box-shadow:inset 0 0 0 2px var(--surface-edge)}.mosca .mosca-dot.gone .clay-icon{filter:grayscale(1)}.pizza .pizza-canvas{min-height:150px}.pizza .pz-step{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);box-shadow:inset 0 -3px #5a46301f;opacity:.5}.pizza .pz-step.now{opacity:1;background:var(--surface);box-shadow:0 3px 0 var(--surface-edge);transform:scale(1.1)}.pizza .pz-step.done{opacity:1;background:var(--manteca);box-shadow:inset 0 -3px #0000001f,0 3px 0 var(--manteca-edge)}.pizza .pz-target{text-align:center;font-family:var(--font-head);font-weight:400;font-size:1.35rem;color:var(--ink);flex-shrink:0}.pizza .pz-x{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 2px;border-radius:12px;background:#ffd98a;color:var(--ink);font-size:1.5rem;vertical-align:middle;box-shadow:inset 0 -3px #9c602840,0 3px #d9a15b}.pizza .pz-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;flex-shrink:0}.pizza .pz-opt{border:0;border-radius:var(--r-btn);min-height:64px;background:var(--surface);color:var(--ink);font-family:var(--font-head);font-weight:400;font-size:2rem;box-shadow:0 6px 0 var(--surface-edge),0 10px 16px #5a463024;transition:transform .08s,box-shadow .08s}.pizza .pz-opt:active{transform:translateY(5px);box-shadow:0 1px 0 var(--surface-edge),0 4px 8px #5a46301f;background:#fff3d6}.mg-body .mg3-done{gap:12px}.pulseada{cursor:pointer;user-select:none;-webkit-user-select:none}.pulseada .pul-canvas{flex:1 1 0;min-height:140px;max-height:230px}.pulseada .pul-stage{flex:1 1 0;min-height:120px;display:flex;align-items:center;justify-content:center;position:relative}.pulseada .pul-orb{width:min(44vw,28vh,200px);aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 36% 30%,#ffc2ae,var(--accent) 50%,#e8704f);box-shadow:inset 0 -10px #a03c1e40,inset 0 6px #ffffff4d,0 10px 0 var(--accent-edge),0 18px 26px #5a46304d;will-change:transform;position:relative;z-index:1}.pulseada .pul-orb .clay-icon{width:52%!important;height:52%!important;filter:drop-shadow(0 3px 0 rgba(160,60,30,.35))}.pulseada .pul-orb.ok{box-shadow:inset 0 -10px #a03c1e40,0 10px 0 var(--accent-edge),0 0 0 10px var(--ok),0 0 0 16px #8bd46a59}.pulseada .pul-orb.mid{box-shadow:inset 0 -10px #a03c1e40,0 10px 0 var(--accent-edge),0 0 0 10px var(--manteca)}.pulseada .pul-orb.bad{box-shadow:inset 0 -10px #a03c1e40,0 10px 0 var(--accent-edge),0 0 0 10px var(--danger)}.pulseada .pul-ring{position:absolute;width:min(44vw,28vh,200px);aspect-ratio:1;border-radius:50%;border:5px solid var(--cielo-edge);pointer-events:none}.oeste{cursor:pointer;user-select:none;-webkit-user-select:none}.oeste .oe-canvas{min-height:180px}.oeste .oe-msg{align-self:center;text-align:center;font-family:var(--font-head);font-weight:400;font-size:1.7rem;line-height:1.1;min-height:58px;display:flex;align-items:center;justify-content:center;padding:8px 24px;border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:0 5px 0 var(--surface-edge),0 10px 18px #5a463029;flex-shrink:0;max-width:100%;animation:mg3Pop .3s cubic-bezier(.2,.9,.3,1.4)}.oeste.draw .oe-msg{background:var(--manteca);color:var(--manteca-ink);box-shadow:0 5px 0 var(--manteca-edge),0 0 0 8px #ffd16659;font-size:2.2rem;animation:mg3Pop .3s cubic-bezier(.2,.9,.3,1.4),oeBlink .5s .3s infinite alternate}.oeste.won .oe-msg,.oeste.rival-early .oe-msg{background:var(--ok-soft);color:var(--ok-ink);box-shadow:0 5px #b5dc9c}.oeste.lost .oe-msg,.oeste.early .oe-msg{background:var(--danger-soft);color:var(--danger-ink);box-shadow:0 5px #f0b3a8}@keyframes oeBlink{0%{transform:scale(1)}to{transform:scale(1.06)}}.bandera .ban-canvas{flex:0 0 auto;display:block;width:min(100%,100vh - 260px);aspect-ratio:1;margin:auto;touch-action:none;cursor:grab}.bandera .ban-canvas:active{cursor:grabbing}