.g-defs{width:0;height:0;position:absolute;overflow:hidden}.game-teaser{padding-block:0 var(--space-xl)}.gt-card{isolation:isolate;border-radius:var(--radius);background:var(--ink);color:#fff;flex-direction:column;align-items:flex-start;gap:24px;padding:clamp(26px,4vw,52px);display:flex;position:relative;overflow:hidden}.gt-card:before{content:"";z-index:-1;background:radial-gradient(closest-side,#f6b91d47,#0000 70%);height:120%;position:absolute;inset:auto -20% -60% 30%}.gt-copy{max-width:36rem}.gt-copy .kicker{color:var(--gold)}.gt-copy h2{font-size:var(--step-3)}.gt-copy p:last-child{color:#c3c8de;margin-top:12px}.gt-deco{opacity:.9;pointer-events:none;gap:6px;display:flex;position:absolute;top:clamp(14px,3vw,34px);right:clamp(16px,4vw,56px)}.gt-deco svg{width:clamp(22px,3vw,38px);height:auto}.gt-deco svg:nth-child(2){transform:translateY(14px)rotate(14deg)}.gt-deco svg:nth-child(3){transform:rotate(-12deg)}@media (width>=800px){.gt-card{flex-direction:row;justify-content:space-between;align-items:center}.gt-deco{top:18px;left:50%;right:auto}}@media (prefers-reduced-motion:no-preference){.gt-deco svg{animation:3.2s ease-in-out infinite g-bob}.gt-deco svg:nth-child(2){animation-delay:-1s}.gt-deco svg:nth-child(3){animation-delay:-2s}}@keyframes g-bob{50%{translate:0 -7px}}html.spiel-open{overflow:hidden}dialog.game{background:var(--ink);color:#fff;border:0;border-radius:28px;width:min(560px,100vw);max-width:100vw;max-height:100dvh;margin:auto;padding:0;overflow:hidden;box-shadow:0 30px 80px #00000080}dialog.game::backdrop{background:#0a0c1ab8}dialog.game[open]{animation:.28s cubic-bezier(.2,.8,.2,1) g-in}@keyframes g-in{0%{opacity:0;transform:translateY(18px)scale(.97)}}@media (prefers-reduced-motion:reduce){dialog.game[open]{animation:none}}.g-card{background:radial-gradient(120% 60% at 50% 0%, #3a55d861, transparent 70%), var(--ink);flex-direction:column;justify-content:center;min-height:min(640px,100dvh);padding:56px clamp(20px,5vw,36px) 24px;display:flex;position:relative}@media (width<=599px){dialog.game{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.g-card{height:100dvh;min-height:100dvh;padding-top:64px}}.g-close{z-index:5;color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:10px;right:10px}.g-close:hover{background:#ffffff38}.g-close svg{width:22px;height:22px}dialog.game :focus-visible{outline-color:#fff}.g-screen{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:16px;display:flex}.g-screen h2{font-size:var(--step-4)}.g-screen .kicker{color:var(--gold);margin-bottom:0}.g-text{font-size:var(--step-0);color:#dfe3f4;max-width:30rem}.g-text b{color:#fff}.g-keys{font-size:var(--step--1);color:#aab1cc}.g-primary{background:var(--gold);color:var(--ink);width:100%;min-height:58px;font-size:var(--step-1);margin-top:8px}.g-primary:hover{background:#ffd75e}.g-fine{color:#aab1cc;min-height:1.5em;margin-top:18px;font-size:.8125rem;line-height:1.5}.g-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.g-screen[data-screen=play]{justify-content:flex-start;gap:10px}.g-hud{align-items:center;gap:16px;width:100%;padding-right:56px;display:flex}.g-pts{font-size:var(--step-2);white-space:nowrap;color:#c3c8de;font-weight:800}.g-pts b{color:var(--gold)}.g-bar{background:#ffffff24;border-radius:99px;flex:1;height:10px;overflow:hidden}.g-bar i{background:var(--gold);transform-origin:0;height:100%;display:block}.g-field{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;flex:1;width:100%;min-height:340px;position:relative;overflow:hidden}.g-item{will-change:transform;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:0;left:0}.g-item svg{filter:drop-shadow(0 0 8px #f6b91d8c);pointer-events:none;width:52px;height:52px}.g-item.is-tag svg{filter:drop-shadow(0 0 10px #8da0ffa6);width:58px;height:58px}.g-item.is-pop{pointer-events:none;animation:.32s ease-out forwards g-pop}@keyframes g-pop{to{opacity:0;scale:1.7}}.g-ring{pointer-events:none;border:3px solid #8da0ff;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:.6s ease-out forwards g-ring;position:absolute}@keyframes g-ring{to{opacity:0;scale:7}}.g-plus{color:#fff;pointer-events:none;font-weight:800;animation:.7s ease-out forwards g-plus;position:absolute}@keyframes g-plus{to{opacity:0;translate:0 -40px}}.g-spark{pointer-events:none;width:14px;height:14px;margin:-7px;animation:1s ease-out forwards g-spark;position:absolute}.g-spark svg{width:100%;height:100%}@keyframes g-spark{to{transform:translate(var(--dx), var(--dy)) rotate(var(--r));opacity:0}}.g-calm .g-item{opacity:0;transition:opacity .3s}.g-calm .g-item.is-on{opacity:1}.g-calm .g-item.is-pop{opacity:0}@media (prefers-reduced-motion:reduce){.g-item.is-pop{opacity:0;animation:none}.g-ring,.g-plus,.g-spark{animation:none;display:none}}.g-code{text-align:center;-webkit-user-select:all;user-select:all;width:100%;font:800 clamp(1.6rem, 1.2rem + 2.4vw, 2.4rem)/1.1 var(--font);letter-spacing:.12em;border:2px dashed var(--gold);color:#fff;overflow-wrap:anywhere;background:#f6b91d1a;border-radius:16px;padding:16px 12px}.g-status{min-height:1.5em;color:var(--gold);font-weight:700}
