.scr-bingo{--vb-mask-no:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E")}.scr-bingo .order-head{margin-bottom:var(--s-4)}.scr-bingo .bingo-layout{--fold:max(360px, calc(100dvh - var(--topbar-h) - var(--head-h) - 48px));grid-template-columns:min(580px, var(--fold), calc(100% - 340px)) minmax(0, 1fr);column-gap:var(--s-7);row-gap:var(--s-5);min-height:var(--fold);align-items:start;display:grid}.scr-bingo .bingo-stage{inline-size:100%;block-size:min(580px, var(--fold));container-type:size}.scr-bingo .bingo-board{--S:min(100cqw, 100cqh, 580px);--pad:calc(var(--S) * .03);--gap:calc(var(--S) * .014);inline-size:var(--S);block-size:var(--S);position:relative}.scr-bingo .bingo{gap:var(--gap);block-size:100%;inline-size:100%;padding:var(--pad);border-radius:calc(var(--S) * .05);background:radial-gradient(120% 90% at 18% 0%, color-mix(in srgb, var(--basil-300) 32%, transparent), transparent 60%), linear-gradient(165deg, var(--basil-500), var(--basil-600) 55%, var(--basil-700));box-shadow:var(--e3), inset 0 0 0 2px color-mix(in srgb, var(--paper) 22%, transparent), inset 0 -6px 0 color-mix(in srgb, var(--ink) 18%, transparent);grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.scr-bingo .bingo:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg, color-mix(in srgb, var(--paper) 34%, transparent) 0 10%, transparent 30% 62%, color-mix(in srgb, var(--paper) 14%, transparent) 70%, transparent 80%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--paper) 45%, transparent);position:absolute;inset:0}.scr-bingo .bcell{z-index:1;border-radius:calc(var(--S) * .022);background:var(--surface-1);min-width:0;min-height:0;color:var(--text-1);cursor:pointer;font:700 clamp(15px, calc(var(--S) * .0345), 24px)/1.08 var(--font-display);text-align:center;letter-spacing:-.005em;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--oat) 90%, var(--ink)), 0 1px 1px color-mix(in srgb, var(--ink) 22%, transparent);transition:transform var(--d-press) var(--ease-out), background-color var(--d-fast) var(--ease-out);border:0;place-items:center;margin:0;padding:4px;display:grid;position:relative}.scr-bingo .bcell.long{font-size:clamp(14px, calc(var(--S) * .0292), 21px);letter-spacing:-.02em}@media (hover:hover){.scr-bingo .bcell:not(:disabled):hover{background:color-mix(in srgb, var(--surface-1) 70%, var(--butter-50))}}.scr-bingo .bcell:not(:disabled):active{transform:translateY(2px)scale(.98)}.scr-bingo .bcell:focus-visible{z-index:2}.scr-bingo .bcell .bw{z-index:1;text-shadow:0 0 2px var(--paper), 0 0 2px var(--paper), 0 0 4px var(--paper), 1px 1px 0 var(--paper), -1px -1px 0 var(--paper);border-radius:3px;padding:0 2px;position:relative}.scr-bingo .bx{opacity:0;pointer-events:none;fill:none;block-size:86%;inline-size:86%;stroke:var(--tomato-600);stroke-width:7.5px;stroke-linecap:round;transition:opacity var(--d-fast) var(--ease-out);position:absolute;inset:7%;overflow:visible}.scr-bingo .bcell.marked{background:var(--tomato-50)}.scr-bingo .bcell.marked .bx{opacity:1}.scr-bingo .bcell.marked[data-fresh] .bx path{stroke-dasharray:1 2;animation:vb-draw .11s var(--ease-out) both}.scr-bingo .bcell.marked[data-fresh] .bx path+path{animation-delay:.11s}.scr-bingo .bcell.free{background:var(--butter-400);color:var(--text-1);cursor:default;box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--butter-400) 70%, var(--butter-700)), 0 1px 1px color-mix(in srgb, var(--ink) 22%, transparent);align-content:center;gap:2px}.scr-bingo .bcell.free svg{inline-size:calc(var(--S) * .05);block-size:calc(var(--S) * .05);color:var(--butter-700);fill:color-mix(in srgb, var(--paper) 55%, transparent)}.scr-bingo .bcell.free .bw{letter-spacing:.08em;text-shadow:none;font-weight:900}.scr-bingo .bcell.ok{box-shadow:inset 0 0 0 3px var(--basil-600), inset 0 -3px 0 color-mix(in srgb, var(--oat) 90%, var(--ink)), 0 1px 1px color-mix(in srgb, var(--ink) 22%, transparent)}.scr-bingo :is(.bcell.ok,.bcell.shake):before,.scr-bingo :is(.bcell.ok,.bcell.shake):after{content:"";z-index:2;border-radius:50%;block-size:22px;inline-size:22px;position:absolute;top:5px;right:5px}.scr-bingo .bcell.ok:before{background:var(--basil-600);box-shadow:0 0 0 2px var(--surface-1)}.scr-bingo .bcell.ok:after{background:var(--on-action);-webkit-mask:var(--mask-check) center / 14px no-repeat;-webkit-mask:var(--mask-check) center / 14px no-repeat;mask:var(--mask-check) center / 14px no-repeat}.scr-bingo .bcell.shake:before{background:var(--bad);box-shadow:0 0 0 2px var(--surface-1)}.scr-bingo .bcell.shake:after{background:var(--on-action);-webkit-mask:var(--vb-mask-no) center / 14px no-repeat;-webkit-mask:var(--vb-mask-no) center / 14px no-repeat;mask:var(--vb-mask-no) center / 14px no-repeat}.scr-bingo .bcell.inline{background:var(--butter-50)}.scr-bingo .bcell.inline .bw{background:linear-gradient(transparent 56%, color-mix(in srgb, var(--butter-400) 80%, transparent) 56% 94%, transparent 94%)}.scr-bingo .bingo-fx{inset:var(--pad);pointer-events:none;position:absolute}.scr-bingo .bingo-stroke{--t:calc(var(--S) * .075);z-index:2;block-size:var(--t);margin-top:calc(var(--t) / -2);border-radius:var(--r-pill);transform-origin:0;background:var(--butter-400);mix-blend-mode:multiply;opacity:0;will-change:transform, opacity;position:absolute}.scr-bingo .bingo-stamp{z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--paper) 80%, transparent) 0 118px, transparent 150px);place-items:center;display:grid;position:absolute;inset:0}.scr-bingo .bingo-side{gap:var(--s-4);flex-direction:column;min-width:0;display:flex}.scr-bingo .bingo-side h3{font:700 18px/1.2 var(--font-display);color:var(--text-2)}.scr-bingo .bingo-setup{gap:10px;padding:16px 18px 18px;display:grid}.scr-bingo .bingo-setup h3+.row{margin-bottom:4px}.scr-bingo .board-pick{gap:8px}.scr-bingo .board-pick .btn{min-inline-size:56px;font:900 22px/1 var(--font-display);font-variant-numeric:tabular-nums;gap:3px;padding-inline:10px}.scr-bingo .caller-pick{gap:10px}.scr-bingo .board-ticket{justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 14px 20px;display:flex}.scr-bingo .board-ticket .eyebrow{order:2}.scr-bingo .board-ticket h2{font:var(--t-title-l);align-items:center;gap:12px;display:flex}.scr-bingo .bt-n{background:linear-gradient(180deg, var(--basil-500), var(--basil-600));block-size:52px;inline-size:52px;color:var(--on-action);font:900 30px/1 var(--font-display);font-variant-numeric:tabular-nums;box-shadow:0 4px 0 var(--basil-700);border-radius:14px;place-items:center;display:inline-grid}.scr-bingo .caller{gap:12px;padding:16px 18px 18px;display:grid;position:relative}.scr-bingo .caller .eyebrow{margin-bottom:2px}.scr-bingo .caller-start{justify-self:start}.scr-bingo .caller-ticket{--ticket-hole:var(--surface-1);border-radius:var(--r-s);background:radial-gradient(circle at 8px 0, var(--ticket-hole) 0 4px, transparent 4.5px) 0 0 / 16px 8px repeat-x, var(--slate);box-shadow:var(--e2);border:0;justify-items:start;gap:14px;padding:22px 18px 18px;display:grid;position:relative}.scr-bingo .caller-ticket:before{border-radius:inherit;inset:0}.scr-bingo .called{font:900 44px/1.05 var(--font-display);letter-spacing:-.015em;color:var(--text-inv);overflow-wrap:anywhere}.scr-bingo .ct-actions{gap:12px}.scr-bingo .ct-next{--face:transparent;--fg:var(--text-inv);--edge:color-mix(in srgb, var(--chalk) 45%, transparent);--ledge:transparent;--lift:0px}@media (hover:hover){.scr-bingo .ct-next:hover{--face:var(--slate-2)}}.scr-bingo .caller-done{font:var(--t-title-m);color:var(--basil-700)}.scr-bingo .caller-hist{flex-wrap:wrap;gap:10px;margin:2px 0 0;padding:0;list-style:none;display:flex}.scr-bingo .caller-hist li{--ticket-hole:var(--surface-1);background:radial-gradient(circle at 8px 0, var(--ticket-hole) 0 4px, transparent 4.5px) 0 0 / 16px 8px repeat-x, var(--surface-2);font:700 17px/1 var(--font-display);color:var(--text-2);border-radius:8px;align-items:center;gap:6px;padding:12px 12px 8px;display:inline-flex;transform:rotate(-1.2deg)}.scr-bingo .caller-hist li:nth-child(2){transform:rotate(1deg)}.scr-bingo .caller-hist li:nth-child(3){transform:rotate(-.6deg)}.scr-bingo .caller-hist li svg{block-size:16px;inline-size:16px;color:var(--basil-700)}.scr-bingo .bingo-shout{font:900 26px/1.1 var(--font-display);letter-spacing:.01em}.scr-bingo .bingo-rules{border-radius:var(--r-s);text-align:start;font:400 18px/34px var(--font);color:var(--text-1);box-shadow:var(--e1), inset 0 0 0 1px var(--hair);background:radial-gradient(circle at 22px 40px, var(--surface-0) 0 6px, transparent 6.5px) no-repeat, radial-gradient(circle at 22px calc(100% - 40px), var(--surface-0) 0 6px, transparent 6.5px) no-repeat, linear-gradient(90deg, transparent 43px, var(--tomato-500) 43px 45px, transparent 45px) no-repeat, repeating-linear-gradient(180deg, transparent 0 33px, var(--recipe-rule) 33px 34px), var(--surface-1);border:0;margin:0;padding:6px 18px 12px 60px;display:block}.scr-bingo .rules-win{font-weight:700}.scr-bingo .line-glyphs{vertical-align:-6px;gap:6px;margin-inline-end:10px;display:inline-flex}.scr-bingo .line-glyphs svg{block-size:24px;inline-size:24px}.scr-bingo .line-glyphs rect{fill:color-mix(in srgb, var(--field) 28%, transparent)}.scr-bingo .line-glyphs rect.on{fill:var(--tomato-600)}.scr-bingo .bingo-paper{font-size:17px;line-height:1.4}.scr-bingo .bingo-clear{align-self:flex-start}.scr-bingo .bingo-check{margin-top:var(--s-6)}.scr-bingo .bingo-wait{margin-top:var(--s-2)}@media (max-width:1100px){.scr-bingo .bingo-layout{--fold:max(360px, calc(100dvh - var(--topbar-h) - var(--head-h) - 68px));column-gap:var(--s-6)}}@media (max-width:860px),(orientation:portrait) and (max-width:1000px){.scr-bingo .bingo-layout{grid-template-columns:minmax(0,1fr);min-height:0}.scr-bingo .bingo-stage{block-size:auto;container-type:inline-size}.scr-bingo .bingo-board{--S:min(100cqw, 760px);margin-inline:auto}.scr-bingo .bingo-side{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.scr-bingo .bingo-side>:is(.note,.recipe-card,.teacher-check){grid-column:1/-1}.scr-bingo .bingo-clear{justify-self:start}}@media (max-width:560px){.scr-bingo .bingo-side{grid-template-columns:minmax(0,1fr)}}@media print{.scr-bingo .bingo{box-shadow:none}.scr-bingo .bingo:after,.scr-bingo .bingo-fx,.scr-bingo .bingo-stamp{display:none}}@keyframes vb-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}
.scr-relay{--kraft:color-mix(in srgb, var(--field) 30%, var(--butter-50));--kraft-2:color-mix(in srgb, var(--field) 44%, var(--butter-50));--kraft-edge:color-mix(in srgb, var(--field) 74%, var(--butter-50));--steel:color-mix(in srgb, var(--slate) 6%, var(--paper));--steel-2:color-mix(in srgb, var(--slate) 13%, var(--paper));--steel-edge:color-mix(in srgb, var(--slate) 36%, var(--paper));--magnet:var(--butter-400);--magnet-ledge:color-mix(in srgb, var(--butter-400) 58%, var(--butter-700))}.scr-relay .rules.recipe-card{text-align:left;border-radius:var(--r-s);margin:0 0 var(--s-5);box-shadow:var(--e1), inset 0 0 0 1px var(--hair);background:radial-gradient(circle at 22px 28px, var(--surface-0) 0 5.5px, var(--hair) 6px 7px, transparent 7.5px) no-repeat, linear-gradient(90deg, transparent 43px, var(--tomato-500) 43px 45px, transparent 45px) no-repeat, repeating-linear-gradient(180deg, transparent 0 37px, var(--recipe-rule) 37px 38px) 0 4px, var(--surface-1);border:0;padding:4px 18px 4px 60px;display:block}.scr-relay .rules>summary{min-height:var(--tap-s);padding-block:5px}.scr-relay .rules .sum{min-width:0;font:400 18px/28px var(--font);color:var(--text-2);flex:1}.scr-relay .rules .sum b{font:700 19px/28px var(--font-display);color:var(--text-1);background:var(--marker);-webkit-box-decoration-break:clone;box-decoration-break:clone;margin-right:4px;padding-inline:3px}.scr-relay .rules ul{font:400 18px/38px var(--font);color:var(--text-1);margin:0;padding:0 0 10px 22px}.scr-relay .sb{gap:var(--s-6);grid-template-columns:200px minmax(0,1fr);align-items:start;display:grid}.scr-relay .rail{align-content:start;gap:8px;min-width:0;display:grid}.scr-relay .relay-count{font:700 18px/1.25 var(--font-display);color:var(--text-2);font-variant-numeric:tabular-nums}.scr-relay .odo{vertical-align:bottom;color:var(--text-1);display:inline-block;position:relative;overflow:hidden}.scr-relay .odo-in{display:inline-block}.scr-relay .odo-out{opacity:0;position:absolute;top:0;left:0}.scr-relay .odo.roll .odo-in{animation:rl-odo-in .42s var(--ease-snap) both}.scr-relay .odo.roll .odo-out{animation:rl-odo-out .42s var(--ease-out) both}.scr-relay .track{--pad:16px;block-size:44px;position:relative;container-type:inline-size}.scr-relay .track-rail{inset-inline:var(--pad);border-radius:var(--r-pill);background:var(--surface-2);block-size:8px;box-shadow:var(--inset), inset 0 0 0 1px color-mix(in srgb, var(--field) 30%, transparent);position:absolute;top:30px;overflow:hidden}.scr-relay .track-fill{border-radius:inherit;background:var(--thread);box-shadow:inset 0 0 0 1px var(--thread-ring);transform-origin:0;transform:scaleX(calc(var(--c) / var(--n)));transition:transform .5s var(--ease-spring);position:absolute;inset:0}.scr-relay .notch{top:28px;left:calc(var(--pad) + (100% - 2 * var(--pad)) * var(--j) / var(--n));background:color-mix(in srgb, var(--field) 60%, transparent);border-radius:1px;block-size:12px;inline-size:2px;margin-left:-1px;position:absolute}.scr-relay .notch.on{background:var(--thread-ring)}.scr-relay .track-flag{top:5px;left:calc(var(--pad) + (100% - 2 * var(--pad)) * var(--g) / var(--n));block-size:26px;inline-size:22px;margin-left:-3px;position:absolute}.scr-relay .track-flag svg{block-size:100%;inline-size:100%;display:block;overflow:visible}.scr-relay .track-flag .pole{fill:none;stroke:var(--text-2);stroke-width:2px;stroke-linecap:round}.scr-relay .track-flag .cloth{transform-box:view-box;transform-origin:3px 8px}.scr-relay .track-flag .cloth>path:first-child{fill:var(--surface-1);stroke:var(--text-1);stroke-width:1.2px;stroke-linejoin:round}.scr-relay .track-flag .sq{fill:var(--text-1)}.scr-relay .track.wave .cloth{animation:.52s ease-in-out 3 rl-flag}.scr-relay .track-baton{top:30px;left:var(--pad);block-size:0;inline-size:0;transform:translateX(calc((100cqw - 2 * var(--pad)) * var(--c) / var(--n)));transition:transform .5s var(--ease-spring);position:absolute}.scr-relay .pin{background:linear-gradient(180deg, color-mix(in srgb, var(--wood-1) 55%, var(--paper)), var(--wood-1) 45%, var(--wood-2));block-size:12px;inline-size:22px;box-shadow:1px 2px 2px color-mix(in srgb, var(--ink) 22%, transparent);border-radius:4px;position:absolute;top:-13px;left:-11px}.scr-relay .pin:before,.scr-relay .pin:after{content:"";background:var(--wood-2);border-radius:3px;block-size:6px;inline-size:8px;position:absolute;top:3px}.scr-relay .pin:before{left:-7px}.scr-relay .pin:after{right:-7px}.scr-relay .envelopes{grid-template-columns:1fr 1fr;gap:22px 10px;margin-top:4px;padding-top:16px;display:grid}.scr-relay .env{isolation:isolate;min-height:66px;color:var(--text-1);font:900 22px/1 var(--font-display);font-variant-numeric:tabular-nums;background:linear-gradient(to bottom right, transparent calc(50% - 1px), var(--kraft-edge) calc(50% - 1px) calc(50% + .5px), transparent calc(50% + .5px)) left bottom / 50.5% 58% no-repeat, linear-gradient(to bottom left, transparent calc(50% - 1px), var(--kraft-edge) calc(50% - 1px) calc(50% + .5px), transparent calc(50% + .5px)) right bottom / 50.5% 58% no-repeat, linear-gradient(180deg, var(--kraft), var(--kraft-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--kraft-edge) 60%, transparent), 0 3px 0 var(--kraft-edge), var(--e1);transition:transform var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out);border:0;border-radius:6px;place-items:end center;padding:0 0 7px;display:grid;position:relative}.scr-relay .env:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(to top right, transparent 50%, var(--kraft-edge) 50% calc(50% + 1.5px), transparent calc(50% + 1.5px)) left top / 50% 100% no-repeat, linear-gradient(to top left, transparent 50%, var(--kraft-edge) 50% calc(50% + 1.5px), transparent calc(50% + 1.5px)) right top / 50% 100% no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--kraft) 55%, var(--paper)), var(--kraft));transform-origin:50% 0;block-size:44%;transition:transform var(--d-slow) var(--ease-snap);position:absolute;inset:0 0 auto;transform:scaleY(-.4)}.scr-relay .env:after{content:"";top:-12px;background:linear-gradient(var(--hair), var(--hair)) 6px 4px / 55% 2px no-repeat, linear-gradient(var(--hair), var(--hair)) 6px 8px / 35% 2px no-repeat, var(--paper);block-size:12px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--field) 35%, transparent);transition:transform var(--d-base) var(--ease-out), opacity var(--d-base);border-radius:2px 2px 0 0;position:absolute;inset-inline:20%}.scr-relay .env.solved:before{transform:none}.scr-relay .env.solved:after{opacity:0;transform:translateY(12px)}.scr-relay .env-n{z-index:1;position:relative}.scr-relay .env .stamp{--stamp-ink:var(--basil-700);z-index:2;block-size:28px;inline-size:28px;margin-left:-14px;position:absolute;top:2px;left:50%}.scr-relay .env .stamp:before{content:"";z-index:-1;background:var(--basil-50);box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 25%, transparent);border-radius:50%;position:absolute;inset:6%}@media (hover:hover){.scr-relay .env:hover{transform:translateY(-2px)}}.scr-relay .env:active{transform:translateY(1px)}.scr-relay .env[aria-current=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--kraft-edge) 60%, transparent), 0 0 0 2px var(--butter-700), 0 0 0 6px var(--butter-400), var(--e3);transform:translateY(-3px)}.scr-relay .env:focus-visible{outline-offset:6px}.scr-relay .board{gap:var(--s-4);flex-direction:column;min-width:0;display:flex}.scr-relay .board>.eyebrow.try{margin-top:var(--s-2)}.scr-relay .env-title{font:var(--t-title-l);align-items:center;gap:12px;display:flex}.scr-relay .env-title:before{content:"";background:linear-gradient(to top right, transparent calc(50% - 1px), var(--kraft-edge) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) left top / 50.5% 62% no-repeat, linear-gradient(to top left, transparent calc(50% - 1px), var(--kraft-edge) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) right top / 50.5% 62% no-repeat, linear-gradient(180deg, var(--kraft), var(--kraft-2));block-size:26px;inline-size:36px;box-shadow:inset 0 0 0 1px var(--kraft-edge), 0 2px 0 var(--kraft-edge);border-radius:4px;flex:none}.scr-relay .tray{min-height:100px;box-shadow:var(--inset), inset 0 -3px 0 color-mix(in srgb, var(--field) 16%, transparent);gap:14px 12px;padding:16px 18px}.scr-relay .tray>.muted{font:var(--t-body-s)}.scr-relay .tray.is-empty{min-height:64px;padding-block:10px}.scr-relay .line{border:2px solid var(--steel-edge);background:radial-gradient(circle at 12px 50%, var(--steel-edge) 0 2.5px, transparent 3px) no-repeat, radial-gradient(circle at calc(100% - 12px) 50%, var(--steel-edge) 0 2.5px, transparent 3px) no-repeat, linear-gradient(color-mix(in srgb, var(--enamel-600) 38%, transparent), color-mix(in srgb, var(--enamel-600) 38%, transparent)) 26px calc(100% - 13px) / calc(100% - 52px) 2px no-repeat, repeating-linear-gradient(90deg, color-mix(in srgb, var(--paper) 45%, transparent) 0 1px, transparent 1px 4px), linear-gradient(180deg, var(--steel), var(--steel-2));min-height:104px;box-shadow:var(--inset), inset 0 1px 0 var(--paper);transition:border-color var(--d-fast);border-radius:18px;flex-wrap:wrap;align-items:center;gap:14px 12px;padding:18px 26px 24px;display:flex;position:relative}.scr-relay .line.is-empty:before{content:attr(data-empty);color:var(--text-2);font:600 19px/1.3 var(--font)}.scr-relay .line .end{font:700 48px/1 var(--font);color:var(--text-2);margin:0 0 12px -6px}.scr-relay .line.good{border-color:var(--basil-600)}.scr-relay .line.bad{border-color:var(--bad);border-style:dashed}.scr-relay .line>.glow{opacity:0;pointer-events:none;box-shadow:0 0 0 4px var(--basil-300), 0 0 28px 6px color-mix(in srgb, var(--basil-300) 70%, transparent);border-radius:22px;position:absolute;inset:-6px}.scr-relay .wtile{min-width:64px;min-height:64px;color:var(--text-1);font:700 26px/1 var(--font-display);background:linear-gradient(180deg, color-mix(in srgb, var(--magnet) 50%, var(--paper)), var(--magnet) 36%, color-mix(in srgb, var(--magnet) 92%, var(--butter-700)));box-shadow:0 4px 0 var(--magnet-ledge), var(--e1), inset 0 1px 0 color-mix(in srgb, var(--paper) 70%, transparent);transition:box-shadow var(--d-fast) var(--ease-out), rotate var(--d-fast) var(--ease-snap), translate var(--d-press) var(--ease-out);border-radius:14px;padding:10px 20px 12px;position:relative}.scr-relay .tray .wtile{rotate:var(--tilt,0deg)}@media (hover:hover){.scr-relay .wtile:hover{box-shadow:0 6px 0 var(--magnet-ledge), var(--e2);translate:0 -2px;rotate:none}}.scr-relay .wtile:active{box-shadow:0 2px 0 var(--magnet-ledge), var(--e1);translate:0 2px}.scr-relay .wtile:focus-visible{box-shadow:0 4px 0 var(--magnet-ledge), 0 0 0 3px var(--focus-halo)}.scr-relay .wtile.right{color:var(--basil-700);background:linear-gradient(180deg, var(--paper), var(--basil-50) 45%);box-shadow:0 4px 0 var(--basil-300), var(--e1)}.scr-relay .wtile.wrong{color:var(--bad);background:linear-gradient(180deg, var(--paper), var(--bad-bg) 45%);box-shadow:0 4px 0 color-mix(in srgb, var(--bad) 35%, var(--bad-bg)), var(--e1)}.scr-relay .wtile[data-mark]:after{content:attr(data-mark);block-size:26px;inline-size:26px;font:900 15px/1 var(--font-display);color:var(--on-action);background:var(--basil-600);box-shadow:0 0 0 2px var(--surface-1), var(--e1);border-radius:50%;place-items:center;display:grid;position:absolute;top:-11px;right:-11px}.scr-relay .wtile.wrong[data-mark]:after{background:var(--bad)}.scr-relay .actions{gap:var(--s-3)}.scr-relay .btn.ring:after{content:"";border-radius:inherit;border:3px solid var(--action);opacity:0;pointer-events:none;position:absolute;inset:-6px}body[data-motion=full] .scr-relay .btn.ring:after{animation:kl-pulse-ring .9s var(--ease-out) 1}.scr-relay .tip{max-width:68ch;font:var(--t-body-s);color:var(--text-3)}body.motion-gentle .scr-relay :is(.track-fill,.track-baton){transition-duration:.15s;transition-timing-function:ease-out}body:not([data-motion=full]) .scr-relay :is(.odo.roll>*,.track.wave .cloth){animation:none}@media (max-width:860px),(orientation:portrait) and (max-width:1000px){.scr-relay .sb{gap:var(--s-4);grid-template-columns:minmax(0,1fr)}.scr-relay .rail{align-items:center;column-gap:var(--s-5);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"eyebrow track count""env env env";row-gap:0}.scr-relay .rail>.eyebrow{grid-area:eyebrow}.scr-relay .track{grid-area:track}.scr-relay .relay-count{grid-area:count}.scr-relay .envelopes{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;grid-area:env;grid-template-columns:none;grid-auto-columns:72px;grid-auto-flow:column;gap:10px;margin:0;padding:20px 8px 12px;scroll-padding-inline:8px;overflow-x:auto}.scr-relay .env{scroll-snap-align:start}}@media (max-width:560px){.scr-relay .rail{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow count""track track""env env"}.scr-relay .line{padding-inline:18px}}.drag-ghost.wtile[data-tile]{font:700 26px/1 var(--font-display);border-radius:14px;padding:10px 20px 12px}@keyframes rl-odo-in{0%{opacity:0;transform:translateY(90%)}to{opacity:1;transform:none}}@keyframes rl-odo-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-90%)}}@keyframes rl-flag{0%,to{transform:none}30%{transform:skewY(-9deg)scaleX(.92)}70%{transform:skewY(6deg)scaleX(.96)}}
.sort-zones{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.zone{background:var(--paper);min-height:260px;box-shadow:var(--e1);text-align:left;border:3px solid #0000;border-radius:26px;flex-direction:column;gap:10px;padding:14px;display:flex}.zone-head{font:700 22px/1 var(--font-display);align-items:center;gap:10px;display:flex}.zone-head>svg{width:48px;height:48px}.zone.fruits{background:color-mix(in srgb, var(--cat-fruits) 55%, var(--paper))}.zone.vegetables{background:color-mix(in srgb, var(--cat-vegetables) 70%, var(--paper))}.zone.actions{background:color-mix(in srgb, var(--cat-utensils) 70%, var(--paper))}.zone.other{background:color-mix(in srgb, var(--cat-other) 60%, var(--paper))}.zone .words{flex-wrap:wrap;gap:8px;display:flex}.zone .wtile{min-height:52px;padding:10px 16px;font-size:22px}.wtile.right{background:var(--ok-bg);box-shadow:0 5px 0 var(--green-100);color:var(--ok)}@media (max-width:1100px){.sort-zones{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.sort-zones{grid-template-columns:1fr}}.scr-sorting{--kraft:color-mix(in srgb, var(--field) 30%, var(--butter-50));--kraft-2:color-mix(in srgb, var(--field) 44%, var(--butter-50));--kraft-edge:color-mix(in srgb, var(--field) 74%, var(--butter-50));--steel:color-mix(in srgb, var(--slate) 6%, var(--paper));--steel-2:color-mix(in srgb, var(--slate) 13%, var(--paper));--steel-edge:color-mix(in srgb, var(--slate) 30%, var(--paper));--magnet:var(--butter-400);--magnet-ledge:color-mix(in srgb, var(--butter-400) 58%, var(--butter-700))}.scr-sorting .wall-info{margin:0 0 var(--s-4);padding:12px 18px;font-size:17px;line-height:1.45}.scr-sorting .wall-info svg{width:24px;height:24px}.scr-sorting .wall-info b{background:var(--marker);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:2px;font-weight:700}.scr-sorting .tray{min-height:96px;box-shadow:var(--inset), inset 0 -3px 0 color-mix(in srgb, var(--field) 16%, transparent);gap:12px 10px;padding:14px 16px}.scr-sorting .tray.is-empty{justify-content:space-between;min-height:64px;padding-block:10px}.scr-sorting .all-sorted{font:var(--t-title-m);color:var(--basil-700)}.scr-sorting .tray>.stamp{margin:-6px 12px -6px 0}.scr-sorting .hint{min-height:1.4em;font:var(--t-body-s);color:var(--text-2);margin-top:10px}.scr-sorting .coach{margin-top:8px}.scr-sorting .wtile{min-width:64px;min-height:64px;color:var(--text-1);font:700 24px/1 var(--font-display);background:linear-gradient(180deg, color-mix(in srgb, var(--magnet) 50%, var(--paper)), var(--magnet) 36%, color-mix(in srgb, var(--magnet) 92%, var(--butter-700)));box-shadow:0 4px 0 var(--magnet-ledge), var(--e1), inset 0 1px 0 color-mix(in srgb, var(--paper) 70%, transparent);transition:box-shadow var(--d-fast) var(--ease-out), rotate var(--d-fast) var(--ease-snap), scale var(--d-fast) var(--ease-snap), translate var(--d-press) var(--ease-out);border-radius:14px;padding:10px 18px 12px;position:relative}.scr-sorting .tray .wtile{rotate:var(--tilt,0deg)}@media (hover:hover){.scr-sorting .tray .wtile:hover{box-shadow:0 6px 0 var(--magnet-ledge), var(--e2);translate:0 -2px;rotate:none}}.scr-sorting .tray .wtile:active{box-shadow:0 2px 0 var(--magnet-ledge), var(--e1);translate:0 2px}.scr-sorting .tray .wtile:focus-visible{box-shadow:0 4px 0 var(--magnet-ledge), 0 0 0 3px var(--focus-halo)}.scr-sorting .tray .wtile.selected{z-index:1;outline:4px solid var(--enamel-700);outline-offset:3px;box-shadow:0 4px 0 var(--magnet-ledge), 0 0 0 3px var(--focus-halo), var(--e3);rotate:none;scale:1.06}.scr-sorting .sort-zones{margin-top:var(--s-4);background:linear-gradient(180deg, var(--steel), var(--steel-2));box-shadow:inset 0 0 0 1px var(--steel-edge), inset 0 2px 0 var(--paper), var(--e2);border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px;position:relative}.scr-sorting .zone{isolation:isolate;min-height:176px;color:var(--text-1);font:inherit;text-align:left;cursor:pointer;border:2px solid color-mix(in srgb, var(--paper) 85%, transparent);background:linear-gradient(165deg, color-mix(in srgb, var(--paper) 75%, transparent), color-mix(in srgb, var(--paper) 10%, transparent) 50%, color-mix(in srgb, var(--paper) 30%, transparent)), var(--tint,var(--oat));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent), inset 0 2px 0 var(--paper), var(--e1);transition:border-color var(--d-fast), box-shadow var(--d-fast) var(--ease-out);border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;padding:10px 12px 14px;display:flex;position:relative;overflow:hidden}.scr-sorting .zone:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(118deg, transparent 28%, color-mix(in srgb, var(--paper) 80%, transparent) 34%, transparent 41%, transparent 47%, color-mix(in srgb, var(--paper) 50%, transparent) 50%, transparent 54%);position:absolute;inset:0}.scr-sorting .zone>.sheen{z-index:2;opacity:0;pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--paper) 90%, transparent) 50%, transparent);inline-size:40%;position:absolute;top:-10%;bottom:-10%;left:0}@media (hover:hover){.scr-sorting .zone:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 16%, transparent), inset 0 2px 0 var(--paper), var(--e2)}}.scr-sorting .zone-head{--hole:13px;max-width:100%;padding:5px 14px 5px calc(var(--hole) * 2);font:var(--t-title-m);color:var(--text-1);background:radial-gradient(circle at var(--hole) 50%, color-mix(in srgb, var(--tint,var(--oat)) 80%, var(--paper)) 0 4px, var(--kraft-edge) 4.5px 5.5px, transparent 6px) no-repeat, linear-gradient(180deg, var(--kraft), var(--kraft-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--kraft-edge) 55%, transparent), 0 2px 0 var(--kraft-edge), var(--e1);border-radius:8px 12px 12px 8px;align-self:flex-start;gap:8px;rotate:-1deg}.scr-sorting .zone-label{min-width:0;line-height:1.1}.scr-sorting .words{flex-wrap:wrap;align-content:flex-start;gap:8px;display:flex}.scr-sorting .zone .wtile.right{min-width:0;min-height:40px;font:700 19px/1 var(--font-display);color:var(--basil-700);cursor:inherit;background:linear-gradient(180deg, var(--paper), var(--basil-50) 45%);box-shadow:0 3px 0 var(--basil-300), var(--e1);border-radius:10px;align-items:center;gap:6px;padding:6px 12px 7px 9px;display:inline-flex}.scr-sorting .zone .wtile.right:before{content:"";block-size:16px;inline-size:16px;-webkit-mask:var(--mask-check) center / contain no-repeat;-webkit-mask:var(--mask-check) center / contain no-repeat;mask:var(--mask-check) center / contain no-repeat;background:currentColor;flex:none}.scr-sorting .put{border:2px dashed var(--enamel-700);min-height:40px;color:var(--enamel-700);background:color-mix(in srgb, var(--enamel-50) 75%, transparent);font:700 17px/1 var(--font-display);border-radius:10px;justify-content:center;align-items:center;padding:6px 12px;display:none}:is(.scr-sorting .zone.target,.scr-sorting .wall:has(.wtile.is-dragging) .zone){border:2px dashed var(--enamel-700)}.scr-sorting .zone.target .put{display:inline-flex}.scr-sorting .wall:has(.wtile.is-dragging) .put{display:inline-flex}.scr-sorting .zone.drop-hot{background-color:var(--enamel-50)}.scr-sorting .note.wall-done{margin-top:var(--s-5)}.scr-sorting .note.reopen{margin:0 0 var(--s-4);flex-wrap:wrap;align-items:center}.scr-sorting .reopen-text{flex:240px}.scr-sorting .slate.pend{margin-bottom:var(--s-5)}.scr-sorting .slate.pend>.pending{padding:var(--s-6) var(--s-6) var(--s-7);background:0 0;border:0}.scr-sorting .slate.pend .pending p{color:var(--text-inv-2)}.scr-sorting .slate.pend .pending b{color:var(--text-inv)}.scr-sorting .slate.pend+.sort-zones{opacity:.8}.scr-sorting .slate.pend+.sort-zones .zone{cursor:default}.scr-sorting .slate.sort-first{align-items:center;gap:var(--s-5) var(--s-6);padding:var(--s-6) var(--s-7);flex-wrap:wrap;display:flex}.scr-sorting .sort-first .sf-text{flex:320px;gap:6px;display:grid}.scr-sorting .sort-first p{color:var(--text-inv-2)}@media (max-width:1100px) and (orientation:landscape){.scr-sorting .tray{gap:10px 8px}.scr-sorting .tray .wtile{padding-inline:14px;font-size:22px}.scr-sorting .zone-head{--hole:11px;gap:6px;padding-right:12px;font-size:20px}}@media (max-width:860px),(orientation:portrait) and (max-width:1000px){.scr-sorting .sort-zones{grid-template-columns:repeat(2,minmax(0,1fr))}.scr-sorting .zone{min-height:200px}}@media (max-width:560px){.scr-sorting .zone{min-height:160px}.scr-sorting .zone-head{font-size:19px}}.drag-ghost.wtile[data-word]{font:700 24px/1 var(--font-display);border-radius:14px;outline:0;padding:10px 18px 12px}@media (max-width:1100px) and (orientation:landscape){.drag-ghost.wtile[data-word]{padding-inline:14px;font-size:22px}}
.recipes{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.recipes>.recipe-card{text-align:center;background:var(--surface-1);box-shadow:var(--e2);border:3px solid #0000;border-radius:30px;flex-direction:column;align-items:center;gap:12px;padding:20px 18px 22px;display:flex}.recipes>.recipe-card .art{width:180px;height:150px}.recipe-sheet{background:var(--surface-1);box-shadow:var(--e2);border-radius:24px;padding:34px 40px}.recipe-sheet h2{margin-bottom:8px;font-size:40px}.recipe-sheet .part{font:700 16px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--basil-700);margin:22px 0 10px}.recipe-sheet ul,.recipe-sheet ol{margin:0;padding-left:26px;font-size:22px}.recipe-sheet li{margin:6px 0}.part-cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.part-card{background:var(--surface-1);box-shadow:var(--e1);text-align:center;border-radius:26px;padding:22px}.part-card .big{font:900 34px/1 var(--font-display);margin:8px 0}@media (max-width:860px),(orientation:portrait) and (max-width:1000px){.recipes,.part-cards{grid-template-columns:1fr}}@keyframes kl-rec-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes kl-rec-tab{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}@keyframes kl-rec-tab-no{0%{opacity:0;transform:scale(.55)}40%{opacity:1;transform:scale(1.04)}58%{transform:rotate(-4deg)}74%{transform:rotate(4deg)}88%{transform:rotate(-2deg)}to{opacity:1;transform:none}}.scr-recipe-intro .stage{min-height:440px;padding:24px 40px 26px;display:grid;overflow:hidden}.scr-recipe-intro .sl{text-align:center;min-width:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out), visibility 0s linear .3s;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:14px;display:flex}.scr-recipe-intro .sl:not(.cur){opacity:0;visibility:hidden}.scr-recipe-intro .sl[data-side=prev]{transform:translate(-56px)}.scr-recipe-intro .sl[data-side=next]{transform:translate(56px)}.scr-recipe-intro .sl.cur{transition-delay:0s}.scr-recipe-intro .sl h2{font:700 30px/1.15 var(--font-display);max-width:42ch}.scr-recipe-intro .sl-3{gap:30px}.scr-recipe-intro .sl-intro{max-width:64ch;font:400 19px/1.45 var(--font);color:var(--text-inv-2)}.scr-recipe-intro .chalk-sheet{text-align:start;border:2px solid color-mix(in srgb, var(--chalk) 38%, transparent);border-radius:8px 14px 10px 16px;min-width:min(580px,100%);padding:4px 34px 10px;display:grid;transform:rotate(-.6deg)}.scr-recipe-intro .chalk-sheet p{font:600 26px/1.3 var(--font);color:var(--chalk);border-bottom:2px solid color-mix(in srgb, var(--chalk) 20%, transparent);padding:12px 4px 8px}.scr-recipe-intro .chalk-sheet p:last-child{border-bottom:0}.scr-recipe-intro .reaction{font:700 24px/1.25 var(--font-display);color:var(--butter-400);border:2px solid color-mix(in srgb, var(--butter-400) 55%, transparent);border-radius:26px;margin-top:4px;padding:12px 24px;position:relative}.scr-recipe-intro .reaction:after{content:"";background:var(--slate);border-right:2px solid color-mix(in srgb, var(--butter-400) 55%, transparent);border-bottom:2px solid color-mix(in srgb, var(--butter-400) 55%, transparent);width:18px;height:18px;position:absolute;bottom:-11px;left:34px;transform:rotate(45deg)skew(8deg,8deg)}.scr-recipe-intro .anatomy{text-align:start;grid-template-columns:280px 60px minmax(0,580px);justify-content:center;row-gap:12px;width:100%;display:grid}.scr-recipe-intro .anat-card{border-radius:var(--r-s);box-shadow:var(--e2);background:radial-gradient(circle at 18px 30px, var(--slate) 0 6px, transparent 6.5px) no-repeat, radial-gradient(circle at 18px calc(100% - 30px), var(--slate) 0 6px, transparent 6.5px) no-repeat, linear-gradient(90deg, transparent 37px, var(--tomato-500) 37px 39px, transparent 39px) no-repeat, var(--surface-1);grid-area:1/1/4}.scr-recipe-intro .anat-zone{grid-column:1;grid-row:var(--row);flex-direction:column;justify-content:center;gap:10px;padding:14px 34px 14px 56px;display:flex;position:relative}.scr-recipe-intro .anat-zone+.anat-zone:before{content:"";border-top:2px dashed var(--hair);position:absolute;top:-9px;left:48px;right:18px}.scr-recipe-intro .ln{background:color-mix(in srgb, var(--field) 34%, var(--paper));border-radius:4px;height:8px;display:block;position:relative}.scr-recipe-intro .ln-title{background:color-mix(in srgb, var(--ink) 72%, var(--paper));border-radius:6px;width:76%;height:18px}.scr-recipe-intro .z-ingredients .ln{margin-left:16px}.scr-recipe-intro .z-ingredients .ln:before{content:"";background:color-mix(in srgb, var(--field) 60%, var(--paper));border-radius:50%;width:10px;height:10px;position:absolute;top:-1px;left:-16px}.scr-recipe-intro .z-ingredients .ln:first-of-type{width:64%}.scr-recipe-intro .z-ingredients .ln:nth-of-type(2){width:48%}.scr-recipe-intro .z-ingredients .ln:nth-of-type(3){width:58%}.scr-recipe-intro .z-instructions .ln{margin-left:34px}.scr-recipe-intro .z-instructions .ln:before{content:"";background:var(--butter-400);border-radius:4px;width:26px;height:14px;position:absolute;top:-3px;left:-34px}.scr-recipe-intro .z-instructions .ln:nth-of-type(2){width:86%}.scr-recipe-intro .z-instructions .ln:nth-of-type(3){width:74%}.scr-recipe-intro .z-instructions .ln:nth-of-type(4){width:90%}.scr-recipe-intro .anat-pin{z-index:1;background:var(--butter-400);width:30px;height:30px;color:var(--ink);font:900 16px/1 var(--font-display);box-shadow:0 0 0 3px var(--slate);border-radius:50%;place-items:center;margin-top:-15px;display:grid;position:absolute;top:50%;right:-15px}.scr-recipe-intro .part-card{grid-column:3;grid-row:var(--row);border-radius:var(--r-s);background:var(--surface-1);color:var(--text-1);text-align:start;box-shadow:var(--e2);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 18px;padding:12px 18px 12px 22px;display:grid;position:relative;transform:rotate(-.5deg)}.scr-recipe-intro .part-card:nth-of-type(2){transform:rotate(.4deg)}.scr-recipe-intro .part-card:nth-of-type(3){transform:rotate(-.3deg)}.scr-recipe-intro .part-card:before{content:"";border-top:2px solid color-mix(in srgb, var(--chalk) 60%, transparent);width:45px;position:absolute;top:50%;right:100%}.scr-recipe-intro .part-card:after{content:"";background:color-mix(in srgb, var(--butter-50) 80%, transparent);width:70px;height:20px;box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 18%, transparent);margin-left:-35px;position:absolute;top:-10px;left:50%;transform:rotate(-3deg)}.scr-recipe-intro .part-card .eyebrow{color:var(--text-3)}.scr-recipe-intro .part-card .big{font:900 32px/1 var(--font-display);color:var(--text-1);margin:4px 0}.scr-recipe-intro .part-card .muted{font:400 18px/1.35 var(--font);color:var(--text-2)}.scr-recipe-intro .part-card :focus-visible{outline-color:var(--focus);box-shadow:0 0 0 3px var(--focus-halo)}.scr-recipe-intro .part-card .hear>button:focus-visible{box-shadow:0 4px 0 var(--ledge-secondary), 0 0 0 3px var(--focus-halo)}.scr-recipe-intro .seq-row{gap:16px 14px}.scr-recipe-intro .seq-word{--tilt:-2deg;min-height:76px;font:900 40px/1 var(--font-display);color:var(--ink);background:linear-gradient(180deg, color-mix(in srgb, var(--butter-400) 55%, var(--paper)) 0 7px, var(--butter-400) 7px);box-shadow:0 5px 0 color-mix(in srgb, var(--butter-400) 70%, var(--butter-700)), 0 12px 18px -8px color-mix(in srgb, var(--ink) 70%, transparent);transform:rotate(var(--tilt));transition:transform var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out);border-radius:16px;padding:12px 30px 14px}.scr-recipe-intro .seq-word:nth-of-type(2){--tilt:1.5deg}.scr-recipe-intro .seq-word:nth-of-type(3){--tilt:-1deg}.scr-recipe-intro .seq-word:nth-of-type(4){--tilt:2deg}.scr-recipe-intro .seq-word:active{transform:translateY(3px) rotate(var(--tilt));box-shadow:0 2px 0 color-mix(in srgb, var(--butter-400) 70%, var(--butter-700)), 0 6px 10px -6px color-mix(in srgb, var(--ink) 70%, transparent);transition-duration:var(--d-press)}.scr-recipe-intro .seq-row svg.arrow{width:60px;height:30px;color:var(--chalk);flex:none}.scr-recipe-intro .arrow path{stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.scr-recipe-intro .kicker{font:var(--t-body-s);color:var(--text-inv-2)}.scr-recipe-intro .pager{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.scr-recipe-intro .pager-n{min-width:120px;font:700 18px/1 var(--font-display);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:12px;display:inline-flex}.scr-recipe-intro .pager-dots{gap:6px;display:inline-flex}.scr-recipe-intro .pager-dots i{background:var(--surface-1);width:10px;height:10px;box-shadow:inset 0 0 0 1.5px var(--field);border-radius:5px}.scr-recipe-intro .pager-dots i.on{background:var(--thread);width:26px;box-shadow:inset 0 0 0 1.5px var(--thread-ring)}.scr-recipe-intro .intro-check{margin-top:24px}body[data-motion=full] .scr-recipe-intro .sl.cur .arrow path{animation:.14s linear both kl-rec-draw;animation-delay:calc(var(--i) * .2s + .16s)}body[data-motion=full] .scr-recipe-intro .sl.cur .arrow path.head{animation-duration:60ms;animation-delay:calc(var(--i) * .2s + .3s)}body.motion-gentle .scr-recipe-intro .sl{transition:opacity .15s ease-out,visibility 0s linear .15s;transform:none}body.motion-gentle .scr-recipe-intro .sl.cur{transition-delay:0s}body.projector .scr-recipe-intro .stage{min-height:560px;padding:40px 56px}body.projector .scr-recipe-intro .sl h2{font-size:46px}body.projector .scr-recipe-intro .sl-intro{font-size:26px}body.projector .scr-recipe-intro .chalk-sheet p{font-size:40px}body.projector .scr-recipe-intro .reaction{font-size:36px}body.projector .scr-recipe-intro .anatomy{grid-template-columns:360px 60px minmax(0,760px)}body.projector .scr-recipe-intro .part-card .big{font-size:48px}body.projector .scr-recipe-intro .part-card .muted{font-size:24px}body.projector .scr-recipe-intro .seq-word{min-height:96px;padding-inline:36px;font-size:56px}body.projector .scr-recipe-intro .seq-row svg.arrow{width:72px;height:36px}@media (max-width:860px),(orientation:portrait) and (max-width:1000px){.scr-recipe-intro .stage{padding:24px 22px 28px}.scr-recipe-intro .sl:not(.cur){position:absolute;inset:0 0 auto}.scr-recipe-intro .sl h2{font-size:26px}.scr-recipe-intro .chalk-sheet{width:100%;min-width:0;padding-inline:20px}.scr-recipe-intro .chalk-sheet p{font-size:23px}.scr-recipe-intro .anatomy{grid-template-columns:minmax(0,560px)}.scr-recipe-intro .anat-card,.scr-recipe-intro .anat-zone{grid-column:1}.scr-recipe-intro .anat-zone{min-height:64px}.scr-recipe-intro .anat-pin{right:14px}.scr-recipe-intro .part-card{grid-area:auto/1;margin-top:8px}.scr-recipe-intro .part-card:before{display:none}.scr-recipe-intro .seq-word{padding-inline:20px;font-size:30px}.scr-recipe-intro .seq-row svg.arrow{width:36px}}:is(.scr-puzzle,.scr-poster) .recipe-select .pick-note{margin-bottom:22px}:is(.scr-puzzle,.scr-poster) .recipe-select .dishes{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}:is(.scr-puzzle,.scr-poster) .recipe-select .dish{--hit-r:var(--r-card);text-align:center;background:var(--surface-1);border:1px solid var(--hair);border-radius:var(--r-card);box-shadow:var(--e2);transition:transform var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out);flex-direction:column;align-items:center;gap:14px;padding:28px 16px 22px;display:flex;position:relative}:is(.scr-puzzle,.scr-poster) .recipe-select .dish-plate{transition:transform var(--d-base) var(--ease-spring)}:is(.scr-puzzle,.scr-poster) .recipe-select .dish-text{justify-items:center;gap:6px;display:grid}:is(.scr-puzzle,.scr-poster) .recipe-select .dish .eyebrow{letter-spacing:.1em}:is(.scr-puzzle,.scr-poster) .recipe-select .dish h3{font:700 25px/1.15 var(--font-display)}:is(.scr-puzzle,.scr-poster) .recipe-select .dish .chip.solved{background:var(--enamel-50);color:var(--enamel-700);gap:8px;margin-top:4px;padding:3px 12px 3px 5px}:is(.scr-puzzle,.scr-poster) .recipe-select .dish-go{min-height:var(--tap-s);background:var(--action);color:var(--on-action);font:var(--t-button-s);box-shadow:0 5px 0 var(--ledge-primary);transition:transform var(--d-press) var(--ease-out), box-shadow var(--d-press) var(--ease-out);border-radius:14px;justify-content:center;align-self:stretch;align-items:center;gap:8px;margin-top:auto;padding:8px 18px;display:inline-flex}:is(.scr-puzzle,.scr-poster) .recipe-select .dish-go svg{flex:none;width:20px;height:20px}@media (hover:hover){:is(.scr-puzzle,.scr-poster) .recipe-select .dish:hover{box-shadow:var(--e3);transform:translateY(-3px)}:is(.scr-puzzle,.scr-poster) .recipe-select .dish:hover .dish-plate{transform:rotate(-8deg)scale(1.03)}}:is(.scr-puzzle,.scr-poster) .recipe-select .dish:has(.hit:active){box-shadow:var(--e1);transform:translateY(1px)}:is(.scr-puzzle,.scr-poster) .recipe-select .dish:has(.hit:active) .dish-go{box-shadow:0 2px 0 var(--ledge-primary);transform:translateY(3px)}:is(.scr-puzzle,.scr-poster) .recipe-select .dish.mine{border-color:var(--butter-700);box-shadow:0 0 0 3px var(--butter-400), var(--e2)}:is(.scr-puzzle,.scr-poster) .recipe-select .ribbon{z-index:1;border-radius:6px var(--r-pill) var(--r-pill) 0;background:var(--butter-400);color:var(--text-1);box-shadow:var(--e1);pointer-events:none;gap:8px;padding:4px 16px 4px 14px;position:absolute;top:14px;left:-9px}:is(.scr-puzzle,.scr-poster) .recipe-select .ribbon:before{content:"";border-top:8px solid var(--butter-700);border-left:9px solid #0000;position:absolute;top:100%;left:0}@media (max-width:860px),(orientation:portrait) and (max-width:1000px){:is(.scr-puzzle,.scr-poster) .recipe-select .dishes{grid-template-columns:1fr;gap:18px}:is(.scr-puzzle,.scr-poster) .recipe-select .dish{text-align:start;flex-direction:row;gap:22px;padding:20px 22px}:is(.scr-puzzle,.scr-poster) .recipe-select .dish.mine{padding-top:40px}:is(.scr-puzzle,.scr-poster) .recipe-select .dish-text{flex:1;justify-items:start;min-width:0}:is(.scr-puzzle,.scr-poster) .recipe-select .dish-go{flex:none;align-self:center;margin-top:0}}.scr-puzzle .step,.step.drag-ghost{--strip-edge:color-mix(in srgb, var(--field) 42%, var(--paper));border-radius:var(--r-s);border:2px solid var(--strip-edge);min-height:84px;color:var(--text-1);background:linear-gradient(90deg, transparent 77px, color-mix(in srgb, var(--tomato-500) 75%, transparent) 77px 79px, transparent 79px) no-repeat, var(--surface-1);box-shadow:0 4px 0 var(--strip-edge), var(--e1);touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;column-gap:18px;padding:10px 12px;display:grid}:is(.scr-puzzle .step,.step.drag-ghost)[data-grip-only]{touch-action:pan-y}:is(.scr-puzzle .step,.step.drag-ghost) .n{background:var(--surface-2);width:56px;height:56px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--field) 35%, transparent);font:900 26px/1 var(--font-display);color:var(--text-1);font-variant-numeric:tabular-nums;cursor:grab;touch-action:none;border-radius:12px;place-items:center;padding-left:10px;display:grid;position:relative}:is(.scr-puzzle .step,.step.drag-ghost) .n:before{content:"";background:radial-gradient(circle, var(--field) 1.4px, transparent 1.9px) 0 0 / 4px 5px;width:8px;height:20px;margin-top:-10px;position:absolute;top:50%;left:9px}:is(.scr-puzzle .step,.step.drag-ghost) .n svg{stroke-width:3px;width:30px;height:30px;margin-left:-10px}:is(.scr-puzzle .step,.step.drag-ghost) .txt{min-width:0;font:400 22px/1.32 var(--font);padding-left:4px}:is(.scr-puzzle .step,.step.drag-ghost) .moves{gap:12px;display:flex}:is(.scr-puzzle .step,.step.drag-ghost).right{border-color:var(--basil-600);background-color:var(--basil-50);box-shadow:0 4px 0 var(--basil-300), var(--e1)}:is(.scr-puzzle .step,.step.drag-ghost).wrong{border-color:color-mix(in srgb, var(--bad) 55%, var(--paper));box-shadow:0 4px 0 color-mix(in srgb, var(--bad) 28%, var(--paper)), var(--e1)}:is(.scr-puzzle .step,.step.drag-ghost):is(.right,.wrong) .n{animation:kl-rec-tab .3s var(--ease-spring) calc(var(--i,0) * 80ms) both;padding-left:0}:is(.scr-puzzle .step,.step.drag-ghost):is(.right,.wrong) .n:before{display:none}:is(.scr-puzzle .step,.step.drag-ghost):is(.right,.wrong) .n svg{margin-left:0}:is(.scr-puzzle .step,.step.drag-ghost).right .n{background:var(--basil-600);color:var(--on-action);box-shadow:none}:is(.scr-puzzle .step,.step.drag-ghost).wrong .n{background:var(--bad-bg);color:var(--bad);box-shadow:inset 0 0 0 2px var(--bad);animation-name:kl-rec-tab-no;animation-duration:.56s;animation-timing-function:var(--ease-out)}:is(.scr-puzzle .step,.step.drag-ghost).is-dragging{opacity:1;box-shadow:none;background:0 0;border-style:dashed}:is(.scr-puzzle .step,.step.drag-ghost).is-dragging>*{visibility:hidden}:is(.scr-puzzle :is(.step,.solved-steps),.step.drag-ghost) .seq{background:var(--butter-400);color:var(--text-1);font:900 20px/1.1 var(--font-display);box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--butter-700) 22%, transparent);border-radius:7px;padding:3px 8px 4px;display:inline-block}.step.drag-ghost{transform-origin:44px;transform:translate(-44px,-50%)rotate(-1.5deg)}.scr-puzzle .task-note{margin-bottom:16px}.scr-puzzle .pz{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:20px 36px;display:grid}.scr-puzzle .pz-side{top:calc(var(--topbar-h) + 16px);gap:14px;min-width:0;display:grid;position:sticky}.scr-puzzle .pz-side>.crumb{justify-self:start;margin:-8px 0 -4px -6px}.scr-puzzle .pz-dish{align-items:center;gap:16px;display:flex}.scr-puzzle .pz-name{gap:6px;min-width:0;display:grid}.scr-puzzle .pz-name h2{font:700 26px/1.12 var(--font-display)}.scr-puzzle :is(.pz-name h2,.solved-note):focus{outline:none}.scr-puzzle .pz-name h2:focus-visible{box-shadow:none;outline:none}.scr-puzzle .pz-ing{box-shadow:var(--e1);padding:6px 16px 10px 60px}.scr-puzzle .pz-ing .eyebrow{line-height:28px}.scr-puzzle .ing{font:400 19px/34px var(--font);margin:0;padding:0;list-style:none}.scr-puzzle .pz-ing>p{line-height:34px}.scr-puzzle .pz-main{align-content:start;gap:12px;min-width:0;display:grid}.scr-puzzle .pz-h{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 18px;min-height:32px;display:flex}.scr-puzzle .pz-h h3{font:700 24px/1.2 var(--font-display)}.scr-puzzle .pz-h .muted{font:var(--t-body-s)}.scr-puzzle .pz-main:has(.steps.closed) .pz-h .muted{visibility:hidden}.scr-puzzle .steps-wrap{position:relative}.scr-puzzle .steps{gap:10px;display:grid}.scr-puzzle .steps.closed{border-radius:var(--r-s);box-shadow:0 4px 0 var(--basil-300), var(--e2);gap:0}.scr-puzzle .steps.closed .step{box-shadow:none;border-radius:0}.scr-puzzle .steps.closed .step+.step{margin-top:-2px}.scr-puzzle .steps.closed .step:first-child{border-radius:var(--r-s) var(--r-s) 0 0}.scr-puzzle .steps.closed .step:last-child{border-radius:0 0 var(--r-s) var(--r-s)}.scr-puzzle .steps.closed .moves{visibility:hidden}.scr-puzzle .pz-stamp{z-index:2;position:absolute;top:-40px;right:14px}.scr-puzzle .pz-check{flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:2px;display:flex}.scr-puzzle .pz-check .meter{flex:220px;max-width:340px}.scr-puzzle .solved-note{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--basil-700) 18%, transparent)}.scr-puzzle .solved-card{border-radius:var(--r-s);box-shadow:0 4px 0 var(--basil-300), var(--e2);background:radial-gradient(circle at 22px 34px, var(--surface-0) 0 6px, transparent 6.5px) no-repeat, radial-gradient(circle at 22px calc(100% - 34px), var(--surface-0) 0 6px, transparent 6.5px) no-repeat, linear-gradient(90deg, transparent 45px, var(--tomato-500) 45px 47px, transparent 47px) no-repeat, var(--surface-1);animation:kl-fade-in var(--d-base) var(--ease-out) both;padding:6px 22px 10px 64px;position:relative}.scr-puzzle .solved-card .part{min-height:52px;font:var(--t-caps);letter-spacing:var(--t-caps-track);text-transform:uppercase;color:var(--text-3);align-items:center;display:flex}.scr-puzzle .solved-card .pz-stamp{top:-34px;right:18px}.scr-puzzle .solved-steps{margin:0;padding:0;list-style:none}.scr-puzzle .solved-steps li{border-top:2px solid var(--recipe-rule);align-items:center;gap:18px;min-height:72px;padding:10px 0;display:flex}.scr-puzzle .solved-steps .txt{min-width:0;font:400 22px/1.32 var(--font);flex:1}.scr-puzzle .solved-steps .hear-one{flex:none}.scr-puzzle .pz-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;display:flex}body.motion-gentle .scr-puzzle .step:is(.right,.wrong) .n{animation:kl-fade-in .15s ease-out calc(var(--i,0) * 40ms) both}@media (max-width:860px),(orientation:portrait) and (max-width:1000px){.scr-puzzle .pz{grid-template-columns:1fr}.scr-puzzle .pz-side{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;column-gap:20px;position:static}.scr-puzzle .pz-side>.crumb{grid-column:1/-1}.scr-puzzle .step{min-height:96px}}.scr-poster .no-print>.crumb{margin:-6px 0 8px -6px}.scr-poster .poster-note{margin-bottom:16px}.scr-poster .poster-frame{padding-top:34px;position:relative}.scr-poster .poster-frame:before{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--wood-1) 38%, var(--paper)), color-mix(in srgb, var(--wood-1) 62%, var(--paper)));height:20px;box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--wood-2) 22%, transparent), var(--e1);border-radius:10px;position:absolute;top:0;left:2%;right:2%}.scr-poster .recipe-sheet{border-radius:var(--r-s);max-width:900px;color:var(--text-1);background:radial-gradient(circle at 30px 51px, var(--surface-0) 0 7px, transparent 7.5px) no-repeat, radial-gradient(circle at 30px calc(100% - 51px), var(--surface-0) 0 7px, transparent 7.5px) no-repeat, linear-gradient(90deg, transparent 58px, var(--tomato-500) 58px 60px, transparent 60px) no-repeat, repeating-linear-gradient(180deg, transparent 0 33px, var(--recipe-rule) 33px 34px), var(--surface-1);box-shadow:var(--e2);transition:transform var(--d-base) var(--ease-out);margin:0 auto;padding:40px 44px 34px 84px;position:relative;transform:rotate(-.3deg)}.scr-poster .poster-frame:is(:hover,:focus-within) .recipe-sheet{transform:none}.scr-poster .recipe-sheet:before,.scr-poster .recipe-sheet:after{content:"";background:color-mix(in srgb, var(--butter-50) 78%, transparent);width:104px;height:30px;box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 16%, transparent);position:absolute;top:-12px}.scr-poster .recipe-sheet:before{left:-26px;transform:rotate(-32deg)}.scr-poster .recipe-sheet:after{right:-26px;transform:rotate(32deg)}.scr-poster .ps-head{align-items:flex-start;gap:24px;display:flex}.scr-poster .ps-titles{flex:1;min-width:0}.scr-poster .ps-plate{margin-top:20px}.scr-poster .recipe-sheet .part{font:700 15px/34px var(--font-display);letter-spacing:.14em;color:var(--basil-700);margin:34px 0 0}.scr-poster .ps-titles .part{margin-top:0}.scr-poster .recipe-sheet h2{font:900 40px/68px var(--font-display);letter-spacing:-.015em;margin:0}.scr-poster .recipe-sheet h2:focus{box-shadow:none;outline:none}.scr-poster .mk{background:var(--marker);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 4px}.scr-poster .ps-titles .muted{font:700 19px/34px var(--font-display);color:var(--text-2)}.scr-poster .recipe-sheet :is(ul,ol){font:400 22px/34px var(--font);margin:0;padding:0;list-style:none}.scr-poster .recipe-sheet li{margin:0}.scr-poster .ps-ing li{padding-left:26px;position:relative}.scr-poster .ps-ing li:before{content:"";background:var(--thread);width:11px;height:11px;box-shadow:inset 0 0 0 1.5px var(--thread-ring);border-radius:50%;position:absolute;top:12px;left:4px}.scr-poster .ps-ing.blank li:before{display:none}.scr-poster .blank-line{border-bottom:1.5px solid color-mix(in srgb, var(--field) 55%, var(--paper));height:34px;display:block}.scr-poster .ps-steps li{align-items:flex-start;gap:12px;min-height:34px;display:flex}.scr-poster .ps-steps .seq{background:var(--butter-400);min-width:96px;color:var(--text-1);font:900 20px/26px var(--font-display);text-align:center;border-radius:7px;flex:none;margin-top:2px;padding:2px 10px}.scr-poster .ps-steps li>:last-child:not(.seq){flex:1;min-width:0}.scr-poster .ps-ing.blank .blank-line{height:28px;margin-bottom:6px}.scr-poster .ps-steps .blank-line{align-self:stretch;height:auto;margin-bottom:6px}.scr-poster .print-row{justify-content:center;margin-top:22px}.scr-poster .poster-check{margin-top:26px}@media (max-width:860px),(orientation:portrait) and (max-width:1000px){.scr-poster .recipe-sheet{padding:40px 28px 34px 76px;transform:none}.scr-poster .recipe-sheet:before{left:-18px}.scr-poster .recipe-sheet:after{right:-18px}.scr-poster .ps-head{gap:14px}}@media print{.scr-poster .poster-frame{padding:0}.scr-poster .poster-frame:before,.scr-poster .recipe-sheet:before,.scr-poster .recipe-sheet:after{display:none}.scr-poster .recipe-sheet{max-width:none;box-shadow:none;color:#000;background:#fff;border:1.5pt solid #000;border-radius:8pt;padding:22pt 26pt;transform:none}.scr-poster .recipe-sheet .part{color:#1b5c32}.scr-poster .ps-titles .muted,.scr-poster .recipe-sheet .print-only{color:#000}.scr-poster .mk{background:0 0;padding:0}.scr-poster .ps-plate{box-shadow:none;background:0 0}.scr-poster .recipe-sheet .print-only{margin-top:14pt}.scr-poster .ps-ing li:before{box-shadow:none;background:#000}.scr-poster .ps-steps .seq{color:#000;text-align:start;background:0 0;min-width:0;padding:0}.scr-poster .blank-line{border-bottom-color:#cdbb9e}}.scr-pledge .presenting{gap:16px 32px;margin-bottom:20px;display:grid}.scr-pledge .presenting[data-count="1"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.scr-pledge .pr-head h2{margin:4px 0 8px}.scr-pledge .pr-head .muted{font:400 18px/1.4 var(--font);color:var(--text-2);text-wrap:pretty;max-width:64ch}.scr-pledge .pr-rail{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;margin:0;padding:30px 8px 6px;list-style:none;display:grid;position:relative}.scr-pledge .pr-rail:before{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--wood-1) 40%, var(--paper)), color-mix(in srgb, var(--wood-1) 66%, var(--paper)));height:14px;box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--wood-2) 22%, transparent), var(--e1);border-radius:7px;position:absolute;top:0;left:0;right:0}.scr-pledge .pr-card{border-radius:var(--r-s);background:var(--surface-1);box-shadow:var(--e2);transform-origin:50% -24px;grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:end;gap:6px 8px;padding:18px 10px 12px 20px;display:grid;position:relative;transform:rotate(-.7deg)}.scr-pledge .pr-card:nth-child(2n){transform:rotate(.6deg)}.scr-pledge .pr-card:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--field) 70%, var(--paper)), color-mix(in srgb, var(--field) 35%, var(--paper)) 55%, color-mix(in srgb, var(--field) 60%, var(--paper)));width:22px;height:34px;box-shadow:var(--e1);border-radius:5px;margin-left:-11px;position:absolute;top:-24px;left:50%}.scr-pledge .pr-card .eyebrow{grid-column:1/-1}.scr-pledge .pr-card>.btn{align-self:end}.scr-pledge .pr-line{font:400 20px/1.4 var(--font)}.scr-pledge .pr-line b{font:700 20px/1.4 var(--font-display)}.scr-pledge .pr-line .seq{color:var(--text-1);background:var(--marker);padding:0 2px;font-weight:900}.scr-pledge .pledge-stage{grid-template:"before pledge""title pledge""hear pledge"1fr"hear after"/minmax(0,.9fr) minmax(0,1.4fr);align-items:start;gap:10px 44px;padding:26px 44px;display:grid;position:relative}.scr-pledge .pledge-stage:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(36% 78% at 69% -12%, color-mix(in srgb, var(--butter-400) 18%, transparent), transparent 72%), radial-gradient(50% 40% at 69% 112%, color-mix(in srgb, var(--wash-warm) 7%, transparent), transparent 70%);border-radius:14px;position:absolute;inset:0}.scr-pledge .pl-before{max-width:46ch;font:400 19px/1.4 var(--font);color:var(--text-inv-2);text-wrap:pretty;grid-area:before}.scr-pledge .pledge-stage h2{font:900 34px/1.08 var(--font-display);color:var(--butter-400);grid-area:title}.scr-pledge .pledge-text{text-align:center;font:900 clamp(28px, 2.9vw, 34px)/1.16 var(--font-display);color:var(--chalk);letter-spacing:-.005em;text-wrap:balance;grid-area:pledge;align-self:center;margin:0}.scr-pledge .pl-line{transition:opacity .3s var(--ease-out)}.scr-pledge .pl-line:not(:last-child):after{content:"\a ";white-space:pre}.scr-pledge .pledge-text.reading .pl-line{opacity:.5}.scr-pledge .pledge-text.reading .pl-line.lit{opacity:1}.scr-pledge .pl-hear{grid-area:hear;align-items:center;gap:22px;min-height:104px;margin-top:2px;display:flex}.scr-pledge .pl-after{text-align:center;font:700 21px/1.3 var(--font-display);color:var(--basil-300);text-wrap:balance;grid-area:after}.scr-pledge .pl-stamp{--stamp-ink:var(--butter-400)}.scr-pledge .pledge-check{margin-top:24px}body.projector .scr-pledge .pledge-stage{gap:16px 64px;padding:44px 56px}body.projector .scr-pledge .pl-before{font-size:28px}body.projector .scr-pledge .pledge-stage h2{font-size:48px}body.projector .scr-pledge .pledge-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr)}body.projector .scr-pledge .pledge-text{font-size:52px}body.projector .scr-pledge .pl-after{font-size:32px}@media (max-width:860px),(orientation:portrait) and (max-width:1000px){.scr-pledge .presenting[data-count="1"]{grid-template-columns:1fr}.scr-pledge .pledge-stage{text-align:center;grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"before""title""pledge""hear""after";justify-items:center;row-gap:8px;padding:24px 24px 26px}.scr-pledge .pledge-stage:after{background:radial-gradient(56% 50% at 50% -6%, color-mix(in srgb, var(--butter-400) 18%, transparent), transparent 72%)}.scr-pledge .pledge-text{margin-block:4px;font-size:28px}.scr-pledge .pl-hear{min-height:0}}
:is(.scr-prep,.scr-cook,.scr-cleanup,.scr-mystery) .safety-strip{gap:var(--s-3);margin-bottom:var(--s-5);display:grid}:is(.scr-prep,.scr-cook,.scr-cleanup,.scr-mystery) .safety-strip .note{align-items:center;margin:0}:is(.scr-prep,.scr-cook,.scr-cleanup,.scr-mystery) .note.allergy b,:is(.scr-prep,.scr-cook,.scr-cleanup,.scr-mystery) .kd-gate b{font-weight:700}:is(.scr-prep,.scr-cook,.scr-cleanup,.scr-mystery) .word-chips{gap:var(--s-3)}:is(.scr-prep,.scr-cook,.scr-cleanup,.scr-mystery) .word-chip{border-radius:var(--r-pill);font:700 20px/1 var(--font-display);padding-inline:14px 20px}:is(.scr-prep,.scr-cook,.scr-cleanup,.scr-mystery) .word-chip svg{color:var(--basil-700)}:is(.scr-prep,.scr-cook,.scr-cleanup,.scr-mystery) .supplies{gap:var(--s-2) var(--s-6);font:var(--t-body);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}:is(.scr-prep,.scr-cook,.scr-cleanup,.scr-mystery) .supplies li{padding-left:36px;position:relative}:is(.scr-prep,.scr-cook,.scr-cleanup,.scr-mystery) .supplies li:before{content:"";border:2px solid var(--field);background:var(--surface-1);block-size:22px;inline-size:22px;box-shadow:inset 0 2px 0 color-mix(in srgb, var(--ink) 6%, transparent);border-radius:7px;position:absolute;top:.22em;left:0}:is(.scr-prep,.scr-cook,.scr-cleanup,.scr-mystery) .say-btn{--face:var(--basil-50);--fg:var(--basil-700);border-radius:50%}:is(.scr-prep,.scr-cook,.scr-cleanup,.scr-mystery) .mc-check{margin-top:var(--s-7)}@media (min-width:1100px),(orientation:landscape) and (min-width:1000px){:is(.scr-prep,.scr-cook,.scr-cleanup,.scr-mystery) .safety-strip.has-allergy{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}.scr-prep .prep-grid{gap:var(--s-5);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;display:grid}.scr-prep .say-card h3{font:var(--t-title-l);margin-bottom:var(--s-2)}.scr-prep .say-lines{display:grid}.scr-prep .say-line{grid-template-columns:minmax(0, 1fr) var(--tap-s);gap:var(--s-4);border-top:1px dashed var(--hair);align-items:center;padding:10px 0;display:grid}.scr-prep .say-line:first-child{border-top:0}.scr-prep .say-line p{font:var(--t-body);max-width:60ch}.scr-prep .hygiene{gap:var(--s-4);grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr}.scr-prep .hy-card{align-items:center;gap:var(--s-5);padding:var(--s-5);grid-template-columns:auto minmax(0,1fr);display:grid}.scr-prep .hy-art{display:inline-grid}.scr-prep .hy-text{justify-items:start;gap:var(--s-4);display:grid}.scr-prep .hy-card h3{font:var(--t-title-m)}.scr-prep .station-card{margin-top:var(--s-5);gap:var(--s-4);display:grid}.scr-prep .station-head{align-items:center;gap:var(--s-4);display:flex}.scr-prep .station-head p{font:var(--t-body-s);color:var(--text-2);margin-top:4px}.scr-prep .station-card .eyebrow{margin-top:var(--s-2)}@media (max-width:860px),(orientation:portrait) and (max-width:1000px){.scr-prep .prep-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.scr-prep .supplies{grid-template-columns:minmax(0,1fr)}}.scr-cook .cook-chooser{margin-top:var(--s-2)}.scr-cook .cook-note{margin-bottom:var(--s-5)}.scr-cook .dishes{gap:var(--s-5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.scr-cook .dish-card{--hit-r:var(--r-card);justify-items:center;gap:var(--s-4);padding:var(--s-6) var(--s-5) var(--s-5);text-align:center;border-radius:var(--r-card);background:var(--surface-1);border:1px solid var(--hair);box-shadow:var(--e2);transition:transform var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out);grid-template-rows:auto 1fr auto;display:grid}.scr-cook .dish-card:has(.hit:active){box-shadow:var(--e1);transform:translateY(2px)}.scr-cook .dish-text{align-self:end;gap:6px;display:grid}.scr-cook .dish-card h3{font:var(--t-title-l)}.scr-cook .dish-go{inline-size:var(--tap-s);block-size:var(--tap-s);background:var(--action);color:var(--on-action);box-shadow:0 4px 0 var(--ledge-primary);border-radius:50%;place-items:center;display:inline-grid}.scr-cook .dish-go svg{block-size:24px;inline-size:24px}@media (hover:hover){.scr-cook .dish-card:hover{box-shadow:var(--e3);transform:translateY(-3px)}}.scr-cook .cook-wait{align-items:center;gap:var(--s-6);max-width:880px;padding:var(--s-7);grid-template-columns:auto minmax(0,1fr);display:grid}.scr-cook .cook-wait h3{font:var(--t-title-l)}.scr-cook .cook-wait p{margin-top:var(--s-2);font:var(--t-body);color:var(--text-inv-2)}.scr-cook .kd{gap:var(--s-3);margin:calc(var(--s-3) - var(--s-5)) 0 calc(-1 * var(--s-9));min-height:calc(100vh - var(--topbar-h) - var(--s-3));min-height:calc(100dvh - var(--topbar-h) - var(--s-3));flex-direction:column;display:flex;position:relative}.scr-cook .kd-bar{align-items:center;gap:var(--s-3);min-height:72px;padding-bottom:var(--s-2);border-bottom:1px solid var(--hair);display:flex;position:relative}.scr-cook .kd-bar:after{content:"";background:var(--thread);border-radius:2px;block-size:3px;inline-size:96px;position:absolute;bottom:-2px;left:0}.scr-cook .kd-bar>:is(.kd-map,.kd-dish,.kd-awake,.kd-big,.kd-help,.kd-other){flex:none}.scr-cook .kd-titles{flex:auto;min-width:0}.scr-cook .kd-titles .eyebrow{text-wrap:balance;display:block}.scr-cook .kd-titles h2{font:var(--t-title-l);text-wrap:balance;margin-top:3px}@media (max-width:1100px){.scr-cook .kd-titles h2{font:var(--t-title-m)}}.scr-cook .kd-awake{background:var(--butter-50);color:var(--butter-700)}.scr-cook .kd-help{border-radius:18px;min-height:64px;padding:10px 22px}.scr-cook .kd-big[aria-pressed=true] svg{display:none}.scr-cook .kd-safety{margin:0}.scr-cook .kd-safety .note{gap:12px;padding:10px 16px 10px 22px;font-size:17px;line-height:1.35}.scr-cook .kd-safety .note svg{block-size:24px;inline-size:24px}.scr-cook .kd-body{gap:var(--s-4);flex:auto;grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid}.scr-cook .kd-body>.pending{grid-column:1/-1}.scr-cook .stepcard{border-radius:var(--r-l);background:var(--surface-1);border:1px solid var(--hair);min-height:0;box-shadow:var(--e3);flex-direction:column;display:flex;position:relative}.scr-cook .kd-thead{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-3);border-radius:calc(var(--r-l) - 1px) calc(var(--r-l) - 1px) 0 0;background:var(--tint);border-bottom:2px dashed color-mix(in srgb, var(--field) 45%, transparent);flex-wrap:wrap;padding:12px 20px 12px 28px;display:flex}.scr-cook .which{font:900 20px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-1);font-variant-numeric:tabular-nums}.scr-cook .kd-step{gap:var(--s-5);min-height:0;padding:var(--s-6) var(--s-7) var(--s-4);flex-direction:column;flex:auto;display:flex}.scr-cook .kd-step .text{font:var(--t-step);color:var(--text-1);text-wrap:pretty;max-width:32em}.scr-cook .kd-step .seq{background:var(--butter-400);color:var(--text-1);box-shadow:0 3px 0 color-mix(in srgb, var(--butter-700) 45%, var(--butter-400));border-radius:14px;padding:.06em .3em .1em;font-weight:900;line-height:1.05;display:inline-block}.scr-cook .kd-gate{align-self:flex-start;margin:0}.scr-cook .kd-hear{padding:0 var(--s-7) var(--s-6)}.scr-cook .kd-stamp{pointer-events:none;position:absolute;bottom:20px;right:28px}.scr-cook .kd-info{border-radius:var(--r-card);background:var(--surface-1);border:1px solid var(--hair);min-height:0;box-shadow:var(--e2);flex-direction:column;display:flex;overflow:hidden}.scr-cook .kd-tabs{background:var(--surface-2);border-bottom:1px solid var(--hair);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;display:grid}.scr-cook .kd-tabs [role=tab]{min-height:60px;color:var(--text-2);font:700 17px/1.1 var(--font);text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:2px solid #0000;border-radius:14px;align-items:center;gap:8px;padding:6px 10px 6px 12px;display:flex;position:relative}.scr-cook .kd-tabs [role=tab] svg{flex:none;block-size:22px;inline-size:22px}.scr-cook .kd-tabs [role=tab][aria-selected=true]{background:var(--surface-1);border-color:var(--basil-700);color:var(--basil-700);box-shadow:var(--e1)}.scr-cook .kd-panel{overscroll-behavior:contain;min-height:0;padding:var(--s-4) var(--s-5) var(--s-5);flex:auto;overflow:auto}.scr-cook .kd-panel:focus-visible{outline-offset:-4px}.scr-cook .phrases{gap:var(--s-4);display:grid}.scr-cook .phrase{justify-items:start;gap:var(--s-2);padding-bottom:var(--s-4);border-bottom:1px dashed var(--hair);display:grid}.scr-cook .phrase:last-child{border-bottom:0;padding-bottom:0}.scr-cook .phrase>span{font:700 22px/1.25 var(--font-display)}.scr-cook .ingredients{font:var(--t-body);margin:0;padding-left:24px}.scr-cook .ingredients li{margin:4px 0}.scr-cook .ingredients li::marker{color:var(--basil-600)}.scr-cook .kd-panel .supplies{font:600 18px/1.35 var(--font);grid-template-columns:minmax(0,1fr)}.scr-cook .kd-nav{z-index:3;align-items:center;gap:var(--s-4);background:var(--surface-1);border:1px solid var(--hair);min-height:104px;box-shadow:0 -10px 28px -18px color-mix(in srgb, var(--ink) 40%, transparent);border-bottom:0;border-radius:26px 26px 0 0;grid-template-columns:240px minmax(0,1fr) 480px;margin-top:auto;padding:8px 12px;display:grid;position:sticky;bottom:0}.scr-cook .kd-nav .btn.xl{inline-size:100%}.scr-cook .kd-dots{justify-self:center}.scr-cook .kd-dots .dots{gap:12px}.scr-cook .kd-dots .dots i{block-size:22px;inline-size:22px}.scr-cook .kd-dots .dots i.on:after{inset:4px}.scr-cook .kd-dots .dots i.cur{outline-offset:3px;outline-width:3px}.scr-cook .kd.big-step .kd-bar{min-height:48px}.scr-cook .kd.big-step .kd-titles .eyebrow{display:none}.scr-cook .kd.big-step .kd-titles h2{font:var(--t-title-m)}.scr-cook .kd.big-step .kd-help{min-height:var(--tap-s);font:var(--t-button-s);border-radius:14px;padding:8px 16px}.scr-cook .kd.big-step .kd-step .text{font:700 56px/1.16 var(--font-display);max-width:none}@media (orientation:landscape) and (min-width:1000px){.scr-cook .kd{height:calc(100vh - var(--topbar-h) - var(--s-3));height:calc(100dvh - var(--topbar-h) - var(--s-3))}.scr-cook .kd-step{overflow-y:auto}.scr-cook .kd.big-step .kd-body{grid-template-columns:minmax(0,1fr)}.scr-cook .kd.big-step .kd-info{display:none}}@media (max-width:1100px){.scr-cook .kd-titles h2{font:700 24px/1.1 var(--font-display)}.scr-cook .kd-big{padding-inline:14px}.scr-cook .kd-help{padding-inline:16px}}@media (orientation:landscape) and (max-height:800px){.scr-cook .kd-thead{padding-block:7px}.scr-cook .kd-step{gap:var(--s-3);padding-top:var(--s-4)}.scr-cook .kd-gate{padding:8px 14px;font-size:17px}.scr-cook .kd-gate svg{block-size:22px;inline-size:22px}.scr-cook .kd-hear{padding-bottom:var(--s-4)}}@media (orientation:portrait),(max-width:999px){.scr-cook .kd-body{flex-direction:column;display:flex}.scr-cook .stepcard{flex:none;min-height:340px}.scr-cook .kd-info{flex:1 0 auto}.scr-cook .kd-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.scr-cook .kd-tabs [role=tab]{justify-content:center}.scr-cook .phrase{grid-template-columns:minmax(0,1fr) auto;align-items:center}.scr-cook .kd-panel .supplies{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px),(orientation:portrait) and (max-width:1000px){.scr-cook .kd-bar{row-gap:var(--s-2);flex-wrap:wrap}.scr-cook .kd-titles{flex-basis:calc(100% - 180px)}.scr-cook .kd-big{margin-left:auto}.scr-cook .kd-nav{grid-template-columns:minmax(0,1fr) auto minmax(0,2fr)}.scr-cook .dishes{grid-template-columns:minmax(0,1fr)}.scr-cook .dish-card{text-align:left;grid-template-rows:none;grid-template-columns:auto minmax(0,1fr) auto;place-items:center start}.scr-cook .dish-text{align-self:center}}@media (max-width:560px){.scr-cook .kd-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.scr-cook .kd-nav{gap:var(--s-3);padding-inline:8px}.scr-cook .kd-nav .btn.xl{padding-inline:16px}.scr-cook .cook-wait{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}}.scr-cleanup .clean-cards{margin:0;padding:0;list-style:none}.scr-cleanup .clean-card{justify-items:center;gap:var(--s-4);padding:var(--s-6) var(--s-4) var(--s-5);text-align:center;grid-template-rows:auto 1fr auto;display:grid;position:relative}.scr-cleanup .clean-card>.hear{align-self:end}.scr-cleanup .clean-n{block-size:34px;inline-size:34px;font-size:17px;position:absolute;top:16px;left:16px}.scr-cleanup .clean-art{display:inline-grid}.scr-cleanup .clean-card h3{font:var(--t-title-m);align-self:start}.scr-mystery .present-card{gap:var(--s-5);display:grid}.scr-mystery .buffet{justify-content:center;gap:var(--s-7);padding:var(--s-5) var(--s-5) var(--s-6);background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--tomato-50) 55%, transparent) 0 14px, transparent 14px 28px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--tomato-50) 55%, transparent) 0 14px, transparent 14px 28px), var(--surface-1);box-shadow:inset 0 -6px 0 color-mix(in srgb, var(--tomato-300) 35%, var(--surface-1)), var(--inset);border-radius:18px;flex-wrap:wrap;display:flex}.scr-mystery .buffet .plate{box-shadow:var(--e2), inset 0 0 0 1px color-mix(in srgb, var(--ink) 7%, transparent)}.scr-mystery .dish-rows{gap:var(--s-5);display:grid}.scr-mystery .dish-row{gap:var(--s-2);display:grid}.scr-mystery .dish-ask{background:var(--plum-50);max-width:62ch;color:var(--plum-600);font:var(--t-body-s);border-radius:18px 18px 18px 6px;justify-self:start;padding:10px 16px}.scr-mystery .dish-say{align-items:center;gap:4px var(--s-4);margin-left:var(--s-7);background:var(--surface-1);border:1px solid var(--hair);box-shadow:var(--e1);border-radius:18px 18px 6px;flex-wrap:wrap;padding:12px 12px 14px 20px;display:flex}.scr-mystery .dish-team{font:700 17px/1.2 var(--font);color:var(--text-3);flex-basis:100%}.scr-mystery .dish-line{font:700 26px/1.25 var(--font-display);flex:320px}.scr-mystery .dish-closing{font:700 24px/1.2 var(--font-display);color:var(--basil-700)}.scr-mystery .mystery-stage{margin-top:var(--s-6);align-items:center;gap:var(--s-7);padding:var(--s-7);border-radius:var(--r-xl);border:1px solid var(--hair);box-shadow:var(--e2);background:radial-gradient(34% 64% at 17% 52%, color-mix(in srgb, var(--paper) 95%, transparent), transparent 72%), linear-gradient(155deg, var(--plum-50), var(--surface-1) 78%);grid-template-columns:280px minmax(0,1fr);display:grid;position:relative}.scr-mystery .crate-spot{padding-bottom:var(--s-4);place-items:center;display:grid;position:relative}.scr-mystery .crate-spot:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--plum-600) 22%, transparent), transparent);border-radius:50%;block-size:26px;inline-size:200px;margin-left:-100px;position:absolute;bottom:0;left:50%}.scr-mystery .crate{z-index:1;cursor:pointer;transform-origin:50% 88%;touch-action:manipulation;-webkit-user-select:none;user-select:none;display:inline-grid;position:relative}.scr-mystery .crate.amb{animation:6s ease-in-out 2s infinite ck-rattle}body:not([data-motion=full]) .scr-mystery .crate.amb{animation:none}.scr-mystery .mystery-copy{gap:var(--s-4);display:grid}.scr-mystery .mystery-copy h3{font:var(--t-title-l);color:var(--plum-600)}.scr-mystery .mystery-rules{font:400 20px/34px var(--font);box-shadow:var(--e2);margin:0;padding:40px 24px 28px 66px;list-style:none}.scr-mystery .mystery-rules li{position:relative}.scr-mystery .mystery-rules li:before{content:"";background:var(--text-2);border-radius:50%;block-size:7px;inline-size:7px;position:absolute;top:14px;left:-16px}.scr-mystery .mystery-example{--ticket-hole:color-mix(in srgb, var(--plum-50) 45%, var(--surface-1));font:700 24px/1.3 var(--font-display);box-shadow:var(--e2);padding:22px 22px 16px}.scr-mystery .ex-label{font:var(--t-caps);letter-spacing:var(--t-caps-track);text-transform:uppercase;color:var(--text-3);margin-bottom:4px;display:block}@media (max-width:860px),(orientation:portrait) and (max-width:1000px){.scr-mystery .mystery-stage{gap:var(--s-5);padding:var(--s-6);grid-template-columns:minmax(0,1fr)}.scr-mystery .dish-say{margin-left:var(--s-4)}}@keyframes ck-rattle{0%,88%,to{transform:none}90%{transform:rotate(-3deg)}92%{transform:rotate(3deg)}94%{transform:rotate(-2deg)}96%{transform:rotate(1.5deg)}98%{transform:none}}
.scr-teacher [data-thread=champions]{--thread:var(--saffron-500);--thread-ring:var(--saffron-600);--thread-ink:var(--saffron-700);--thread-tint:var(--butter-50)}.scr-teacher [data-thread=masterchef]{--thread:var(--copper-500);--thread-ring:var(--copper-600);--thread-ink:var(--copper-700);--thread-tint:var(--copper-50)}.scr-teacher .start{gap:var(--s-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.scr-teacher .start-side{gap:var(--s-5);display:grid}.scr-teacher .start-office{grid-column:1/-1}.scr-teacher .start-form{gap:var(--s-5);grid-template-columns:minmax(0,1fr);padding:26px 30px 30px;display:grid}.scr-teacher .start-form h1{margin-top:-6px}.scr-teacher .sf-name{gap:var(--s-2);display:grid}.scr-teacher .sf-label,.scr-teacher .sf-sessions legend{font:700 18px/1.2 var(--font-display);color:var(--text-inv)}.scr-teacher .sf-name .field-lg{inline-size:100%}.scr-teacher .sf-sessions{gap:var(--s-3);border:0;grid-template-columns:minmax(0,1fr);min-width:0;margin:0;padding:0;display:grid}.scr-teacher .sf-sessions legend{margin-bottom:var(--s-3);padding:0}.scr-teacher .sf-start{inline-size:100%}.scr-teacher .sf-privacy{font:var(--t-body-s);color:var(--text-inv-2)}.scr-teacher .menu-card{background:var(--surface-1);min-height:160px;color:var(--text-1);cursor:pointer;box-shadow:0 4px 0 color-mix(in srgb, var(--slate) 70%, black);transition:transform var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out);border-radius:18px;align-content:start;gap:14px;padding:16px 18px 16px 16px;display:grid;position:relative}.scr-teacher .mc-radio{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}.scr-teacher .menu-card:has(.mc-radio:checked){box-shadow:0 0 0 4px var(--butter-400), 0 4px 0 color-mix(in srgb, var(--slate) 70%, black)}.scr-teacher .menu-card:has(.mc-radio:focus-visible){outline:4px solid var(--focus-inv);outline-offset:6px}.scr-teacher .menu-card:active{transform:translateY(2px)}.scr-teacher .mc-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.scr-teacher .mc-num{background:var(--thread-tint);min-inline-size:64px;color:var(--thread-ink);box-shadow:inset 0 0 0 2px var(--thread-ring);border-radius:12px;justify-items:center;gap:3px;padding:7px 8px 8px;display:grid}.scr-teacher .mc-caps{font:var(--t-caps);letter-spacing:.12em;text-transform:uppercase}.scr-teacher .mc-num b{font:900 30px/1 var(--font-display);font-variant-numeric:tabular-nums}.scr-teacher .mc-titles{gap:2px;min-width:0;display:grid}.scr-teacher .mc-title{font:var(--t-title-m)}.scr-teacher .mc-sub{font:var(--t-body-s);color:var(--text-2)}.scr-teacher .mc-check{background:var(--butter-400);block-size:34px;inline-size:34px;color:var(--ink);box-shadow:0 0 0 3px var(--slate);opacity:0;transition:opacity var(--d-fast) var(--ease-out), transform var(--d-base) var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:-12px;inset-inline-end:-12px;transform:scale(.5)}.scr-teacher .mc-check svg{block-size:20px;inline-size:20px}.scr-teacher .menu-card:has(.mc-radio:checked) .mc-check{opacity:1;transform:none}.scr-teacher .run-strip{gap:10px;min-width:0;display:grid}.scr-teacher .rs-tickets{min-width:0;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:5px;max-inline-size:440px;display:grid}.scr-teacher .rs-tk{background:radial-gradient(circle at 6px 0, var(--surface-1) 0 3px, transparent 3.5px) 0 0 / 12px 6px repeat-x, var(--surface-2);border-radius:7px;justify-items:center;gap:5px;padding:9px 2px 6px;display:grid}.scr-teacher .rs-tk-min{font:900 14px/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--text-2)}.scr-teacher .rs-places{font:var(--t-caps);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);align-items:flex-start;gap:6px;line-height:1.55;display:flex}.scr-teacher .rs-places svg{block-size:15px;inline-size:15px;color:var(--thread-ring);flex:none;margin-top:1px}.scr-teacher .resume{margin-bottom:var(--s-5);align-items:center}.scr-teacher .resume-text{flex:1;min-width:0}.scr-teacher .revoked{align-items:center;gap:var(--s-5);margin-bottom:var(--s-5);display:flex}.scr-teacher .revoked p{color:var(--text-2);margin-top:4px}.scr-teacher .tools,.scr-teacher .prints{gap:var(--s-3);display:grid}.scr-teacher .tools h2,.scr-teacher .prints h2,.scr-teacher .station-board h2{font:var(--t-title-l)}.scr-teacher .card-sub{font:var(--t-body-s);color:var(--text-3);margin-top:-6px}.scr-teacher .tool-grid,.scr-teacher .print-grid{gap:var(--tap-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4px;display:grid}.scr-teacher .print-grid{grid-template-columns:minmax(0,1fr);gap:10px}.scr-teacher .tool-tile,.scr-teacher .print-tile{text-align:start;justify-content:flex-start;gap:14px;min-height:84px;padding:10px 16px 10px 10px}.scr-teacher .print-tile{min-height:72px}.scr-teacher .tile-text{gap:5px;min-width:0;display:grid}.scr-teacher .tile-label{font:700 18px/1.2 var(--font-display)}.scr-teacher .tile-note{font:var(--t-caps);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.scr-teacher .print-tile{padding-inline-start:14px}.scr-teacher .a4{background:linear-gradient(225deg, var(--hair) 0 10px, var(--surface-1) 10px);block-size:52px;inline-size:40px;color:var(--enamel-700);box-shadow:inset 0 0 0 1.5px var(--field), 2px 3px 0 color-mix(in srgb, var(--hair) 80%, transparent);border-radius:4px 12px 4px 4px;flex:none;place-items:center;display:grid;position:relative}.scr-teacher .a4 svg{block-size:24px;inline-size:24px}.scr-teacher .run-sheet{grid-template-columns:minmax(0,1fr);display:grid}.scr-teacher :is(.run-sheet,.office)>summary>span{font:var(--t-title-m)}.scr-teacher .rs-session{margin-top:var(--s-5)}.scr-teacher .rs-session h3{box-shadow:inset 0 -3px 0 -1px var(--thread);align-items:baseline;gap:8px;inline-size:fit-content;padding-bottom:8px;display:flex}.scr-teacher .rs-min{font:600 18px/1 var(--font);color:var(--text-3)}.scr-teacher .rs-scroll{margin-top:var(--s-2);overflow-x:auto}.scr-teacher .rs-table{border-collapse:collapse;inline-size:100%;font:400 18px/1.35 var(--font)}.scr-teacher .rs-table th{text-align:start;font:var(--t-caps);letter-spacing:var(--t-caps-track);text-transform:uppercase;color:var(--text-3);border-bottom:2px solid var(--hair);padding:10px 12px 8px}.scr-teacher .rs-table td{border-bottom:1px solid var(--hair);vertical-align:middle;padding:10px 12px}.scr-teacher .rs-table tbody tr:last-child td{border-bottom:0}.scr-teacher .rs-act{font:700 18px/1.2 var(--font-display);align-items:center;gap:10px;display:inline-flex}.scr-teacher .rs-num{font-variant-numeric:tabular-nums;white-space:nowrap}.scr-teacher .rs-lead{font:var(--t-body-s);color:var(--text-2);align-items:center;gap:6px;display:inline-flex}.scr-teacher .rs-lead svg{flex:none;block-size:18px;inline-size:18px}.scr-teacher .rs-lead.teacher{color:var(--plum-600)}.scr-teacher .rs-note{max-width:68ch;margin-top:var(--s-3);font:var(--t-body-s);color:var(--text-2)}.scr-teacher .rs-foot{color:var(--text-3)}.scr-teacher .office-body{gap:var(--s-4);margin-top:var(--s-4);grid-template-columns:minmax(0,1fr);display:grid}.scr-teacher .office-body>.card{box-shadow:var(--e1)}.scr-teacher .cs-title{font:700 19px/1.3 var(--font-display)}.scr-teacher .cs-bad{color:var(--bad)}.scr-teacher .cs-note{margin-top:var(--s-3);font:var(--t-body-s);color:var(--text-3)}.scr-teacher .cs-list{margin:var(--s-2) 0 0;font:400 17px/1.45 var(--font);gap:6px;padding-inline-start:22px;display:grid}.scr-teacher .cs-h{margin-top:var(--s-4)}.scr-teacher .teacher-body{--rail-h:76px}.scr-teacher .pass-rail{top:var(--topbar-h);z-index:calc(var(--z-topbar) - 1);block-size:var(--rail-h);margin:calc(var(--s-5) * -1) calc(var(--gutter) * -1) 0;position:sticky}body.projector .scr-teacher .pass-rail{top:0}.scr-teacher .rail{isolation:isolate;min-height:var(--rail-h);padding:12px var(--gutter) 14px;background:radial-gradient(60% 140% at 18% 0%, color-mix(in srgb, var(--chalk) 6%, transparent), transparent 70%), var(--slate);color:var(--text-inv);box-shadow:inset 0 -3px 0 var(--thread), 0 10px 24px -14px color-mix(in srgb, var(--slate) 70%, transparent);border-radius:0 0 22px 22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;display:flex;position:relative}.scr-teacher .rail:before{content:"";z-index:-1;border-radius:inherit;background:var(--grain-chalk);opacity:.06;pointer-events:none;position:absolute;inset:0}.scr-teacher .rail-a,.scr-teacher .rail-b{align-items:center;gap:8px;min-width:0;display:flex}.scr-teacher .rail-b{margin-inline-start:auto}.scr-teacher .rail :focus-visible{outline-color:var(--focus-inv);box-shadow:0 0 0 3px var(--focus-halo-inv)}.scr-teacher .rail .btn:focus-visible{box-shadow:0 var(--lift) 0 var(--ledge), 0 0 0 3px var(--focus-halo-inv)}.scr-teacher .rail-code{min-height:var(--tap-xs);color:var(--butter-400);font:900 32px/1 var(--font-display);letter-spacing:.14em;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--d-fast);background:0 0;border:0;border-radius:12px;margin-inline-start:-8px;padding:2px 2px 0 8px}@media (hover:hover){.scr-teacher .rail-code:hover{background:var(--slate-2)}}.scr-teacher .rail-live{border-color:color-mix(in srgb, var(--chalk) 26%, transparent);min-height:32px;color:var(--chalk);font:700 15px/1 var(--font-display);background:0 0;gap:7px;padding:4px 12px}.scr-teacher .rail-live.offline{background:var(--butter-400);border-color:var(--butter-400);color:var(--ink)}.scr-teacher .rail-live svg{block-size:18px;inline-size:18px}.scr-teacher .live-dot{background:var(--basil-300);block-size:9px;inline-size:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--basil-300) 25%, transparent);border-radius:50%}.scr-teacher .rail-seg{background:color-mix(in srgb, var(--slate) 72%, black);border-radius:14px;gap:4px;margin-inline-start:6px;padding:3px;display:inline-flex;box-shadow:inset 0 2px 4px #00000059}.scr-teacher .seg-btn{--face:transparent;--fg:var(--text-inv-2);--edge:transparent;--ledge:transparent;--lift:0px;min-height:var(--tap-xs);border-radius:11px;gap:8px;padding:4px 12px 4px 8px}@media (hover:hover){.scr-teacher .seg-btn:hover:not([aria-pressed=true]){--face:var(--slate-2);--lift:0px;transform:none}}.scr-teacher .seg-btn[aria-pressed=true]{--face:var(--surface-1);--fg:var(--text-1);--edge:var(--surface-1);--ledge:color-mix(in srgb, var(--slate) 60%, black);--lift:2px}.scr-teacher .seg-btn[aria-pressed=true]:before{block-size:.8em;inline-size:.8em;color:var(--basil-600);order:3}.scr-teacher .seg-n{background:var(--thread);block-size:26px;inline-size:26px;color:var(--ink);font:900 14px/1 var(--font-display);box-shadow:inset 0 0 0 2px var(--thread-ring);border-radius:50%;place-items:center;display:inline-grid}.scr-teacher .rail-btn{padding-inline:10px 12px}.scr-teacher .rail-btn.slate{--edge:color-mix(in srgb, var(--chalk) 16%, var(--slate-2))}.scr-teacher .rail-btn.slate[aria-pressed=true]{--face:var(--surface-2);--fg:var(--text-1);--edge:var(--surface-2);--ledge:color-mix(in srgb, var(--slate) 60%, black)}.scr-teacher .rail-btn[aria-pressed]:before{display:none}.scr-teacher .rail-pause.accent{--edge:var(--tomato-300)}.scr-teacher details.pop{position:relative}.scr-teacher details.pop>summary:before{display:none}.scr-teacher details.pop>summary{gap:8px;padding-inline:10px 8px}.scr-teacher details.pop[open]>summary{--face:var(--slate);--edge:var(--butter-400);--lift:2px;transform:translateY(3px)}.scr-teacher .pop-caret{opacity:.8;transition:transform var(--d-fast) var(--ease-out);margin-inline-start:-2px;display:inline-grid}.scr-teacher .pop-caret svg{block-size:16px;inline-size:16px}.scr-teacher details.pop[open] .pop-caret{transform:rotate(180deg)}.scr-teacher .pop-dot{background:var(--enamel-600);block-size:9px;inline-size:9px;box-shadow:0 0 0 2px var(--chalk);border-radius:50%}.scr-teacher .rt-dial{background:conic-gradient(var(--butter-400) calc(var(--p,1) * 1turn), var(--slate-line) 0);border-radius:50%;flex:none;block-size:24px;inline-size:24px;position:relative}.scr-teacher .rt-dial:after{content:"";background:var(--slate-2);border-radius:50%;position:absolute;inset:7px}.scr-teacher .rail-timer:not(.on) .rt-dial{background:var(--slate-line)}.scr-teacher .rt-text{font-variant-numeric:tabular-nums;align-items:baseline;gap:.3em;min-width:0;display:inline-flex}.scr-teacher .rt-label{text-overflow:ellipsis;white-space:nowrap;max-inline-size:13ch;color:var(--text-inv-2);overflow:hidden}.scr-teacher .rt-time{font-weight:900}.scr-teacher .rail-timer.low>summary{--fg:var(--tomato-300)}.scr-teacher .rail-timer.low .rt-dial{background:conic-gradient(var(--tomato-300) calc(var(--p,1) * 1turn), var(--slate-line) 0)}.scr-teacher .pop-panel{z-index:2;border:1px solid var(--hair);background:var(--surface-1);inline-size:min(460px,100vw - 32px);color:var(--text-1);box-shadow:var(--e3);transform-origin:100% 0;animation:tp-drop var(--d-base) var(--ease-out) both;border-radius:18px;gap:10px;padding:16px;display:grid;position:absolute;inset-block-start:calc(100% + 14px);inset-inline-end:-8px}.scr-teacher .pop-panel:before{content:"";background:inherit;border:inherit;border-width:1px 0 0 1px;block-size:14px;inline-size:14px;position:absolute;inset-block-start:-8px;inset-inline-end:34px;transform:rotate(45deg)}.scr-teacher .pop-panel :focus-visible{outline-color:var(--focus);box-shadow:0 0 0 3px var(--focus-halo)}.scr-teacher .pop-panel .btn:focus-visible{box-shadow:0 var(--lift) 0 var(--ledge), 0 0 0 3px var(--focus-halo)}.scr-teacher .pop-cap{font:var(--t-caps);letter-spacing:var(--t-caps-track);text-transform:uppercase;color:var(--text-3)}.scr-teacher .pop-cap:not(:first-child){margin-top:6px}.scr-teacher .pop-list,.scr-teacher .pop-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scr-teacher .pop-field{min-width:0;min-height:var(--tap-xs);font:400 18px/1.2 var(--font);flex:180px;padding:8px 12px}.scr-teacher .pop-msg form{gap:10px;display:grid}.scr-teacher .pop-msg .pop-field{inline-size:100%}.scr-teacher .pop-notice{white-space:normal;align-items:flex-start;padding-block:8px;line-height:1.3}.scr-teacher .rail-tags{inset-block-start:100%;inset-inline:calc(var(--gutter) + 8px);pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.scr-teacher .rail-tag{min-height:40px;font:700 17px/1 var(--font-display);pointer-events:auto;box-shadow:0 6px 14px -8px color-mix(in srgb, var(--slate) 60%, transparent);animation:tp-hang var(--d-base) var(--ease-out) both;border:0;border-radius:0 0 14px 14px;align-items:center;gap:8px;padding:4px 16px 6px 12px;display:inline-flex;position:relative}.scr-teacher .rail-tag svg{flex:none;block-size:20px;inline-size:20px}.scr-teacher .rail-tag.paused{background:var(--butter-400);color:var(--ink)}.scr-teacher .rail-tag.ended{background:var(--surface-2);color:var(--text-2);box-shadow:inset 0 0 0 1.5px var(--field)}.scr-teacher .rail-tag.help{min-height:var(--tap-xs);background:var(--raspberry-600);color:var(--on-action);cursor:pointer}@media (hover:hover){.scr-teacher .rail-tag.help:hover{background:var(--raspberry-700)}}.scr-teacher .tag-pulse{border:3px solid var(--raspberry-600);opacity:0;pointer-events:none;animation:kl-pulse-ring .9s var(--ease-out) 2;border-radius:0 0 18px 18px;position:absolute;inset:-5px}.scr-teacher .pass-top{gap:var(--s-5);grid-template-columns:300px minmax(0,1fr);align-items:start;margin-top:44px;display:grid}.scr-teacher .codebox{justify-items:center;gap:var(--s-4);text-align:center;padding:22px 20px 20px;display:grid}.scr-teacher .qr-plate{background:var(--surface-1);box-shadow:var(--e1), inset 0 0 0 1px var(--hair);border-radius:16px;padding:12px}.scr-teacher .qr-plate .qr{block-size:150px;inline-size:150px;display:block}.scr-teacher .cb-text{justify-items:center;gap:6px;min-width:0;display:grid}.scr-teacher .bigcode{font:900 56px/1 var(--font-display);letter-spacing:.14em;font-variant-numeric:tabular-nums;margin-inline-end:-.14em}.scr-teacher .cb-name{font:var(--t-body-s);color:var(--text-2)}.scr-teacher .cb-show{white-space:nowrap;margin-top:-4px;padding-inline:12px 14px}.scr-teacher .pass-side{gap:var(--s-4);min-width:0;display:grid}.scr-teacher .help-queue{scroll-margin-top:calc(var(--topbar-h) + var(--rail-h) + 24px);background:var(--raspberry-50);box-shadow:inset 6px 0 0 var(--raspberry-600), var(--e1);border-radius:18px;gap:10px;padding:14px 16px 16px 22px;display:grid}.scr-teacher .help-queue:focus-visible{outline-offset:4px}.scr-teacher .hq-cap{font:var(--t-caps);letter-spacing:var(--t-caps-track);text-transform:uppercase;color:var(--raspberry-700);align-items:center;gap:8px;display:flex}.scr-teacher .hq-cap svg{block-size:18px;inline-size:18px}.scr-teacher .hq-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.scr-teacher .hq-ticket{background:var(--surface-1);box-shadow:inset 0 0 0 2px var(--raspberry-600), var(--e1);animation:kl-rise var(--d-base) var(--ease-out) both;border-radius:14px;align-items:center;gap:12px;padding:10px 10px 10px 12px;display:flex;position:relative}.scr-teacher .hq-ticket:after{content:"";border:3px solid var(--raspberry-600);opacity:0;pointer-events:none;animation:kl-pulse-ring .9s var(--ease-out) 2;border-radius:18px;position:absolute;inset:-5px}.scr-teacher .hq-text{flex:1;gap:2px;min-width:0;display:grid}.scr-teacher .hq-text b{font:700 18px/1.15 var(--font-display)}.scr-teacher .hq-text span{font:var(--t-body-s);color:var(--raspberry-700)}.scr-teacher .note.decision{margin:0}.scr-teacher .station-board{gap:var(--s-4);padding:20px;display:grid}.scr-teacher .sb-head{align-items:center;gap:var(--s-3);display:flex}.scr-teacher .sb-count{font-variant-numeric:tabular-nums}.scr-teacher .sb-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.scr-teacher .sb-slot{text-align:center;border-radius:16px;align-content:start;justify-items:center;gap:6px;min-height:112px;padding:12px 6px 10px;display:grid;position:relative}.scr-teacher .sb-slot.free{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--hair) 80%, transparent)}.scr-teacher .sb-slot.free .station-token{opacity:.38}.scr-teacher .sb-slot.on{background:var(--surface-1);box-shadow:var(--e1), inset 0 0 0 1px var(--hair)}.scr-teacher .sb-slot.away{background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--field)}.scr-teacher .sb-slot.away .station-token{opacity:.7}.scr-teacher .sb-slot.help{box-shadow:0 0 0 3px var(--raspberry-600), var(--e1)}.scr-teacher .sb-link{color:inherit;border-radius:12px;justify-items:center;gap:6px;text-decoration:none;display:grid}.scr-teacher .sb-link:after{content:"";border-radius:16px;position:absolute;inset:0}.scr-teacher .sb-link:focus-visible{box-shadow:none;outline:none}.scr-teacher .sb-link:focus-visible:after{outline:4px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 3px var(--focus-halo)}.scr-teacher .sb-name{font:700 17px/1.15 var(--font-display);overflow-wrap:anywhere}.scr-teacher .sb-slot.free .sb-name{color:var(--text-3);font-weight:600;font-family:var(--font)}.scr-teacher .sb-badges{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.scr-teacher .sb-b{border-radius:var(--r-pill);min-height:22px;font:var(--t-caps);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.scr-teacher .sb-b svg{block-size:13px;inline-size:13px}.scr-teacher .sb-b.help{background:var(--raspberry-600);color:var(--on-action)}.scr-teacher .sb-b.wait{background:var(--wait-bg);color:var(--saffron-700);box-shadow:inset 0 0 0 1.5px var(--saffron-600);font-variant-numeric:tabular-nums}.scr-teacher .sb-b.away{background:var(--surface-1);color:var(--text-3);box-shadow:inset 0 0 0 1.5px var(--field)}.scr-teacher .view-bar{align-items:center;gap:var(--s-3);margin:var(--s-7) 0 var(--s-4);display:flex}.scr-teacher .view-bar .tabs{margin:0}.scr-teacher .view-bar .tabs [role=tab]{min-height:var(--tap-s)}.scr-teacher .tickets{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.scr-teacher .tk-empty{grid-column:1/-1}.scr-teacher .gcard{--gc-face:var(--surface-1);border:1px solid var(--hair);background:radial-gradient(circle at 8px 0, var(--surface-0) 0 4px, transparent 4.5px) 0 0 / 16px 8px repeat-x, var(--gc-face);box-shadow:var(--e2);scroll-margin-top:calc(var(--topbar-h) + var(--rail-h) + 24px);flex-direction:column;gap:12px;padding:20px 18px 12px;display:flex;container-type:inline-size}.scr-teacher .gcard:focus-visible{outline-offset:4px}.scr-teacher .gcard.away{--gc-face:var(--surface-2);border:2px dashed var(--field);box-shadow:none}.scr-teacher .gcard.help{box-shadow:0 0 0 3px var(--raspberry-600), var(--e2);border-color:var(--raspberry-600)}.scr-teacher .gcard.help:after{content:"";border:3px solid var(--raspberry-600);opacity:0;pointer-events:none;animation:kl-pulse-ring .9s var(--ease-out) 2;border-radius:14px;position:absolute;inset:-6px}.scr-teacher .gc-head{align-items:center;gap:12px;display:flex}.scr-teacher .gc-head .station-token{margin-bottom:3px}.scr-teacher .gc-name{min-width:0;font:var(--t-title-m);overflow-wrap:anywhere;flex:1}.scr-teacher .gc-online{font:600 17px/1 var(--font);color:var(--text-3);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.scr-teacher .gc-online.on{color:var(--basil-700)}.scr-teacher .gc-dot{block-size:10px;inline-size:10px;box-shadow:inset 0 0 0 2px var(--field);border-radius:50%}.scr-teacher .gc-online.on .gc-dot{background:var(--basil-500);box-shadow:0 0 0 3px var(--basil-50)}.scr-teacher .gc-help{background:var(--raspberry-600);color:var(--on-action);border-radius:12px;align-items:center;gap:10px;padding:6px 6px 6px 8px;display:flex}.scr-teacher .gc-help-icon{background:color-mix(in srgb, var(--raspberry-700) 70%, black);border-radius:50%;place-items:center;block-size:34px;inline-size:34px;display:grid}.scr-teacher .gc-help-icon svg{block-size:20px;inline-size:20px}.scr-teacher .gc-help b{font:700 18px/1.1 var(--font-display);flex:1}.scr-teacher .gc-now{font:400 18px/1.35 var(--font);color:var(--text-2)}.scr-teacher .gc-now b{font:700 18px/1.2 var(--font-display);color:var(--text-1)}.scr-teacher .gc-rec{vertical-align:2px;margin-inline-start:8px}.scr-teacher .gc-steps{grid-template-columns:repeat(var(--n,8), minmax(0, 1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.scr-teacher .gc-steps li{background:var(--surface-1);block-size:44px;box-shadow:inset 0 0 0 1.5px var(--hair);color:var(--text-3);border-radius:8px;place-items:center;display:grid;position:relative}.scr-teacher .gs-n{font:700 12px/1 var(--font-display);font-variant-numeric:tabular-nums;position:absolute;inset-block-start:3px;inset-inline-start:5px}.scr-teacher .gs-sym{font:900 19px/1 var(--font-display);align-items:baseline;margin-top:9px;display:inline-flex}.scr-teacher .gs-sym small{font:900 12px/1 var(--font-display);margin-inline-start:1px}.scr-teacher .gc-steps .c-T{background:var(--plum-50);color:var(--plum-600);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--plum-600) 30%, transparent)}.scr-teacher .gc-steps .c-C{background:var(--basil-50);color:var(--basil-700);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--basil-700) 25%, transparent)}.scr-teacher .gc-steps .c-R{background:var(--surface-1);color:var(--saffron-700);box-shadow:none;outline:2px dashed var(--saffron-600);outline-offset:-2px}.scr-teacher .gc-steps .c-P{background:var(--butter-50);color:var(--butter-700)}.scr-teacher .gc-steps li.cur:after{content:"";border:2.5px solid var(--thread-ring);pointer-events:none;border-radius:11px;position:absolute;inset:-4px}.scr-teacher .gs-sym.fresh{animation:tp-stamp var(--d-reward) linear both}.scr-teacher .gc-cap{font:var(--t-caps);letter-spacing:var(--t-caps-track);text-transform:uppercase;color:var(--text-3);align-items:center;gap:6px;display:flex}.scr-teacher .gc-cap svg{flex:none;block-size:16px;inline-size:16px}.scr-teacher .gc-wait{background:var(--wait-bg);box-shadow:inset 0 0 0 2px var(--saffron-600);animation:kl-rise var(--d-base) var(--ease-out) both;border-radius:12px;gap:8px;padding:12px;display:grid}.scr-teacher .gc-wait .gc-cap{color:var(--saffron-700)}.scr-teacher .gc-wait ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.scr-teacher .gc-wait li{align-items:center;gap:10px;display:flex}.scr-teacher .gc-wait-t{min-width:0;font:700 18px/1.2 var(--font-display);flex:1}.scr-teacher .gc-confirm{flex:none;padding-inline:18px 20px}.scr-teacher .gc-chips{flex-wrap:wrap;gap:6px;display:flex}.scr-teacher .gc-assign{gap:10px;display:grid}.scr-teacher .gc-field{gap:5px;min-width:0;display:grid}.scr-teacher .gc-select{inline-size:100%;min-height:var(--tap-xs);border:2px solid var(--field);font:600 17px/1.2 var(--font);color:var(--text-1);appearance:none;text-overflow:ellipsis;background:linear-gradient(45deg, transparent 50%, var(--text-2) 50%) calc(100% - 20px) 50% / 7px 7px no-repeat, linear-gradient(135deg, var(--text-2) 50%, transparent 50%) calc(100% - 13px) 50% / 7px 7px no-repeat, var(--surface-1);border-radius:12px;padding:6px 38px 6px 12px}.scr-teacher .gc-cook{border-top:1px solid var(--hair);gap:8px;padding-top:12px;display:grid}.scr-teacher .gc-allergy{justify-content:flex-start;inline-size:100%}.scr-teacher .gc-allergy:before,.scr-teacher .gc-step:before{display:none}.scr-teacher .gc-cook-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.scr-teacher .gc-step{white-space:nowrap;gap:6px;padding-inline:8px}.scr-teacher .gc-note{font:var(--t-body-s);color:var(--text-2)}.scr-teacher .team-steps{border-top:1px solid var(--hair);padding-top:2px}.scr-teacher .team-steps>summary{min-height:var(--tap-xs);font:700 17px/1.2 var(--font-display);color:var(--text-2);border-radius:8px}.scr-teacher .acts{gap:6px;margin:4px 0 6px;padding:0;list-style:none;display:grid}.scr-teacher .act{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"send chip ctl";align-items:center;gap:6px;padding-block:2px;display:grid}.scr-teacher .act+.act{border-top:1px dashed var(--hair);padding-top:6px}.scr-teacher .act-send{text-align:start;min-width:0;font:700 17px/1.2 var(--font-display);white-space:normal;grid-area:send;justify-content:flex-start;padding:4px 8px}.scr-teacher .act>.chip{grid-area:chip}.scr-teacher .act-ctl{grid-area:ctl;gap:8px;display:inline-flex}.scr-teacher .gc-foot{border-top:1px dashed var(--hair);align-items:center;gap:8px;margin-top:-2px;padding-top:8px;display:flex}.scr-teacher .gc-move{font-variant-numeric:tabular-nums}.scr-teacher .gc-move b{font-family:var(--font-display);letter-spacing:.1em;font-weight:900}@container (max-width:420px){.scr-teacher .act{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"send send""chip ctl"}.scr-teacher .act>.chip{justify-self:start;margin-inline-start:8px}}@container (min-width:440px){.scr-teacher .gc-assign{grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr)}.scr-teacher .gc-cook-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}.scr-teacher .summary-card{padding:22px 22px 18px}.scr-teacher .sum-head{align-items:center;gap:var(--s-3);display:flex}.scr-teacher .sum-legend{font:var(--t-body-s);color:var(--text-2);margin:8px 0 14px}.scr-teacher .sum-scroll{box-shadow:inset 0 0 0 1px var(--hair);border-radius:14px;overflow-x:auto}.scr-teacher .summary{border-collapse:separate;border-spacing:0;inline-size:100%;font:600 17px/1.2 var(--font)}.scr-teacher .summary th,.scr-teacher .summary td{border-bottom:1px solid var(--hair);text-align:center;white-space:nowrap;padding:10px 8px}.scr-teacher .summary :is(th,td):nth-child(2){text-align:start}.scr-teacher .summary :is(th,td):first-child{z-index:1;text-align:start;background:var(--surface-1);padding-inline-start:14px;position:sticky;inset-inline-start:0}.scr-teacher .summary thead th{background:var(--surface-2);font:700 17px/1 var(--font-display);font-variant-numeric:tabular-nums}.scr-teacher .summary thead th:first-child{background:var(--surface-2)}.scr-teacher .summary thead th[data-thread]{box-shadow:inset 0 3px 0 var(--thread)}.scr-teacher .summary tbody tr:last-child td{border-bottom:0}.scr-teacher .summary td[class^=c-]{font:900 18px/1 var(--font-display)}.scr-teacher .summary .c-T{background:var(--plum-50);color:var(--plum-600)}.scr-teacher .summary .c-C{background:var(--basil-50);color:var(--basil-700)}.scr-teacher .summary .c-R{color:var(--saffron-700);box-shadow:inset 0 0 0 2px var(--saffron-600)}.scr-teacher .summary .c-P{background:var(--butter-50);color:var(--butter-700)}.scr-teacher .summary .c-N{color:var(--text-3)}.scr-teacher .sum-key{font:var(--t-body-s);color:var(--text-3);margin-top:12px}.scr-teacher .run-sheet{margin-top:var(--s-7)}.scr-teacher .tp-grid{gap:var(--s-5);margin-top:var(--s-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.scr-teacher .teacher-body>.office{margin-top:var(--s-5)}.scr-teacher .pass-foot{margin-top:var(--s-5);justify-content:flex-end;display:flex}.scr-teacher .projector-join{z-index:var(--z-overlay);overscroll-behavior:contain;background:radial-gradient(110% 80% at 0% 0%, color-mix(in srgb, var(--wash-warm) 85%, transparent), transparent 62%), radial-gradient(90% 70% at 100% 100%, var(--wash-cool), transparent 60%), var(--surface-0);color:var(--text-1);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"qr info""st st";align-content:center;align-items:center;gap:clamp(20px,4.5vh,56px) clamp(32px,5vw,104px);padding:clamp(24px,4vw,88px);display:grid;position:fixed;inset:0;overflow:auto}.scr-teacher .pj-qr{background:var(--surface-1);inline-size:clamp(230px,24vw,460px);box-shadow:var(--e3), inset 0 0 0 1px var(--hair);border-radius:14px;grid-area:qr;padding:clamp(12px,1.3vw,24px);position:relative;transform:rotate(-1.5deg)}.scr-teacher .pj-qr .qr{block-size:auto;inline-size:100%;display:block}.scr-teacher .pj-qr:before,.scr-teacher .pj-qr:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--butter-400) 55%, transparent), color-mix(in srgb, var(--butter-400) 42%, transparent));block-size:34px;inline-size:30%;box-shadow:0 1px 2px color-mix(in srgb, var(--butter-700) 18%, transparent);border-radius:3px;position:absolute;inset-block-start:-14px}.scr-teacher .pj-qr:before{inset-inline-start:-8%;transform:rotate(-32deg)}.scr-teacher .pj-qr:after{inset-inline-end:-8%;transform:rotate(32deg)}.scr-teacher .pj-info{grid-area:info;justify-items:start;gap:clamp(10px,2.2vh,26px);min-width:0;display:grid}.scr-teacher .pj-logo{block-size:clamp(56px,4.2vw,80px);inline-size:clamp(56px,4.2vw,80px);display:block}.scr-teacher .pj-logo>svg{block-size:100%;inline-size:100%;display:block}.scr-teacher .pj-info h1{font:900 clamp(40px, 3.8vw, 72px)/1 var(--font-display);letter-spacing:-.02em}.scr-teacher .pj-how{flex-wrap:wrap;gap:10px 12px;margin:0;padding:0;list-style:none;display:flex}.scr-teacher .pj-how li{border-radius:var(--r-pill);background:var(--surface-1);box-shadow:var(--e1), inset 0 0 0 1.5px var(--hair);font:600 clamp(20px, 1.5vw, 30px)/1.2 var(--font);align-items:center;gap:12px;padding:7px 20px 7px 7px;display:inline-flex}.scr-teacher .pj-how b{font-family:var(--font-display);font-weight:700}.scr-teacher .pj-n{background:var(--action);block-size:1.6em;inline-size:1.6em;color:var(--on-action);font:900 .8em/1 var(--font-display);border-radius:50%;place-items:center;display:inline-grid}.scr-teacher .pj-code{font:900 min(10vw, 150px)/1 var(--font-display);letter-spacing:.14em;font-variant-numeric:tabular-nums}.scr-teacher .pj-code span{background:var(--marker);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline-start:.08em}.scr-teacher .pj-scan{font:var(--t-body-l);color:var(--text-2)}.scr-teacher .pj-stations{grid-area:st;gap:clamp(14px,2.4vh,30px);display:grid}.scr-teacher .pj-row{grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(8px,1.1vw,22px);margin:0;padding:0;list-style:none;display:grid}.scr-teacher .pj-row li{text-align:center;align-content:start;justify-items:center;gap:8px;display:grid}.scr-teacher .pj-row .station-token{--st:clamp(52px, 6.2vw, 120px)!important}.scr-teacher .pj-row li:not(.on) .station-token{background:var(--surface-1);color:color-mix(in srgb, var(--st-c) 70%, var(--ink));box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--st-c) 45%, transparent);opacity:.6}.scr-teacher .pj-row li.fresh .station-token{animation:tp-lit var(--d-reward) linear both}.scr-teacher .pj-name{font:700 clamp(17px, 1.25vw, 26px)/1.1 var(--font-display);color:var(--text-3)}.scr-teacher .pj-row li.on .pj-name{color:var(--text-1)}.scr-teacher .pj-joined{font:var(--t-caps);letter-spacing:var(--t-caps-track);text-transform:uppercase;color:var(--basil-700)}.scr-teacher .pj-foot{border-top:1px solid var(--hair);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;padding-top:clamp(10px,2vh,22px);display:flex}.scr-teacher .pj-count{font:700 clamp(20px, 1.6vw, 32px)/1.2 var(--font-display);color:var(--text-2)}.scr-teacher .pj-count b{color:var(--basil-700);font-variant-numeric:tabular-nums;font-weight:900}@media (min-width:1180px){.scr-teacher :is(.rail-msg,.rail-sound) .rb-text,.scr-teacher .rt-label,.scr-teacher .seg-btn:not([aria-pressed=true]) .seg-t{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.scr-teacher .rail-sound{padding-inline:10px}.scr-teacher .seg-btn:not([aria-pressed=true]){padding-inline:7px}.scr-teacher .seg-btn[aria-pressed=true]:before{display:none}.scr-teacher .rail-seg{margin-inline-start:2px}.scr-teacher :is(.rail-msg,.rail-timer) .pop-caret{display:none}.scr-teacher .rail-live{border-color:#0000;padding-inline:6px}.scr-teacher .rail-live.offline{padding-inline:10px}.scr-teacher .rail:has(.rail-live.offline) .seg-btn .seg-t{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.scr-teacher .rail:has(.rail-live.offline) .seg-btn{padding-inline:7px}}@media (min-width:1600px){.scr-teacher :is(.rail-msg,.rail-sound) .rb-text,.scr-teacher .rt-label{clip:auto;block-size:auto;inline-size:auto;position:static;overflow:visible}.scr-teacher .rt-label{max-inline-size:16ch;overflow:hidden}.scr-teacher .rail-sound{padding-inline:10px 12px}.scr-teacher :is(.rail-msg,.rail-timer) .pop-caret{display:inline-grid}}@media (max-width:860px),(orientation:portrait) and (max-width:1000px){.scr-teacher :is(.rail-msg,.rail-sound) .rb-text{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.scr-teacher .rail-sound{padding-inline:10px}}@media (max-width:1179px){.scr-teacher .teacher-body{--rail-h:128px}.scr-teacher .pass-rail{block-size:auto}.scr-teacher .pass-top{grid-template-columns:minmax(0,1fr)}.scr-teacher .codebox{text-align:start;place-items:center start;gap:var(--s-6);grid-template-columns:auto minmax(0,1fr) auto;padding:16px 22px 16px 16px}.scr-teacher .qr-plate .qr{block-size:128px;inline-size:128px}.scr-teacher .cb-text{justify-items:start}.scr-teacher .cb-show{margin:0}.scr-teacher .tickets{grid-template-columns:repeat(2,minmax(0,1fr))}.scr-teacher .rail-b{margin-inline-start:0}.scr-teacher .pop-panel{transform-origin:0 0;inset-inline:-8px auto}.scr-teacher .pop-panel:before{inset-inline:34px auto}.scr-teacher .rail-msg{position:static}.scr-teacher .rail-msg .pop-panel{inset-inline:var(--gutter);inline-size:auto;max-inline-size:460px}.scr-teacher .rail-msg .pop-panel:before{display:none}}@media (max-width:1100px){.scr-teacher .start{gap:var(--s-5)}.scr-teacher .tool-grid,.scr-teacher .print-grid{grid-template-columns:minmax(0,1fr)}.scr-teacher .tool-tile,.scr-teacher .print-tile{min-height:72px}}@media (max-width:860px),(orientation:portrait) and (max-width:1000px){.scr-teacher .start{grid-template-columns:minmax(0,1fr)}.scr-teacher .tool-grid,.scr-teacher .print-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scr-teacher .tp-grid{grid-template-columns:minmax(0,1fr)}.scr-teacher .projector-join{column-gap:32px}.scr-teacher .pj-qr{inline-size:clamp(200px,32vw,300px)}.scr-teacher .pj-row{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:22px}.scr-teacher .pj-row .station-token{--st:clamp(56px, 10vw, 88px)!important}}@media (max-width:700px){.scr-teacher .sb-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.scr-teacher .rail-seg{margin-inline-start:0}}@media (max-width:560px){.scr-teacher .tickets{grid-template-columns:minmax(0,1fr)}.scr-teacher .codebox{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;padding:20px}.scr-teacher .cb-text{justify-items:center}.scr-teacher .bigcode{font-size:44px}.scr-teacher .tool-grid,.scr-teacher .print-grid{grid-template-columns:minmax(0,1fr)}.scr-teacher .start-form{padding:20px 18px 22px}.scr-teacher .rail-a,.scr-teacher .rail-b{flex-wrap:wrap}}@media (min-width:1600px){.scr-teacher .tickets{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}body.motion-gentle .scr-teacher :is(.pop-panel,.rail-tag,.hq-ticket,.gc-wait),body.motion-gentle .scr-teacher :is(.gs-sym.fresh,.pj-row li.fresh .station-token){animation:.15s ease-out both kl-fade-in}body:not([data-motion=full]) .scr-teacher .tag-pulse,body:not([data-motion=full]) .scr-teacher .hq-ticket:after,body:not([data-motion=full]) .scr-teacher .gcard.help:after{animation:none}@media print{.scr-teacher .pass-rail,.scr-teacher .view-bar,.scr-teacher .pass-foot,.scr-teacher .projector-join{display:none!important}.scr-teacher .summary-card{background:0 0;padding:0;border:0!important}.scr-teacher .sum-scroll{box-shadow:none;overflow:visible}.scr-teacher .summary{font-size:10pt}.scr-teacher .summary th,.scr-teacher .summary td{border-bottom:.5pt solid var(--ink);color:var(--ink);padding:4pt 3pt;box-shadow:none!important;background:0 0!important}.scr-teacher .summary :is(th,td):first-child{position:static}.scr-teacher .sum-key,.scr-teacher .sum-legend{color:var(--ink);font-size:9pt}}@keyframes tp-drop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@keyframes tp-hang{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes tp-stamp{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,.9,.6);transform:scale(1.9)rotate(-10deg)}18%{opacity:1}55%{animation-timing-function:var(--ease-spring);transform:scale(.9)rotate(3deg)}to{opacity:1;transform:none}}@keyframes tp-lit{0%{transform:scale(.7)}60%{transform:scale(1.1)}to{transform:none}}