.runcard-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-4);padding:clamp(1rem,4vh,2.5rem) 1.25rem 2rem;overflow-y:auto;background:color-mix(in oklab,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.runcard-screen.mode-shared{position:static;min-height:100dvh}.runcard{position:relative;width:min(100%,560px);margin-top:auto;margin-bottom:auto;display:grid;justify-items:center;gap:var(--space-4);padding:clamp(1.5rem,5vw,2.5rem) clamp(1.25rem,5vw,2.25rem);text-align:center;background:var(--surface);border:3px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);transform:rotate(-.6deg);animation:card-in var(--dur-slow) var(--ease-crayon) both}@keyframes card-in{0%{opacity:0;transform:rotate(-.6deg) translateY(10px) scale(.98)}to{opacity:1;transform:rotate(-.6deg) translateY(0) scale(1)}}.runcard__tape{position:absolute;top:-10px;width:68px;height:24px;background:color-mix(in oklab,var(--crayon-yellow) 80%,transparent);border:1px solid color-mix(in oklab,var(--crayon-orange) 40%,transparent)}.runcard__tape--l{left:12px;transform:rotate(-8deg)}.runcard__tape--r{right:12px;transform:rotate(7deg)}.runcard__headline{margin:0;font-family:var(--font-display);font-size:var(--text-hero);line-height:var(--leading-tight);font-weight:700;color:var(--green);text-shadow:2px 2px 0 var(--green-deep);letter-spacing:var(--tracking-crayon)}.runcard__headline--lose{color:var(--muted);text-shadow:2px 2px 0 var(--border);font-size:var(--text-3xl)}.runcard__stats{margin:0;display:grid;gap:var(--space-3);width:100%}.stat{display:grid;gap:.15rem}.stat dt{font-family:var(--font-text);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.stat dd{margin:0}.stat__big{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text);display:inline-flex;align-items:center;gap:.6rem;justify-content:center}.stat__best{font-family:var(--font-display);font-size:.9rem;color:var(--accent-contrast);background:var(--crayon-red);padding:.1rem .5rem;border-radius:var(--radius-sm);transform:rotate(-6deg)}.stat__hearts{display:inline-flex;justify-content:center;align-items:center;gap:.15rem;font-size:1.5rem;line-height:1}.stat__hearts .h-full{color:var(--crayon-red)}.stat__hearts .h-lost{color:var(--muted)}.stat__count{font-family:var(--font-display);font-size:1.1rem;margin-left:.4rem;color:var(--text)}.stat__collect{display:inline-flex;justify-content:center;align-items:center;gap:.9rem;font-size:2.1rem}.stat__collect>span{display:inline-flex}.stat__collect .missed{opacity:.3;filter:grayscale(1)}.runcard__armor{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:color-mix(in oklab,var(--crayon-purple) 16%,var(--surface));border:2px solid var(--crayon-purple);border-radius:var(--radius);transform:rotate(1.2deg)}.runcard__armor-badge{font-size:1.6rem;filter:drop-shadow(0 0 6px color-mix(in oklab,var(--crayon-purple) 60%,transparent))}@media (prefers-reduced-motion: no-preference){.runcard__armor-badge{animation:armor-shimmer 1.6s ease-in-out infinite}}@keyframes armor-shimmer{50%{filter:drop-shadow(0 0 12px var(--crayon-purple));transform:scale(1.08)}}.runcard__armor-ribbon{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--crayon-purple)}.runcard__social{margin:0;font-family:var(--font-text);font-weight:700;color:var(--green-ink)}.runcard__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;width:100%}.runcard__actions .crayon-btn{font-size:1.3rem;padding:.5rem 1.4rem;min-height:52px}.crayon-btn--replay{color:var(--text);background:var(--crayon-yellow);border-color:var(--crayon-orange)}.crayon-btn--replay:focus-visible{outline-color:var(--crayon-orange)}.crayon-btn--go{text-decoration:none;display:inline-grid;place-items:center}.runcard__note{margin:0;font-size:.82rem;color:var(--muted);max-width:36ch}.runcard__about{margin:0;max-width:40ch;padding:.5rem .9rem;font-size:.85rem;font-style:italic;color:var(--muted);background:var(--paper-deep);border:2px dashed var(--border);border-radius:var(--radius);transform:rotate(-.8deg)}@media (prefers-reduced-motion: reduce){.runcard{animation:none}}.game{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hud{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) var(--space-3);border-bottom:2px dashed var(--border);font-family:var(--font-text)}.hud>*{display:inline-flex;align-items:center;gap:.35rem}.hud__hearts .heart{font-size:1.35rem;line-height:1}.heart.is-full{color:var(--crayon-red)}.heart.is-lost{color:var(--muted)}.hud__count,.hud__timer,.hud__breath-label{font-family:var(--font-display);font-size:1.1rem;color:var(--text);letter-spacing:var(--tracking-crayon)}.hud__breath{flex:1 1 160px;min-width:140px;max-width:320px}.hud__breath-icon{font-size:1.2rem}.hud__breath-track{position:relative;flex:1;height:12px;border:2px solid var(--crayon-blue);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.hud__breath-fill{display:block;height:100%;background:var(--breath-meter);transition:width 90ms linear}.hud__breath.is-low .hud__breath-fill{background:var(--breath-meter-low)}.hud__breath.is-low .hud__breath-track{border-color:var(--breath-meter-low)}.hud__breath.is-low .hud__breath-label{color:var(--crayon-red)}@media (prefers-reduced-motion: no-preference){.hud__breath.is-low.is-active .hud__breath-track{animation:breath-pulse .7s ease-in-out infinite}}@keyframes breath-pulse{50%{box-shadow:0 0 0 3px color-mix(in oklab,var(--crayon-red) 40%,transparent)}}.hud__lungfuls{flex:0 0 auto;padding:.05rem .4rem;border:2px solid var(--crayon-blue);border-radius:var(--radius-sm);background:var(--surface);font-family:var(--font-display);font-size:1rem;line-height:1.3;color:var(--text);letter-spacing:var(--tracking-crayon)}@media (prefers-reduced-motion: no-preference){.hud__lungfuls{animation:lungful-pop .22s cubic-bezier(.34,1.56,.64,1)}}@keyframes lungful-pop{0%{transform:scale(.6);opacity:0}}.hud__boss{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .5rem;border:2px solid var(--crayon-red);border-radius:var(--radius-sm);background:color-mix(in oklab,var(--crayon-red) 12%,var(--surface))}.hud__boss-icon{font-size:1.1rem}.boss-pip{width:14px;height:14px;border-radius:50%;border:2px solid var(--crayon-blue)}.boss-pip.is-up{background:var(--crayon-blue)}.boss-pip.is-down{background:transparent;opacity:.5}.hud__inv{list-style:none;padding:0;display:inline-flex;gap:.3rem;margin:0 0 0 auto}.chip{width:34px;height:34px;display:grid;place-items:center;font-size:1.1rem;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);opacity:.4;filter:grayscale(1);transition:opacity var(--dur) var(--ease-crayon),transform var(--dur) var(--ease-crayon)}.chip.is-held{opacity:1;filter:none;border-color:var(--green);transform:rotate(-2deg)}.board{position:relative;flex:1;min-height:0;overflow:hidden;background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}.board__canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.board__canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--green)}@media (max-width: 820px) and (orientation: portrait){.board:before,.board:after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none}.board:before{top:0;height:30px;background:radial-gradient(circle at 50% 58%,var(--paper-deep) 0 3.5px,color-mix(in oklab,var(--muted) 60%,transparent) 3.5px 5px,transparent 5.5px) 0 0 / 30px 30px repeat-x,linear-gradient(var(--border),var(--border)) 0 9px / 100% 2px repeat-x;opacity:.9}.board:after{bottom:0;height:20px;background:linear-gradient(to top,color-mix(in oklab,var(--paper-deep) 70%,transparent),transparent)}}.toast{position:absolute;left:50%;top:12%;transform:translate(-50%);padding:.4rem .9rem;font-family:var(--font-display);font-size:1.4rem;color:var(--accent-contrast);background:var(--green);border-radius:var(--radius);box-shadow:var(--shadow);pointer-events:none;white-space:nowrap;animation:toast-in 1.7s var(--ease-crayon) forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-6px) rotate(-3deg) scale(.9)}10%{opacity:1;transform:translate(-50%) translateY(0) rotate(-2deg) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-4px)}}@media (prefers-reduced-motion: reduce){.toast{animation:none;opacity:1}}.dpad{position:absolute;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(3,64px);gap:5px}.dpad__btn{width:64px;height:64px;font-size:1.5rem;color:var(--green-ink);background:color-mix(in oklab,var(--surface) 85%,transparent);border:2px solid var(--green);border-radius:var(--radius-sm);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.dpad__btn:active{transform:scale(.92);background:var(--green);color:var(--accent-contrast)}.dpad__btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}.dpad__up{grid-area:1 / 2}.dpad__left{grid-area:2 / 1}.dpad__right{grid-area:2 / 3}.dpad__down{grid-area:3 / 2}@media (hover: hover) and (pointer: fine){.dpad{display:none}}.actions{position:absolute;left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,env(safe-area-inset-bottom));display:flex;gap:.5rem}.action{position:relative;width:68px;height:68px;font-size:1.7rem;display:grid;place-items:center;background:color-mix(in oklab,var(--surface) 88%,transparent);border:2px solid var(--green);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-hop)}.action:active{transform:scale(.9);background:var(--green)}.action:focus-visible{outline:2px solid var(--green);outline-offset:2px}.action:disabled{opacity:.32;filter:grayscale(1);cursor:not-allowed}.action--bow{border-color:var(--crayon-orange)}.action__count{position:absolute;right:-4px;top:-6px;min-width:18px;height:18px;padding:0 3px;font-family:var(--font-display);font-size:.8rem;line-height:18px;color:var(--accent-contrast);background:var(--crayon-orange);border-radius:50%}@media (prefers-reduced-motion: reduce){.action{transition:none}}@media (hover: hover) and (pointer: fine){.actions{display:none}}.game__exit{position:absolute;left:max(.75rem,env(safe-area-inset-left));top:max(.75rem,env(safe-area-inset-bottom));padding:.5rem .9rem;min-height:44px;font-family:var(--font-text);font-weight:700;color:var(--muted);background:color-mix(in oklab,var(--surface) 85%,transparent);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.game__exit:focus-visible{outline:2px solid var(--green);outline-offset:2px}:root{color-scheme:light dark;--font-display: "Gaegu", "Comic Sans MS", "Segoe Print", cursive;--font-text: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs: .78rem;--text-sm: .9rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.6rem;--text-2xl: 2rem;--text-3xl: clamp(2.4rem, 7vw, 4rem);--text-hero: clamp(2.8rem, 9vw, 5.2rem);--leading-tight: 1.08;--leading: 1.5;--tracking-crayon: .01em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius: 14px 10px 16px 9px / 10px 16px 9px 15px;--radius-sm: 8px 6px 9px 5px / 6px 9px 5px 8px;--radius-tile: 4px;--stroke: 3px;--stroke-bold: 5px;--jitter: 1.4px;--dur-fast: .15s;--dur: .2s;--dur-slow: .25s;--dur-instant: 1ms;--ease-hop: cubic-bezier(.34, 1.56, .64, 1);--ease-crayon: cubic-bezier(.22, 1, .36, 1);--boil-dur: .9s;--paper: #f7f0da;--paper-deep: #ece2c2;--surface: #fffaec;--bg: var(--paper);--text: #2c2a24;--muted: #6b6552;--border: #d9cfa9;--green-hi: #7cc247;--green: #4d9b36;--green-deep: #316f24;--green-ink: #235417;--crayon-red: #dd4230;--crayon-blue: #2f74cf;--crayon-yellow: #eda91f;--crayon-orange: #e9822f;--crayon-purple: #7b4fc0;--accent: var(--green);--accent-ink: var(--green-ink);--accent-contrast: #fffaec;--danger: var(--crayon-red);--breath-tint: rgba(38, 52, 74, .46);--breath-vignette: rgba(20, 30, 48, .72);--breath-meter: var(--crayon-blue);--breath-meter-low: var(--crayon-red);--shadow: 0 3px 0 rgba(120, 104, 60, .22), 0 6px 14px rgba(120, 104, 60, .14);--shadow-lg: 0 5px 0 rgba(120, 104, 60, .2), 0 18px 34px rgba(120, 104, 60, .2);--shadow-tile: 0 2px 0 var(--green-deep);--grain-alpha: .05}@media (prefers-color-scheme: dark){:root{--paper: #15140e;--paper-deep: #0d0c08;--surface: #201e14;--bg: var(--paper);--text: #f3ecd6;--muted: #a89f86;--border: #34301f;--green-hi: #93d85f;--green: #58b840;--green-deep: #2f7a28;--green-ink: #93d85f;--crayon-red: #f26350;--crayon-blue: #5b9cf0;--crayon-yellow: #f6c145;--crayon-orange: #f59a4c;--crayon-purple: #a983e6;--accent: var(--green);--accent-ink: var(--green-hi);--accent-contrast: #15140e;--danger: var(--crayon-red);--breath-tint: rgba(10, 16, 30, .58);--breath-vignette: rgba(4, 8, 18, .82);--breath-meter: var(--crayon-blue);--breath-meter-low: var(--crayon-red);--shadow: 0 3px 0 rgba(0, 0, 0, .5), 0 6px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 5px 0 rgba(0, 0, 0, .5), 0 18px 40px rgba(0, 0, 0, .6);--shadow-tile: 0 2px 0 var(--green-deep);--grain-alpha: .07}}@media (prefers-reduced-motion: reduce){:root{--dur-fast: var(--dur-instant);--dur: var(--dur-instant);--dur-slow: var(--dur-instant);--boil-dur: 0ms;--ease-hop: var(--ease-crayon)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-text);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.start{position:relative;min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:var(--space-4);text-align:center;padding:clamp(1.5rem,5vw,4rem) 1.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}.start__eyebrow{font:700 .85rem/1 var(--font-text);letter-spacing:.02em;color:var(--muted)}.start__title{margin:0;font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--leading-tight);font-weight:700;color:var(--green);text-shadow:2px 2px 0 var(--green-deep);letter-spacing:var(--tracking-crayon);transform:rotate(-1.5deg)}.start__hook{margin:0;max-width:42ch;color:var(--text);font-size:clamp(1rem,2.4vw,1.2rem);line-height:var(--leading)}.crayon-btn{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--accent-contrast);background:var(--green);border:3px solid var(--green-deep);border-radius:var(--radius);padding:.5rem 2.2rem;min-height:56px;cursor:pointer;box-shadow:var(--shadow);transition:transform var(--dur) var(--ease-hop),box-shadow var(--dur) var(--ease-crayon)}.crayon-btn:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:var(--shadow-lg)}.crayon-btn:active{transform:translateY(1px) scale(.97)}.crayon-btn:focus-visible{outline:3px solid var(--green-ink);outline-offset:3px}@media (prefers-reduced-motion: reduce){.crayon-btn{transition:none}.crayon-btn:hover{transform:none}}.start__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;color:var(--muted);font-family:var(--font-text);font-size:.9rem}.keycap{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 .35rem;font-family:var(--font-display);font-size:1rem;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm)}.start__or{color:var(--muted)}.start__swipe{font-style:italic}.start__about{margin:0;max-width:40ch;padding:.6rem 1rem;color:var(--muted);font-size:.9rem;font-style:italic;background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius);transform:rotate(.6deg)}.adband{display:grid;justify-items:center;gap:.25rem;margin-top:var(--space-4);width:min(100%,728px)}.adband:empty{display:none}.adband__label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.adband__slot{width:100%}.sitefoot{display:flex;gap:1rem;justify-content:center;align-items:center;padding:1.25rem 1rem 1.5rem;font-size:.85rem;color:var(--muted)}.sitefoot a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.sitefoot a:hover{color:var(--text)}.legal{max-width:720px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.25rem}.legal h1{font-family:var(--font-display);letter-spacing:-.02em}.legal h2{margin-top:1.6rem;font-size:1.1rem}.legal p{color:var(--muted);line-height:1.7}.legal a{color:var(--accent)}