:root{--cobalt:#2340d8;--cobalt-deep:#1a30a8;--craie:#f7f7f2;--encre:#14182b;--buzzer:#ffd23f;--corail:#ff5a5f;--brume:#b9c3f5;--encre-douce:#4a5070;--filet:#d9dbe6;--display:"Bricolage Grotesque", system-ui, sans-serif;--hand:"Caveat", "Bradley Hand", cursive;--t-xs:.8rem;--t-s:.9rem;--t-m:1rem;--t-l:1.25rem;--t-xl:1.563rem;--t-2xl:1.953rem;--t-3xl:2.441rem;--t-4xl:3.815rem;--space:1rem;--radius-slip:6px;--radius-control:999px;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--cobalt);color:var(--craie);font-family:var(--display);font-size:var(--t-m);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.45}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--buzzer);outline-offset:3px}h1,h2,h3{font-variation-settings:"wdth" 85;letter-spacing:-.01em;margin:0;font-weight:750;line-height:1.1}p{margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen{min-height:100dvh;padding:max(env(safe-area-inset-top), var(--space)) var(--space) max(env(safe-area-inset-bottom), var(--space));gap:var(--space);flex-direction:column;max-width:34rem;margin:0 auto;display:flex}.screen--wide{max-width:76rem}.topbar{justify-content:space-between;align-items:center;gap:.75rem;min-height:2.5rem;display:flex}.brand{font-weight:800;font-size:var(--t-l);font-variation-settings:"wdth" 75;color:var(--craie);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.brand b{color:var(--buzzer)}.grow{flex:1}.stack{flex-direction:column;gap:.75rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.muted{color:var(--brume)}.code{font-variant-numeric:tabular-nums;letter-spacing:.12em;font-variation-settings:"wdth" 100;font-weight:800}.slip{background:var(--craie);color:var(--encre);border-radius:var(--radius-slip);box-shadow:0 2px 0 var(--cobalt-deep);padding:1.25rem 1.25rem 1.5rem;position:relative;-webkit-mask:radial-gradient(5px at 50% 0,#0000 98%,#000) top/18px 10px repeat-x,linear-gradient(#000 0 0) 0 9px/100% calc(100% - 9px) no-repeat;mask:radial-gradient(5px at 50% 0,#0000 98%,#000) top/18px 10px repeat-x,linear-gradient(#000 0 0) 0 9px/100% calc(100% - 9px) no-repeat}.slip h2{font-size:var(--t-xl)}.slip .muted{color:var(--encre-douce)}.hand{font-family:var(--hand);font-weight:700;font-size:var(--t-2xl);overflow-wrap:anywhere;line-height:1.1}.stamp{font-weight:800;font-size:var(--t-l);font-variation-settings:"wdth" 75;mix-blend-mode:multiply;border:3px solid;border-radius:4px;padding:.1rem .6rem;position:absolute;top:.6rem;right:.75rem;transform:rotate(-9deg)}.stamp--correct{color:#1f7a3a}.stamp--wrong{color:var(--corail)}.reveal .stamp{animation:stamp .42s var(--ease) both;animation-delay:calc(var(--i,0) * .16s + .2s)}@keyframes stamp{0%{opacity:0;transform:rotate(-9deg)scale(2.2)}to{opacity:1;transform:rotate(-9deg)scale(1)}}.field{flex-direction:column;gap:.35rem;display:flex}.field label{font-size:var(--t-s);font-weight:600}.input{border:2px solid var(--filet);width:100%;color:var(--encre);font-size:var(--t-l);background:#fff;border-radius:10px;padding:.8rem 1rem}.input:focus{border-color:var(--cobalt);outline:none}.input--code{letter-spacing:.3em;text-transform:uppercase;font-weight:800;font-size:var(--t-2xl);text-align:center}textarea.input{resize:none;font-family:var(--hand);font-weight:700;font-size:var(--t-2xl);min-height:6.5rem;line-height:1.15}.btn{border-radius:var(--radius-control);min-height:3rem;font-weight:700;font-size:var(--t-m);cursor:pointer;transition:transform .12s var(--ease);border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--buzzer{background:var(--buzzer);color:var(--encre);box-shadow:0 4px #c99e14}.btn--buzzer:active:not(:disabled){box-shadow:0 2px #c99e14}.btn--ink{background:var(--encre);color:var(--craie)}.btn--ghost{color:inherit;background:0 0;border-color:currentColor}.btn--small{min-height:2.25rem;font-size:var(--t-s);padding:.35rem .9rem}.btn--block{width:100%}.link{color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.error-text{color:#b3261e;font-size:var(--t-s);font-weight:600}.on-cobalt .error-text{color:var(--buzzer)}.status{font-size:var(--t-xs);color:var(--brume);align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.status:before{content:"";background:#4ade80;border-radius:50%;width:.55rem;height:.55rem}.status--connecting:before,.status--offline:before{background:var(--buzzer);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}.banner{background:var(--buzzer);color:var(--encre);font-size:var(--t-s);border-radius:10px;padding:.6rem .9rem;font-weight:600}.toast{left:50%;bottom:max(env(safe-area-inset-bottom), 1rem);z-index:10;background:var(--encre);max-width:calc(100% - 2rem);color:var(--craie);border-radius:12px;align-items:center;gap:.75rem;padding:.7rem .8rem .7rem 1rem;font-weight:600;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0a0e2859}.chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.chip{border-radius:var(--radius-control);font-weight:600;font-size:var(--t-s);background:#ffffff1f;align-items:center;gap:.35rem;padding:.3rem .75rem;display:inline-flex}.chip--off{opacity:.45}.chip--done{background:var(--buzzer);color:var(--encre)}.slip .chip{background:#eceef6}.slip .chip--done{background:var(--buzzer)}.team{border-top:1px solid var(--filet);padding-top:.75rem}.team:first-child{border-top:0;padding-top:0}.board{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.board li{background:#ffffff1a;border-radius:10px;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.6rem;padding:.55rem .9rem;font-weight:650;display:grid}.board li.me{background:var(--craie);color:var(--encre)}.board .pos{font-weight:800;font-size:var(--t-l);font-variant-numeric:tabular-nums;color:var(--buzzer)}.board li.me .pos{color:var(--cobalt)}.board .pts{font-variant-numeric:tabular-nums;font-weight:800}.board .gain{color:var(--buzzer);font-size:var(--t-s);margin-left:.4rem}.board li.me .gain{color:#1f7a3a}.console{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=900px){.console{grid-template-columns:minmax(0,1.6fr) minmax(18rem,1fr);align-items:start}}.answers{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem;display:grid}.judge{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.75rem;display:flex}.judge .btn{min-height:2.5rem}.btn--correct[aria-pressed=true]{color:#fff;background:#1f7a3a}.btn--wrong[aria-pressed=true]{background:var(--corail);color:#fff}.stepper{border:2px solid var(--filet);border-radius:var(--radius-control);align-items:center;display:inline-flex}.stepper button{cursor:pointer;background:0 0;border:0;width:2.25rem;height:2.25rem;font-weight:800}.stepper span{text-align:center;min-width:2.5rem;font-weight:700;font-size:var(--t-s)}.controls{padding:.75rem 0 max(env(safe-area-inset-bottom), .75rem);background:linear-gradient(to top, var(--cobalt) 70%, transparent);flex-wrap:wrap;gap:.5rem;display:flex;position:sticky;bottom:0}.tv{grid-template-rows:auto 1fr;gap:2vw;min-height:100dvh;padding:2.5vw 3.5vw;font-size:clamp(1rem,1.6vw,2rem);display:grid}.tv .brand{font-size:1.6em}.tv-code{letter-spacing:.08em;color:var(--buzzer);font-variation-settings:"wdth" 100;font-size:clamp(4rem,14vw,16rem);font-weight:800;line-height:.9}.tv-prompt{max-width:22ch;font-size:clamp(2rem,4.5vw,5.5rem);font-weight:750;line-height:1.05}.tv .chip{padding:.35em .9em;font-size:1.15em}.tv .slip .hand{font-size:2.2em}.tv .stamp{font-size:1.1em}.tv .answers{grid-template-columns:repeat(auto-fill,minmax(18vw,1fr))}.tv .board li{padding:.5em .9em;font-size:1.1em}.podium{text-align:center;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:1.5vw;width:100%;max-width:60rem;margin:0 auto;display:grid}.podium .step{background:var(--craie);color:var(--encre);border-radius:8px 8px 0 0;flex-direction:column;justify-content:flex-start;padding-top:.6em;font-size:2em;font-weight:800;display:flex}.podium .name{overflow-wrap:anywhere;margin-bottom:.4em;font-weight:750}.podium .p1 .step{background:var(--buzzer);height:30vh}.podium .p2 .step{height:21vh}.podium .p3 .step{height:17vh}.podium>div{animation:rise .7s var(--ease) both}.podium .p3{animation-delay:0s}.podium .p2{animation-delay:.5s}.podium .p1{animation-delay:1s}@keyframes rise{0%{opacity:0;transform:translateY(30%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}