.rule-tape{background:var(--tape-bg);color:var(--tape-fg);border:2px solid var(--rule);border-radius:var(--radius-card);flex-direction:column;gap:.875rem;margin:0;padding:1.125rem;display:flex;position:relative}@media (min-width:640px){.rule-tape{padding:1.375rem}}.rule-tape-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;display:flex}.rule-tape-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.125rem;font-weight:800;line-height:1.2}.rule-tape-scope{font-family:var(--font-mono);letter-spacing:.02em;color:var(--tape-muted);font-size:.6875rem}.rule-tape-tabs{flex-wrap:wrap;gap:.375rem;display:flex}.rule-tape-tab{border:1px solid var(--tape-line-strong);border-radius:var(--radius-pill);min-height:2.25rem;color:var(--tape-fg);cursor:pointer;background:0 0;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;transition:background-color .12s,color .12s,border-color .12s}.rule-tape-tab:hover{border-color:var(--tape-fg)}.rule-tape-tab[aria-pressed=true]{background:var(--color-lime);border-color:var(--color-lime);color:var(--color-ink)}.rule-tape-tab:focus-visible{outline:2px solid var(--color-lime);outline-offset:2px}.rule-tape-chart{aspect-ratio:2;border:1px solid var(--tape-line);background-color:var(--tape-bg);background-image:linear-gradient(var(--tape-grid) 1px, transparent 1px), linear-gradient(90deg, var(--tape-grid) 1px, transparent 1px);background-size:100% 25%,16.666% 100%;border-radius:10px;position:relative;overflow:hidden}@media (min-width:640px) and (max-width:1023.98px){.rule-tape-chart{aspect-ratio:3}}.rule-tape-chart svg{width:100%;height:100%;display:block}.rule-tape-loss-zone{fill:var(--tape-down);opacity:.13}.rule-tape-start{stroke:var(--tape-line-strong);stroke-width:1px;stroke-dasharray:2 4}.rule-tape-target{stroke:var(--tape-up);stroke-width:1.5px;stroke-dasharray:7 5}.rule-tape-floor{fill:none;stroke:var(--tape-down);stroke-width:1.75px}.rule-tape-daily{fill:none;stroke:var(--tape-down);stroke-width:1px;stroke-dasharray:2 4;opacity:.7}.rule-tape-end{stroke:var(--tape-fg);stroke-width:1px;stroke-dasharray:3 3}.rule-tape-candle line{stroke-width:1px}.rule-tape-candle[data-up=true] line{stroke:var(--tape-up)}.rule-tape-candle[data-up=true] rect{fill:var(--tape-up)}.rule-tape-candle[data-up=false] line{stroke:var(--tape-down)}.rule-tape-candle[data-up=false] rect{fill:var(--tape-down)}.rule-tape-candle[data-after]{opacity:.2}.rule-tape-candle{transition:opacity .18s}.rule-tape-label{background:var(--tape-bg);font-family:var(--font-mono);white-space:nowrap;pointer-events:none;border-radius:4px;padding:.0625rem .3125rem;font-size:.625rem;line-height:1.4;position:absolute;right:.375rem;transform:translateY(-50%)}.rule-tape-label[data-tone=target]{color:var(--tape-up)}.rule-tape-label[data-tone=floor]{color:var(--tape-down)}.rule-tape-label[data-tone=start]{color:var(--tape-muted)}.rule-tape-legend{background:var(--tape-bg);font-family:var(--font-mono);color:var(--tape-fg);pointer-events:none;border-radius:4px;padding:.0625rem .3125rem;font-size:.625rem;line-height:1.4;position:absolute;bottom:.375rem;left:.375rem}@media (min-width:640px){.rule-tape-label{font-size:.6875rem}}.rule-tape-body{flex-direction:column;gap:.875rem;display:flex}.rule-tape-outcome{min-height:2.8em;font-size:.875rem;font-weight:600;line-height:1.4}@media (min-width:640px){.rule-tape-outcome{min-height:1.4em}}.rule-tape-outcome[data-ended]{color:var(--tape-down)}.rule-tape-stats{border-top:1px solid var(--tape-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem 1rem;padding-top:.875rem;display:grid}@media (min-width:480px){.rule-tape-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.rule-tape-stats dt{color:var(--tape-muted);font-size:.6875rem}.rule-tape-stats dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;margin:.125rem 0 0;font-size:.9375rem;font-weight:600}.rule-tape-kind{font-family:var(--font-sans);color:var(--tape-muted);font-size:.6875rem;font-weight:400;display:block}.rule-tape-foot{color:var(--tape-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;font-size:.6875rem;display:flex}.rule-tape-link{min-height:1.5rem;color:var(--color-lime);text-underline-offset:3px;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;text-decoration:underline;display:inline-flex}.rule-tape-link:focus-visible{outline:2px solid var(--color-lime);outline-offset:2px;border-radius:4px}.rule-tape-fiction{flex-basis:100%;line-height:1.45}@media (prefers-reduced-motion:no-preference){:root[data-motion=full] .rule-tape-candles{animation:rule-tape-wipe 1.1s var(--ease-out-expo) .15s both}:root[data-motion=full] .rule-tape-rules{animation:.24s both rule-tape-fade}}@keyframes rule-tape-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes rule-tape-fade{0%{opacity:0}to{opacity:1}}.rule-monitor{position:relative}.rule-monitor-casing{z-index:1;background:var(--monitor-casing);border:4px solid var(--color-ink);box-shadow:8px 8px 0 var(--color-ink);border-radius:1.5rem;padding:1rem 1rem 0;position:relative}.rule-monitor-stand{background:var(--color-ink);width:9rem;height:1.25rem;margin:0 auto;display:block}.rule-monitor-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;padding:.75rem .25rem .875rem;display:flex}.rule-monitor-badge{align-items:center;gap:.3rem;display:inline-flex}.rule-monitor-word{font-family:var(--font-display);letter-spacing:-.035em;color:var(--color-ink);font-size:1.25rem;font-weight:800}.rule-monitor-word span{color:var(--monitor-crab)}.rule-monitor-foot .rule-tape-tabs{gap:.4rem}.rule-monitor-foot .rule-tape-tab{background:var(--color-sand);min-height:2.875rem;color:var(--color-ink);border:2px solid var(--color-ink);border-bottom-width:6px;border-radius:.6875rem;padding:0 .625rem;font-size:.75rem;font-weight:700}.rule-monitor-foot .rule-tape-tab:hover{border-color:var(--color-ink);filter:brightness(1.03)}.rule-monitor-foot .rule-tape-tab[aria-pressed=true]{background:var(--color-lime);border-bottom-width:2px;translate:0 4px}.rule-monitor-foot .rule-tape-tab:focus-visible{outline:3px solid var(--monitor-crab);outline-offset:2px}.rule-tape[data-variant=terminal]{box-shadow:inset 0 0 60px color-mix(in srgb, var(--tape-up) 13%, transparent);border:0;border-radius:1rem;gap:.625rem;padding:.875rem 1rem;position:relative;overflow:hidden}.rule-tape[data-variant=terminal] .rule-tape-chart{aspect-ratio:3}.rule-tape[data-variant=terminal] .rule-tape-body{gap:.625rem}.rule-tape[data-variant=terminal] .rule-tape-stats{order:2;padding-top:.5rem}.rule-tape[data-variant=terminal] .rule-tape-outcome{font-family:var(--font-mono);letter-spacing:-.02em;min-height:0;font-size:.8125rem}.rule-tape[data-variant=terminal] .rule-tape-outcome:before{content:"> " / ""}.rule-tape[data-variant=terminal] .rule-tape-outcome:after{content:" ▮" / ""}.rule-tape-scan{pointer-events:none;background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--tape-fg) 3%, transparent) 0 1px, transparent 1px 3px);position:absolute;inset:0}.rule-tape-sweep{pointer-events:none;opacity:0;border-right:1px solid color-mix(in srgb, var(--tape-up) 45%, transparent);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--tape-up) 12%, transparent));width:12%;position:absolute;top:0;bottom:0;left:0}@media (prefers-reduced-motion:no-preference){:root[data-motion=full] .rule-tape-sweep{opacity:1;animation:7s linear infinite rule-tape-sweep}:root[data-motion=full] .rule-tape[data-variant=terminal] .rule-tape-outcome:after{animation:1.1s steps(2,end) infinite rule-tape-blink}:root[data-motion=full] .rule-monitor-foot .rule-tape-tab{transition:translate 90ms,background-color 90ms}}:root[data-motion-paused] .rule-tape-sweep,:root[data-motion-paused] .rule-tape[data-variant=terminal] .rule-tape-outcome:after{animation-play-state:paused}@keyframes rule-tape-sweep{0%{translate:-100%}to{translate:840%}}@keyframes rule-tape-blink{50%{opacity:0}}.rule-tape[data-variant=poster] .rule-tape-tabs{gap:.3rem}.rule-tape[data-variant=poster] .rule-tape-tab{padding-inline:.625rem;font-size:.75rem}.rule-tape[data-variant=poster]{border-color:var(--color-ink);box-shadow:7px 7px 0 var(--color-ink);gap:.625rem;padding:.875rem 1.125rem}@media (min-width:1024px){.rule-tape[data-variant=poster] .rule-tape-body{grid-template-columns:minmax(0,1fr) 7rem;align-items:stretch;display:grid}.rule-tape[data-variant=poster] .rule-tape-stats{border:0;grid-template-columns:minmax(0,1fr);align-content:space-between;padding:0}.rule-tape[data-variant=poster] .rule-tape-chart{aspect-ratio:auto;min-height:13.5rem}.rule-tape[data-variant=poster] .rule-tape-outcome{min-height:0}}
.hero-eyebrow{color:var(--crab-text)}.hero-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--fg);margin-top:1rem;font-size:2.25rem;font-weight:800;line-height:1.06}.hero-subtitle{max-width:36rem;color:var(--fg-muted);margin-top:1.25rem;font-size:1rem;line-height:1.625}.hero-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.75rem;display:flex}.hero-footnote{max-width:36rem;color:var(--fg-subtle);margin-top:1.25rem;font-size:.75rem;line-height:1.625}@media (min-width:640px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.125rem}}.hero-crab-alive .pc-crab-btn>svg{transform-origin:50% 92%}@media (prefers-reduced-motion:no-preference){:root[data-motion=full] .hero-crab-alive .pc-crab-btn>svg{animation:3.6s ease-in-out infinite hero-breathe}:root[data-motion=full] .hero-crab-alive .crab-claw{transform-box:fill-box;transform-origin:50% 100%;animation:4.4s ease-in-out infinite hero-pinch}:root[data-motion=full] .hero-crab-alive .crab-claw[data-side=right]{animation-delay:.22s}}@keyframes hero-breathe{50%{scale:1 .97}}@keyframes hero-pinch{0%,72%,to{rotate:0deg}78%{rotate:-11deg}84%{rotate:6deg}90%{rotate:-7deg}}.hero-poster{--hero-word:min(21vw, 19.125rem);background:var(--color-lime);color:var(--color-ink);overflow-x:clip}.hero-poster .hero-eyebrow,.hero-poster .hero-title,.hero-poster .hero-subtitle,.hero-poster .hero-footnote{color:var(--color-ink)}.hero-poster .marker{background:var(--color-ink);color:var(--color-lime)}.hero-poster-stage{padding-top:calc(var(--hero-word) * .78);justify-content:center;display:flex;position:relative}.hero-word{font-family:var(--font-display);font-size:var(--hero-word);letter-spacing:-.045em;white-space:nowrap;font-weight:800;line-height:1;position:relative}.hero-word-letters{display:inline-flex}.hero-letter{display:inline-block}.hero-letter[data-crab]{color:var(--color-crab);-webkit-text-stroke:.036em var(--color-ink);paint-order:stroke fill}.hero-word-crab{z-index:2;width:1.2em;position:absolute;top:-.72em;left:2.65em}.hero-word-crab .pc-crab{font-family:var(--font-sans);letter-spacing:normal;white-space:normal;font-size:1rem;font-weight:400;line-height:1.5}@media (min-width:640px){.hero-poster-stage{padding-top:calc(var(--hero-word) * .34)}.hero-word-crab{width:.78em;top:-.37em;left:2.86em}}@media (prefers-reduced-motion:no-preference){:root[data-motion=full] .hero-letter{animation:.7s cubic-bezier(.2,1.4,.4,1) both hero-letter}:root[data-motion=full] .hero-word-crab{animation:18s ease-in-out infinite hero-walk}:root[data-motion=full] .hero-seal>svg{animation:26s linear infinite hero-spin}}.hero-word-crab:hover,.hero-word-crab:focus-within,:root[data-motion-paused] :is(.hero-word-crab,.hero-seal>svg,.hero-crab-alive svg,.hero-crab-alive .crab-claw){animation-play-state:paused}@keyframes hero-letter{0%{opacity:0;translate:0 .2em;scale:.86}to{opacity:1;translate:0;scale:1}}@keyframes hero-walk{0%,26%{translate:0}32%{translate:-.6em -.16em}38%,72%{translate:-1.9em}78%{translate:-1.3em -.16em}84%,to{translate:0}}@keyframes hero-spin{to{rotate:360deg}}.hero-seal{right:.5rem;bottom:calc(var(--hero-word) * .2 - 1.75rem);z-index:3;width:8.25rem;height:8.25rem;display:none;position:absolute}.hero-seal>svg{width:100%;height:100%;display:block}.hero-seal-mark{place-items:center;display:grid;position:absolute;inset:0}.hero-seal circle{fill:var(--color-sand);stroke:var(--color-ink);stroke-width:3px}.hero-seal text{fill:var(--color-ink);font-family:var(--font-mono);font-size:13px;font-weight:700}@media (min-width:1280px){.hero-seal{display:block}}.hero-poster-grid{gap:1.75rem;padding-top:1rem;padding-bottom:2.75rem;display:grid}.hero-poster .hero-title{font-size:2.25rem}@media (min-width:640px){.hero-poster .hero-title{font-size:2.75rem}}@media (min-width:1024px){.hero-poster-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:2.5rem}.hero-poster-grid>:last-child{margin-top:calc(var(--hero-word) * -.2)}}