.mb-stage{aspect-ratio:16/10;border-radius:var(--radius-card);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none;width:100%;transition:background-color .3s;position:relative;overflow:hidden}.mb-stage[data-bg=dark]{background:radial-gradient(110% 85% at 50% 0,oklch(34.73% .0121 285.75),oklch(20.59% .0059 285.87) 55%,oklch(15.48% .0021 286.15))}.mb-stage[data-bg=light]{background:var(--surface)}.mb-stage:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.mb-stage.mb-hover{cursor:pointer}.mb-gl{width:100%;height:100%;position:absolute;inset:0}.mb-off .mb-lid,.mb-off .mb-cloud{display:none}.mb-lid{transform-origin:0 0;pointer-events:none;width:1000px;height:701px;filter:brightness(var(--mb-lit,1));will-change:transform;border-radius:42px;position:absolute;top:0;left:0}.mb-st{pointer-events:auto;line-height:0;display:block;position:absolute}.mb-st-round{border-radius:50%;box-shadow:0 0 0 7px oklch(96.08% .0054 95.1),0 1.5px 0 7px oklch(0% 0 0/.16),0 4px 10px 6px oklch(0% 0 0/.14)}.mb-st-round .bot{display:block}.mb-st-agent{background:oklch(96.08% .0054 95.1);width:130px;height:130px;top:118px;left:128px;overflow:hidden;box-shadow:0 1.5px oklch(0% 0 0/.14),0 4px 10px 2px oklch(0% 0 0/.14)}.mb-st-agent .bot{left:calc(50% - var(--bot-size) / 2);top:calc(50% - var(--bot-size) / 2);position:absolute}.mb-st-fk{background:oklch(100% 0 0);border-radius:14px;width:320px;padding:26px 28px;transition:transform .45s cubic-bezier(.3,1.5,.4,1),box-shadow .45s;top:142px;left:470px;transform:rotate(-5deg);box-shadow:0 0 0 1px oklch(0% 0 0/.06),0 2px oklch(0% 0 0/.08),0 5px 12px oklch(0% 0 0/.12)}.mb-st-fk svg{width:100%;height:auto;display:block;overflow:visible}.mb-st-fk:hover{transform:rotate(-2deg)translateY(-6px)scale(1.03);box-shadow:0 0 0 1px oklch(0% 0 0/.06),0 4px oklch(0% 0 0/.06),0 18px 28px oklch(0% 0 0/.2)}.mb-fk-num{transform-box:fill-box;transform-origin:50% 100%}.mb-st-fk:hover .mb-fk-num{animation:.6s cubic-bezier(.3,1.6,.4,1) mb-hop}@keyframes mb-hop{40%{transform:translateY(-18%)rotate(-6deg)}}.mb-st-tux{width:190px;top:92px;left:126px;transform:rotate(5deg)}.mb-st-tux img{filter:drop-shadow(6px 0 oklch(96.08% .0054 95.1))drop-shadow(-6px 0 oklch(96.08% .0054 95.1))drop-shadow(0 6px oklch(96.08% .0054 95.1))drop-shadow(0 -6px oklch(96.08% .0054 95.1))drop-shadow(0 2px 4px oklch(0% 0 0/.22));width:100%;height:auto;display:block}.mb-st-cl{background:var(--cl-bg);place-items:center;width:150px;height:150px;display:grid;top:420px;left:684px}.mb-st-cl svg{width:72%;height:auto}.mb-glow{width:var(--gw,40%);height:calc(var(--gw,40%) * .3);pointer-events:none;transform:translate(calc(var(--gx) - 50%),calc(var(--gy) - 50%)) rotate(var(--ga,0deg));position:absolute;top:0;left:0}.mb-glow:before,.mb-glow:after{content:"";opacity:0;mix-blend-mode:screen;position:absolute}.mb-glow:before{background:radial-gradient(50% 7%,oklch(100% 0 0) 0 35%,oklch(92.54% .0363 255.95/.8) 60%,#0000),radial-gradient(46% 50% at 50% 52%,oklch(86.45% .0667 259.65/.55),oklch(86.45% .0667 259.65/.12) 55%,#0000 72%);inset:0}.mb-glow:after{width:34%;height:var(--bh,200px);filter:blur(14px);transform-origin:50% 100%;transform:translateX(-50%) rotate(calc(-1 * var(--ga,0deg)));background:linear-gradient(#0000,oklch(90.64% .0458 256.47/.16) 40%,oklch(94.52% .0263 257.03/.62));border-radius:50% 50% 0 0/20% 20% 0 0;bottom:50%;left:50%}.mb-glow-on:before{animation:1.3s cubic-bezier(.2,.7,.3,1) both mb-flash}.mb-glow-on:after{animation:1.6s cubic-bezier(.2,.7,.3,1) 50ms both mb-beam}@keyframes mb-flash{0%{opacity:0;transform:scale(.6,.2)}9%{opacity:1;transform:scale(1.04,.55)}30%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(.96,1.25)}}@keyframes mb-beam{0%{opacity:0;transform:translateX(-50%) rotate(calc(-1 * var(--ga,0deg))) scaleY(.05)}22%{opacity:1}to{opacity:0;transform:translateX(-50%) rotate(calc(-1 * var(--ga,0deg))) scaleY(1)}}.mb-stage[data-bg=light] .mb-glow:before{mix-blend-mode:normal;background:radial-gradient(50% 7%,oklch(100% 0 0) 0 35%,oklch(95.25% .0357 71.44/.9) 60%,#0000),radial-gradient(46% 50% at 50% 52%,oklch(86.1% .0986 64.42/.4),#0000 72%)}.mb-stage[data-bg=light] .mb-glow:after{mix-blend-mode:normal;background:linear-gradient(#0000,oklch(95.25% .0357 71.44/.18) 40%,oklch(92.9% .0509 68.09/.75))}.mb-cloud{aspect-ratio:1;opacity:0;visibility:hidden;pointer-events:none;will-change:transform;width:clamp(7rem,25%,17rem);position:absolute;top:0;left:0}.mb-cloud .ci{width:100%}.mb-cloud-on{opacity:1;visibility:visible}.mb-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-top:1rem;display:flex}.mb-hint{max-width:34rem}.mb-opts{justify-content:flex-end}.mb-opts .st-chip[aria-pressed=true]{color:var(--text);border-color:var(--text)}@media (width<=600px){.mb-stage{aspect-ratio:1}.mb-opts{justify-content:flex-start}}@media (hover:none){.mb-hint .on-mouse{display:none}}@media (hover:hover){.mb-hint .on-touch{display:none}}@media (prefers-reduced-motion:reduce){.mb-glow-on:before,.mb-glow-on:after{animation-duration:10ms}.mb-st-fk:hover .mb-fk-num{animation:none}.mb-st-fk{transition:none}}@font-face{font-family:Geist Pixel;font-style:normal;font-weight:400;font-display:block;src:url(/_frontkon2026/fonts/GeistPixel-Square.woff2)format("woff2")}.hh-stage{aspect-ratio:5/4;border-radius:var(--radius-card);cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none;width:100%;max-width:56rem;margin:0 auto;transition:background-color .3s;position:relative;overflow:hidden}.hh-stage[data-bg=dark]{background:radial-gradient(110% 85% at 50% 0,oklch(34.73% .0121 285.75),oklch(20.59% .0059 285.87) 55%,oklch(15.48% .0021 286.15))}.hh-stage[data-bg=light]{background:var(--surface)}.hh-stage:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.hh-stage.hh-hot{cursor:pointer}.hh-stage.hh-drag{cursor:grabbing}.hh-gl{width:100%;height:100%;position:absolute;inset:0}.hh-off .hh-stage:after{content:"Konzole potřebuje WebGL2.";color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.hh-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;max-width:56rem;margin:1rem auto 0;display:flex}.hh-hint{max-width:34rem}.hh-opts{justify-content:flex-end}.hh-opts .st-chip[aria-pressed=true]{color:var(--text);border-color:var(--text)}@media (width<=600px){.hh-stage{aspect-ratio:4/5}.hh-opts{justify-content:flex-start}}@media (hover:none){.hh-hint .on-mouse{display:none}}@media (hover:hover){.hh-hint .on-touch{display:none}}