.mtn{--mtn-mint:color-mix(in srgb, var(--teal) 26%, #fff);--mtn-wrong:color-mix(in srgb, var(--coral) 22%, #fff);--mtn-mute:color-mix(in srgb, var(--ink) 58%, transparent);--mtn-canvas:color-mix(in srgb, var(--paper) 90%, var(--ink));--z:1.1;zoom:var(--z);min-height:calc(100dvh / var(--z));background:var(--mtn-canvas);color:var(--ink);font-family:var(--f-body);place-items:center;padding:28px 20px;display:grid}.mtn-card{width:100%;max-width:min(1200px, calc((100vw - 44px) / var(--z)));background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:40px;flex-direction:column;display:flex;position:relative;overflow:hidden}.mtn-dots{pointer-events:none;background-image:radial-gradient(color-mix(in srgb, var(--ink) 6%, transparent) 1.5px, transparent 1.5px);background-size:26px 26px;animation:30s linear infinite mtnDrift;position:absolute;inset:0}.mtn-deco{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.mtn-deco.sq{border:2px solid color-mix(in srgb, var(--ink) 20%, transparent);border-radius:16px;width:54px;height:54px;animation:4.5s ease-in-out infinite mtnFloat;top:110px;left:38%;transform:rotate(12deg)}.mtn-deco.ci{border:2px solid color-mix(in srgb, var(--teal) 40%, transparent);border-radius:999px;width:38px;height:38px;animation:3.8s ease-in-out infinite mtnBob;bottom:70px;left:44%}.mtn-deco.st{font:800 30px/1 var(--f-display);color:var(--yellow);animation:3.4s ease-in-out infinite mtnWiggle;top:220px;right:26px}.mtn-deco.qm{font:800 22px/1 var(--f-mono);color:color-mix(in srgb, var(--ink) 16%, transparent);animation:5.2s ease-in-out infinite mtnFloat;bottom:110px;right:48%}.mtn-deco.rt{font:800 24px/1 var(--f-mono);color:color-mix(in srgb, var(--teal) 30%, transparent);animation:4.6s ease-in-out infinite mtnBob;top:96px;left:26px}@keyframes mtnDrift{0%{background-position:0 0}to{background-position:104px 208px}}@keyframes mtnFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes mtnBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mtnWiggle{0%,to{transform:rotate(-2.4deg)}50%{transform:rotate(2.2deg)}}@keyframes mtnRing{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(-8deg)scale(1.09)}}@keyframes mtnPulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--ink) 28%, transparent)}55%{box-shadow:0 0 0 7px #0000}}@keyframes mtnBolt{0%,72%,to{transform:translateY(0)}80%{transform:translateY(-3px)scale(1.12)}90%{transform:translateY(0)scale(1.02)}}@keyframes mtnRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.mtn-top{z-index:1;border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:20px 32px;display:flex;position:relative}.mtn-brand{white-space:nowrap;font-family:var(--f-display);letter-spacing:-.03em;color:var(--ink);align-items:center;gap:0;font-size:22px;font-weight:900;text-decoration:none;display:inline-flex}.mtn-brand em{background:var(--yellow);border-radius:6px;margin-left:0;padding:1px 8px 3px 3px;font-style:normal;line-height:1.1;display:inline-block;transform:rotate(-1.5deg)}.mtn-badge{font:700 11px/1 var(--f-mono);color:var(--ink);border:2px solid var(--ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.mtn-dot{background:var(--coral);border-radius:999px;flex:none;width:9px;height:9px;animation:1.8s ease-in-out infinite mtnPulse}.mtn-body{z-index:1;flex:1;grid-template-columns:1fr 520px;align-items:center;gap:40px;padding:36px 44px 40px;display:grid;position:relative}.mtn-info{flex-direction:column;gap:20px;min-width:0;display:flex}.mtn-eyebrow{font:700 10.5px/1 var(--f-mono);letter-spacing:1px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);border-radius:999px;align-self:flex-start;padding:7px 12px;animation:4s ease-in-out infinite mtnWiggle;transform:rotate(-1.5deg)}.mtn-info h1{font:800 48px/1.06 var(--f-display);letter-spacing:-.4px;margin:0}.mtn-info h1 em{background:var(--mtn-mint);border:2px solid var(--ink);border-radius:12px;padding:0 10px;font-style:normal;display:inline-block;transform:rotate(-1.2deg)}.mtn-msg{font:400 15.5px/1.65 var(--f-body);color:var(--ink-soft);max-width:460px;margin:0}.mtn-stats{gap:12px;max-width:460px;margin-top:4px;display:flex}.mtn-stat{border:2px solid var(--ink);min-width:0;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:18px;flex:1;padding:16px 18px;animation:4.2s ease-in-out infinite mtnFloat}.mtn-stat b{font:800 28px/1 var(--f-display);color:var(--teal);display:block}.mtn-stat span{font:700 10.5px/1.4 var(--f-mono);color:var(--mtn-mute);margin-top:6px;display:block}.mtn-stat.a{transform:rotate(-1deg)}.mtn-stat.b{background:var(--yellow);animation-delay:.6s;transform:rotate(1.2deg)}.mtn-stat.b b{color:var(--ink)}.mtn-stat.b span{color:color-mix(in srgb, var(--ink) 60%, transparent)}.mtn-stat.c{background:var(--teal);animation-delay:1.2s;transform:rotate(-.8deg)}.mtn-stat.c b{color:var(--paper)}.mtn-stat.c span{color:color-mix(in srgb, var(--paper) 75%, transparent)}.mtn-safe{border:2px solid var(--ink);background:#fff;border-radius:16px;align-items:center;gap:12px;max-width:460px;padding:13px 16px;display:flex}.mtn-safe i{border:2px solid var(--ink);background:var(--mtn-mint);border-radius:999px;flex:none;place-items:center;width:34px;height:34px;font-size:15px;font-style:normal;animation:2.6s ease-in-out infinite mtnBolt;display:grid}.mtn-safe span{font:700 12.5px/1.5 var(--f-body)}.mtn-play{flex-direction:column;gap:14px;min-width:0;display:flex}.mtn-types{align-items:center;gap:8px;display:flex}.mtn-nav{border:2px solid var(--ink);cursor:pointer;width:30px;height:30px;font:800 12px/1 var(--f-mono);color:var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:999px;flex:none;place-items:center;display:grid}.mtn-typelist{scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;flex:1;gap:8px;min-width:0;padding:2px;display:flex;overflow-x:auto}.mtn-typelist::-webkit-scrollbar{display:none}.mtn-type{scroll-snap-align:start;border:2px solid var(--ink);background:#fff;border-radius:999px;flex:none;align-items:center;gap:8px;padding:8px 13px;transition:background .15s;display:flex}.mtn-type.on{background:var(--yellow)}.mtn-type i{border:1.5px solid var(--ink);width:18px;height:18px;font:800 9px/1 var(--f-mono);color:var(--teal);background:#fff;border-radius:999px;flex:none;place-items:center;font-style:normal;display:grid}.mtn-type b{font:800 11.5px/1 var(--f-body);white-space:nowrap}.mtn-stack{flex-direction:column;display:flex;position:relative}.mtn-stack:before,.mtn-stack:after{content:"";z-index:0;border:2px solid var(--ink);border-radius:26px;position:absolute;inset:0}.mtn-stack:before{background:var(--paper-2);transform:rotate(2.4deg)translate(8px,6px)}.mtn-stack:after{background:var(--paper);transform:rotate(-1.6deg)translate(-5px,4px)}.mtn-quiz{z-index:1;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:26px;flex-direction:column;gap:18px;padding:26px 26px 24px;animation:.32s both mtnRise;display:flex;position:relative}.mtn-qh{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mtn-qn{font:700 10px/1 var(--f-mono);background:var(--ink);color:var(--paper);border-radius:6px;padding:5px 9px}.mtn-qt{font:800 15px/1 var(--f-display)}.mtn-score{font:700 10.5px/1 var(--f-mono);color:var(--teal);margin-left:auto}.mtn-desc{font:400 12px/1.5 var(--f-body);color:var(--mtn-mute);border-left:3px solid var(--yellow);margin:0;padding-left:10px}.mtn-q{font:800 21px/1.3 var(--f-body);margin:0}.mtn-hint{font:700 10.5px/1 var(--f-mono);color:var(--mtn-mute)}.mtn-opts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mtn-opt{text-align:left;border:2px solid var(--ink);cursor:pointer;font:700 14.5px/1.3 var(--f-body);color:var(--ink);-webkit-user-select:none;user-select:none;background:#fff;border-radius:13px;align-items:center;gap:10px;padding:13px 15px;transition:background .12s,box-shadow .12s;display:flex}.mtn-opt i{width:20px;font:800 12px/1 var(--f-mono);flex:none;font-style:normal}.mtn-opt.sel{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.mtn-opt.ok{background:var(--mtn-mint);box-shadow:3px 3px 0 var(--ink)}.mtn-opt.no{background:var(--mtn-wrong)}.mtn-opt.dim{opacity:.5}.mtn-opt:disabled{cursor:default}@keyframes mtnKeyPop{0%{box-shadow:0 0 0 var(--ink);transform:scale(1)}45%{box-shadow:5px 5px 0 var(--ink);transform:scale(1.05)}to{box-shadow:3px 3px 0 var(--ink);transform:scale(1)}}@keyframes mtnKeyShake{0%,to{transform:translate(0)}22%{transform:translate(-5px)}44%{transform:translate(5px)}66%{transform:translate(-3px)}88%{transform:translate(2px)}}@keyframes mtnDimIn{0%{opacity:1}to{opacity:.5}}@keyframes mtnFbIn{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}@keyframes mtnScorePop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.mtn-opt.ok{animation:.44s cubic-bezier(.34,1.56,.64,1) mtnKeyPop}.mtn-opt.no{animation:.4s mtnKeyShake}.mtn-opt.dim{animation:.34s both mtnDimIn}.mtn-fb{animation:.3s mtnFbIn}.mtn-score{animation:.38s mtnScorePop;display:inline-block}.mtn-txt{border:2px solid var(--ink);width:100%;font:700 15px/1 var(--f-body);color:var(--ink);background:var(--paper);border-radius:13px;outline:none;padding:13px 15px}.mtn-txt:focus{box-shadow:3px 3px 0 var(--ink)}.mtn-txt:disabled{opacity:.75}.mtn-fb{background:var(--mtn-wrong);border:2px solid var(--ink);border-radius:13px;align-items:flex-start;gap:10px;padding:12px 15px;display:flex}.mtn-fb.ok{background:var(--mtn-mint)}.mtn-fb b{font:800 13px/1.4 var(--f-body);white-space:nowrap}.mtn-fb span{font:400 13px/1.5 var(--f-body);color:var(--ink-soft)}.mtn-acts{flex-wrap:wrap;gap:10px;display:flex}.mtn-btn{font:800 14px/1 var(--f-body);border:2px solid var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:13px 22px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.mtn-btn.primary{background:var(--teal);color:var(--paper);box-shadow:4px 4px 0 var(--ink)}.mtn-btn.lemon{background:var(--yellow);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.mtn-btn.ghost{color:var(--ink);background:#fff}.mtn-btn:not(:disabled):hover{transform:translate(-1px,-1px)}.mtn-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.mtn-done{text-align:center;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:26px;flex-direction:column;align-items:center;gap:16px;padding:40px 30px;animation:.32s both mtnRise;display:flex}.mtn-done-n{border:2px solid var(--ink);background:var(--yellow);width:84px;height:84px;font:800 26px/1 var(--f-display);border-radius:999px;place-items:center;animation:3.2s ease-in-out infinite mtnBob;display:grid}.mtn-done h2{font:800 26px/1.2 var(--f-display);margin:0}.mtn-done p{font:400 13.5px/1.6 var(--f-body);color:var(--ink-soft);max-width:340px;margin:0}@media (max-width:1040px){.mtn-body{grid-template-columns:1fr;align-items:stretch;gap:28px;padding:28px 26px 32px}.mtn-info h1{font-size:38px}.mtn-msg,.mtn-stats,.mtn-safe{max-width:none}.mtn-deco.sq,.mtn-deco.ci,.mtn-deco.qm{display:none}}@media (max-width:560px){.mtn{--z:1;padding:14px 12px}.mtn-brand{font-size:19px}.mtn-card{box-shadow:5px 5px 0 var(--ink);border-radius:26px}.mtn-top{gap:10px;padding:14px 16px}.mtn-badge{padding:7px 11px;font-size:10px}.mtn-body{gap:22px;padding:20px 16px 24px}.mtn-info{gap:14px}.mtn-info h1{font-size:29px}.mtn-msg{font-size:14px}.mtn-stats{gap:8px}.mtn-stat{border-radius:14px;padding:12px;animation:none;transform:none}.mtn-stat b{font-size:21px}.mtn-stat span{font-size:9px}.mtn-quiz{border-radius:20px;gap:14px;padding:18px 16px}.mtn-q{font-size:18px}.mtn-opts{grid-template-columns:1fr}.mtn-stack:before,.mtn-stack:after{display:none}.mtn-done{padding:28px 18px}.mtn-btn{flex:1;padding:12px 14px;font-size:13px}.mtn-deco.st,.mtn-deco.rt{display:none}}@media (prefers-reduced-motion:reduce){.mtn *,.mtn :before,.mtn :after{animation:none!important}}.mtn-mini{--mtn-mint:color-mix(in srgb, var(--teal) 26%, #fff);--mtn-canvas:color-mix(in srgb, var(--paper) 90%, var(--ink));min-height:calc(100dvh / var(--uizoom,1));background:var(--mtn-canvas);color:var(--ink);font-family:var(--f-body);place-items:center;padding:24px 16px;display:grid}.mtn-mini-card{background:var(--paper);border:2px solid var(--ink);width:100%;max-width:460px;box-shadow:6px 6px 0 var(--ink);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:14px;padding:30px 26px 26px;display:flex;position:relative;overflow:hidden}.mtn-mini-card>*{z-index:1;position:relative}.mtn-mini-brand{white-space:nowrap;font-family:var(--f-display);letter-spacing:-.03em;color:var(--ink);align-items:center;gap:0;font-size:20px;font-weight:900;text-decoration:none;display:inline-flex}.mtn-mini-brand em{background:var(--yellow);border-radius:6px;margin-left:0;padding:1px 8px 3px 3px;font-style:normal;line-height:1.1;display:inline-block;transform:rotate(-1.5deg)}.mtn-mini h1{font:800 26px/1.18 var(--f-display);margin:0}.mtn-mini h1 em{background:var(--mtn-mint);border:2px solid var(--ink);border-radius:10px;padding:0 8px;font-style:normal;display:inline-block;transform:rotate(-1.2deg)}.mtn-mini p{font:400 13.5px/1.6 var(--f-body);color:var(--ink-soft);max-width:340px;margin:0}.mtn-mini .mtn-badge{font-size:10.5px}.mtn-mini .mtn-btn{width:100%;margin-top:4px}@media (max-width:560px){.mtn-mini-card{border-radius:22px;padding:24px 18px 22px}.mtn-mini h1{font-size:22px}}