@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fredoka-latin-ext-tYNUQHO6.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fredoka-latin-DOQG_Jwn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/public-sans-latin-ext-NN8edoJ2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/public-sans-latin-CcEC6YbM.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:italic;font-weight:600;font-display:swap;src:url(/assets/public-sans-italic-latin-ext-rBYnie9-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:italic;font-weight:600;font-display:swap;src:url(/assets/public-sans-italic-latin-14RUuERn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:where(:root){--bund-dunkelblau:#004b76;--bund-blau:#0077b6;--bund-hellblau:#80cdec;--bund-tuerkis:#00818b;--bund-gruen:#00854a;--bund-dunkelgruen:#005c45;--bund-hellgruen:#c1ca31;--bund-gelb:#f9e03a;--bund-hellorange:#f7bb3d;--bund-orange:#cd5038;--bund-rot:#c0003c;--bund-dunkelrot:#780f2d;--bund-dunkelgrau:#576164;--bund-grau80:#798183;--bund-hellgrau:#bec5c9;--bund-grau20:#f2f3f4;--weiss:#fff;--finale-lila-dunkel:#2d0a4e;--finale-lila:#7b2cbf;--finale-lila-hell:#c77dff;--team-1:#d55e00;--team-1-ink:var(--weiss);--team-2:#56b4e9;--team-2-ink:#1f2a44;--team-3:#cc79a7;--team-3-ink:#1f2a44;--team-4:#f0e442;--team-4-ink:#1f2a44;--team-5:#e69f00;--team-5-ink:#1f2a44;--team-6:#009e73;--team-6-ink:var(--weiss);--team-7:#1f2a44;--team-7-ink:var(--weiss);--team-8:#0072b2;--team-8-ink:var(--weiss);--team-sticker-rim:var(--weiss);--team-sticker-fold:#e9eef1;--team-sticker-shadow:#001e3261;--bund-blau-40:#99c9e2;--bund-tuerkis-40:#99cdd1;--bund-hellorange-40:#fce4b1;--bund-orange-40:#ebb9af;--bund-gruen-40:#99cdb7;--bund-gelb-40:#fdf3af;--color-background:var(--bund-grau20);--color-surface:var(--weiss);--color-text:var(--bund-dunkelgrau);--color-text-muted:var(--bund-grau80);--color-accent:var(--bund-dunkelblau);--color-accent-contrast:var(--weiss);--color-success:var(--bund-gruen);--color-danger:var(--bund-rot);--color-warning:var(--bund-hellorange);--color-border:var(--bund-hellgrau);--color-scoring:var(--bund-gelb);--color-scoring-soft:var(--bund-gelb-40);--color-surface-muted:var(--bund-grau20);--color-text-inverse:var(--weiss);--color-text-inverse-muted:var(--bund-hellblau);--color-primary:var(--bund-blau);--color-highlight:var(--bund-gelb);--color-danger-deep:var(--bund-dunkelrot);--color-finale:var(--finale-lila);--color-finale-deep:var(--finale-lila-dunkel);--answer-a-bg:var(--bund-dunkelblau);--answer-a-text:var(--weiss);--answer-b-bg:var(--bund-orange);--answer-b-text:var(--weiss);--answer-c-bg:var(--bund-gelb);--answer-c-text:var(--bund-dunkelgrau);--answer-d-bg:var(--bund-tuerkis);--answer-d-text:var(--weiss);--answer-e-bg:var(--bund-hellblau);--answer-e-text:var(--bund-dunkelblau);--answer-f-bg:var(--bund-dunkelgrau);--answer-f-text:var(--weiss);--font-body:"Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Fredoka", var(--font-body);--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--radius:.75rem;--radius-card:1.1rem;--radius-pill:999px;--shadow-card:0 1px 2px #0028460f, 0 6px 18px #00284612;--shadow-raised:0 2px 4px #00284614, 0 14px 32px #00284624;--tap:2.75rem;--status-draft:var(--bund-grau80);--status-offline:var(--bund-dunkelblau);--status-testrun:var(--finale-lila);--status-lobby:var(--bund-tuerkis);--status-running:var(--bund-orange);--status-finished:var(--bund-dunkelgrau)}*{box-sizing:border-box}body{background:var(--color-background);min-height:100vh;color:var(--color-text);font-family:var(--font-body);margin:0}button{font-family:inherit}[data-answer-letter=A]{--letter-bg:var(--answer-a-bg);--letter-text:var(--answer-a-text);--letter-rot:-4deg}[data-answer-letter=B]{--letter-bg:var(--answer-b-bg);--letter-text:var(--answer-b-text);--letter-rot:3deg}[data-answer-letter=C]{--letter-bg:var(--answer-c-bg);--letter-text:var(--answer-c-text);--letter-rot:-3deg}[data-answer-letter=D]{--letter-bg:var(--answer-d-bg);--letter-text:var(--answer-d-text);--letter-rot:4deg}[data-answer-letter=E]{--letter-bg:var(--answer-e-bg);--letter-text:var(--answer-e-text);--letter-rot:-3deg}[data-answer-letter=F]{--letter-bg:var(--answer-f-bg);--letter-text:var(--answer-f-text);--letter-rot:3deg}@property --_size{syntax:"<length>";inherits:true;initial-value:2.6rem}.team-sticker{--_size:var(--sticker-size,2.6rem);width:var(--_size);height:var(--_size);transform:rotate(var(--sticker-tilt,0deg));flex:none;place-items:center;display:inline-grid;position:relative}.team-sticker__seal{width:112%;height:112%;filter:drop-shadow(0 calc(var(--_size) * .05) calc(var(--_size) * .07) var(--team-sticker-shadow));overflow:visible}.team-sticker__count{z-index:1;min-width:calc(var(--_size) * .5);height:calc(var(--_size) * .5);padding:0 calc(var(--_size) * .08);background:var(--team-sticker-rim);color:var(--color-accent);font:700 calc(var(--_size) * .36) / 1 var(--font-display);box-shadow:0 1px 3px var(--team-sticker-shadow);transform:rotate(calc(var(--sticker-tilt,0deg) * -1));border-radius:999px;place-items:center;display:grid;position:absolute;top:-16%;left:-18%}.team-sticker-ring{stroke:var(--color-finale-deep)}.team-sticker-row{align-items:center;display:flex}.team-sticker-row>.team-sticker+.team-sticker{margin-left:calc(var(--_size) * (var(--sticker-step,.58) - 1))}.crown{filter:drop-shadow(0 2px 2px #001e3259);display:block;overflow:visible}.wave-bg{position:absolute;inset:0;overflow:hidden}.wave-body{position:absolute;left:0;right:0}.wave-tile{will-change:transform;animation:linear infinite wave-flow;position:absolute}.wave-tile__swell{animation:ease-in-out infinite alternate wave-swell;display:block}.wave-bg--still .wave-tile,.wave-bg--still .wave-tile__swell{animation:none}@keyframes wave-flow{to{transform:translateX(var(--wave-flow-distance))}}@keyframes wave-swell{0%{transform:translateY(calc(-1 * var(--wave-swell)))}to{transform:translateY(var(--wave-swell))}}.wave-bg__wipe{animation:wave-bg-wipe var(--wave-recolor-duration) ease forwards;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 60%,#0000 66.7%);mask-image:linear-gradient(90deg,#000 60%,#0000 66.7%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes wave-bg-wipe{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:40% 0;mask-position:40% 0}}.wave-transition{position:absolute;inset:0;overflow:hidden}.wave-transition__layer{top:0;left:0;right:0;bottom:calc(-1 * var(--wave-overdraw,0px));position:absolute;overflow-x:clip}.wave-transition__solid{width:100%;height:100%}.wave-transition__layer--rise{animation:wave-transition-rise var(--layer-duration) cubic-bezier(.16, 1, .3, 1) var(--layer-delay) forwards;transform:translateY(100%)}.wave-transition__layer--drain{animation:wave-transition-drain var(--layer-duration) cubic-bezier(.45, 0, .4, 1) var(--layer-delay) forwards}@keyframes wave-transition-rise{0%{transform:translateY(100%)}to{transform:translateY(0%)}}@keyframes wave-transition-drain{0%{transform:translateY(0%)}16%{transform:translateY(-7%)}to{transform:translateY(100%)}}:where([data-effects=reduced]) .wave-tile,:where([data-effects=reduced]) .wave-tile__swell{animation:none}:where([data-effects=reduced]) .wave-bg__wipe,:where([data-effects=reduced]) .wave-transition__layer--rise{animation:wave-fade-in var(--wave-fade-duration) ease both;transform:none;-webkit-mask-image:none;mask-image:none}:where([data-effects=reduced]) .wave-transition__layer--drain{animation:wave-fade-out var(--wave-fade-duration) ease both}@keyframes wave-fade-in{0%{opacity:0}}@keyframes wave-fade-out{to{opacity:0}}.swim-in{animation:swim-in var(--swim-in-duration) var(--swim-in-delay,0s) both}.wash-away{animation:wash-away var(--wash-away-duration) var(--wash-away-delay,0s) both}@keyframes swim-in{0%{translate:4vw var(--swim-distance,105vh);animation-timing-function:cubic-bezier(.15,.75,.35,1);rotate:5deg}62%{animation-timing-function:ease-in-out;translate:0 -22px;rotate:-2deg}82%{animation-timing-function:ease-in-out;translate:0 8px;rotate:.6deg}to{translate:none;rotate:none}}@keyframes wash-away{0%{animation-timing-function:ease-out;translate:none;rotate:none}18%{animation-timing-function:cubic-bezier(.55,0,.8,.4);translate:0 18px;rotate:.6deg}60%{animation-timing-function:cubic-bezier(.4,0,.9,.6);translate:-3vw -35vh;rotate:-4deg}to{translate:-7vw -115vh;rotate:-10deg}}.wave-ride,.tafel-card.wash-away{z-index:6}.wave-ride{animation:wave-ride var(--wave-ride-duration) cubic-bezier(.16, 1, .3, 1) var(--wave-ride-delay,0s) both}@keyframes wave-ride{0%{translate:0 105vh}to{translate:none}}:where([data-effects=reduced]) .swim-in{animation-name:wave-fade-in;animation-timing-function:ease}:where([data-effects=reduced]) .wash-away{animation-name:wave-fade-out;animation-timing-function:ease}:where([data-effects=reduced]) .wave-ride{animation-name:wave-fade-in;animation-timing-function:ease;animation-delay:0s}.roomcode{flex-direction:column;align-items:center;gap:.1rem;display:flex}.roomcode__label{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-weight:700}.roomcode__value{font-family:var(--font-display);letter-spacing:.1em;font-weight:700}.roomcode--hero{background:var(--color-highlight);width:fit-content;color:var(--color-text);border-radius:1.2rem;padding:1rem 2.2rem;transform:rotate(.8deg);box-shadow:0 20px 40px #0000004d}.roomcode--hero .roomcode__label{font-size:.8rem}.roomcode--hero .roomcode__value{font-size:2.6rem}.roomcode--tile{background:var(--color-highlight);color:var(--color-text);border-radius:.7rem;padding:.2rem .6rem .25rem;position:absolute;top:1rem;right:1rem;transform:rotate(2deg);box-shadow:0 4px 10px #0000001f}.roomcode--tile .roomcode__label{font-size:.6rem}.roomcode--tile .roomcode__value{font-size:1.25rem}.roomcode--hint{z-index:2;background:color-mix(in srgb, var(--color-surface) 88%, transparent);color:var(--color-text);border-radius:.8rem;padding:.3rem .8rem .35rem;position:absolute;bottom:1.2rem;left:1.5rem;box-shadow:0 4px 12px #0000002e}.roomcode--hint .roomcode__label{font-size:.7rem}.roomcode--hint .roomcode__value{font-size:2rem;line-height:1.05}.qr-code{shape-rendering:crispedges;width:100%;height:100%;display:block}.qr-code__background{fill:var(--color-surface)}.qr-code__modules{fill:var(--color-text)}.answer-badge{width:3.25rem;height:3.25rem;font-family:var(--font-display);background:var(--letter-bg);color:var(--letter-text);transform:rotate(var(--letter-rot,0deg));border-radius:.9rem;flex:none;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.answer-timer{flex:none;width:6.5rem;height:6.5rem;position:relative}.answer-timer__ring{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.answer-timer__track{fill:none;stroke:var(--color-surface-muted);stroke-width:9px}.answer-timer__progress{fill:none;stroke:var(--color-warning);stroke-width:9px;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.answer-timer__seconds{font-family:var(--font-display);color:var(--color-text);justify-content:center;align-items:center;font-size:2.1rem;font-weight:700;animation:.4s ease-out both digit-flip-in;display:flex;position:absolute;inset:0}@keyframes digit-flip-in{0%{opacity:0;transform:rotate(18deg)scale(1.3,.42)}55%{opacity:0;transform:rotate(-20deg)scale(.55,1.35)}75%{opacity:1;transform:rotate(-12deg)scale(.85,1.12)}to{opacity:1;transform:rotate(0)scale(1)}}.tafel-card{--resolution-font-size:clamp(1.1rem, 1.8vw, 1.6rem);--resolution-reserve:calc(var(--resolution-font-size) * 2.6);background:var(--color-surface);border-radius:1.75rem 6rem 1.75rem 1.75rem;flex-direction:column;width:min(78vw,62rem);height:min(88vh,39rem);padding:3.5rem 4rem;display:flex;position:relative;overflow:hidden;transform:rotate(-.9deg);box-shadow:0 48px 96px #0006}.tafel-card--tall{height:min(94vh,52rem);padding:2.25rem 3.5rem}.tafel-card--tall .image-choice-answers{flex:auto;grid-auto-rows:1fr;min-height:0}:is(.tafel-card:has(.media-display),.tafel-card:has(.tafel-card__estimate)){padding-top:2.25rem}.tafel-card:has(.media-display){grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:2rem;display:grid}.tafel-card:has(.media-display):has(.tafel-card__answers>:nth-child(7)){grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}:is(.tafel-card:has(.media-display)>.tafel-card__head,.tafel-card:has(.media-display)>.tafel-card__resolution){grid-column:1/-1}.tafel-card:has(.media-display)>.media-display{grid-area:2/1;margin-bottom:0}:is(.tafel-card:has(.media-display)>.tafel-card__answers,.tafel-card:has(.media-display)>.tafel-card__hint){grid-area:2/2;margin:0}.tafel-card:has(.media-display)>.tafel-card__answers{max-height:calc(100% - var(--resolution-reserve));align-self:center}.tafel-card:has(.media-display)>.tafel-card__answers:has(~.tafel-card__resolution){max-height:100%}.tafel-card:has(.media-display)>.tafel-card__hint{align-self:safe center}.tafel-card:has(.media-display) .tafel-card__answers{grid-template-columns:minmax(0,1fr);gap:.6rem}.tafel-card:has(.media-display) .tafel-card__answers:has(>:nth-child(7)){grid-template-columns:repeat(2,minmax(0,1fr))}:is(.tafel-card:has(.media-display) .tafel-card__headline,.tafel-card:has(.tafel-card__estimate) .tafel-card__headline){margin:.6rem 0 1rem;font-size:clamp(1.5rem,2.6vw,2.6rem)}.tafel-card__memory{border-radius:inherit;flex-direction:column;display:flex;position:absolute;inset:.6rem;overflow:hidden}.tafel-card--memorizing>:not(.tafel-card__memory){visibility:hidden}.tafel-card__memory--leaving{animation:memory-sink var(--memory-leave-duration) both}@keyframes memory-sink{0%{animation-timing-function:ease-out;transform:none}20%{animation-timing-function:cubic-bezier(.55,0,.9,.5);transform:translateY(-12px)}to{opacity:.6;transform:translateY(105%)rotate(2deg)}}:where([data-effects=reduced]) .tafel-card__memory--leaving{animation-name:wave-fade-out;animation-timing-function:ease}.tafel-card__eyebrow{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);font-size:.9rem;font-weight:700;display:inline-block;transform:rotate(1.2deg)}.tafel-card__headline{font-family:var(--font-display);color:var(--color-text);max-width:62rem;margin:1.4rem 0 2.25rem;font-size:clamp(1.8rem,3.2vw,3.25rem);font-weight:700;line-height:1.12;transform:rotate(-2.4deg)}.tafel-card--tall .tafel-card__headline{margin:.6rem 0 1.25rem;font-size:clamp(1.6rem,2.4vw,2.5rem)}.tafel-card__answers{margin:auto 0 var(--resolution-reserve);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;min-height:0;padding:0;list-style:none;display:grid}.tafel-card__hint{font-family:var(--font-body);color:var(--color-primary);margin:0;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:600}.tafel-card__resolution{font-family:var(--font-body);font-size:var(--resolution-font-size);color:var(--color-text-muted);margin:0;line-height:1.3}.tafel-card__answers:has(~.tafel-card__resolution){margin-bottom:0}.tafel-card__answer{background:var(--color-surface-muted);font-family:var(--font-body);font-weight:600;font-size:var(--answer-size,1rem);color:var(--color-text);border-radius:.8em;align-items:center;gap:.8em;padding:.5em .8em;line-height:1.2;display:flex}.tafel-card__answer .answer-badge{width:max(1.4em,1.75rem);height:max(1.4em,1.75rem);font-size:max(.7em,.9rem)}.tafel-card__accepted-answers{flex-direction:column;gap:.8rem;min-height:0;margin-top:auto;display:flex}.tafel-card__accepted-answers:has(.hint-list){flex:1 1 0;min-height:0}.tafel-card__accepted-answers .tafel-card__answers{margin:0}.tafel-card__answer--accepted{background:var(--color-success);color:var(--color-text-inverse)}.carousel-stage{flex:auto;min-height:0;position:relative}.carousel-stage__image{object-fit:contain;visibility:hidden;border-radius:1.1rem;width:100%;height:100%;position:absolute;inset:0}.carousel-stage__image--visible{visibility:visible}.carousel-stage__hint{place-items:center;margin:0;display:grid;position:absolute;inset:0}.image-choice-answers__caption.image-choice-answers__pressed{font-size:.95rem}.image-choice-answers{grid-template-columns:repeat(var(--image-choice-columns,2), 1fr);gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.image-choice-answers__item{background:var(--color-surface-muted);border-radius:1.1rem;flex-direction:column;align-items:center;gap:.6rem;min-width:0;min-height:0;padding:1rem;display:flex;position:relative}.image-choice-answers__item--correct{outline:.4rem solid var(--color-success);outline-offset:-.4rem}.image-choice-answers__item .answer-badge{z-index:1;position:absolute;top:.6rem;left:.6rem}.image-choice-answers__image{object-fit:contain;border-radius:.6rem;flex:1 1 0;width:100%;min-width:0;min-height:5rem;display:block}.image-choice-answers__caption{font-family:var(--font-body);font-weight:600;font-size:var(--answer-size,1.1rem);color:var(--color-text);text-align:center;line-height:1.2}.tafel-card__answer--correct{position:relative;overflow:hidden}.tafel-card__answer-reveal{align-items:center;gap:inherit;padding:inherit;background:var(--color-success);color:var(--color-text-inverse);display:flex;position:absolute;inset:0}[data-transition=reveal] .tafel-card__answer-reveal{animation:.7s cubic-bezier(.4,0,.2,1) .2s both reveal-wipe}@keyframes reveal-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}:where([data-effects=reduced]) [data-transition=reveal] .tafel-card__answer-reveal{animation:wave-fade-in var(--wave-fade-duration) ease both}[data-transition=answersIn] :is(.tafel-card__answer,.image-choice-answers__item,.clip-tiles__item){--swim-distance:8rem;animation:swim-in var(--answer-swim-duration) calc(var(--row-index,0) * var(--answer-stagger)) both}[data-transition=answersIn] .estimate-reveal-dial{--swim-distance:8rem;animation:swim-in var(--answer-swim-duration) both}[data-fitting]>*{animation:none!important}.tafel-frame--card{--ebb-depth:30px}.tafel-frame--card .wave-bg{bottom:calc(-1 * var(--ebb-depth));transition:translate var(--ebb-duration) ease-in-out}.tafel-frame--card[data-closed] .wave-bg{translate:0 var(--ebb-depth)}[data-transition=questionClosed] .answer-timer{animation:timer-pulse var(--ebb-duration) ease-in-out}@keyframes timer-pulse{50%{transform:scale(1.18)}}:where([data-effects=reduced]) [data-transition=answersIn] :is(.tafel-card__answer,.image-choice-answers__item,.clip-tiles__item,.estimate-reveal-dial){animation:wave-fade-in var(--wave-fade-duration) ease both}:where([data-effects=reduced]) .tafel-frame--card .wave-bg{transition:none}:where([data-effects=reduced]) .tafel-frame--card[data-closed] .wave-bg{translate:none}:where([data-effects=reduced]) [data-transition=questionClosed] .answer-timer{animation:none}.tafel-card__answer-check{width:1.6rem;height:1.6rem;position:absolute;top:50%;right:.8rem;translate:0 -50%}.hole-plate{aspect-ratio:1;background:radial-gradient(circle at 50% 32%, #0000000d 0%, #0000008c 100%), var(--color-accent);border-radius:50%;width:min(40vw,34rem);animation:1s ease-out both hole-plate-in,6s ease-in-out 1s infinite hole-plate-breathe;position:relative;overflow:hidden}@keyframes hole-plate-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes hole-plate-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.hole-plate:after{content:"";z-index:2;pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 18px 40px #0009,inset 0 -10px 26px #ffffff0d,inset 0 0 0 3px #0003}.credits-crawl{z-index:1;position:absolute;inset:0}.credits-crawl__content{flex-direction:column;align-items:center;padding:0 2.4rem;display:flex;position:absolute;top:100%;left:0;right:0}.credits-crawl__heading{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-highlight);text-align:center;margin:0;font-size:1.1rem;font-weight:700}.credits-crawl__paragraph{font-family:var(--font-body);letter-spacing:.04em;color:#ffffffb3;text-align:center;margin:0;font-size:1rem;font-weight:700}.credits-crawl__bold{color:var(--color-text-inverse)}.credits-crawl__image{object-fit:cover;border-radius:.7rem;max-width:6rem;max-height:4.2rem}.memory-reveal{border-radius:inherit;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.memory-reveal__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.memory-reveal__hint{color:var(--color-text-inverse);font-family:var(--font-body);text-align:center;background:linear-gradient(#0a141e00,#0a141ec7);margin:0;padding:1.75rem 1.5rem 1.4rem;font-size:clamp(1rem,2.2vw,1.5rem);font-weight:700;position:absolute;bottom:0;left:0;right:0}.hint-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.hint-list--fit{flex:1 1 0;min-height:0;overflow:hidden}.hint-list__item{background:var(--color-surface-muted);color:var(--color-text);font-family:var(--font-body);border-radius:.9rem;align-items:baseline;gap:.9rem;padding:.7rem 1.1rem;font-size:clamp(1.1rem,1.8vw,1.6rem);font-weight:600;line-height:1.25;display:flex}.hint-list__item[hidden]{display:none}.hint-list__item--newest{background:var(--color-primary);color:var(--color-text-inverse)}.hint-list__item--upcoming{opacity:.45}.hint-list__number{min-width:1.6em;font-family:var(--font-display);text-align:center;flex:none;font-weight:700}:where(:root:not([data-effects=reduced])) .hint-list__item--newest{animation:.45s ease-out hint-list-in}@keyframes hint-list-in{0%{opacity:0;transform:translateY(.8rem)}}.room-code-field{gap:var(--space-1);display:flex}.room-code-field__box{aspect-ratio:1;text-align:center;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-background);width:100%;color:var(--color-text);padding:0;font-size:1.75rem;font-weight:700}.room-code-field__box:focus{outline:2px solid var(--color-accent);outline-offset:2px}[data-finale] .tafel-card__eyebrow,[data-finale] .question-view__counter{color:var(--color-finale)}[data-finale] .estimate-input__submit{background:var(--color-finale);color:var(--color-text-inverse)}.podium-blobatar{position:absolute}.podium-blobatar__image{width:100%;height:100%;display:block;position:absolute;inset:0}.podium-blobatar__shadow{background:var(--scene-shadow);filter:blur(4px);border-radius:50%;height:11%;position:absolute;bottom:15%;left:20%;right:20%}.start-page{background:var(--bund-blau);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.start-page__content{z-index:1;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-2) var(--space-2);flex-direction:column;flex:1;display:flex;position:relative}.start-page__header{text-align:center;color:var(--weiss)}.start-page__header h1{font-family:var(--font-display);margin:0 0 var(--space-1);text-shadow:0 4px 12px #00000040;font-size:clamp(2.4rem,5vw,3.5rem)}.start-page__header p{opacity:.9;margin:0;font-size:1.1rem}.start-page__cards{gap:var(--space-3);flex:1;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));align-items:start;width:100%;max-width:68rem;display:grid}.start-card{gap:var(--space-1);background:var(--color-surface);padding:var(--space-3);border-radius:1.5rem;flex-direction:column;display:flex;box-shadow:0 24px 48px #0000004d}.start-card__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin:0;font-size:.8rem;font-weight:700}.start-card__heading{font-family:var(--font-display);margin:0;font-size:1.6rem}.start-card__text{color:var(--color-text-muted);flex:1;margin:0}.start-card__form{gap:var(--space-1);flex-direction:column;display:flex}.start-card__room-code-label{flex-direction:column;gap:.25rem;font-weight:600;display:flex}.start-card__error{color:var(--color-danger);margin:0;font-weight:600}.start-card__button{margin-top:var(--space-1);padding:var(--space-2);text-align:center;color:var(--color-accent-contrast);background:var(--color-accent);border-radius:var(--radius);cursor:pointer;border:none;font-size:1.1rem;font-weight:700;text-decoration:none;display:block}.start-card__button:hover{filter:brightness(1.1)}.start-page__footer{gap:var(--space-3);padding-bottom:var(--space-2);display:flex}.start-page__footer a{color:var(--weiss);opacity:.75;font-size:.8rem;text-decoration:underline}.start-page__footer a:hover{opacity:1}
