.web-apps-scratch{box-sizing:border-box;--scratch-card-max:560px;background:0 0;width:100%;max-width:100%;margin:0;padding:clamp(16px,3vh,32px) 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.web-apps-scratch__stage{flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:clamp(16px,3vw,28px);width:100%;max-width:100%;margin:0;display:flex;position:relative;overflow:visible}.web-apps-scratch__card-wrap{width:min(100%, var(--scratch-card-max), 72dvh);flex:none;max-width:100%;position:relative}.web-apps-scratch__card-wrap--hover,.web-apps-scratch__card-wrap--active{cursor:none}.web-apps-scratch__card{width:100%;max-height:min(var(--scratch-card-max), 72dvh);aspect-ratio:1;background:#fafaf8;border:1px solid #d4d2cb;border-radius:8px;height:auto;position:relative;overflow:hidden;box-shadow:0 8px 40px #0000001f}.web-apps-scratch__scratch-canvas{display:block;cursor:none!important}.web-apps-scratch__placeholder{background:linear-gradient(135deg,#c9c7c1,#e8e6e0);width:100%;height:100%}.kelvin-after-wireframe{display:block}.web-apps-scratch__card-idle{width:100%;height:100%;position:relative}.web-apps-scratch__card-cover{-o-object-fit:fill;object-fit:fill;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.web-apps-scratch__card-hint{letter-spacing:.06em;text-transform:uppercase;text-align:center;color:#ffffffeb;pointer-events:none;background:#00000073;border-radius:4px;max-width:85%;margin:0;padding:8px 12px;font-size:10px;line-height:1.45;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.web-apps-scratch__coin-cursor{width:var(--scratch-coin-size,64px);height:var(--scratch-coin-size,64px);pointer-events:none;z-index:30;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 10px #00000059);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.web-apps-scratch__tray{width:100%;min-width:0;max-width:var(--scratch-tray-max,280px);flex:none;justify-content:center;align-items:center;display:flex;container:scratch-tray/inline-size}.web-apps-scratch__tray-bar{box-sizing:border-box;cursor:pointer;width:100%;font:inherit;text-align:inherit;background:0 0;border:none;border-radius:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"take coin leave";align-items:center;gap:clamp(10px,3vw,24px);margin:0;padding:clamp(14px,3vh,20px) clamp(12px,3vw,20px);transition:background .16s;display:grid}@container scratch-tray (width<=400px){.web-apps-scratch__tray-bar:not(.kelvin-scratch__tray-bar){flex-direction:column;align-items:center;gap:12px;padding-block:16px;display:flex}.web-apps-scratch__tray-bar:not(.kelvin-scratch__tray-bar) .web-apps-scratch__tray-phrase-wrap--take,.web-apps-scratch__tray-bar:not(.kelvin-scratch__tray-bar) .web-apps-scratch__tray-phrase-wrap--leave{justify-content:center;width:100%}.web-apps-scratch__tray-bar:not(.kelvin-scratch__tray-bar) .web-apps-scratch__tray-phrase--take,.web-apps-scratch__tray-bar:not(.kelvin-scratch__tray-bar) .web-apps-scratch__tray-phrase--leave{text-align:center}}.web-apps-scratch__tray-phrase-wrap{align-self:center;min-width:0;display:flex}.web-apps-scratch__tray-phrase-wrap--take{grid-area:take;justify-content:flex-end}.web-apps-scratch__tray-phrase-wrap--leave{grid-area:leave;justify-content:flex-start}.web-apps-scratch__tray-bar--drop{background:var(--color-nav-pill-muted-accent-1)}.web-apps-scratch__tray-bar--drop:hover{background:color-mix(in srgb, var(--color-accent,#de3e18) 16%, var(--color-nav-pill-muted-accent-1))}.web-apps-scratch__tray-bar:focus{outline:none}.web-apps-scratch__tray-bar:focus-visible{outline:2px solid var(--color-accent,#de3e18);outline-offset:3px}.web-apps-scratch__tray-phrase{pointer-events:none;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-nav-faded-selection);font-size:clamp(10px,2.1vw,12px);font-weight:700;line-height:1.35;transition:color .16s}.web-apps-scratch__tray-phrase--take{text-align:right}.web-apps-scratch__tray-phrase--leave{text-align:left}.web-apps-scratch__tray-bar--ready .web-apps-scratch__tray-phrase--take,.web-apps-scratch__tray-bar--drop .web-apps-scratch__tray-phrase--leave{opacity:1;color:var(--color-accent,#de3e18)}.web-apps-scratch__tray-coin{box-sizing:border-box;pointer-events:none;width:var(--scratch-coin-size,64px);height:var(--scratch-coin-size,64px);background:0 0;border-radius:50%;flex:none;grid-area:coin;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.web-apps-scratch__tray-coin--empty .web-apps-scratch__tray-coin-slot{background:color-mix(in srgb, var(--color-accent,#de3e18) 32%, transparent)}.web-apps-scratch__tray-coin-slot{background:color-mix(in srgb, var(--color-accent,#de3e18) 28%, transparent);border-radius:50%;width:42%;height:42%;display:block}.web-apps-scratch__tray-coin-img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 10px #00000059);pointer-events:none;width:100%;height:100%;transition:transform .16s;display:block;transform:scale(.78)}.web-apps-scratch__tray-bar--ready:hover .web-apps-scratch__tray-coin-img,.web-apps-scratch__tray-bar--ready:focus-visible .web-apps-scratch__tray-coin-img{transform:scale(.9)}@media (prefers-reduced-motion:reduce){.web-apps-scratch__tray-coin-img{transition:none}}.web-apps-scratch__footer{width:100%;max-width:min(var(--scratch-card-max), 100%);flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:16px;display:flex}.web-apps-scratch__count{color:#4a4a4a;margin:0;font-size:12px}.web-apps-scratch__reset{letter-spacing:.06em;text-transform:uppercase;color:#f5431b;cursor:pointer;background:0 0;border:1px solid #f5431b;border-radius:4px;margin-left:auto;padding:8px 16px;font-family:inherit;font-size:11px;font-weight:600}.web-apps-scratch__reset:hover{background:#f5431b14}.web-apps-scratch__reset:focus-visible{outline-offset:2px;outline:2px solid #f5431b}@media (width<=620px){.web-apps-scratch__stage:not(.kelvin-scratch__stage){flex-direction:column;align-items:flex-start}.web-apps-scratch__card-wrap{width:min(100%,62dvh)}.web-apps-scratch__card{max-height:min(var(--scratch-card-max), 62dvh)}}.web-apps-chapter-slot .chapter-slide__stage{min-height:min(480px,52dvh)}.kelvin-scratch.web-apps-scratch{padding-block:clamp(8px,1.5vh,20px) 0}.kelvin-scratch{pointer-events:auto;--scratch-ticket-scale:1;--scratch-ticket-aspect:calc(1274.34 / 805.73);--scratch-ticket-w-max:clamp(var(--cs-stage-min,220px), 34vw, var(--cs-stage-max,560px));--scratch-ticket-h-max:min(52dvh, 620px, calc(100dvh - 11rem));width:var(--scratch-ticket-w,var(--scratch-ticket-w-max));box-sizing:border-box;flex-direction:column;align-items:center;max-width:100%;margin:0 0 28px;padding:0;display:flex;container:kelvin-scratch-root/inline-size}.kelvin-scratch--placeholder{pointer-events:none;width:100%;min-height:min(480px,52dvh)}@media (width<=767px){.kelvin-scratch{--scratch-ticket-scale:.94}}@media (width>=768px) and (width<=1023px){.kelvin-scratch{--scratch-ticket-scale:1}}@media (width>=1024px){.kelvin-scratch{--scratch-ticket-scale:1}}.kelvin-scratch__stage.web-apps-scratch__stage{touch-action:pan-y;flex-flow:column;justify-content:flex-start;align-items:center;gap:clamp(14px,2.5vh,24px);width:100%;max-width:100%;margin-inline:auto;position:relative}.kelvin-scratch__stage--coin-out{cursor:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.kelvin-scratch__stage--coin-out .kelvin-scratch__ticket-stack,.kelvin-scratch__stage--coin-out .kelvin-scratch__panel,.kelvin-scratch__stage--coin-out .kelvin-scratch-zone{touch-action:none}.kelvin-scratch__coin-cursor-wrap{z-index:30;left:var(--kelvin-coin-x,50%);top:var(--kelvin-coin-y,50%);width:var(--scratch-coin-size,64px);height:var(--scratch-coin-size,64px);pointer-events:none;line-height:0;position:absolute;transform:translate(-50%,-50%)}.kelvin-scratch__coin-cursor-wrap .kelvin-scratch__coin-cursor{position:static;top:auto;left:auto;transform:none}.kelvin-scratch__column{width:var(--scratch-ticket-w,var(--scratch-ticket-w-max));min-width:var(--cs-stage-min,220px);--scratch-coin-size:clamp(2.75rem, 20cqi, 4.75rem);flex-direction:column;flex:none;align-self:center;align-items:center;gap:clamp(4px,1vh,10px);max-width:100%;margin-inline:auto;display:flex;container:kelvin-scratch-col/inline-size}.kelvin-scratch__ticket-stack{aspect-ratio:805.73/1274.34;width:100%;height:auto;max-height:var(--scratch-ticket-h,var(--scratch-ticket-h-max));flex-shrink:0;max-width:100%;min-height:min(240px,42dvh);position:relative;overflow:hidden}.kelvin-scratch__tray--below{pointer-events:auto;flex-shrink:0;width:100%;max-width:100%;position:static}.kelvin-scratch__tray--below .kelvin-scratch__tray-bar{background:0 0;border-radius:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"take coin leave";align-items:center;gap:clamp(8px,2.5cqi,18px);width:100%;min-height:clamp(3.25rem,14cqi,5.5rem);padding-block:clamp(8px,2cqi,14px);padding-inline:clamp(10px,3cqi,22px);transition:background .16s;display:grid;container:kelvin-tray-band/inline-size}.kelvin-scratch__tray--below .kelvin-scratch__tray-bar.web-apps-scratch__tray-bar--drop{cursor:default;background:0 0}.kelvin-scratch__tray--below .kelvin-scratch__tray-bar.web-apps-scratch__tray-bar--drop:hover{background:var(--color-nav-pill-muted-accent-1)}.kelvin-scratch__tray-action{cursor:pointer;font:inherit;color:inherit;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;margin:0;padding:0}.kelvin-scratch__tray-action:active{background:0 0}.kelvin-scratch__tray-action:disabled{cursor:default;pointer-events:none}.kelvin-scratch__tray-action--take{grid-area:take;container:kelvin-tray-label/inline-size}.kelvin-scratch__tray-action--coin{cursor:pointer;background:0 0;border-radius:0;grid-area:coin;justify-content:center;align-items:center;display:flex}.kelvin-scratch__tray-action--leave{grid-area:leave;container:kelvin-tray-label/inline-size}.kelvin-scratch__tray-action:focus,.kelvin-scratch__tray-action:focus:not(:focus-visible){outline:none}.kelvin-scratch__tray-action:focus-visible{outline:2px solid var(--color-accent,#de3e18);outline-offset:2px}.kelvin-scratch__ticket{width:100%;max-width:100%;height:100%;line-height:0;display:block;position:relative}.kelvin-scratch__art{-o-object-fit:fill;object-fit:fill;-o-object-position:top center;object-position:top center;width:100%;height:100%;display:block}.kelvin-scratch__panel{left:var(--kelvin-zone-left);top:var(--kelvin-zone-top);width:var(--kelvin-zone-width);height:var(--kelvin-zone-height);z-index:1;pointer-events:none;position:absolute;overflow:hidden}.kelvin-scratch__stage--coin-out .kelvin-scratch__panel{pointer-events:auto;touch-action:none}.kelvin-scratch-zone{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:100%;min-width:1px;height:100%;min-height:1px;position:relative}.kelvin-scratch-zone__reveal,.kelvin-scratch-zone__cover{width:100%;height:100%;display:block;position:absolute;inset:0}.kelvin-scratch-zone__reveal{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;z-index:0;pointer-events:none}.kelvin-scratch-zone__cover{z-index:1}.kelvin-scratch__tray.web-apps-scratch__tray{align-items:stretch;width:100%;max-width:100%}.kelvin-scratch__tray .web-apps-scratch__tray-phrase-wrap--take{justify-content:flex-end}.kelvin-scratch__tray .web-apps-scratch__tray-phrase-wrap--leave{justify-content:flex-start}.kelvin-scratch__tray .web-apps-scratch__tray-phrase{width:max-content;max-width:100%;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;flex-flow:row;align-items:baseline;gap:.25em;font-size:11px;font-weight:700;line-height:1.15;display:flex}.kelvin-scratch__tray .web-apps-scratch__tray-phrase-line{white-space:nowrap;display:block}.kelvin-scratch__tray .web-apps-scratch__tray-phrase--take{text-align:right;align-items:flex-end;margin-left:auto}.kelvin-scratch__tray .web-apps-scratch__tray-phrase--leave{text-align:left;align-items:flex-start;margin-right:auto}.kelvin-scratch__tray .web-apps-scratch__tray-phrase{color:var(--color-nav-faded-selection);opacity:1;transition:color .16s}.kelvin-scratch__tray-bar.web-apps-scratch__tray-bar--ready .web-apps-scratch__tray-phrase--take,.kelvin-scratch__tray-bar.web-apps-scratch__tray-bar--drop .web-apps-scratch__tray-phrase--leave{color:var(--color-accent,#de3e18)}.kelvin-scratch__tray .web-apps-scratch__tray-coin{width:var(--scratch-coin-size,clamp(2.5rem, 18cqi, 4.5rem));height:var(--scratch-coin-size,clamp(2.5rem, 18cqi, 4.5rem));background:0 0;flex-shrink:0;grid-area:coin;align-self:center;overflow:visible}.kelvin-scratch__tray .web-apps-scratch__tray-coin-img{filter:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transform:none}.kelvin-scratch__tray-bar--ready .kelvin-scratch__tray-action--coin:hover .web-apps-scratch__tray-coin-img,.kelvin-scratch__tray-bar--ready .kelvin-scratch__tray-action--coin:focus-visible .web-apps-scratch__tray-coin-img{transform:scale(1.04)}.kelvin-scratch__tray .web-apps-scratch__tray-coin--empty{width:auto;height:auto;min-width:var(--scratch-coin-size,3rem);min-height:var(--scratch-coin-size,3rem);background:0 0;justify-content:center;align-items:center;display:flex}.kelvin-scratch__tray .web-apps-scratch__tray-coin-slot{background:color-mix(in srgb, var(--color-accent,#de3e18) 22%, transparent);width:clamp(2rem,12cqi,3rem);height:clamp(2rem,12cqi,3rem)}.kelvin-scratch .web-apps-scratch__coin-cursor{filter:drop-shadow(0 2px 6px #0003);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.kelvin-scratch__tray-bar{-webkit-tap-highlight-color:transparent}@container kelvin-tray-label (width<=92px){.kelvin-scratch__tray .web-apps-scratch__tray-phrase{align-items:inherit;flex-direction:column;gap:.05em}}@container kelvin-scratch-col (width<=300px){.kelvin-scratch__tray--below .kelvin-scratch__tray-bar{gap:clamp(6px,2cqi,12px);padding-inline:clamp(8px,2.5cqi,14px)}}