:root{--butter: #ffefb3;--green: #013e37;--ember: #b8460e;--red: #c1272d;--green-100: #013e37;--green-60: rgba(1, 62, 55, .6);--green-25: rgba(1, 62, 55, .25);--green-10: rgba(1, 62, 55, .1);--butter-60: rgba(255, 239, 179, .6);--r-sm: 12px;--r-md: 24px;--r-lg: 40px;--r-pill: 9999px;--font-display: "Nok", system-ui, sans-serif;--font-brand: "Kregan", "Nok", sans-serif;--fs-timer: 13.5cqw;--fs-subject-xl: 5cqw;--fs-subject-l: 3.75cqw;--fs-subject-m: 2.9cqw;--fs-button: 2.1cqw;--fs-label: 1.45cqw;--safe: 3.333cqw;--ease: cubic-bezier(.4, 0, .2, 1)}@font-face{font-family:Nok;src:url(/fonts/Nok.woff2) format("woff2"),url(/fonts/Nok.otf) format("opentype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Kregan;src:url(/fonts/Kregan.woff2) format("woff2"),url(/fonts/Kregan.otf) format("opentype");font-weight:400;font-style:normal;font-display:block}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--butter);color:var(--green);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.stage-viewport{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--butter)}.stage{position:relative;aspect-ratio:16 / 9;width:min(100vw,calc(100vh * 16 / 9));container-type:size;overflow:hidden;background:var(--butter)}.home{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2cqh;padding:var(--safe);text-align:center}.home__wordmark{font-family:var(--font-brand);font-size:6cqw;font-weight:400;line-height:1;color:var(--green);letter-spacing:.04em}.home__wordmark-apos{font-family:var(--font-display)}.home__tagline{font-family:var(--font-display);font-size:var(--fs-label);color:var(--green-60);max-width:70cqw}.home__launch{margin-top:3cqh;font-family:var(--font-brand);font-size:var(--fs-button);line-height:1;color:var(--butter);background:var(--green);border-radius:var(--r-pill);padding:.65em 1.8em;letter-spacing:.06em;transition:transform .15s var(--ease)}.home__launch:hover{transform:scale(1.03)}.home__launch:active{transform:scale(.98)}.home__launch:focus-visible{outline:none;box-shadow:0 0 0 3px var(--butter),0 0 0 7px var(--green)}.home__hints{position:absolute;bottom:var(--safe);left:0;right:0;font-family:var(--font-display);font-size:calc(var(--fs-label) * .7);color:var(--green-60)}.subject{font-family:var(--font-display);color:var(--green);line-height:1.15;text-align:center;max-width:70cqw;transition:font-size .3s var(--ease),color .3s var(--ease)}.subject--xl{font-size:var(--fs-subject-xl)}.subject--l{font-size:var(--fs-subject-l)}.subject--m{font-size:var(--fs-subject-m)}.subject--compact.subject--xl,.subject--compact.subject--l,.subject--compact.subject--m{font-size:calc(var(--fs-label) * 1.6);color:var(--green-60)}.slot{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6cqh;padding:var(--safe)}.slot__categorie{font-family:var(--font-display);font-size:calc(var(--fs-label) * .7);color:var(--green-60);letter-spacing:.12em;text-transform:uppercase;min-height:1.4em;opacity:0;transition:opacity .3s var(--ease)}.slot__categorie--visible{opacity:1}.slot-window{position:relative;width:70cqw;height:28cqh;border:2px solid var(--green);border-radius:var(--r-lg);background:var(--butter)}.slot-window--reveal{animation:slot-border-pop .3s var(--ease)}@keyframes slot-border-pop{0%{box-shadow:0 0 #013e3700}50%{box-shadow:0 0 0 4px var(--green)}to{box-shadow:0 0 #013e3700}}.slot-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 78%,transparent 100%)}.slot-strip{--tile-h: calc(28cqh / 3);padding-top:var(--tile-h);will-change:transform,filter}.slot-tile{height:var(--tile-h);display:flex;align-items:center;justify-content:center;padding:0 3cqw}.slot-tile__text{font-family:var(--font-display);color:var(--green);background:var(--green-10);border-radius:var(--r-md);padding:.2em .8em;line-height:1.15;text-align:center;max-width:100%}.slot-tile__text--xl{font-size:2.2cqw}.slot-tile__text--l{font-size:1.8cqw}.slot-tile__text--m{font-size:1.4cqw}.slot-tile--winner .slot-tile__text{animation:winner-pop .3s var(--ease)}@keyframes winner-pop{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.slot-window--reveal,.slot-tile--winner .slot-tile__text{animation:none}}.timer-ring{--timer-color: var(--green);position:relative;width:40cqh;height:40cqh;display:grid;place-items:center}.timer-ring--prep{--timer-color: var(--ember)}.timer-ring--speak{--timer-color: var(--green)}.timer-ring--urgent{--timer-color: var(--red)}.timer-ring__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.timer-ring__rail,.timer-ring__arc{fill:none;stroke-width:8.4;stroke-linecap:round}.timer-ring__rail{stroke:var(--green-25)}.timer-ring__arc{stroke:var(--timer-color)}.timer-ring--speak{animation:ring-flash .3s var(--ease)}.timer-ring--speak .timer-ring__arc{animation:ring-refill .3s var(--ease)}@keyframes ring-flash{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes ring-refill{0%{stroke-dashoffset:calc(-1 * var(--ring-c))}to{stroke-dashoffset:0}}.timer-ring__digit-wrap{position:relative;z-index:1}.timer-ring__digit{display:inline-block;font-family:var(--font-display);font-size:var(--fs-timer);line-height:1;color:var(--timer-color);font-variant-numeric:tabular-nums;animation:digit-in .12s var(--ease)}@keyframes digit-in{0%{transform:translateY(.35em);opacity:0}to{transform:translateY(0);opacity:1}}.timer-ring__digit--urgent{animation:digit-in-urgent .2s var(--ease)}@keyframes digit-in-urgent{0%{transform:translateY(.35em) scale(1);opacity:0}40%{transform:translateY(0) scale(1.08);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.timer-ring--speak,.timer-ring--speak .timer-ring__arc,.timer-ring__digit,.timer-ring__digit--urgent{animation:none}}.phase-label{font-family:var(--font-display);font-size:var(--fs-label);color:var(--green-60);letter-spacing:.14em;text-align:center}.end{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4cqh;padding:var(--safe);background:var(--green);color:var(--butter);text-align:center}.end__title{font-family:var(--font-display);font-size:7cqw;font-weight:400;line-height:1}.end__subject{font-family:var(--font-display);font-size:var(--fs-label);color:var(--butter-60);max-width:70cqw;line-height:1.3}.end__relaunch{margin-top:2.4cqh;font-family:var(--font-brand);font-size:var(--fs-button);line-height:1;color:var(--green);background:var(--butter);border-radius:var(--r-pill);padding:.65em 1.8em;letter-spacing:.06em;transition:transform .15s var(--ease)}.end__relaunch:hover{transform:scale(1.03)}.end__relaunch:active{transform:scale(.98)}.end__relaunch:focus-visible{outline:none;box-shadow:0 0 0 3px var(--green),0 0 0 7px var(--butter)}.end__home{font-family:var(--font-display);font-size:calc(var(--fs-label) * .8);color:var(--butter-60);text-decoration:underline;text-underline-offset:.2em}.end__home:hover{color:var(--butter)}.mute{position:absolute;right:var(--safe);bottom:var(--safe);z-index:20;width:2.4cqw;height:2.4cqw;color:var(--green-60);transition:color .15s var(--ease)}.mute:hover,.mute:focus-visible{color:var(--green-100)}.mute svg{display:block;width:100%;height:100%}.mute--inverted{color:var(--butter-60)}.mute--inverted:hover,.mute--inverted:focus-visible{color:var(--butter)}.play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:var(--safe)}.play__subject{flex:0 0 auto;min-height:20cqh;display:flex;align-items:center;justify-content:center}.play__timer{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4cqh;min-height:0}