:root{--cream:#faf7ef;--paper:#fffdf8;--sand:#efe6d4;--ink:#073c30;--ink-2:#315a4e;--muted:#68665c;--line:#e8decc;--line-strong:#d6cbb8;--orange:#ff781f;--orange-hover:#e96a10;--orange-pressed:#e0630f;--orange-soft:#ffe3cc;--orange-wash:#fff1e3;--success:#568a61;--success-ink:#315a39;--success-bg:#edf4e9;--error:#d9534f;--error-ink:#a02f2c;--error-bg:#fceeec;--blue:#3b5e97;--blue-bg:#edf1f8;--gold:#ffe1a3;--hero-eyebrow:#e4ba8e;--hero-accent:#ffa366;--hero-text:#d6e2d9;--c:var(--orange);--radius:22px;--radius-md:16px;--radius-sm:14px;--radius-xs:12px;--shadow-soft:0 10px 30px #073c300d;--font:"Nunito Sans", system-ui, sans-serif;--nav-h:68px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--cream);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}img{max-width:100%}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}.app{min-height:100dvh}.screen{max-width:520px;padding-bottom:calc(var(--nav-h) + 24px + env(safe-area-inset-bottom));margin:0 auto}.page{flex-direction:column;gap:20px;padding:12px 16px 8px;animation:.25s ease-out page-in;display:flex}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}}.display{letter-spacing:-.03em;text-wrap:balance;font-size:32px;font-weight:900;line-height:1.08}.display--sm{font-size:28px}.h2{letter-spacing:-.01em;font-size:22px;font-weight:900;line-height:1.2}.h3{text-wrap:balance;font-size:18px;font-weight:800;line-height:1.3}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:900}.eyebrow--light{color:var(--hero-eyebrow)}.lead{color:var(--muted);font-size:17px}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.cap:first-letter{text-transform:uppercase}.link{text-underline-offset:3px;font-size:14px;font-weight:800;text-decoration:underline}.step-label{letter-spacing:.15em;text-transform:uppercase;color:#b44909;margin-bottom:-12px;font-size:11px;font-weight:900}.topbar{align-items:center;gap:14px;min-height:48px;display:flex}.topbar-title{letter-spacing:-.02em;min-width:0;font-size:clamp(24px,4vw,34px);font-weight:900;line-height:1.1}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.topbar-hello{white-space:nowrap;font-size:15px;font-weight:800}@media (width<=699px){.topbar-hello{display:none}}.icon-btn{border-radius:var(--radius-xs);border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--ink);place-items:center;transition:background .15s;display:grid}.icon-btn:hover{background:var(--sand)}.icon-btn svg{width:22px;height:22px}.btn{border-radius:var(--radius-sm);background:var(--paper);min-height:48px;color:var(--ink);border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:900;line-height:20px;transition:background .16s,transform .1s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{color:#827867!important;background:#ede5d6!important;border-color:#0000!important}.btn--primary{background:var(--orange);color:var(--ink)}.btn--primary:hover{background:var(--orange-hover)}.btn--primary:active{background:var(--orange-pressed)}.btn--dark{background:var(--ink);color:var(--cream)}.btn--dark:hover{background:#0b4d3e}.btn--cream{background:var(--paper);color:var(--ink)}.btn--ghost{border:1px solid var(--line);background:0 0}.btn--ghost:hover{background:var(--sand)}.btn--ghost-light{color:var(--cream);background:0 0;border-color:#faf7ef73}.btn--ghost-light:hover{background:#faf7ef14}.btn--dashed{border:2px dashed var(--line-strong);background:0 0}.btn--dashed:hover{background:var(--sand)}.btn--secondary{border-color:var(--ink);background:0 0}.btn--block{width:100%}.btn--lg{min-height:54px;font-size:16px}.btn--sm{min-height:40px;padding:8px 16px;font-size:14px}.btn svg{width:20px;height:20px}.stack{flex-direction:column;gap:10px;display:flex}.sticky-actions{bottom:calc(var(--nav-h) + 8px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, #faf7ef00, var(--cream) 22px);z-index:5;gap:10px;margin:0 -16px;padding:20px 16px 4px;display:flex;position:sticky}.sticky-actions .btn--primary,.sticky-actions .btn--dark{flex:1}.tag{background:var(--sand);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:900;line-height:1.5;display:inline-flex}.tag--light{color:var(--hero-eyebrow);background:#faf7ef1f}.tag--dark{background:var(--ink);color:var(--cream)}.tag--red,.tag--orange{background:var(--orange-soft);color:#77340a}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:800;transition:background .15s}.chip:hover{background:var(--sand)}.chip--on{background:var(--ink);border-color:var(--ink);color:var(--cream)}.chip--on:hover{background:var(--ink)}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:20px;position:relative;overflow:hidden}.card--plain{padding:18px}.card-head{justify-content:space-between;align-items:center;display:flex}.empty{color:var(--muted);text-align:center;padding:24px 18px;font-size:15px}.section{flex-direction:column;gap:12px;display:flex}.section-head{justify-content:space-between;align-items:baseline;display:flex}.bottomnav{padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);z-index:20;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav-item{border-radius:var(--radius-xs);min-height:52px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:10.5px;font-weight:800;transition:background .15s,color .15s;display:flex}.bottomnav-item svg{width:22px;height:22px}.bottomnav-item:hover{color:var(--ink)}.bottomnav-item.active{color:var(--ink);background:var(--sand)}.sidebar-brand,.sidebar-games{display:none}.home-header{justify-content:space-between;align-items:flex-start;gap:12px;padding-top:8px;display:flex}.home-header .eyebrow{color:#b44909;margin-bottom:4px}.stats-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-chip{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);color:var(--muted);flex-direction:column;gap:2px;padding:12px;font-size:12px;display:flex}.stat-chip-value{color:var(--ink);font-size:22px;font-weight:900;line-height:1.2}.stat-chip:first-child .stat-chip-value{color:#a6460b}.card--challenge{background:var(--ink);border-color:var(--ink);color:var(--cream);flex-direction:column;gap:16px;padding:22px;display:flex}.challenge-cards{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;display:grid}.challenge-plus{color:var(--hero-accent);padding:0 4px;font-size:20px;font-weight:900}.mini-card{aspect-ratio:5/7;border-radius:var(--radius-xs);background:var(--paper);min-width:0;color:var(--ink);text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:4px;padding:8px 6px;animation:.5s ease-out backwards deal;display:flex;transform:rotate(-4deg);box-shadow:0 14px 26px #001c1759}.mini-card:nth-child(3){animation-delay:80ms;transform:rotate(1.5deg)}.mini-card:nth-child(5){animation-delay:.16s;transform:rotate(5deg)}@keyframes deal{0%{opacity:0;transform:translateY(-30px)rotate(-8deg)scale(.9)}}.mini-card--metodo{background:#ffe9e4}.mini-card--perfil{background:#fff4d9}.mini-card--restriccion{background:var(--orange-soft)}.mini-card-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:900}.mini-card-art{object-fit:contain;flex:1;width:100%;min-height:0}.mini-card-value{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;font-size:clamp(11px,3.2vw,14px);font-weight:900;line-height:1.1}.challenge-prompt{text-align:center;font-size:21px;font-weight:800;line-height:1.2}.challenge-locked{border-radius:var(--radius-sm);border:1px dashed #faf7ef59;align-items:center;gap:12px;padding:14px;display:flex}.challenge-locked:hover{background:#faf7ef0d}.challenge-locked strong{font-size:15px;display:block}.challenge-locked small{color:var(--hero-text);font-size:13px;display:block}.challenge-locked-icon{background:var(--sand);width:40px;height:40px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.challenge-locked-icon svg{width:20px;height:20px}.card--brew{background:var(--orange-wash);border-color:#ffd9b8;grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.card--brew .h2{margin:2px 0 14px}.card--brew-art{margin:-8px -4px -14px -8px}.card--moments{background:var(--sand);border-color:var(--sand);flex-direction:column;align-items:flex-start;gap:12px;display:flex}.card--moments .eyebrow--light{color:var(--muted)}.card--moments:after{content:"“";color:#073c3012;font-size:150px;font-weight:900;line-height:1;position:absolute;top:-18px;right:16px}.moments-teaser{font-size:22px;font-weight:800;line-height:1.2}.card--moments .btn--cream{border-color:var(--ink)}.progress-list{flex-direction:column;padding:6px 18px;display:flex}.progress-row{border-bottom:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:44px 1fr auto;align-items:center;gap:8px 10px;padding:12px 0;display:grid}.progress-row:last-child{border-bottom:0}.progress-row .xpbar{grid-column:2/-1}.progress-char{grid-row:1/3;width:44px;height:44px}.progress-dot{border-radius:50%;width:12px;height:12px}.progress-name{font-weight:800}.progress-level{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:900}.xpbar{background:var(--sand);border-radius:999px;height:10px;overflow:hidden}.xpbar--thick{height:14px}.xpbar-fill{background:var(--success);border-radius:inherit;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}.level-line{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:14px;display:flex}.level-line b{color:var(--ink);font-size:17px}.locked{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--paper);align-items:flex-start;gap:14px;padding:18px;display:flex}.locked--compact{padding:16px}.locked-icon{background:var(--sand);width:44px;height:44px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.locked-icon svg{width:20px;height:20px}.locked-title{font-size:17px;font-weight:900}.locked-text{color:var(--muted);margin:4px 0 12px;font-size:14px}.sheet-backdrop{z-index:50;background:#073c3073;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--paper);width:min(520px,100%);max-height:88dvh;padding:10px 20px calc(24px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;animation:.28s cubic-bezier(.2,.8,.2,1) up;overflow:auto}@keyframes up{0%{transform:translateY(100%)}}.sheet-grip{background:var(--sand);border-radius:9px;width:44px;height:5px;margin:0 auto 14px;display:block}.solution{flex-direction:column;gap:14px;display:flex}.solution .eyebrow{color:#b44909}.recipe{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.recipe div{background:var(--cream);border-radius:var(--radius-xs);border:1px solid var(--line);padding:10px 12px}.recipe dt{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:900}.recipe dd{margin:2px 0 0;font-size:14px;font-weight:800}.steps{flex-direction:column;gap:8px;margin:0;padding-left:22px;display:flex}.steps li::marker{color:#b44909;font-weight:900}.tip{background:var(--sand);border-radius:var(--radius-md);padding:14px 16px;font-size:14px}.method-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.method-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);flex-direction:column;align-items:center;gap:6px;padding:14px 8px;font-size:15px;font-weight:800;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative;overflow:hidden}.method-tile:before{content:"";background:var(--c);opacity:.12;border-radius:50%;width:92px;height:92px;margin-left:-46px;position:absolute;top:18px;left:50%}.method-tile:hover{border-color:var(--line-strong);background:#fffaf0}.method-tile:hover .character{aspect-ratio:1;object-fit:contain;-webkit-user-select:none;user-select:none;height:auto;display:block}.method-tile .character{transition:transform .2s;position:relative}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--ink);font-size:13px;font-weight:800}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stepper{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);grid-template-columns:48px 1fr 48px;align-items:center;height:56px;display:grid;overflow:hidden}.stepper button{height:100%;color:var(--ink);background:0 0;border:0;font-size:22px;font-weight:800}.stepper button:hover:not(:disabled){background:var(--sand)}.stepper button:disabled{opacity:.3}.stepper output{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:19px;font-weight:900}.method-select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);align-items:center;gap:10px;height:56px;padding:0 16px;display:flex}.method-select select{background:0 0;border:0;outline:none;flex:1;height:100%;font-size:17px;font-weight:900}.water-card{border-radius:var(--radius);background:var(--ink);color:var(--cream);flex-direction:column;align-items:center;padding:18px;display:flex}.water-card .field-label{color:var(--hero-eyebrow);letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:900}.water-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:46px;font-weight:900;line-height:1.05}.water-formula{color:var(--hero-text);font-size:14px;font-weight:700}.reto-banner{border-radius:var(--radius-sm);background:var(--orange-wash);border:1px solid #ffd9b8;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:800;display:flex}.brew-summary{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.brew-summary span{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:800}.brew-summary span:first-child{background:var(--ink);border-color:var(--ink);color:var(--cream)}.timer{aspect-ratio:1;width:min(280px,78vw);margin:4px auto 0;position:relative}.timer-ring{width:100%;height:100%;transform:rotate(-90deg)}.timer-track{fill:var(--paper);stroke:var(--sand);stroke-width:16px}.timer-progress{fill:none;stroke:var(--orange);stroke-width:16px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.timer-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.timer-digits{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(52px,17vw,72px);font-weight:900;line-height:1}.timer-sub{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:6px;font-size:12px;font-weight:900}.stages{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.stage{border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:14px;padding:12px 14px;transition:all .25s;display:flex}.stage-time{font-variant-numeric:tabular-nums;min-width:52px;font-weight:900}.stage-label{font-weight:700}.stage--done{opacity:.45}.stage--done .stage-label{text-decoration:line-through}.stage--active{background:var(--orange-wash);border-color:var(--orange)}.stage--active .stage-time{color:#b44909}.done-screen{text-align:center}.done-hero{flex-direction:column;align-items:center;gap:6px;padding:14px 0 4px;display:flex;position:relative}.done-hero:before{content:"";background:var(--sand);border-radius:50%;width:170px;height:170px;position:absolute;top:18px}.done-hero .character{animation:.5s cubic-bezier(.3,1.6,.5,1) pop;position:relative}@keyframes pop{0%{opacity:0;transform:scale(.96)}}.receipt{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);text-align:left;padding:18px}.receipt-method{margin-bottom:12px;font-size:22px;font-weight:900}.receipt-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.receipt-grid--3{grid-template-columns:repeat(3,1fr)}.receipt-grid div{background:var(--cream);border-radius:var(--radius-xs);text-align:center;flex-direction:column;padding:10px 6px;display:flex}.receipt-grid span{color:var(--muted);font-size:11px;font-weight:800}.receipt-grid b{font-variant-numeric:tabular-nums;font-size:18px;font-weight:900}.receipt-foot{color:var(--muted);margin-top:12px;font-size:14px}.upsell{text-align:left;border-radius:var(--radius);background:var(--sand);flex-direction:column;gap:10px;padding:20px;display:flex}.rating-list{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:6px 18px;display:flex}.rating-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.rating-row:last-child{border-bottom:0}.rating-label{font-weight:800}.rating-scale{gap:8px;display:flex}.rating-dot{border:2px solid var(--line-strong);background:var(--paper);border-radius:50%;width:32px;height:32px;padding:0;transition:transform .15s,background .15s,border-color .15s}.rating-dot.on{background:var(--orange);border-color:var(--orange)}.rating-dot:hover{border-color:var(--orange)}.rating-dot:active{transform:scale(.88)}.textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);resize:vertical;outline:none;padding:12px 14px;font-size:16px}.textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px var(--sand)}.xp-burst{border-radius:var(--radius);background:var(--success-bg);color:var(--success-ink);flex-direction:column;align-self:center;align-items:center;padding:18px 32px;font-size:34px;font-weight:900;line-height:1.1;animation:.5s cubic-bezier(.3,1.6,.5,1) .15s backwards pop;display:flex}.xp-burst span{font-size:14px;font-weight:800}.notice{border-radius:var(--radius-sm);background:var(--error-bg);color:var(--error-ink);text-align:left;padding:14px 16px;font-size:14px;font-weight:700}.unlock{border-radius:var(--radius-sm);background:var(--paper);border:1px solid var(--line);text-align:left;align-items:center;gap:10px;padding:14px 16px;display:flex}.char-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.char-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.char-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.char-card-art{background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--c) 16%, var(--paper)) 0 46%, var(--cream) 47%);place-items:center;padding:12px 0 6px;display:grid}.char-card--unknown .char-card-art{background:var(--cream)}.char-card-body{border-top:1px solid var(--line);flex-direction:column;gap:7px;padding:12px 14px 14px;display:flex}.char-card-name{font-size:16px;font-weight:900;line-height:1.15}.char-card-level{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:900}.char-card-meta{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:12px;font-weight:700;display:flex}.character{aspect-ratio:1;object-fit:contain;-webkit-user-select:none;user-select:none;height:auto;display:block}.character.is-locked{filter:brightness(0);opacity:.12}.character.is-bouncing{transform-origin:50% 100%;animation:1.4s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)scaleY(1)}40%{transform:translateY(-10px)scaleY(1.03)}55%{transform:translateY(0)scaleY(.97)}}.method-hero{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:4px 0;display:flex;position:relative}.method-hero:before{content:"";background:color-mix(in srgb, var(--c) 14%, var(--paper));border-radius:50%;width:210px;height:210px;position:absolute;top:6px}.method-hero>*{position:relative}.method-level{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-size:18px;font-weight:900;display:flex}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-grid--2{grid-template-columns:repeat(2,1fr)}.stat{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);flex-direction:column;gap:2px;padding:14px 12px;display:flex}.stat-value{font-variant-numeric:tabular-nums;font-size:24px;font-weight:900}.stat-label{color:var(--muted);font-size:12px;font-weight:700}.evo{flex-direction:column;display:flex}.evo-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 0;font-weight:800;display:flex}.evo-row:last-child{border-bottom:0}.spark{overflow:visible}.list{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);flex-direction:column;display:flex;overflow:hidden}.list-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 16px;transition:background .15s;display:flex}.list-row:last-child{border-bottom:0}.list-row:hover{background:#fffaf0}.list-row>svg{color:var(--muted);flex:none;width:20px;height:20px}.list-main{flex-direction:column;flex:1;min-width:0;display:flex}.list-main small{color:var(--muted);font-size:13px}.list-icon{border-radius:var(--radius-xs);background:var(--sand);flex:none;place-items:center;width:40px;height:40px;display:grid}.list-icon svg{width:20px;height:20px}.xp-pill{background:var(--success-bg);color:var(--success-ink);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:900;display:inline-block}.medals{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.medal{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.medal-icon{background:var(--gold);color:#7d4b12;border-radius:50%;place-items:center;width:60px;height:60px;font-size:26px;display:grid;box-shadow:0 0 0 6px #fff4d9}.medal-icon svg{width:22px;height:22px}.medal-name{font-size:12px;font-weight:800;line-height:1.2}.medal--locked .medal-icon{background:var(--sand);box-shadow:none;color:var(--muted)}.medal--locked .medal-name{color:var(--muted)}.collection{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.collect{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 12px;display:flex}.collect-art{place-items:center;min-height:90px;display:grid}.collect-name{font-size:12px;font-weight:800;line-height:1.2}.collect-req{color:var(--muted);font-size:11px;font-weight:700}.collect--locked{background:0 0;border-style:dashed}.ar-card{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--paper);justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding:18px;display:flex}.ar-card--on{border-style:solid;border-color:var(--success);background:var(--success-bg)}.ar-card .muted{font-size:14px}.ar-state{margin:2px 0 10px;font-size:20px;font-weight:900}.ar-page{justify-content:center;min-height:70dvh}.ar-stage{flex-direction:column;align-items:center;padding-top:20px;display:flex}.ar-table{background:var(--sand);border-radius:50%;width:240px;height:30px;margin-top:-18px}.log-day,.log-cards{flex-direction:column;gap:10px;display:flex}.log-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:16px 18px;transition:border-color .15s;display:block;position:relative}.log-card:before{content:"";background:var(--c);border-radius:0 4px 4px 0;width:4px;position:absolute;top:18px;bottom:18px;left:0}.log-card:hover{border-color:var(--line-strong)}.log-card-head{justify-content:space-between;align-items:baseline;display:flex}.log-card-method{font-size:20px;font-weight:900}.log-card-time{color:var(--muted);font-size:13px;font-weight:700}.log-card-line{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:700}.log-card-notes{color:var(--muted);margin-top:10px;font-style:italic}.scores{flex-direction:column;gap:4px;margin:10px 0 0;display:flex}.scores-row{justify-content:space-between;align-items:center;max-width:260px;display:flex}.scores dt{font-size:14px;font-weight:700}.scores dd{margin:0}.dots{gap:5px;display:inline-flex}.dot{background:var(--sand);border-radius:50%;width:12px;height:12px}.dot.on{background:var(--orange)}.brew-detail-hero{align-items:center;gap:10px;display:flex}.brew-detail-hero .eyebrow{margin-bottom:2px}.brew-detail-hero .xp-pill{margin-top:6px}.note-paper{background:var(--sand);border-radius:var(--radius-md);padding:16px 18px;font-size:16px;font-style:italic}.games{flex-direction:column;gap:14px;display:flex}.product-card{border-radius:var(--radius);background:var(--c);color:var(--cream);flex-direction:column;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.product-card:before{content:"";border:18px solid #faf7ef14;border-radius:50%;width:150px;height:150px;position:absolute;top:-40px;right:-40px}.product-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.product-card-name{font-size:22px;font-weight:900;line-height:1.1;display:block}.product-card-sub{color:var(--hero-text);font-weight:700;display:block}.product-card-unit{color:var(--hero-accent);font-size:17px;font-weight:900}.product-card--big{text-align:center;align-items:center;gap:6px;padding:32px 18px}.badge-ok{background:var(--success-bg);color:var(--success-ink);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;flex:none;align-items:center;gap:4px;padding:5px 10px 5px 8px;font-size:11px;font-weight:900;display:inline-flex}.badge-ok svg{stroke-width:3px;width:15px;height:15px}.product-meta{grid-template-columns:repeat(3,1fr);gap:6px;margin:0;display:grid;position:relative}.product-meta div{border-radius:var(--radius-xs);background:#faf7ef1a;min-width:0;padding:8px 10px}.product-meta dt{letter-spacing:.1em;text-transform:uppercase;color:var(--hero-eyebrow);font-size:10.5px;font-weight:900}.product-meta dd{margin:0;font-size:13px;font-weight:800}.activation-card{border-radius:var(--radius);background:var(--ink);width:220px;color:var(--cream);flex-direction:column;align-self:center;align-items:center;gap:14px;padding:22px 16px 18px;display:flex;transform:rotate(-3deg);box-shadow:0 18px 35px #001c1733}.activation-card-brand{font-size:17px;font-weight:900}.activation-card-sticker{background:var(--gold);color:var(--ink);letter-spacing:.06em;border-radius:8px;padding:10px 12px;font-size:15px;font-weight:900;transform:rotate(2deg)}.activation-card-hint{color:var(--hero-text);font-size:12px}.code-form{flex-direction:column;gap:12px;display:flex}.code-input{border:2px solid var(--line);border-radius:var(--radius-md);background:var(--paper);align-items:center;height:66px;padding:0 16px;transition:border-color .15s,box-shadow .15s;display:flex}.code-input:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px var(--orange-soft)}.code-input--error{border-color:var(--error);animation:.35s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.code-prefix,.code-input input{letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:clamp(20px,6.2vw,26px);font-weight:900}.code-prefix{color:var(--muted)}.code-input input{text-transform:uppercase;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0}.code-input input::placeholder{color:var(--line-strong)}.code-status{border-radius:var(--radius-sm);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:12px;font-weight:800;display:flex}.code-status:not(.code-status--error):not(.code-status--ok){color:var(--muted);flex-direction:row;justify-content:center;gap:10px}.code-status--error{background:var(--error-bg);color:var(--error-ink)}.code-status--error span{font-size:14px;font-weight:600}.code-status--ok{background:var(--success-bg);color:var(--success-ink);text-transform:uppercase;letter-spacing:.1em;font-size:14px;font-weight:900}.demo-box{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--muted);padding:12px 14px;font-size:14px}.demo-box summary{cursor:pointer;font-weight:800}.demo-box ul{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.demo-box li{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-box button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:4px 8px;font-family:ui-monospace,monospace;font-size:13px;font-weight:700}.activate-done{text-align:center;align-items:stretch;padding-top:40px}.activate-emoji{font-size:60px;animation:.6s cubic-bezier(.3,1.6,.5,1) pop}.confetti{pointer-events:none;z-index:1;position:fixed;inset:0}.confetti i{border-radius:3px;width:9px;height:15px;animation:2.6s ease-in forwards fall;position:absolute;top:-20px}.confetti i:nth-child(4n){background:var(--orange)}.confetti i:nth-child(4n+1){background:var(--gold)}.confetti i:nth-child(4n+2){background:var(--success)}.confetti i:nth-child(4n+3){background:var(--ink)}.confetti i:first-child{animation-delay:0s;left:5%}.confetti i:nth-child(2){animation-delay:.3s;left:12%}.confetti i:nth-child(3){animation-delay:.1s;left:18%}.confetti i:nth-child(4){animation-delay:.5s;left:25%}.confetti i:nth-child(5){animation-delay:.2s;left:31%}.confetti i:nth-child(6){animation-delay:.6s;left:38%}.confetti i:nth-child(7){animation-delay:.15s;left:44%}.confetti i:nth-child(8){animation-delay:.4s;left:50%}.confetti i:nth-child(9){animation-delay:50ms;left:56%}.confetti i:nth-child(10){animation-delay:.35s;left:62%}.confetti i:nth-child(11){animation-delay:.55s;left:68%}.confetti i:nth-child(12){animation-delay:.25s;left:74%}.confetti i:nth-child(13){animation-delay:.45s;left:80%}.confetti i:nth-child(14){animation-delay:.1s;left:86%}.confetti i:nth-child(15){animation-delay:.65s;left:92%}.confetti i:nth-child(16){animation-delay:.3s;left:96%}.confetti i:nth-child(17){animation-delay:.75s;left:9%}.confetti i:nth-child(18){animation-delay:.8s;left:47%}@keyframes fall{to{opacity:.8;transform:translateY(105vh)rotate(540deg)}}.profile-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.avatar{background:var(--ink);width:96px;height:96px;color:var(--cream);box-shadow:0 0 0 6px var(--sand);border-radius:50%;place-items:center;font-size:42px;font-weight:900;display:grid}.demo-panel{border:1px dashed var(--line-strong);border-radius:var(--radius);flex-direction:column;gap:8px;padding:18px;display:flex}.preset{text-align:left;border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);flex-direction:column;gap:2px;padding:12px 14px;transition:border-color .15s;display:flex}.preset:hover{border-color:var(--line-strong)}.preset span{color:var(--muted);font-size:13px}.preset--on{border-color:var(--orange);background:var(--orange-wash)}.spinner{border:3px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.app--momentos{background:var(--ink)}body:has(.app--momentos){background:var(--ink)}.app--momentos .bottomnav{background:var(--ink);border-top-color:#faf7ef1f}.app--momentos .bottomnav-item{color:#faf7ef8c}.app--momentos .bottomnav-item:hover{color:var(--cream)}.app--momentos .bottomnav-item.active{color:var(--cream);background:#faf7ef1a}.momentos{min-height:calc(100dvh - var(--nav-h) - 40px);color:var(--cream);gap:14px;padding-top:32px}.momentos-brand{letter-spacing:.15em;text-transform:uppercase;color:var(--hero-eyebrow);font-size:11px;font-weight:900}.momentos-title{letter-spacing:-.04em;font-size:56px;font-weight:900;line-height:1}.momentos-lead{color:var(--hero-text);margin-bottom:18px;font-size:24px;font-weight:700;line-height:1.25}.momentos-cats{flex-direction:column;display:flex}.momentos-cat{color:var(--cream);text-align:left;background:0 0;border:0;border-top:1px solid #faf7ef26;justify-content:space-between;align-items:center;gap:10px;padding:20px 4px;transition:padding .2s,color .2s;display:flex}.momentos-cat:last-child{border-bottom:1px solid #faf7ef26}.momentos-cat:hover{color:var(--hero-accent);padding-left:12px}.momentos-cat-label{letter-spacing:-.02em;font-size:28px;font-weight:900}.momentos-cat-hint{color:#faf7ef99;text-align:right;font-size:13px}.momentos--play{justify-content:space-between;padding-top:16px}.momentos-bar{color:#faf7efa6;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;display:flex}.momentos-back{color:inherit;background:0 0;border:0;padding:8px 0;font-weight:800}.momentos-back:hover{color:var(--cream)}.momentos-question{flex-direction:column;flex:1;justify-content:center;padding:24px 4px;animation:.45s ease-out q-in;display:flex}@keyframes q-in{0%{opacity:0;transform:translateY(14px)}}.momentos-quote{color:var(--orange);height:52px;font-size:110px;font-weight:900;line-height:.7}.momentos-question p{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(28px,8.4vw,38px);font-weight:800;line-height:1.18}.momentos-next{border-radius:var(--radius-sm);background:var(--orange);min-height:58px;color:var(--ink);border:0;align-self:stretch;font-size:16px;font-weight:900;transition:background .15s,transform .1s}.momentos-next:hover{background:var(--orange-hover)}.momentos-next:active{transform:translateY(1px)}@media (width>=720px){.method-grid,.char-grid{grid-template-columns:repeat(3,1fr)}.log-cards{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}}@media (width>=960px){:root{--side:248px}.bottomnav{width:var(--side);padding:28px 16px calc(24px + env(safe-area-inset-bottom));border-top:0;border-right:1px solid var(--line);background:var(--cream);flex-direction:column;gap:4px;display:flex;inset:0 auto 0 0}.sidebar-brand{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;padding:0 10px 26px;font-size:19px;font-weight:900;display:flex}.sidebar-mark{border-radius:var(--radius-sm);background:var(--ink);width:40px;height:40px;color:var(--cream);place-items:center;display:grid}.sidebar-mark svg{width:22px;height:22px}.sidebar-brand b span{color:#b44909}.bottomnav-item{flex-direction:row;justify-content:flex-start;gap:12px;min-height:46px;padding:10px 12px;font-size:14px}.sidebar-games{border-radius:var(--radius-xs);border:1px solid var(--line);background:var(--paper);color:var(--ink);margin-top:auto;padding:12px;font-size:14px;font-weight:800;display:block}.sidebar-games:hover{background:var(--sand)}.app--momentos .bottomnav{background:var(--ink);border-right-color:#faf7ef1f}.app--momentos .sidebar-brand{color:var(--cream)}.app--momentos .sidebar-mark{background:#faf7ef1a}.app--momentos .sidebar-brand b span{color:var(--hero-accent)}.app--momentos .sidebar-games{color:var(--cream);background:0 0;border-color:#faf7ef33}.screen{max-width:none;margin-left:var(--side);padding:24px 40px 48px}.page{gap:24px;max-width:760px;margin:0 auto;padding:12px 0}.page--wide{max-width:1120px}.sticky-actions{margin:0;padding-inline:0;bottom:0}.display{font-size:44px}.display--sm{font-size:34px}.home{grid-template-columns:1.15fr 1fr;grid-template-areas:"head head""stats stats""challenge brew""challenge moments""games games""progress progress";align-items:start;display:grid}.home-header{grid-area:head}.home-stats{grid-area:stats}.card--challenge{grid-area:challenge;justify-content:center;align-self:stretch;padding:32px}.card--brew{grid-area:brew;align-self:stretch}.card--moments{grid-area:moments;justify-content:center;align-self:stretch}.home-progress{grid-area:progress}.home-progress .progress-list{grid-template-columns:repeat(2,1fr);column-gap:32px;padding:6px 24px;display:grid}.home-progress .progress-row:nth-last-child(2):nth-child(odd){border-bottom:0}.mini-card{aspect-ratio:4/5}.mini-card-value{font-size:16px}.method-grid{grid-template-columns:repeat(5,1fr)}.char-grid{grid-template-columns:repeat(4,1fr)}.log-cards{grid-template-columns:repeat(3,1fr)}.sheet-backdrop{align-items:center}.sheet{border-radius:var(--radius);max-height:84dvh}.sheet-grip{display:none}.momentos{max-width:920px;min-height:calc(100dvh - 72px)}.momentos-title{font-size:88px}.momentos-question p{font-size:54px}.momentos-next{align-self:flex-start;min-width:320px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}a[role=link]{cursor:pointer}.brew-board{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pcard{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px;display:flex;position:relative}.pcard-art{object-fit:contain;flex:none;width:72px;height:72px;animation:.35s cubic-bezier(.3,1.6,.5,1) param-pop}@keyframes param-pop{0%{transform:scale(.85)rotate(-6deg)}}.pcard-body{flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.pcard-label{font-size:14px;font-weight:800}.pcard-stepper{border-radius:var(--radius-sm);background:var(--cream);grid-template-columns:36px 1fr 36px;align-items:center;width:100%;height:46px;display:grid}.pcard-stepper button{height:100%;color:var(--ink);border-radius:var(--radius-sm);background:0 0;border:0;font-size:22px;font-weight:900}.pcard-stepper button:hover:not(:disabled){background:var(--sand)}.pcard-stepper button:disabled{opacity:.3}.pcard-stepper output{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.pcard--method{cursor:pointer;flex-direction:row;grid-column:1/-1;justify-content:flex-start;gap:14px;padding:10px 18px;transition:border-color .15s}.pcard--method:hover{border-color:var(--line-strong)}.pcard--method .pcard-method-art{width:104px;height:104px;animation:.4s cubic-bezier(.3,1.6,.5,1) param-pop}.pcard-method-name{letter-spacing:-.02em;text-align:left;font-size:34px;font-weight:900;line-height:1}.pcard-method-hint{color:var(--muted);margin-left:auto;font-size:12px;font-weight:700}.pcard--method select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.pcard--method:focus-within{outline:3px solid var(--blue);outline-offset:3px}.pcard--water{text-align:left;background:var(--ink);border-color:var(--ink);color:var(--cream);order:3;grid-column:1/-1;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;display:grid}.pcard--dose,.pcard--ratio{order:1}.pcard-water-art{object-fit:contain;grid-row:1/-1;width:104px;height:104px;animation:.35s cubic-bezier(.3,1.6,.5,1) param-pop}.pcard-water-label{color:var(--hero-eyebrow);align-self:end;font-size:12px;font-weight:800}.pcard-water-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:900;line-height:1}.pcard-water-formula{color:var(--hero-text);align-self:start;font-size:14px;font-weight:700}.pcard--temp,.pcard--pours,.pcard--time,.pcard--bloom,.pcard--grind{order:4}.pcard--grind{flex-direction:row;grid-column:1/-1;align-items:center;gap:10px}.pcard-grind-head{flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.pcard-grind-head .pcard-art{width:64px;height:64px}.grind-grid{flex:1;grid-template-rows:repeat(2,auto);grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;min-width:0;display:grid}.grind-chip{border-radius:var(--radius-xs);background:var(--cream);min-height:46px;color:var(--ink);border:0;padding:4px;font-size:12.5px;font-weight:800;line-height:1.1;transition:background .15s}.grind-chip:hover{background:var(--sand)}.grind-chip--on,.grind-chip--on:hover{background:var(--ink);color:var(--cream)}@media (width>=720px){.brew-board{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"method dose ratio""method temp pours""time bloom water""grind grind water"}.pcard--method{flex-direction:column;grid-area:method;justify-content:center}.pcard--method .pcard-method-art{width:160px;height:160px}.pcard-method-name{text-align:center}.pcard-method-hint{margin-left:0}.pcard--dose{grid-area:dose}.pcard--ratio{grid-area:ratio}.pcard--temp{grid-area:temp}.pcard--pours{grid-area:pours}.pcard--time{grid-area:time}.pcard--bloom{grid-area:bloom}.pcard--grind{grid-area:grind}.pcard--water{text-align:center;flex-direction:column;grid-area:water;justify-content:center;align-items:center;gap:4px;display:flex}.pcard-water-label,.pcard-water-formula{align-self:center}}@media (width>=1240px){.brew-board{grid-template-columns:repeat(3,1fr);grid-template-areas:"method dose ratio""method temp pours""time bloom water""grind grind water";gap:12px}.pcard{text-align:left;flex-direction:row;gap:14px;padding:14px 18px 14px 12px}.pcard-art{width:104px;height:104px}.pcard-body{align-items:flex-start;gap:8px}.pcard-label{font-size:15px}.pcard-stepper{height:54px}.pcard-stepper output{font-size:24px}.pcard--method{flex-direction:column;grid-area:method;justify-content:center;gap:6px;padding:20px}.pcard--method .pcard-method-art{width:220px;height:220px}.pcard-method-name{text-align:center;font-size:52px}.pcard-method-hint{margin-left:0}.pcard--dose{grid-area:dose}.pcard--ratio{grid-area:ratio}.pcard--temp{grid-area:temp}.pcard--pours{grid-area:pours}.pcard--time{grid-area:time}.pcard--bloom{grid-area:bloom}.pcard--grind{grid-area:grind;gap:14px;padding:14px}.pcard-grind-head .pcard-art{width:96px;height:96px}.grind-chip{min-height:50px;font-size:14px}.pcard--water{text-align:center;flex-direction:column;grid-area:water;justify-content:center;align-items:center;gap:4px;display:flex}.pcard-water-art{width:170px;height:170px}.pcard-water-value{font-size:56px}}body.is-guiding{background:var(--ink)}body.is-guiding .bottomnav{display:none}body.is-guiding .screen{max-width:none;margin:0;padding:0}.guide{max-width:560px;min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));color:var(--cream);flex-direction:column;gap:14px;margin:0 auto;display:flex}.guide-top{justify-content:space-between;align-items:center;display:flex}.guide-back{color:var(--hero-text);background:0 0;border:0;align-items:center;gap:6px;padding:8px 4px;font-size:14px;font-weight:800;display:inline-flex}.guide-back svg{width:18px;height:18px}.guide-back:hover{color:var(--cream)}.guide-clock{font-variant-numeric:tabular-nums;font-size:22px;font-weight:900}.guide-clock small{letter-spacing:.15em;text-transform:uppercase;color:var(--hero-eyebrow);margin-right:4px;font-size:10px;font-weight:900}.guide-progress{gap:4px;display:flex}.guide-progress span{background:#faf7ef26;border-radius:999px;flex:1;height:4px;transition:background .3s}.guide-progress span.done{background:var(--success)}.guide-progress span.current{background:var(--orange)}.guide-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;animation:.35s ease-out guide-in;display:flex}@keyframes guide-in{0%{opacity:0;transform:translate(16px)}}.guide-stage{place-items:center;width:260px;max-width:100%;height:260px;margin-bottom:6px;display:grid;position:relative}.guide-main{margin-top:56px}.guide-art{object-fit:contain;width:210px;height:210px}.guide-bob{animation:2.4s ease-in-out infinite guide-bob}@keyframes guide-bob{50%{transform:translateY(-8px)}}.guide-breathe{animation:3s ease-in-out infinite guide-breathe}@keyframes guide-breathe{50%{transform:scale(1.04)}}.guide-kettle{z-index:1;width:110px;position:absolute;top:-30px;right:-14px}.guide-kettle img{object-fit:contain;transform-origin:70% 70%;width:110px;height:110px;animation:2.4s ease-in-out infinite guide-tilt;transform:rotate(-30deg)}@keyframes guide-tilt{50%{transform:rotate(-36deg)}}.guide-stream{background:repeating-linear-gradient(#9fd8ff 0 10px,#9fd8ff59 10px 16px) 0 0/100% 32px;border-radius:4px;width:5px;height:92px;animation:.6s linear infinite guide-stream;position:absolute;top:64px;left:-14px}@keyframes guide-stream{to{background-position:0 32px}}.guide-beans{z-index:1;width:80px;height:120px;margin-left:-40px;position:absolute;top:0;left:50%}.guide-beans i{opacity:0;background:#6b3e1f;border-radius:50%;width:9px;height:12px;animation:1.4s ease-in infinite guide-bean;position:absolute;top:0;box-shadow:inset -2px 0 #4a2a14}.guide-beans i:first-child{animation-delay:0s;left:10px}.guide-beans i:nth-child(2){animation-delay:.2s;left:30px}.guide-beans i:nth-child(3){animation-delay:.4s;left:50px}.guide-beans i:nth-child(4){animation-delay:.6s;left:20px}.guide-beans i:nth-child(5){animation-delay:.8s;left:60px}.guide-beans i:nth-child(6){animation-delay:1s;left:40px}.guide-beans i:nth-child(7){animation-delay:1.2s;left:0}@keyframes guide-bean{10%{opacity:1}to{opacity:0;transform:translateY(110px)rotate(200deg)}}.guide-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.guide-ring-track{fill:#faf7ef0a;stroke:#faf7ef1f;stroke-width:8px}.guide-ring-progress{fill:none;stroke:var(--orange);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.guide-step{letter-spacing:.15em;text-transform:uppercase;color:var(--orange);font-size:11px;font-weight:900}.guide-title{letter-spacing:-.02em;font-size:30px;font-weight:900;line-height:1.1}.guide-value{border-radius:var(--radius-sm);background:#faf7ef14;flex-direction:column;align-items:center;padding:10px 20px;display:flex}.guide-value b{font-variant-numeric:tabular-nums;font-size:26px;font-weight:900}.guide-value small{color:var(--hero-text);font-size:12px}.guide-countdown{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:64px;font-weight:900;line-height:1}.guide-waiting{color:var(--hero-text);font-size:13px}.guide-text{max-width:340px;color:var(--hero-text);font-size:15px}.guide-actions{grid-template-columns:1fr 2fr;gap:10px;display:grid}.guide-btn{border-radius:var(--radius-sm);border:2px solid #0000;min-height:54px;font-size:15px;font-weight:900;transition:background .15s,transform .1s}.guide-btn:active{transform:translateY(1px)}.guide-btn--ghost{color:var(--cream);background:0 0;border-color:#faf7ef2e}.guide-btn--ghost:hover{background:#faf7ef0f}.guide-btn--primary{background:var(--orange);color:var(--ink)}.guide-btn--primary:hover{background:var(--orange-hover)}.guide-btn--outline{color:var(--orange);border-color:var(--orange);background:0 0}.guide-btn--outline:hover{background:#ff781f14}@media (width>=960px){.guide-stage{width:300px;height:300px}.guide-title{font-size:36px}}.guide-stir{animation:1.2s ease-in-out infinite guide-stir}@keyframes guide-stir{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.guide-swirl{color:var(--hero-accent);font-size:44px;font-weight:900;animation:1.6s linear infinite spin;position:absolute;top:8px;right:34px}.guide-flame{font-size:46px;animation:.5s ease-in-out infinite alternate guide-flicker;position:absolute;bottom:-6px}@keyframes guide-flicker{to{transform:scale(1.12)translateY(-2px)}}.pcard--na .pcard-art{filter:grayscale();opacity:.35;animation:none}.pcard--na .pcard-label{color:var(--muted)}.pcard-stepper--na{color:var(--muted);border:1px dashed var(--line-strong);background:0 0;grid-template-columns:1fr;place-items:center;font-size:14px;font-weight:800;display:grid}.reto-cards{grid-template-columns:1fr;gap:10px;display:grid}.reto-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);align-items:center;gap:12px;min-width:0;padding:10px 16px 10px 10px;display:flex}.reto-card .character,.reto-card-art{object-fit:contain;flex:none;width:84px;height:84px}.reto-card-art--empty{background:var(--sand);color:var(--ink);border-radius:50%;place-items:center;font-size:34px;font-weight:900;display:grid}.reto-card-label{color:var(--muted);font-size:13px;font-weight:800;display:block}.reto-card-value{letter-spacing:-.01em;font-size:24px;font-weight:900;line-height:1.05;display:block}.reto-notes{grid-template-columns:1fr;gap:10px;display:grid}.reto-note{border-radius:var(--radius-md);background:var(--orange-wash);border:1px solid #ffd9b8;padding:14px 16px 14px 22px;position:relative;overflow:hidden}.reto-note:before{content:"";background:var(--orange);border-radius:4px;width:4px;position:absolute;top:12px;bottom:12px;left:8px}.reto-note b{color:#b44909;font-size:15px;font-weight:800;display:block}.reto-note p{margin-top:2px;font-size:14px}.reto-solution-title{margin-top:4px;font-size:26px}.reto-solution{grid-template-columns:1fr;gap:10px;display:grid;position:relative}.reto-tips{border-radius:var(--radius);background:var(--ink);color:var(--cream);flex-direction:column;align-items:center;gap:10px;padding:18px;animation:.5s cubic-bezier(.2,.8,.2,1) backwards reto-flip;display:flex}.reto-tips-ring{border:14px solid #faf7ef1f;border-radius:50%;place-items:center;width:164px;height:164px;display:grid}.reto-tips-title{color:var(--hero-eyebrow);align-self:flex-start;font-weight:800}.reto-tips-list{flex-direction:column;gap:4px;margin:0;padding-left:20px;font-size:14px;font-weight:700;list-style:decimal;display:flex}.reto-tips-text{font-size:14px;font-weight:700}.reto-dots{gap:6px;margin-top:auto;display:flex}.reto-dots button{background:0 0;border:2px solid #faf7ef80;border-radius:50%;width:10px;height:10px;padding:0}.reto-dots button.on{background:#faf7efb3;border-color:#0000}.reto-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.reto-tile{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:108px;padding:14px 16px;display:flex}.reto-solution--open .reto-tile{animation:.5s cubic-bezier(.2,.8,.2,1) backwards reto-flip;animation-delay:calc(var(--i) * 70ms + .12s)}@keyframes reto-flip{0%{opacity:0;transform:perspective(600px)rotateY(80deg)scale(.92)}}.reto-tile-label{font-size:13px;font-weight:800}.reto-tile-value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:900;line-height:1.1}.reto-tile small{color:var(--muted);font-size:12.5px;font-weight:700}.reto-tile--water{background:var(--sand);border-color:var(--sand)}.reto-tile .pcard-stepper{margin-top:4px}.reto-solution--locked .reto-tips,.reto-solution--locked .reto-tiles{filter:blur(3px);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;animation:none}.reto-tips--blur{justify-content:center;min-height:200px}.reto-lock{border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;gap:8px;width:min(380px,100% - 24px);padding:22px 20px;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 18px 40px #073c302e}.reto-lock-icon{background:var(--sand);border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.reto-lock-icon svg{width:22px;height:22px}.reto-lock b{font-size:18px;font-weight:900}.reto-lock p{color:var(--muted);margin-bottom:6px;font-size:14px}.reto-loading{color:var(--muted);align-items:center;gap:10px;padding:24px;font-weight:700;display:flex}@media (width>=720px){.reto-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.reto-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.reto-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.reto-solution{grid-template-columns:minmax(240px,1fr) 2.4fr;align-items:stretch}}.tl-back{color:var(--ink);background:0 0;border:0;align-self:flex-start;margin-bottom:-6px;padding:0}.tl-layout{grid-template-columns:1fr;align-items:start;gap:16px;display:grid}.tl-clock{z-index:10;border-radius:var(--radius);background:var(--ink);color:var(--cream);grid-template-columns:auto 1fr auto;grid-template-areas:"ring time actions""ring goal actions";align-items:center;column-gap:14px;padding:12px 14px;display:grid;position:sticky;top:8px;box-shadow:0 12px 30px #073c302e}.tl-clock-ring{grid-area:ring;width:60px;height:60px;transform:rotate(-90deg)}.tl-clock-track{fill:none;stroke:#faf7ef1f;stroke-width:16px}.tl-clock-progress{fill:none;stroke:var(--orange);stroke-width:16px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.tl-clock-dot{display:none}.tl-clock-time{font-variant-numeric:tabular-nums;grid-area:time;font-size:34px;font-weight:900;line-height:1}.tl-clock-goal{color:var(--hero-text);grid-area:goal;font-size:12px;font-weight:700}.tl-clock-actions{flex-direction:column;grid-area:actions;gap:6px;display:flex}.tl-btn{border-radius:var(--radius-xs);white-space:nowrap;border:1px solid #0000;min-height:38px;padding:0 14px;font-size:13px;font-weight:800;transition:background .15s,transform .1s}.tl-btn:active:not(:disabled){transform:translateY(1px)}.tl-btn:disabled{opacity:.6;cursor:default}.tl-btn--primary{background:var(--orange);color:var(--ink)}.tl-btn--primary:hover:not(:disabled){background:var(--orange-hover)}.tl-btn--ghost{color:inherit;border-color:var(--line-strong);background:0 0}.tl-clock .tl-btn--ghost{border-color:#faf7ef40}.tl-btn--ghost:hover{background:#7f7f7f14}.tl-steps{flex-direction:column;gap:14px;min-width:0;display:flex}.tl-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex;position:relative}.tl-list:before{content:"";background:var(--line);width:2px;position:absolute;top:20px;bottom:20px;left:15px}.tl-item{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:6px 10px;scroll-margin-top:110px;transition:opacity .3s;display:grid;position:relative}.tl-bullet{z-index:1;border:1px solid var(--line-strong);background:var(--paper);width:32px;height:32px;color:var(--muted);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid;position:relative}.tl-item--done .tl-bullet{background:var(--success);border-color:var(--success);color:#fff}.tl-item--current .tl-bullet{background:var(--orange);border-color:var(--orange);color:var(--ink);box-shadow:0 0 0 6px var(--orange-soft);animation:1.6s ease-in-out infinite tl-pulse}@keyframes tl-pulse{50%{box-shadow:0 0 0 10px #ff781f1f}}.tl-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px 12px 10px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.tl-item--current .tl-card{border-color:var(--orange);transform:translate(2px);box-shadow:0 10px 26px #ff781f24}.tl-item--next{opacity:.45}.tl-item--next .tl-art{filter:grayscale()}.tl-art{object-fit:contain;width:72px;height:72px}.tl-art--wait{place-items:center;display:grid;position:relative}.tl-art--wait svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.tl-art--wait .character{width:48px;height:48px}.tl-ring-track{fill:none;stroke:var(--sand);stroke-width:6px}.tl-ring-progress{fill:none;stroke:var(--orange);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.tl-card-text b{font-size:16px;font-weight:900;display:block}.tl-card-text p{color:var(--muted);font-size:13px;line-height:1.35}.tl-card-value{border-radius:var(--radius-sm);background:var(--cream);text-align:center;flex-direction:column;align-items:center;min-width:76px;padding:8px 10px;display:flex}.tl-card-value b{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:22px;font-weight:900;line-height:1.1}.tl-card-value small{color:var(--muted);font-size:11px;font-weight:700}.tl-card-actions{grid-column:2;justify-content:flex-end;gap:8px;animation:.25s ease-out page-in;display:flex}@media (width<=520px){.tl-card{grid-template-columns:auto minmax(0,1fr)}.tl-card-value{flex-direction:row;grid-column:1/-1;justify-content:center;align-items:baseline;gap:8px}.tl-art{width:60px;height:60px}}@media (width>=960px){.tl-layout{grid-template-columns:300px minmax(0,1fr);gap:24px}.tl-clock{text-align:center;grid-template-columns:1fr;grid-template-areas:"ring""actions";justify-items:center;row-gap:14px;padding:24px;top:24px}.tl-clock-ring{width:200px;height:200px}.tl-clock-dot{background:var(--hero-text);border-radius:50%;grid-area:ring;align-self:start;width:10px;height:10px;margin-top:44px;display:block}.tl-clock-dot.is-running{background:var(--orange);animation:1.2s ease-in-out infinite tl-pulse}.tl-clock-time{grid-area:ring;align-self:center;margin-top:-8px;font-size:48px}.tl-clock-goal{grid-area:ring;align-self:end;margin-bottom:52px}.tl-clock-actions{flex-direction:row}.tl-art{width:96px;height:96px}.tl-art--wait .character{width:64px;height:64px}}.tl-clock .tl-btn--primary:disabled{opacity:1;color:var(--orange);background:#ff781f29}.guide-step{align-items:center;gap:8px;display:inline-flex}.guide-icon{width:34px;height:34px}.guide-art--ring{width:150px;height:150px}.tl-card-text .tl-card-title{align-items:center;gap:8px;display:flex}.tl-icon{flex:none;width:30px;height:30px}.tl-art--wait img{object-fit:contain;width:64px;height:64px}.medal-art{place-items:center;width:72px;height:72px;display:grid;position:relative}.medal-art img{object-fit:contain;width:100%;height:100%}.medal--locked .medal-art img{filter:grayscale();opacity:.3}.medal-lock{background:var(--paper);border:1px solid var(--line);width:28px;height:28px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute}.medal-lock svg{width:14px;height:14px}.medals .medal-icon{margin:6px}.shelf{gap:20px;margin:8px 0 24px;display:grid}.shelf-card{border-radius:var(--radius-lg,22px);background:var(--sand);min-height:150px;color:var(--ink);grid-template-columns:116px minmax(0,1fr);align-items:center;gap:14px;padding:16px 16px 16px 8px;display:grid;position:relative}.shelf-card--activado{background:var(--c);color:var(--cream)}.shelf-box{object-fit:contain;filter:drop-shadow(0 10px 14px #073c3038);width:116px;height:140px;margin-top:-28px;transition:transform .2s}.shelf-card:hover .shelf-box{transform:rotate(-3deg)translateY(-2px)}.shelf-card--disponible .shelf-box,.shelf-card--nuevo .shelf-box,.shelf-card--proximamente .shelf-box,.game-tile.game-tile--off img,.game-tile.game-tile--soon img,.game-page--disponible .game-hero-box,.game-page--nuevo .game-hero-box,.game-page--proximamente .game-hero-box{filter:sepia(.95)saturate(.75)brightness(.92)contrast(.92)drop-shadow(0 8px 12px #4a2c1433)}.shelf-body{min-width:0}.shelf-badge{position:absolute;top:12px;right:12px}.shelf-eyebrow{color:var(--muted);font-size:12px;font-weight:800}.shelf-name{letter-spacing:-.01em;padding-right:90px;font-size:22px;font-weight:900;line-height:1.1}.shelf-card:not(.shelf-card--activado) .shelf-name{padding-right:0}.shelf-sub{opacity:.8;margin-top:2px;font-size:14px;font-weight:700}.shelf-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.shelf-meta div{border-radius:var(--radius-xs,12px);background:#faf7ef1f;min-width:0;padding:8px 10px}.shelf-meta dt{letter-spacing:.08em;text-transform:uppercase;color:var(--orange);font-size:10px;font-weight:900}.shelf-meta dd{overflow-wrap:anywhere;font-size:13px;font-weight:800}.shelf-cta{margin-top:10px}@media (width>=720px){.shelf-card{grid-template-columns:170px minmax(0,1fr);gap:22px;padding:20px 24px 20px 12px}.shelf-box{width:170px;height:190px;margin-top:-40px}.shelf-name{font-size:28px}}.game-strip{scroll-snap-type:x mandatory;grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;gap:12px;padding:4px 2px 8px;display:grid;overflow-x:auto}.game-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);text-align:center;scroll-snap-align:start;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;transition:transform .15s;display:flex}.game-tile:hover{transform:translateY(-2px)}.game-tile img{object-fit:contain;filter:drop-shadow(0 8px 10px #073c302e);width:100%;max-width:120px;height:130px}.game-tile-name{font-size:13px;font-weight:800;line-height:1.2}.game-tile-cta{background:var(--orange);color:var(--ink);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.game-tile-soon{color:var(--muted);font-size:12px;font-weight:800}.game-tile--off,.game-tile--soon{background:var(--sand)}.home-games{grid-area:games;min-width:0}.method-top{gap:16px;display:grid}.method-left,.method-right{flex-direction:column;gap:16px;min-width:0;display:flex}.evo{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.evo-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:10px 14px 10px 8px;display:grid}.evo-art{object-fit:contain;width:64px;height:64px}.evo-body{flex-direction:column;gap:6px;min-width:0;display:flex}.evo-head{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.evo-value{font-variant-numeric:tabular-nums;color:var(--e);white-space:nowrap;font-weight:900}.evo-value small{color:var(--muted);margin-right:4px;font-size:11px}.evo-value i{font-style:normal}.evo-value--down i{color:var(--muted)}.evo-card .spark{width:100%;height:30px}.collect-art .character{width:100px;height:100px}@media (width>=960px){.method-top{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:24px}.method-left .method-hero{border:1px solid var(--line);border-radius:var(--radius-lg,22px);background:var(--paper);padding:28px 16px 24px}.method-left .method-hero:before{top:30px}.collection{gap:12px}.collect{padding:18px 8px 16px}.collect-art{min-height:150px}.collect-art .character{width:150px;height:150px}}.log-timeline{flex-direction:column;gap:28px;max-width:860px;margin:8px 0 0;padding:0 0 0 30px;list-style:none;display:flex;position:relative}.log-timeline:before{content:"";background:var(--line);width:2px;position:absolute;top:10px;bottom:0;left:9px}.log-day{gap:18px;position:relative}.log-dot{border:2px solid var(--line);background:var(--paper);border-radius:50%;width:20px;height:20px;position:absolute;top:0;left:-30px}.log-day--today .log-dot{border-color:var(--orange);background:var(--orange);box-shadow:0 0 0 5px color-mix(in srgb, var(--orange) 18%, transparent)}.log-entry{flex-direction:column;gap:8px;display:flex}.log-entry-head{justify-content:space-between;align-items:baseline;min-height:20px;display:flex}.log-entry-head .log-card-time{margin-left:auto}.log-day-title{letter-spacing:0;text-transform:none;color:var(--ink);font-size:14px;font-weight:700}.log-card{border-radius:var(--radius-lg,22px);grid-template-columns:112px minmax(0,1fr);grid-template-areas:"who params""taste taste";align-items:center;gap:14px;padding:14px;display:grid}.log-card:before{display:none}.log-who{flex-direction:column;grid-area:who;align-items:center;display:flex;position:relative}.log-who:before{content:"";background:color-mix(in srgb, var(--c) 16%, var(--paper));border-radius:50%;width:92px;height:92px;position:absolute;top:6px}.log-who>*{position:relative}.log-who-name{letter-spacing:-.02em;text-align:center;margin-top:-22px;font-size:22px;font-weight:900;line-height:1}.log-params{grid-area:params;grid-template-columns:1fr;gap:4px;margin:0;padding:0;list-style:none;display:grid}.log-params li{background:var(--cream);border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.log-params img{object-fit:contain;flex:none;width:30px;height:30px}.log-params span{flex-direction:column;min-width:0;line-height:1.1;display:flex}.log-params b{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:15px;font-weight:900}.log-params li{min-width:0}.log-params small{color:var(--muted);font-size:10px;font-weight:700}.log-taste{grid-area:taste;min-width:0}.log-scores{gap:4px;margin:0;display:grid}.log-scores div{justify-content:space-between;align-items:center;gap:10px;display:flex}.log-scores dt{font-size:13px;font-weight:800}.log-dots{gap:4px;display:inline-flex}.log-dots i{background:var(--sand);border-radius:50%;width:11px;height:11px}.log-dots i.on{background:var(--orange)}.log-taste .log-card-notes{text-align:right;margin-top:8px;font-size:13px}@media (width>=720px){.log-card{grid-template-columns:170px minmax(0,150px) minmax(0,1fr);grid-template-areas:"who params taste";gap:22px;padding:16px 22px 16px 12px}.log-who:before{width:120px;height:120px}.log-who .character{width:140px;height:140px}.log-who-name{font-size:32px}.log-params{grid-template-columns:1fr}}.auth-loading{background:var(--cream);place-items:center;min-height:100dvh;display:grid}.auth{background:var(--cream);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-card{border:1px solid var(--line);border-radius:var(--radius-lg,22px);background:var(--paper);flex-direction:column;gap:16px;width:100%;max-width:420px;padding:24px 20px;display:flex}.auth-hero{align-items:center;gap:12px;display:flex}.auth-hero .character{flex:none;width:96px;height:96px}.auth-tabs{background:var(--sand);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-tabs button{min-height:40px;color:var(--muted);border-radius:999px;font-weight:800}.auth-tabs button.on{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #073c301f}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);height:50px;font:inherit;color:var(--ink);padding:0 14px;font-size:16px}.auth-input:focus{outline:2px solid var(--orange);outline-offset:1px}.auth-error,.auth-notice{border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;font-weight:700}.auth-error{color:#9b2c1c;background:#fde8e4}.auth-notice{color:#2f5b37;background:#e6f0e7}.auth-forgot{align-self:center;font-size:14px}.auth-or{color:var(--muted);align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line);flex:1;height:1px}.auth-google{justify-content:center;align-items:center;gap:10px;display:inline-flex}.settings{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);flex-direction:column;gap:16px;padding:18px;display:flex}.momentos-instruction{letter-spacing:.02em;color:var(--orange);margin-top:18px;font-size:14px;font-weight:800}.shelf-card{transition:transform .15s,box-shadow .15s}.shelf-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #073c301f}.shelf-more{color:var(--orange);margin-top:10px;font-size:13px;font-weight:800;display:inline-block}.shelf-card--activado .shelf-more{color:var(--cream);opacity:.85}.game-hero{border-radius:var(--radius-lg,22px);background:var(--sand);text-align:center;grid-template-columns:1fr;justify-items:center;gap:16px;padding:24px 20px;display:grid}.game-hero-box{object-fit:contain;filter:drop-shadow(0 14px 18px #073c3040);width:170px;height:210px}.game-hero-state{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:900}.game-hero-sub{opacity:.8;font-weight:800}.game-hero-tagline{max-width:46ch;font-size:17px;font-weight:700}.game-hero-cta{margin-top:8px}.game-section{flex-direction:column;gap:10px;display:flex}.game-text{max-width:70ch;line-height:1.55}.game-modes{gap:10px;display:grid}.game-mode{border-radius:var(--radius);background:var(--sand);padding:16px 18px}.game-mode b{margin-bottom:4px;font-size:16px;display:block}@media (width>=900px){.game-hero{text-align:left;grid-template-columns:220px minmax(0,1fr);justify-items:start;padding:28px 32px}.game-hero-box{width:220px;height:260px}.game-modes{grid-template-columns:1fr 1fr}}.game-rules{gap:10px;display:grid}.game-rule{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:16px 18px}.game-rule b{margin-bottom:4px;font-size:16px;display:block}.game-rule ul{gap:2px;margin:6px 0 0;padding-left:18px;display:grid}.cards-head{align-items:center;gap:10px;display:flex}.cards-count{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.cards-hint{color:var(--muted);margin-left:auto;font-size:13px}.sheet--wide{width:min(860px,100%)}.card-detail{justify-items:center;gap:16px;display:grid}.card-detail-img{object-fit:cover;border-radius:14px;width:min(220px,56vw);box-shadow:0 12px 26px #073c3040}.card-detail-info{flex-direction:column;align-items:flex-start;gap:8px;width:100%;line-height:1.55;display:flex}.card-detail-kind{letter-spacing:.1em;text-transform:uppercase;color:var(--t);font-size:12px;font-weight:900}.card-detail-info h3{font-size:26px;font-weight:900;line-height:1.1}.card-detail-blurb{color:var(--muted);font-style:italic}.card-detail-facts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;width:100%;margin:4px 0 0;display:grid}.card-detail-facts div{background:var(--sand);border-radius:12px;padding:8px 12px}.card-detail-facts dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.card-detail-facts dd{margin:0;font-weight:800}.card-detail-note{border-left:4px solid var(--ink);background:#edf0e4;border-radius:0 12px 12px 0;width:100%;padding:10px 14px}.card-detail-chip{border:1.5px solid var(--orange);color:#c4560c;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:900}.card-detail-nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;width:100%;margin-top:6px;padding-top:10px;font-size:14px;font-weight:700;display:flex}.card-detail-nav button:disabled{opacity:.3}.recipe-chip{text-align:center;border-radius:8px;flex-direction:column;align-items:center;padding:5px 4px;font-size:13px;font-weight:800;line-height:1.2;display:flex}.recipe-chip small{opacity:.7;font-size:10px;font-weight:700}.recipe-chip--dosis{background:#fdeeb8}.recipe-chip--ratio{background:#d6e9f8}.recipe-chip--temperatura{background:#fbd9dc}.recipe-chip--molienda{background:#f0e0c6}.recipe-chip--purga{background:#d5f0e4}.recipe-chip--vertidos{background:#d9e6fb}.recipe-chip--tiempo-total{background:#e6dcf6}.recipe-chip--na{color:var(--muted);background:#ebe8e2;font-weight:600}@media (width>=700px){.card-detail{grid-template-columns:auto minmax(0,1fr);place-items:start;gap:24px;padding:6px 8px 0}.card-detail-img{width:210px}}@media (width>=900px){.game-rules{grid-template-columns:repeat(3,1fr)}}.mp-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.mp-head .method-level{font-size:15px}.mp-hero{background:var(--c);isolation:isolate;border-radius:24px;gap:12px;padding:16px;display:grid;position:relative;overflow:hidden}.mp-watermark{z-index:-1;text-align:center;color:#00000021;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;font-size:clamp(64px,16vw,150px);font-weight:900;line-height:.85;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mp-xp{background:var(--paper);border-radius:16px;padding:12px 14px}.mp-stats{order:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mp-stat{background:var(--paper);border-radius:16px;flex-direction:column;justify-content:flex-end;gap:4px;min-height:86px;padding:10px;display:flex}.mp-stat-value{font-variant-numeric:tabular-nums;font-size:24px;font-weight:900}.mp-stat-label{overflow-wrap:anywhere;color:var(--muted);font-size:11px;font-weight:700}.mp-character{place-items:center;display:grid}.mp-character .character{filter:drop-shadow(0 16px 18px #00000038);width:min(260px,70vw);height:auto}.mp-evo{scroll-snap-type:x proximity;order:4;gap:8px;margin:0 -16px -16px;padding:0 16px 16px;display:flex;overflow-x:auto}.mp-evo-title{display:none}.mp-evo .evo-card{scroll-snap-align:start;border:0;flex:none;width:200px}.mp-row{gap:16px;display:grid}.mp-medals .medals{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}@media (width>=960px){.mp-hero{grid-template-rows:auto 1fr;grid-template-columns:230px minmax(0,1fr) 250px;gap:14px;min-height:420px;margin-bottom:40px;padding:18px;overflow:visible}.mp-watermark{clip-path:inset(0 round 24px)}.mp-xp{z-index:1;grid-area:1/1/auto/3;align-self:start;position:relative}.mp-stats{order:0;grid-area:2/1;grid-template-columns:1fr 1fr;align-content:start}.mp-stat{min-height:110px}.mp-stat:last-child{grid-column:1}.mp-character{pointer-events:none;grid-area:1/2/3;align-self:end;margin-bottom:-60px}.mp-character .character{width:340px}.mp-evo,.mp-locked{flex-direction:column;order:0;grid-area:1/3/3;margin:0;padding:0 0 0 30px;position:relative;overflow:visible}.mp-evo-title{transform-origin:0 100%;color:var(--paper);white-space:nowrap;font-size:18px;font-weight:900;display:block;position:absolute;bottom:50%;left:0;transform:rotate(-90deg)translate(-50%,100%)}.mp-evo .evo-card{grid-template-columns:48px minmax(0,1fr);width:auto;padding:6px 10px 6px 6px}.mp-evo .evo-art{width:48px;height:48px}.mp-hero--locked{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mp-hero--locked .mp-character{grid-column:1}.mp-hero--locked .mp-locked{grid-column:2;align-self:center;padding:0}.mp-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px}.mp-medals .medals{grid-template-columns:repeat(2,1fr)}}.tone--metodo{--t:#3d5f9c}.tone--objetivo{--t:#d9631a}.tone--twist{--t:#1f6b4f}.tone--parametro{--t:#7a4fb0}.tone--truco{--t:#c9302c}.tone--especial{--t:#b8740f}.gp-hero{gap:16px;display:grid}.gp-show{background:var(--sand);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:24px 22px 26px;display:flex}.game-page--activado .gp-show{background:var(--c);color:var(--cream)}.gp-show h2{font-size:22px;font-weight:900}.gp-show p{text-align:left;max-width:52ch;line-height:1.5}.gp-pack{flex-direction:column;align-items:center;margin-bottom:4px;display:flex;position:relative}.gp-pack .game-hero-box{object-fit:contain;filter:drop-shadow(0 14px 18px #00000047);width:190px;height:230px}.gp-fan{justify-content:center;margin-top:-46px;display:flex}.gp-fan img{object-fit:cover;border:3px solid #fff7ea;border-radius:10px;width:96px;box-shadow:0 8px 18px #00000040}.gp-fan img:first-child{transform:rotate(-9deg)translate(14px,6px)}.gp-fan img:nth-child(2){z-index:1;position:relative}.gp-fan img:nth-child(3){transform:rotate(9deg)translate(-14px,6px)}.game-page:not(.game-page--activado) .gp-fan img{filter:sepia(.95)saturate(.75)brightness(.92)contrast(.92)}.gp-info{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.gp-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:6px 0 0;display:grid}.gp-meta div{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:14px 12px}.gp-meta dt{font-weight:900}.gp-meta dd{margin:4px 0 0;font-size:14px}.gp-unlocks{border:1px solid var(--line);background:var(--paper);border-radius:20px;align-items:center;gap:14px;width:100%;margin-top:6px;padding:16px 18px;display:flex}.gp-unlocks>img{object-fit:contain;flex:none;width:110px;height:110px}.gp-unlocks h2{margin-bottom:8px;font-size:19px;font-weight:900}.gp-unlocks ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.gp-unlocks li{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.gp-unlocks svg{width:15px;height:15px;color:var(--success,#568a61);flex:none}.gp-howto-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.gp-howto-head span{font-size:14px;font-weight:800}.gp-howto{border:1px solid var(--line);background:var(--paper);border-radius:22px;position:relative}.gp-steps{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:22px;margin:0;padding:20px 28px 22px;scroll-padding-inline:28px;list-style:none;display:flex;overflow-x:auto}.gp-step{scroll-snap-align:start;flex-direction:column;flex:none;gap:8px;width:236px;display:flex;position:relative}.gp-step:before{content:"";background:var(--line);height:1px;position:absolute;top:17px;left:44px;right:-22px}.gp-step:last-child:before{display:none}.gp-step--wide{width:300px}.gp-step--sub{width:170px}.gp-dot{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:8px;font-weight:900;display:grid}.gp-dot--sub{width:26px;height:26px;margin:4px 0 12px;font-size:13px}.gp-step h3{font-size:18px;font-weight:900}.gp-step p{font-size:13px;font-weight:600;line-height:1.45}.gp-step-art{border:1px solid var(--line);background:#fffdf8;border-radius:12px;place-items:center;min-height:112px;margin-top:auto;padding:4px;display:grid}.gp-step-art img{border-radius:8px;width:100%}.gp-step-art img.is-character{width:auto;height:104px}.gp-arrow{z-index:2;background:var(--orange);width:36px;height:36px;color:var(--ink);border:0;border-radius:50%;place-items:center;font-size:22px;font-weight:900;line-height:1;display:none;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 10px #073c3033}.gp-arrow--prev{background:var(--sand);left:-14px}.gp-arrow--next{right:-14px}.gp-switch{border:1px solid var(--line);background:var(--paper);border-radius:999px;gap:4px;width:fit-content;max-width:100%;margin:4px auto 0;padding:5px;display:flex}.gp-switch button{background:var(--sand);color:var(--ink);border:0;border-radius:999px;padding:11px 22px;font-weight:800}.gp-switch button.on{background:var(--ink);color:var(--cream)}.gp-cards{border:1px solid var(--line);background:var(--paper);border-radius:22px;padding:16px}.gp-cards-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.gp-folders{gap:6px;padding-top:2px;display:flex;overflow-x:auto}.gp-folder{border:1.5px solid var(--t);background:var(--paper);color:var(--t);border-radius:12px;flex:none;margin-bottom:-1px;padding:9px 16px;font-weight:900}.gp-folder span{opacity:.8;font-weight:700}.gp-folder.on{border-bottom-color:var(--t);background:var(--t);color:#fff;border-radius:12px 12px 0 0}.gp-panel{background:var(--t);color:#fff;border-radius:0 18px 18px;padding:16px}.gp-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.gp-panel-head b{font-size:17px}.gp-panel-head p{opacity:.92;font-size:14px}.gp-panel-actions{align-items:center;gap:10px;display:flex}.gp-see{color:#fff;background:0 0;border:1.5px solid #ffffffb3;border-radius:12px;padding:9px 14px;font-weight:800}.gp-pager{align-items:center;gap:8px;font-weight:800;display:flex}.gp-pager button{width:30px;height:30px;color:var(--ink);background:#fff;border:0;border-radius:50%;font-size:18px;line-height:1}.gp-row{scroll-snap-type:x proximity;gap:12px;padding-bottom:6px;animation:.25s fade;display:flex;overflow-x:auto}.gp-card{scroll-snap-align:start;background:0 0;border:0;flex:none;width:140px;padding:0;transition:transform .15s}.gp-card:hover{transform:translateY(-4px)rotate(-1deg)}.gp-card img{object-fit:cover;border:2px solid #ffffffd9;border-radius:14px;width:100%;display:block;box-shadow:0 8px 18px #00000038}.gp-recipes{border:1px solid var(--line);background:var(--paper);border-radius:22px;gap:12px;padding:12px;display:grid}.gp-picker{gap:6px;padding:2px;display:flex;overflow-x:auto}.gp-picker button{width:92px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:4px;padding:8px 4px;font-size:12px;font-weight:800;display:flex}.gp-picker img{object-fit:contain;filter:grayscale()opacity(.45);width:64px;height:64px}.gp-picker button.on{border-color:var(--line);background:color-mix(in srgb, var(--m) 14%, var(--paper));color:var(--ink)}.gp-picker button.on img{filter:none}.gp-recipe{background:color-mix(in srgb, var(--m) 14%, var(--paper));border-radius:18px;gap:14px;padding:16px;display:grid}.gp-recipe-who{align-items:center;gap:12px;display:flex}.gp-recipe-who img{object-fit:contain;width:90px;height:90px}.gp-recipe-who b{font-size:22px;font-weight:900}.gp-recipe-body{gap:12px;min-width:0;display:grid}.gp-recipe-tabs{gap:6px;display:flex}.gp-recipe-tabs button{background:var(--paper);color:var(--ink);border:0;border-radius:999px;padding:8px 16px;font-weight:800}.gp-recipe-tabs button.on{background:var(--ink);color:var(--cream)}.gp-params{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gp-param{border:1px solid var(--line);background:var(--paper);border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.gp-param>img{object-fit:contain;width:34px;height:34px;margin-bottom:4px}.gp-param-icon{border-radius:50%;place-items:center;width:30px;height:30px;margin-bottom:4px;font-weight:900;display:grid}.gp-param.recipe-chip--dosis .gp-param-icon{background:#fdeeb8}.gp-param.recipe-chip--ratio .gp-param-icon{background:#d6e9f8}.gp-param.recipe-chip--temperatura .gp-param-icon{background:#fbd9dc}.gp-param.recipe-chip--molienda .gp-param-icon{background:#f0e0c6}.gp-param.recipe-chip--purga .gp-param-icon{background:#d5f0e4}.gp-param.recipe-chip--vertidos .gp-param-icon{background:#d9e6fb}.gp-param.recipe-chip--tiempo-total .gp-param-icon{background:#e6dcf6}.gp-param.is-na span{color:var(--muted)}.gp-param.is-na{background:#f4f1ea}.gp-recipes-note{background:var(--sand);text-align:center;border-radius:14px;padding:10px 14px;font-size:13px}.card-detail{position:relative}.card-detail-close{z-index:1;background:var(--sand);width:34px;height:34px;color:var(--ink);border:0;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:-4px;right:-4px}@media (width>=700px){.gp-arrow{display:grid}.gp-params{grid-template-columns:repeat(4,minmax(0,1fr))}.gp-recipe{grid-template-columns:220px minmax(0,1fr);align-items:center}.gp-recipe-who{text-align:center;flex-direction:column}.gp-recipe-who img{width:180px;height:180px}.sheet-backdrop:has(.sheet--wide){align-items:center;padding:24px}.sheet--wide{border-radius:24px;padding:24px;animation:.22s ease-out pop}.sheet--wide .sheet-grip{display:none}}@media (width>=960px){.gp-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px}.gp-info{padding-top:8px}.gp-card{width:168px}.gp-cards{padding:20px}}@media (width<=699px){.gp-switch button{white-space:nowrap;padding:10px 14px;font-size:14px}.gp-unlocks>img{width:72px;height:72px}.gp-step{width:210px}.gp-step--wide{width:260px}}.game-page:not(.game-page--activado) .gp-pack .game-hero-box{filter:sepia(.95)saturate(.75)brightness(.92)contrast(.92)drop-shadow(0 14px 18px #00000047)}.gp-recipe-tabs button{white-space:nowrap}@media (width<=420px){.gp-recipe-tabs button{padding:8px 12px;font-size:14px}}.gp-cards{border-radius:28px;padding:28px 28px 30px}.gp-cards-top{margin-bottom:18px}.gp-cards .h2{font-size:26px}.gp-cards .cards-hint{color:var(--ink);font-size:15px;font-weight:700}.gp-folders{gap:10px}.gp-folder{border-radius:14px;padding:13px 22px;font-size:17px}.gp-folder.on{border-radius:16px 16px 0 0;padding-bottom:16px}.gp-panel{border-radius:0 26px 26px;padding:28px 28px 30px}.gp-panel-head{gap:16px;margin-bottom:28px}.gp-panel-head b{margin-bottom:4px;font-size:22px;display:block}.gp-panel-head p{font-size:16px;font-weight:700}.gp-panel-actions{gap:18px}.gp-see{border-radius:14px;padding:13px 18px;font-size:17px}.gp-pager{gap:14px;font-size:17px}.gp-pager button{width:38px;height:38px}.gp-row{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(50% - 9px);grid-auto-flow:column;gap:18px;padding-bottom:4px;display:grid}.gp-row::-webkit-scrollbar{display:none}.gp-card{width:auto}.gp-card img{border:3px solid #fff;border-radius:20px}.gp-recipes{border-radius:28px;gap:18px;padding:20px}.gp-picker{gap:14px}.gp-picker button{border-radius:18px;gap:10px;width:150px;padding:14px 8px 12px;font-size:15px}.gp-picker img{background:#f1eee8;border-radius:50%;width:110px;height:110px;padding:6px}.gp-picker button.on img{background:color-mix(in srgb, var(--m) 18%, var(--paper))}.gp-recipe{border-radius:26px;gap:24px;padding:28px}.gp-recipe-who{gap:16px}.gp-recipe-who b{font-size:30px}.gp-recipe-body{gap:26px}.gp-recipe-tabs{gap:14px}.gp-recipe-tabs button{padding:14px 28px;font-size:18px}.gp-params{gap:12px}.gp-param{border-radius:18px;gap:6px;padding:18px 16px 20px}.gp-param>img{width:52px;height:52px;margin-bottom:8px}.gp-param-icon{width:52px;height:52px;margin-bottom:8px;font-size:20px}.gp-param b{font-size:19px}.gp-param span{font-size:17px}.gp-recipes-note{border-radius:18px;padding:16px 20px;font-size:15px;font-weight:700}.mp-hero{border-radius:28px;gap:16px;padding:20px}.mp-xp{border-radius:20px;padding:20px 22px}.mp-stat{border-radius:20px;min-height:110px;padding:16px}.mp-stat-value{font-size:30px}.mp-stat-label{font-size:13px}.mp-evo .evo-card{border-radius:18px;width:220px}@media (width>=700px){.gp-row{grid-auto-columns:calc(25% - 13.5px)}.gp-params{gap:16px}.gp-recipe{grid-template-columns:300px minmax(0,1fr);padding:34px 36px}.gp-recipe-who img{width:260px;height:260px}}@media (width>=960px){.gp-card{width:auto}.mp-hero{grid-template-columns:290px minmax(0,1fr) 260px;gap:20px;min-height:540px;padding:24px}.mp-stats{gap:16px}.mp-stat{min-height:180px;padding:20px}.mp-stat-value{font-size:40px}.mp-stat-label{font-size:16px}.mp-character{margin-bottom:-90px}.mp-character .character{width:420px}.mp-evo{gap:12px;padding-left:38px}.mp-evo .evo-card{grid-template-columns:64px minmax(0,1fr);padding:10px 14px 10px 8px}.mp-evo .evo-art{width:64px;height:64px}.mp-evo-title{font-size:22px}.mp-hero+.mp-row,.mp-row{margin-top:40px}}@media (width<=699px){.gp-cards,.gp-panel{padding:18px}.gp-folder{padding:10px 16px;font-size:15px}.gp-panel-head b{font-size:19px}.gp-panel-head p{font-size:14px}.gp-picker button{width:110px;font-size:13px}.gp-picker img{width:80px;height:80px}.gp-recipe{padding:20px}.gp-recipe-who img{width:110px;height:110px}.gp-recipe-who b{font-size:24px}.gp-recipe-tabs button{padding:10px 14px;font-size:15px}.gp-param b{font-size:16px}.gp-param span{font-size:15px}}.gp-panel-head>div:first-child{flex:320px;min-width:0}.gp-panel-actions{flex:none}@media (width>=700px){.gp-params{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gp-recipe{grid-template-columns:minmax(200px,280px) minmax(0,1fr)}.gp-recipe-who img{aspect-ratio:1;width:100%;max-width:260px;height:auto}}@media (width>=960px){.mp-hero{grid-template-columns:310px minmax(0,1fr) 250px}.mp-stat{padding:18px 16px}.mp-stat-label{overflow-wrap:normal;font-size:14px}}.gp-param>img{object-fit:contain;object-position:left center;width:auto;max-width:80px;height:64px}.profile-bar{gap:4px;display:flex}.profile-bar i{background:#ece6da;border-radius:99px;flex:1;height:8px}.profile-bar i.on{background:var(--e)}.mp-locked{order:3}@media (width>=960px){.mp-hero--locked{grid-template-columns:290px minmax(0,1fr) 260px}.mp-hero--locked .mp-locked{grid-area:1/1/3;align-self:center;padding:0}.mp-hero--locked .mp-character{grid-column:2}}@media (width>=700px){.sheet--wide{width:min(1080px,100%);max-height:calc(100dvh - 48px);box-shadow:none;background:0 0;padding:0;overflow:visible}.sheet--wide .card-detail{grid-template-columns:minmax(0,330px) minmax(0,1fr);align-items:stretch;gap:12px;padding:0}.sheet--wide .card-detail-img{border-radius:22px;align-self:center;width:100%;height:auto;box-shadow:0 18px 40px #00000047}.sheet--wide .card-detail-info{border:1px solid var(--line);background:var(--paper);border-radius:24px;gap:12px;padding:34px 26px 22px;overflow:auto;box-shadow:0 18px 40px #0000002e}.sheet--wide .card-detail-kind{font-size:13px}.sheet--wide .card-detail-info h3{font-size:30px}.sheet--wide .card-detail-blurb{font-size:17px}.sheet--wide .card-detail-info>p{font-size:17px;line-height:1.7}.sheet--wide .card-detail-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:6px}.sheet--wide .card-detail-facts div{border-radius:14px;padding:14px 14px 16px}.sheet--wide .card-detail-facts dd{margin-top:4px;font-size:16px}.sheet--wide .card-detail-nav{background:#f5f0e6;border:0;border-radius:18px;margin-top:auto;padding:26px 28px;font-size:17px}.sheet--wide .card-detail-nav .link{font-size:17px;font-weight:700;text-decoration:none}.sheet--wide .card-detail-close{top:14px;right:14px}}.log-evo{margin-bottom:8px}.log-evo-filter{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.log-evo-filter button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;flex:none;padding:8px 16px;font-weight:800}.log-evo-filter button.on{border-color:var(--ink);background:var(--ink);color:var(--cream)}.gp-unlocks>img{width:170px;height:250px}.gp-meta div{padding:54px 12px 14px}@media (width<=699px){.gp-unlocks>img{width:90px;height:130px}.gp-meta div{padding:28px 10px 12px}}@media (width>=960px) and (width<=1199px){.gp-unlocks>img{width:120px;height:180px}}@media (width>=960px){.gp-hero{align-items:stretch}.gp-unlocks{flex:1}}.log-evo .evo{scroll-snap-type:x proximity;flex-direction:row;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.log-evo .evo-card{scroll-snap-align:start;flex:none;width:210px}@media (width>=960px){.log-evo .evo{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:visible}.log-evo .evo-card{text-align:center;grid-template-columns:1fr;justify-items:center;width:auto;padding:14px 10px}.log-evo .evo-body{width:100%}.log-evo .evo-head{flex-direction:column;align-items:center;gap:2px}}.coffee-field{gap:8px;display:grid}.roast-pick{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.roast-chip{border:1.5px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:7px 14px;font-weight:800}.roast-chip--claro.on{background:#f3dfbf;border-color:#c99a5b}.roast-chip--medio.on{background:#d9b48a;border-color:#8a5a2b}.roast-chip--oscuro.on{color:#fff;background:#5b3a22;border-color:#3b2414}.log-who-coffee{max-width:140px;color:var(--muted);text-align:center;font-size:12px;font-weight:700;line-height:1.25;display:block}.log-evo-filter--coffee button.on{background:#8a5a2b;border-color:#8a5a2b}.trend-card{background:var(--paper);border-radius:16px;gap:6px;padding:12px 14px;display:grid}.mp-evo .trend-card{flex:none;width:210px}.trend-card b{font-size:15px}.trend-scale{background:linear-gradient(90deg, #ece6da, color-mix(in srgb, var(--c) 55%, #ece6da));border-radius:99px;height:8px;margin:4px 7px;position:relative}.trend-scale i{border:3px solid var(--paper);background:var(--ink);border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d}.trend-ends{color:var(--muted);justify-content:space-between;font-weight:700;display:flex}.mp-tips{border:1px solid var(--line);background:var(--paper);border-radius:24px;gap:14px;padding:22px 24px;display:grid}.mp-tips ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.mp-tips li{border-left:4px solid var(--c);background:color-mix(in srgb, var(--c) 10%, var(--paper));border-radius:0 14px 14px 0;padding:12px 16px;font-weight:700;line-height:1.45}@media (width>=960px){.mp-evo .trend-card{width:auto}.mp-tips{grid-template-columns:260px minmax(0,1fr);align-items:start;margin-top:40px}.mp-tips+.mp-row{margin-top:16px}}.method-page .log-evo{margin-top:8px}@media (width>=960px){.method-page .log-evo{margin-top:32px}}.log-who-name{margin-top:6px}.log-param-coffee b{white-space:normal;overflow-wrap:anywhere}.log-evo-cards{scroll-snap-type:x proximity;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.log-evo-card{border:1px solid var(--line);background:var(--paper);text-align:center;scroll-snap-align:start;border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:4px;width:128px;padding:10px 10px 8px;display:flex}.log-evo-card>img{object-fit:contain;width:44px;height:44px}.log-evo-card b,.log-evo-card .evo-value{font-size:13px}.log-evo-card .spark{width:100%;height:24px}.log-evo-card .muted.small{font-size:10px}@media (width>=720px){.log-card{grid-template-columns:200px minmax(0,190px) minmax(0,1fr);align-items:start}.log-who{align-self:center}.log-evo-cards{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}.log-evo-card{width:auto}}.mp-head{justify-content:flex-end;margin-top:-6px}@media (width>=720px){.log-card{grid-template-columns:240px minmax(0,190px) minmax(0,1fr);align-items:center}.log-who:before{width:170px;height:170px;top:14px}.log-who .character{width:210px;height:210px}.log-params{align-self:center}}@media (width<=420px){.bottomnav{gap:2px;padding-inline:4px}.bottomnav-item{letter-spacing:-.01em;font-size:9.5px}}.lab{--felt:#0b4a3b;--card-font:"Fredoka", "Nunito Sans", system-ui, sans-serif}.lab-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--hero-eyebrow);font-size:12px;font-weight:900;display:inline-block}.lab-eyebrow--dark{color:var(--muted)}.lab-back{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:10px 16px;font-weight:800}.lab-hero{background:radial-gradient(circle at 80% 40%, #ffffff14, transparent 55%), radial-gradient(#ffffff0f 1.2px, transparent 1.4px) 0 0 / 18px 18px, var(--ink);color:var(--cream);border-radius:28px;gap:8px;padding:28px 24px 0;display:grid;position:relative;overflow:hidden}.lab-hero-text h2{letter-spacing:-.02em;margin:6px 0 10px;font-size:clamp(30px,5vw,46px);font-weight:900;line-height:1.02}.lab-hero-text p{max-width:44ch;color:var(--hero-text);line-height:1.55}.lab-hero-chip{border:1px solid #ffffff40;border-radius:999px;margin-top:16px;padding:7px 14px;font-size:13px;font-weight:800;display:inline-block}.lab-hero-cards{height:230px;margin-top:8px;position:relative}.lab-hero-c{border:3px solid #fff;border-radius:14px;width:118px;position:absolute;bottom:-40px;box-shadow:0 16px 30px #00000059}.lab-hero-c--1{left:calc(50% - 190px);transform:rotate(-16deg)}.lab-hero-c--2{bottom:-18px;left:calc(50% - 105px);transform:rotate(-5deg)}.lab-hero-c--3{bottom:-18px;left:calc(50% - 15px);transform:rotate(6deg)}.lab-hero-c--4{left:calc(50% + 72px);transform:rotate(17deg)}.lab-hero-char{filter:drop-shadow(0 10px 14px #00000059);width:96px;position:absolute;top:-10px;right:-6px}.lab-tiles{gap:16px;margin-top:8px;display:grid}.lab-tile{--tile:var(--orange);background:var(--tile);color:#fff;text-align:left;box-shadow:0 14px 30px color-mix(in srgb, var(--tile) 30%, transparent);border:0;border-radius:26px;flex-direction:column;align-items:flex-start;gap:8px;padding:0 22px 22px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.lab-tile:hover{box-shadow:0 20px 40px color-mix(in srgb, var(--tile) 40%, transparent);transform:translateY(-4px)}.lab-tile--armar{--tile:#e1592a}.lab-tile--adivinar{--tile:#4b1b52}.lab-tile--arreglar{--tile:#0153b5}.lab-tile-n{font-family:var(--card-font);opacity:.7;font-size:15px;font-weight:700;position:absolute;top:16px;left:20px}.lab-tile-stage{background:radial-gradient(#ffffff1f 1.2px,#0000 1.4px) 0 0/16px 16px,#00000024;align-self:stretch;height:170px;margin:0 -22px 6px;position:relative}.lab-tile b{font-size:23px;font-weight:900;line-height:1.1}.lab-tile-text{opacity:.92;font-size:15px;line-height:1.45}.lab-tile-cta{color:var(--tile);background:#fff;border-radius:999px;margin-top:8px;padding:10px 20px;font-weight:900}.ts{border:2.5px solid #fff;border-radius:10px;width:78px;transition:transform .25s;position:absolute;bottom:18px;box-shadow:0 10px 20px #0000004d}.ts img{border-radius:8px;width:100%;display:block}.ts--a1{left:calc(50% - 110px);transform:rotate(-10deg)}.ts--a2{bottom:30px;left:calc(50% - 50px);transform:rotate(-2deg)}.ts--a3{left:calc(50% + 12px);transform:rotate(7deg)}.ts--a4{bottom:10px;left:calc(50% + 40px);transform:rotate(14deg)}.ts--b1{left:calc(50% - 115px);transform:rotate(-12deg)}.ts--b2{bottom:28px;left:calc(50% - 50px);transform:rotate(-2deg)}.ts--b3{left:calc(50% + 22px);transform:rotate(10deg)}.ts--c1{left:calc(50% - 115px);transform:rotate(-11deg)}.ts--c2{bottom:28px;left:calc(50% - 40px);transform:rotate(-1deg)}.ts--c3{left:calc(50% + 35px);transform:rotate(11deg)}.lab-tile:hover .ts--a2,.lab-tile:hover .ts--b2,.lab-tile:hover .ts--c2{transform:translateY(-8px)rotate(-2deg)}.ts-ask b,.ts-bad b{font-family:var(--card-font);color:#fff;text-shadow:0 3px #00000040;place-items:center;font-size:46px;display:grid;position:absolute;inset:0}.ts-bad b{background:#c0352a;border:3px solid #fff;border-radius:50%;width:40px;height:40px;font-size:22px;inset:auto -12px -12px auto}.lab-play{gap:20px;animation:.3s fade;display:grid}.lab-table{background:radial-gradient(circle at 50% 30%, #ffffff17, transparent 60%), radial-gradient(#ffffff0f 1.2px, transparent 1.4px) 0 0 / 18px 18px, var(--felt);color:var(--cream);box-shadow:inset 0 0 0 6px color-mix(in srgb, var(--m) 55%, var(--felt));border-radius:26px;gap:18px;padding:22px 22px 24px;display:grid;position:relative}.lab-dealt{justify-content:center;gap:10px;padding-top:6px;display:flex}.lab-dealt-card{width:min(140px,38vw);margin:0;animation:.45s cubic-bezier(.2,.8,.2,1) backwards deal;position:relative}.lab-dealt-card>img,.lab-flip-inner img{border:3px solid #fff;border-radius:14px;width:100%;display:block;box-shadow:0 16px 30px #00000059}.lab-dealt-card--l{transform:rotate(-5deg)}.lab-dealt-card--r{animation-delay:.12s;transform:rotate(5deg)}.lab-dealt-stamp{color:#fff;font-family:var(--card-font);white-space:nowrap;background:#c0352a;border:3px solid #fff;border-radius:10px;padding:6px 12px;font-size:17px;font-weight:700;animation:.35s cubic-bezier(.3,1.6,.5,1) .5s backwards stamp;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-14deg);box-shadow:0 8px 16px #0000004d}.lab-flip{perspective:900px}.lab-flip-inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.9,.3,1);display:block;position:relative}.lab-flip.is-open .lab-flip-inner{transform:rotateY(180deg)}.lab-flip-back,.lab-flip-front{backface-visibility:hidden;display:block}.lab-flip-front{position:absolute;inset:0;transform:rotateY(180deg)}.lab-flip-back b{font-family:var(--card-font);color:#fff;text-shadow:0 4px #00000040;place-items:center;font-size:70px;display:grid;position:absolute;inset:0}.lab-mission{text-align:center;gap:8px;display:grid}.lab-mission-text{font-size:19px;font-weight:700;line-height:1.4}.lab-mission-text b{color:var(--hero-accent)}.lab-mission-hint{color:var(--hero-text);font-size:14px}.lab-progress{color:var(--hero-text);justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.lab-pips{gap:6px;display:inline-flex}.pip{background:#fff3;border-radius:50%;width:12px;height:12px;transition:background .2s}.pip--on{background:var(--hero-accent)}.pip--bien{background:#3e9a5c}.pip--cerca{background:#e3a019}.pip--lejos{background:#d4483b}.lab-verdict .pip--off{background:var(--line)}.lab-board{align-content:start;gap:18px;display:grid}.lab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px;display:grid}.lab-cta{width:100%}.pc{--p:#555;aspect-ratio:300/467;perspective:900px;width:100%;font:inherit;text-align:center;animation:deal .45s calc(var(--i,0) * 60ms) backwards cubic-bezier(.2, .8, .2, 1);background:0 0;border:0;padding:0;display:block;position:relative}.pc--dosis{--p:#a66b04}.pc--ratio{--p:#7942c1}.pc--temperatura{--p:#fb9602}.pc--molienda{--p:#dc3424}.pc--purga{--p:#03839a}.pc--vertidos{--p:#6c236e}.pc--tiempo-total{--p:#0153b5}.pc.is-na{--p:#8d877b}.pc-inner{transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,.9,.3,1);position:absolute;inset:0}.pc.is-down .pc-inner{transform:rotateY(180deg)}.pc-face{backface-visibility:hidden;border-radius:clamp(10px,8%,16px);position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 22px #073c3038}.pc-front{background:var(--p);color:#fff;flex-direction:column;justify-content:space-between;align-items:center;padding:16% 8% 9%;display:flex}.pc-frame{pointer-events:none;border:2px solid #fffffff2;border-radius:10%/7%;position:absolute;inset:5%}.pc-notch{aspect-ratio:1;background:var(--p);border:2px solid #fff;border-radius:50%;place-items:center;width:22%;display:grid;position:absolute;top:1.5%;left:3%}.pc-notch svg{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:60%;height:60%}.pc-label{font-family:var(--card-font);letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid #ffffffe6;padding-bottom:2px;font-size:clamp(9px,1.05vw,12px);font-weight:700;line-height:1.1;position:relative}.pc-art{object-fit:contain;filter:drop-shadow(0 4px 4px #0000002e);width:72%;height:46%;position:relative}.pc.is-na .pc-art{filter:grayscale()brightness(1.15);opacity:.55}.pc-value{font-family:var(--card-font);text-shadow:0 2px #0000001f;overflow-wrap:anywhere;font-size:clamp(20px,2.7vw,34px);font-weight:700;line-height:.95;position:relative}.pc.is-na .pc-value{font-size:clamp(15px,1.7vw,20px)}.pc-back{background:#4b1b52;transform:rotateY(180deg)}.pc-back img{object-fit:cover;width:100%;height:100%}.pc-back-label{color:#4b1b52;font-family:var(--card-font);white-space:nowrap;background:#fff;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.pc-back-hint{color:#fff;opacity:0;font-size:12px;font-weight:800;transition:opacity .2s;position:absolute;top:40%;left:0;right:0}.pc.is-live{cursor:pointer}.pc.is-live:hover .pc-inner{transform:translateY(-6px)rotate(-1.5deg)}.pc.is-live.is-down:hover .pc-inner{transform:translateY(-6px)rotateY(180deg)rotate(1.5deg)}.pc.is-live.is-down:hover .pc-back-hint{opacity:1}.pc.is-down .pc-face.pc-back{box-shadow:0 10px 22px #073c3038,inset 0 0 0 3px #ffffff80}.pc-stamp{z-index:2;color:#fff;white-space:nowrap;animation:stamp .35s calc(var(--i,0) * 80ms) backwards cubic-bezier(.3, 1.6, .5, 1);border:2.5px solid #fff;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:900;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 6px 12px #00000038}.pc-stamp--bien{background:#2f7d4a}.pc-stamp--cerca{background:#d08a0c}.pc-stamp--lejos{background:#c0352a}.pc-stamp--cambiada{background:var(--ink);transform:translate(-50%)}.pc--sm{width:64px;animation:none}.pc--sm .pc-label{letter-spacing:.04em;font-size:7px}.pc--sm.is-na .pc-value{font-size:10px}.pc--sm .pc-notch,.pc--sm .pc-frame{border-width:1px}.lab-hand{gap:18px;display:grid}.lab-hand-head{text-align:center}.lab-hand-head h3{margin-top:4px;font-size:22px;font-weight:900}.lab-hand-fan{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;padding:4px 4px 18px;display:grid}.lab-hand-slot{display:block;position:relative}.lab-hand-slot.is-current .pc-face{box-shadow:0 0 0 4px var(--orange), 0 12px 24px #073c3040}.lab-verdict{border:1px solid var(--line);background:var(--paper);border-radius:26px;gap:18px;padding:22px;animation:.4s cubic-bezier(.2,.8,.2,1) up-fade;display:grid}.lab-verdict-head{background:color-mix(in srgb, var(--m) 14%, var(--paper));border-radius:20px;align-items:center;gap:18px;padding:16px;display:flex}.lab-verdict-char{object-fit:contain;flex:none;width:110px;height:110px}.lab-verdict-score{font-family:var(--card-font);color:var(--m);font-size:46px;font-weight:700;line-height:1;display:block}.lab-verdict-score small{color:var(--muted);font-size:22px}.lab-verdict h3{margin:4px 0;font-size:22px;font-weight:900}.lab-verdict p{line-height:1.5}.lab-verdict .lab-pips{margin-top:8px}.lab-why{gap:10px;margin:0;padding:0;list-style:none;display:grid}.lab-why-item{border:1px solid var(--line);background:#fffaf0;border-left:5px solid #d08a0c;border-radius:16px;align-items:center;gap:16px;padding:12px 14px;display:flex}.lab-why-item--lejos{border-left-color:#c0352a}.lab-why-item--bien{border-left-color:#2f7d4a}.lab-why-cards{flex:none;align-items:center;gap:6px;display:flex}.lab-why-arrow{color:var(--muted);font-weight:900}.lab-why-text{gap:2px;line-height:1.45;display:grid}.lab-clues ul{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.lab-clues li{background:var(--sand);border-radius:14px;padding:10px 14px;font-weight:800}.lab-next{justify-self:center;min-width:240px}.lab-goals-wrap{text-align:center;gap:12px;display:grid}.lab-goals{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lab-goal{animation:deal .45s calc(var(--i,0) * 60ms) backwards cubic-bezier(.2, .8, .2, 1);background:0 0;border:0;padding:0;transition:transform .2s}.lab-goal:hover{transform:translateY(-8px)rotate(-2deg)}.lab-goal img{border:3px solid #fff;border-radius:14px;width:100%;display:block;box-shadow:0 10px 22px #073c3038}@keyframes stamp{0%{opacity:0;transform:scale(2.2)rotate(-10deg)}}@keyframes up-fade{0%{opacity:0;transform:translateY(16px)}}@media (width>=700px){.lab-hero{grid-template-columns:minmax(0,1fr) 340px;align-items:center;min-height:300px;padding:36px 36px 0}.lab-hero-text{padding-bottom:36px}.lab-hero-cards{align-self:end;height:260px}.lab-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 16px}.lab-hand-fan{justify-content:center;padding:30px 30px 40px;display:flex}.lab-hand-slot{min-width:0;transform:translateY(var(--y)) rotate(var(--r));transform-origin:50% 120%;flex:0 132px;margin-left:-26px;transition:transform .2s}.lab-hand-slot:first-child{margin-left:0}.lab-hand-slot:hover{z-index:3;transform:translateY(calc(var(--y) - 26px)) rotate(0deg) scale(1.06)}.lab-hand-slot .pc.is-live:hover .pc-inner{transform:none}.lab-goals{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=960px){.lab-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-play{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:28px}.lab-table{grid-row:span 2;padding:28px 22px;position:sticky;top:20px}.lab-dealt{padding:10px 0 6px}.lab-dealt-card{width:128px}.lab-mission{text-align:left}.lab-progress{justify-content:flex-start}.lab-verdict,.lab-goals-wrap{grid-column:2}.lab-cta{justify-self:end;width:auto;min-width:260px}}@media (width<=699px){.lab-table{padding:18px 16px 20px}.lab-mission-text{font-size:17px}.lab-verdict{padding:16px}.lab-verdict-char{width:80px;height:80px}.lab-why-item{flex-direction:column;align-items:flex-start}.pc-stamp{padding:4px 8px;font-size:10px}}.pc-front{padding:19% 9% 15%}.pc-notch{border-width:2px;width:19%;top:0;left:0}.pc-label{letter-spacing:.06em;white-space:nowrap;text-overflow:clip;max-width:66%;font-size:clamp(8px,.9vw,11px);overflow:hidden}.pc-art{height:44%}.pc-value{font-size:clamp(19px,2.4vw,30px)}.pc-value--long{font-size:clamp(13px,1.5vw,19px);line-height:1.05}.pc-stamp{inset:-10px -8px auto auto;transform:rotate(8deg)}.pc-stamp--cambiada{transform:none}.lab-hand{background:var(--paper);border-radius:26px;padding:26px 18px 10px;box-shadow:0 24px 60px #0000004d}.pc--sm .pc-front{padding:20% 8% 14%}.pc--sm .pc-label{font-size:6px}.pc--sm .pc-value{font-size:13px}.pc--sm .pc-value--long{font-size:9px}.pc--sm .pc-stamp{display:none}@media (width<=699px){.sheet .lab-hand{box-shadow:none;padding:4px 0 0}.pc-label{font-size:8px}.pc-value{font-size:20px}.pc-value--long{font-size:13px}}.lab-back{white-space:nowrap}@media (width<=699px){.lab-back{padding:8px 12px;font-size:14px}}.visitor-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);align-items:center;gap:18px;padding:20px 22px;display:flex}.visitor-card .character{flex:none}.visitor-card .h2{margin:2px 0 6px}.visitor-card-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.home-header-actions{align-items:center;gap:10px;display:flex}.topbar-login{white-space:nowrap}.auth-reason{background:var(--orange-wash);border-radius:14px;padding:12px 14px;line-height:1.45}.auth-skip{text-align:center;color:var(--muted);margin-top:14px;font-weight:800;display:block}@media (width<=599px){.visitor-card{text-align:center;flex-direction:column}.visitor-card-actions{justify-content:center}}.lab-tiles--info .lab-tile:hover{transform:none}.lab-tile-lock{border:1.5px solid #ffffff80;border-radius:999px;margin-top:8px;padding:8px 14px;font-size:13px;font-weight:900}.adm{flex-direction:column;gap:28px;padding-bottom:64px;display:flex}.adm-tabs{background:var(--sand);border-radius:999px;align-self:flex-start;gap:4px;padding:5px;display:inline-flex}.adm-tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:800;transition:background .15s,color .15s}.adm-tabs button:hover{color:var(--ink)}.adm-tabs button.on{background:var(--paper);color:var(--ink);box-shadow:0 2px 8px #073c3014}.adm-section{flex-direction:column;gap:20px;display:flex}.adm-search{gap:10px;max-width:560px;display:flex}.adm-search .auth-input{flex:1}.adm-list{gap:18px;display:grid}@media (width>=1000px){.adm-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.adm-user,.adm-batch{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);flex-direction:column;gap:20px;padding:24px;display:flex}.adm-user.is-suspended{background:var(--cream);border-style:dashed}.adm-user.is-suspended .adm-user-head,.adm-user.is-suspended .adm-decks{opacity:.6}.adm-user-head,.adm-batch-head{align-items:center;gap:14px;display:flex}.adm-user-head>div:nth-child(2),.adm-batch-head>div:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.adm-user-head b,.adm-batch-head b{font-size:17px}.adm-user-head .small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar.avatar--sm{width:46px;height:46px;box-shadow:0 0 0 4px var(--sand);flex:none;font-size:19px}.adm-user-tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.adm-badge{background:var(--sand);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.adm-badge--off{background:var(--error-bg);color:var(--error-ink)}.adm-user-meta,.adm-batch-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.adm-user-meta>div,.adm-batch-stats>div{background:var(--cream);border-radius:var(--radius-sm);padding:12px 14px}.adm-user-meta dt,.adm-batch-stats dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.adm-user-meta dd,.adm-batch-stats dd{margin:4px 0 0;font-size:15px;font-weight:800}.adm-decks{flex-direction:column;gap:10px;display:flex}.adm-deck{border-radius:var(--radius-md);border:1px dashed var(--line-strong);align-items:center;gap:14px;padding:10px 12px 10px 10px;display:flex}.adm-deck.is-on{background:var(--success-bg);border:1px solid #0000}.adm-deck img{object-fit:contain;filter:grayscale();opacity:.55;flex:none;width:44px;height:52px}.adm-deck.is-on img{filter:none;opacity:1}.adm-deck>span{flex-direction:column;flex:1;min-width:0;display:flex}.adm-deck small{color:var(--muted);font-size:12px}.adm-deck.is-on small{color:var(--success-ink);font-weight:700}.adm-user>.btn{align-self:flex-start}.btn.adm-danger{color:var(--error-ink);border-color:var(--error-bg)}.btn.adm-danger:hover{background:var(--error-bg)}.adm-fresh{border-radius:var(--radius);background:var(--orange-wash);border:2px solid var(--orange-soft);gap:18px;padding:26px;animation:.3s both up-fade;display:grid}.adm-fresh b{font-size:18px}.adm-fresh p{color:var(--muted);margin:6px 0 0}.adm-fresh-actions{flex-wrap:wrap;gap:10px;display:flex}.adm-fresh-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.adm-fresh-list li{background:var(--paper);border-radius:var(--radius-xs);align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.adm-fresh-list li>span{color:var(--muted);font-weight:700}.adm-fresh-list code{letter-spacing:.04em;font-weight:800}.adm-new{border-radius:var(--radius);background:var(--sand);grid-template-columns:auto minmax(0,1fr) minmax(0,1.4fr) auto;align-items:center;gap:12px;padding:18px 20px;display:grid}.adm-new>b{padding-right:6px}@media (width<=760px){.adm-new{grid-template-columns:1fr}}.adm-count{color:var(--muted);align-items:center;gap:12px;font-size:14px;font-weight:800;display:flex}.adm-count .auth-input{width:110px}.adm-batch.is-legacy{background:var(--cream);box-shadow:none;opacity:.75}.adm-prefix{background:var(--ink);width:64px;height:64px;color:var(--cream);letter-spacing:.08em;border-radius:18px;flex:none;place-items:center;font-size:18px;font-weight:900;display:grid}.adm-batch.is-legacy .adm-prefix{background:var(--line-strong);color:var(--ink)}.adm-batch-head{flex-wrap:wrap}.adm-batch-stats{flex-basis:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.adm-batch-actions{flex-wrap:wrap;gap:10px;display:flex}.adm-codes{border-top:1px solid var(--line);flex-direction:column;max-height:360px;padding-top:8px;display:flex;overflow:auto}.adm-code{border-bottom:1px solid var(--line);grid-template-columns:64px auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 4px;font-size:14px;display:grid}.adm-code:last-child{border-bottom:0}.adm-code>span:first-child{font-weight:800}.adm-code .small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adm-code--available .adm-badge{background:var(--blue-bg);color:var(--blue)}.adm-code--activated .adm-badge{background:var(--success-bg);color:var(--success-ink)}.adm-code--disabled .adm-badge{background:var(--error-bg);color:var(--error-ink)}.adm-preview{border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.adm-preview b{font-size:19px}.adm-preview p{max-width:560px;margin:8px 0 0}@media (width<=640px){.adm-preview{flex-direction:column;align-items:stretch}.adm-user,.adm-batch{padding:18px}.adm-batch-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.adm-code{grid-template-columns:56px auto auto}.adm-code .small{display:none}}.adm-preview-bar{z-index:40;background:var(--ink);width:fit-content;color:var(--cream);border-radius:999px;justify-content:center;align-items:center;gap:14px;margin:12px auto 0;padding:10px 20px;font-size:14px;font-weight:700;display:flex;position:sticky;top:12px;box-shadow:0 8px 24px #073c3033}.adm-preview-bar .link{color:var(--hero-accent)}.adm-tabs button{white-space:nowrap}.adm-user-meta dd{overflow-wrap:anywhere}@media (width<=640px){.adm-tabs{align-self:stretch}.adm-tabs button{flex:1;padding:10px 8px}.adm-user-meta dt,.adm-batch-stats dt{letter-spacing:.03em;font-size:10px}.adm-user-meta>div{padding:10px}.adm-user-meta dd{font-size:14px}}.rj{padding-bottom:72px}.rj-layout{align-items:start;gap:40px;display:grid}@media (width>=1100px){.rj-layout{grid-template-columns:minmax(0,1fr) 360px;gap:48px}.rj-side{position:sticky;top:24px}}.rj-main{flex-direction:column;gap:32px;min-width:0;display:flex}.rj-head{flex-direction:column;gap:8px;display:flex}.rj-head .muted{max-width:560px;margin:4px 0 0;line-height:1.55}.rj-visitor{border-radius:var(--radius-md);background:var(--blue-bg);color:var(--blue);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:14px 20px;font-size:14px;font-weight:700;display:flex}.rj-visitor .link{color:var(--blue)}.rj-board{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.rj-block{border-radius:var(--radius);background:var(--paper);border:2px solid var(--line);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px 14px 18px;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative}.rj-block.is-empty{background:0 0;border-style:dashed}.rj-block.is-ok{border-color:var(--success);background:var(--success-bg);animation:.45s cubic-bezier(.2,.8,.2,1) backwards rj-pop;animation-delay:calc(var(--i) * 60ms)}.rj-block.is-no{border-color:var(--error);background:var(--error-bg);animation:.45s backwards rj-shake;animation-delay:calc(var(--i) * 60ms)}@keyframes rj-pop{40%{transform:scale(1.05)}}@keyframes rj-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.rj-block-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:900;display:inline-flex}.rj-block.is-ok .rj-block-label{color:var(--success-ink)}.rj-block.is-no .rj-block-label{color:var(--error-ink)}.rj-block-label svg{width:14px;height:14px}.rj-block-pick{grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:6px;width:100%;display:grid}.rj-block-pick output{color:var(--ink);overflow-wrap:anywhere;place-items:center;min-height:2.3em;font-size:22px;font-weight:900;line-height:1.15;display:grid}.rj-block.is-empty output{color:var(--muted);font-size:16px;font-weight:700}.rj-block-pick button{border:1px solid var(--line-strong);background:var(--paper);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;transition:background .15s,transform .1s;display:grid}.rj-block-pick button:hover:not(:disabled){background:var(--sand)}.rj-block-pick button:active:not(:disabled){transform:scale(.92)}.rj-block-pick button:disabled{opacity:.3;cursor:default}.rj-block-pick svg{width:16px;height:16px}.rj-pips{gap:4px;display:flex}.rj-pips i{background:var(--line-strong);border-radius:50%;width:6px;height:6px;transition:background .15s,transform .15s}.rj-pips i.on{background:var(--ink);transform:scale(1.35)}.rj-block small{color:var(--muted);margin-top:-4px;font-size:12px}.rj-check{text-align:center;flex-direction:column;align-items:center;gap:14px;padding-top:4px;display:flex}.rj-check .btn--lg{min-width:min(100%,340px)}.rj-feedback{margin:0;font-size:16px}.rj-win{border-radius:var(--radius);background:var(--orange-wash);border:2px solid var(--orange-soft);align-items:center;gap:32px;padding:32px 36px;animation:.4s both up-fade;display:flex}.rj-win .h2{margin:4px 0 8px}.rj-win .muted{margin:0}.rj-win-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.rj-win .character{flex:none}@media (width<=640px){.rj-win{text-align:center;flex-direction:column;gap:16px;padding:28px 22px}.rj-win-actions{justify-content:center}.rj-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rj-block{padding:16px 8px 14px}.rj-block-pick{grid-template-columns:30px minmax(0,1fr) 30px;gap:2px}.rj-block-pick button{width:30px;height:30px}.rj-block-pick output{font-size:18px}}.rj-cal{border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-soft);flex-direction:column;gap:22px;padding:26px 24px;display:flex}.rj-cal-head{justify-content:space-between;align-items:center;display:flex}.rj-cal-head b{font-size:20px;font-weight:900}.rj-cal-head b span{color:var(--muted);font-weight:700}.rj-cal-head button{border:1px solid var(--line);background:var(--cream);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}.rj-cal-head button:disabled{opacity:.3;cursor:default}.rj-cal-head svg{width:16px;height:16px}.rj-cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.rj-cal-week{text-align:center;color:var(--muted);padding-bottom:4px;font-size:11px;font-weight:900}.rj-day{aspect-ratio:1;background:var(--cream);color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:14px;font-weight:800;transition:background .15s,transform .1s;display:grid}.rj-day:hover:not(:disabled){background:var(--sand)}.rj-day:disabled{color:var(--line-strong);cursor:default;background:0 0}.rj-day.is-tried{box-shadow:inset 0 0 0 2px var(--orange-soft)}.rj-day.is-won{background:var(--orange);color:#fff}.rj-day.is-won svg{stroke-width:3px;width:16px;height:16px}.rj-day.is-today:not(.is-selected){box-shadow:inset 0 0 0 2px var(--ink)}.rj-day.is-selected{outline:3px solid var(--ink);outline-offset:2px}.rj-cal-foot{flex-direction:column;gap:8px;display:flex}.rj-progress{background:var(--sand);border-radius:999px;height:8px;overflow:hidden}.rj-progress span{border-radius:inherit;background:var(--orange);height:100%;transition:width .4s;display:block}.rj-trophy{border-radius:var(--radius-md);background:var(--cream);border:1px dashed var(--line-strong);align-items:center;gap:16px;padding:16px;display:flex}.rj-trophy>div b{font-size:15px}.rj-trophy p{margin:4px 0 0;line-height:1.45}.rj-trophy-art{background:var(--sand);border-radius:50%;flex:none;place-items:center;width:72px;height:72px;display:grid;position:relative}.rj-trophy-art svg{width:40px;height:40px;fill:var(--line-strong);stroke:var(--line-strong);stroke-width:3px;stroke-linejoin:round}.rj-trophy-art b{background:var(--paper);border:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:900;position:absolute;bottom:-6px}.rj-trophy.is-won{border-style:solid;border-color:var(--gold);background:#fff8e6}.rj-trophy.is-won .rj-trophy-art{background:var(--gold)}.rj-trophy.is-won .rj-trophy-art svg{fill:#d99a12;stroke:#d99a12}.rj-trophy.is-streak .rj-trophy-art{background:var(--ink);box-shadow:0 0 0 4px var(--gold)}.rj .reto-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rj .reto-card{text-align:center;flex-direction:column;justify-content:center;gap:10px;padding:20px 12px 18px}.rj .reto-card .character,.rj .reto-card-art{width:96px;height:96px}.rj .reto-card-label{letter-spacing:.08em;text-transform:uppercase;font-size:11px}.rj .reto-card-value{overflow-wrap:anywhere;margin-top:4px;font-size:19px}.rj-board{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.rj-win .step-label{margin:0}.rj-win .h2{margin-top:10px}@media (width<=640px){.rj .reto-cards{gap:8px}.rj .reto-card{padding:14px 6px}.rj .reto-card .character,.rj .reto-card-art{width:64px;height:64px}.rj .reto-card-value{font-size:15px}.rj-board{grid-template-columns:repeat(2,minmax(0,1fr))}}.rj-board{flex-wrap:wrap;justify-content:center;display:flex}.rj-block{flex:0 calc(33.3333% - 9.33333px);gap:10px;min-width:0;padding:22px 14px 18px}.rj-block-value{color:var(--ink);white-space:nowrap;min-height:1.2em;font-size:26px;font-weight:900;line-height:1.1}.rj-block.is-empty .rj-block-value{color:var(--muted);font-size:18px;font-weight:700}.rj-block-pick{justify-content:space-between;align-items:center;gap:8px;display:flex}.rj-block small{margin-top:-2px}@media (width<=640px){.rj-board{gap:10px}.rj-block{flex-basis:calc(50% - 5px);padding:18px 10px 14px}.rj-block-value{font-size:21px}.rj-block-pick{grid-template-columns:none}}.rj-block-pick button{flex:none}.rj-pips{flex-wrap:wrap;justify-content:center;gap:3px;min-width:0}.rj-pips i{width:5px;height:5px}.rj-pips{flex-wrap:nowrap;flex:1}.rj-block-pick{gap:4px}.rj-block-pick button{width:32px;height:32px}.challenge-status{border-radius:var(--radius-sm);background:#faf7ef14;align-items:center;gap:12px;padding:12px 14px;display:flex}.challenge-status strong{font-size:15px;display:block}.challenge-status small{color:var(--hero-text);font-size:13px;display:block}.challenge-status-icon{width:40px;height:40px;color:var(--cream);background:#faf7ef24;border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.challenge-status.is-won .challenge-status-icon{background:var(--orange);color:#fff}.challenge-status-icon svg{stroke-width:3px;width:20px;height:20px}@media (width>=960px){.sidebar-brand{padding:0 6px 28px}.sidebar-brand img{width:168px;height:auto;display:block}.home-logo{display:none}}.home-logo{width:116px;height:auto;margin-bottom:10px;display:block}.auth-logo{width:120px;height:auto;margin-bottom:6px;display:block}@media (width>=960px){.home-logo{display:none}}@media (width<=520px){.mp-stat{padding:14px 10px}.mp-stat-value{font-size:26px}.mp-stat-label{overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto;font-size:12px;line-height:1.25}}
