.halloween{position:relative;display:flex;flex-direction:column;min-height:max(36rem,calc(100svh - 3.25rem));overflow:hidden;background-color:var(--color-brand-primary);color:var(--color-surface)}.halloween__stage{position:absolute;inset:0}.halloween__canvas{display:block;width:100%;height:100%}.halloween[data-phase=playing] .halloween__canvas{cursor:none;touch-action:none}:root:has(.halloween[data-phase=playing] .halloween__stage:hover) .magnetic-cursor-root{visibility:hidden}.halloween__hud{position:relative;z-index:10;display:flex;flex:1;flex-direction:column;pointer-events:none}.halloween__hud>.cells__row:first-child{background-color:color-mix(in srgb,var(--color-brand-primary) 88%,transparent);border-bottom:1px solid var(--cells-rule)}.halloween__meters{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.75rem}.halloween__meter{display:inline-flex;align-items:center;gap:.6rem;margin:0;font-family:var(--font-sans);font-weight:700;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--color-surface) 70%,transparent)}.halloween__value{min-width:2ch;font-size:1.5rem;color:var(--color-surface)}.torch-meter{position:relative;display:inline-flex;gap:2px;height:1rem;margin-right:4px;padding:2px;border:1px solid}.torch-meter:after{content:"";position:absolute;top:50%;right:-4px;width:3px;height:.4rem;background-color:currentColor;transform:translateY(-50%)}.torch-meter__cell{width:.3rem;background-color:color-mix(in srgb,currentColor 18%,transparent)}.torch-meter__cell[data-on]{background-color:var(--color-surface)}.torch-meter[data-low] .torch-meter__cell[data-on]{background-color:var(--color-ink)}.halloween__body{display:flex;flex:1;align-items:flex-end;padding:var(--cells-gutter)}.halloween__panel{display:flex;flex-direction:column;gap:1.25rem;width:100%;padding:1.5rem 1.25rem 1.25rem;background-color:var(--color-ink);color:var(--color-brand-primary);pointer-events:auto;transform:rotate(-1.2deg)}.halloween__title{color:var(--color-brand-primary);font-size:clamp(2.75rem,11vw,6rem)}.halloween__lead{max-width:34ch;font-weight:600;font-size:1.0625rem;line-height:1.4;letter-spacing:-.01em}.halloween__how,.halloween__lead{margin:0;font-family:var(--font-sans)}.halloween__how{font-weight:700;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--color-brand-primary) 70%,transparent)}.halloween__record{align-self:flex-start;margin:0}.halloween__result{display:flex;align-items:baseline;gap:1rem;margin:0;font-family:var(--font-sans);font-weight:800;font-size:.875rem;letter-spacing:.2em;text-transform:uppercase}.halloween__score{font-size:clamp(4.5rem,12vw,7.5rem);letter-spacing:0}.halloween__action{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%;min-height:4.5rem;padding:1rem 1.25rem;border:1px solid var(--color-brand-primary);background-color:var(--color-brand-primary);color:var(--color-ink);font-family:var(--font-sans);font-weight:900;font-size:clamp(1.25rem,2.4vw,2rem);line-height:.95;letter-spacing:-.04em;text-align:left;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease}.halloween__action--quiet{min-height:3.5rem;background-color:initial;color:var(--color-brand-primary);font-size:clamp(1rem,1.6vw,1.375rem)}.halloween__action:focus-visible,.halloween__action:hover:not(:disabled){background-color:var(--color-surface);color:var(--color-brand-primary);outline:none}.halloween__action:focus-visible{box-shadow:0 0 0 3px var(--color-surface)}.halloween__action:disabled{cursor:progress;color:color-mix(in srgb,var(--color-ink) 60%,transparent)}.halloween__action .dot-icon{flex:none;font-size:1.5rem}.halloween>.hazard-tape{position:relative;z-index:10}@media (max-width:767px){.halloween__brand:has(+.halloween__meters){display:none}.halloween__brand+.halloween__meters{border-top:0}.halloween__meters{gap:.5rem 1.25rem;padding-block:.75rem}.halloween__meter{gap:.45rem;font-size:.6875rem;letter-spacing:.12em}.halloween__value{font-size:1.25rem}}@media (min-width:768px){.halloween__body{align-items:center;padding:2rem}.halloween__panel{width:min(100%,34rem);padding:2rem 2rem 1.75rem}}@media (min-width:1024px){.halloween__meters{justify-content:flex-end}.halloween__body{padding:3rem var(--cells-gutter)}}@media (prefers-reduced-motion:reduce){.halloween__action{transition:none}}