:root{color-scheme:light;--ink: #4a3b32;--dim: #9a8570;--bg: #bfe9ff;--mint: #f0a02c;--roof: #e8615c}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#6fb7dd;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}body{display:grid;place-items:center}#frame{position:relative;width:min(98vw,1180px);aspect-ratio:24 / 14;height:auto;max-height:96vh;background:transparent;overflow:hidden;display:flex;flex-direction:column}#stage{flex:1 1 auto;width:100%;display:block}#overlays{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#frame.crashing{background:#bfe9ff;animation:blink-white .76s steps(1,end)}#frame.crashing #stage,#frame.crashing:after{content:"";position:absolute;top:0;left:0;height:2px;background:#4be0a8;animation:sweep .62s ease-out .1s forwards}@keyframes blink-white{0%{background:#fff}9%{background:#fff}10%{background:#bfe9ff}to{background:#bfe9ff}}@keyframes sweep{0%{width:0;opacity:1}85%{width:100%;opacity:1}to{width:100%;opacity:0}}.fake-ad{position:absolute;background:repeating-linear-gradient(135deg,#2a2233 0,#2a2233 10px,#2f2639 10px,#2f2639 20px);border:1px solid #4a3d59;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:auto;overflow:hidden;animation:ad-in .22s ease-out;box-shadow:0 8px 24px #0000008c}.fake-ad-tag{position:absolute;top:3px;left:5px;font-size:8px;letter-spacing:.16em;color:#7d6f8d}.fake-ad-body{font-size:11px;line-height:1.35;text-align:center;color:#d9cfe4;letter-spacing:.04em;padding:0 6px}.fake-ad-close{position:absolute;top:2px;right:3px;width:16px;height:16px;padding:0;border:none;background:transparent;color:#8d7f9d;font-size:14px;line-height:1;cursor:pointer;font-family:inherit}.fake-ad.nudge{animation:ad-nudge .18s ease-out}@keyframes ad-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ad-nudge{0%{transform:translate(0)}30%{transform:translate(-3px)}60%{transform:translate(3px)}to{transform:translate(0)}}.card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;overflow-y:auto;background:repeating-linear-gradient(90deg,rgba(120,100,70,.045) 0 2px,transparent 2px 5px),repeating-linear-gradient(0deg,rgba(120,100,70,.045) 0 2px,transparent 2px 5px),linear-gradient(180deg,#fdf6e6,#f2e6cb);animation:card-in .35s ease-out}.card:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:2px dashed rgba(47,125,79,.45);border-radius:8px;pointer-events:none}.card-count{font-size:34px;letter-spacing:.3em;text-indent:.3em;color:#2f7d4f;text-shadow:0 1px 0 rgba(255,255,255,.85)}.card-count:before,.card-count:after{content:"♥";font-size:15px;letter-spacing:0;color:#d4667a;vertical-align:.32em}.card-count:before{margin-right:18px}.card-count:after{margin-left:14px}.card-note,.card-key{font-size:11px;letter-spacing:.22em;color:#47614f}.card-key{margin-top:8px}.card-unlock{margin:4px 0 10px;padding:6px 16px 7px;font-size:11px;letter-spacing:.14em;color:#8a3b46;background:#d4667a24;border:1px dashed rgba(212,102,122,.55);border-radius:4px}@keyframes card-in{0%{opacity:0}to{opacity:1}}.debrief{position:absolute;right:14px;bottom:14px;min-width:340px;max-height:70%;overflow-y:auto;padding:10px 12px;background:#fff4dcf7;border:2px solid #e6cfa4;border-radius:6px;font-size:11px;letter-spacing:.06em}.debrief-head{color:var(--dim);letter-spacing:.2em;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid #212532}.debrief-row{display:grid;grid-template-columns:34px 1fr auto 58px;gap:10px;padding:3px 0;color:var(--dim)}.debrief-trap{color:#8a7358}.debrief-reaction.good{color:#3aa05e}.debrief-reaction.bad{color:#e8615c}.menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(circle at 50% 34%,#2f5670,#16283a);pointer-events:auto}.menu.arriving{animation:card-in .22s ease-out}.menu-title{width:min(78vw,430px);margin-bottom:2px}.logo{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 14px 26px rgba(0,0,0,.45))}.logo-spike{transform-box:fill-box;transform-origin:50% 0%;animation:logo-sway 3.6s ease-in-out infinite}@keyframes logo-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.logo-bead{transform-box:fill-box;transform-origin:50% 0%;animation:logo-drip 7s ease-in infinite}@keyframes logo-drip{0%,62%{transform:translateY(0) scale(1);opacity:1}78%{transform:translateY(10px) scale(.82);opacity:1}92%,to{transform:translateY(26px) scale(.5);opacity:0}}@media (prefers-reduced-motion: reduce){.logo-spike,.logo-bead{animation:none}}.menu-sub,.menu-heading{font-size:11px;letter-spacing:.28em;text-indent:.28em;color:#9fc3d8;margin-top:-14px}.menu-heading{margin-top:0}.menu-list{display:flex;flex-direction:column;gap:4px;min-width:360px}.menu-item{display:grid;grid-template-columns:18px 1fr auto;align-items:baseline;gap:8px;padding:9px 14px;border-radius:8px;cursor:pointer;color:#a8c2d4;font-size:13px;letter-spacing:.16em}.menu-item.on{background:#2f9e5ceb;color:#fff;box-shadow:0 3px #145a32e6}.menu-item.locked{color:#5d7385;cursor:default}.menu-caret{color:#e8a020}.menu-item.on .menu-caret{color:#fff}.menu-hint{font-size:10px;letter-spacing:.14em;color:#7f9cb0}.menu-item.on .menu-hint{color:#cdf3dd}.menu-keys{font-size:10px;letter-spacing:.24em;color:#6f92a8}#cause-label,#joke-label,#hello-label{position:absolute;left:50%;width:max-content;max-width:74%;transform:translate(-50%);text-align:center;pointer-events:none;opacity:0}#hello-label{top:20%;padding:4px 26px 6px;font-size:27px;letter-spacing:.06em;color:#fff;border-radius:3px;border-top:2px solid rgba(255,226,178,.28);border-bottom:3px solid rgba(0,0,0,.3);background:repeating-linear-gradient(180deg,#0000000f 0,#0000000f 7px,#ffffff0d 7px,#ffffff0d 14px),repeating-linear-gradient(74deg,#0000 0,#0000 26px,#00000038 26px,#00000038 28px,#0000 28px,#0000 61px,#00000024 61px,#00000024 62px),linear-gradient(180deg,#8c5c33,#79492a);box-shadow:0 5px #00000038,0 10px 18px #00000047;text-shadow:0 4px 0 #c2453f,0 6px 20px rgba(0,0,0,.5)}#hello-label.showing{animation:hello-in 1.3s ease-out forwards}@keyframes hello-in{0%{opacity:0;transform:translate(-50%) scale(.6) rotate(-4deg)}18%{opacity:1;transform:translate(-50%) scale(1.08) rotate(2deg)}30%{transform:translate(-50%) scale(1) rotate(0)}75%{opacity:1}to{opacity:0;transform:translate(-50%) scale(1.02)}}#cause-label{top:33%;padding:11px 30px 10px 46px;font-size:26px;font-weight:700;letter-spacing:.3em;text-indent:.3em;color:#b02a24;text-shadow:0 1px 0 rgba(255,255,255,.55);background:repeating-linear-gradient(96deg,rgba(122,92,52,.05) 0 3px,transparent 3px 8px),linear-gradient(180deg,#f7edd7,#e6d5b2);border-radius:4px;border-bottom:3px double rgba(176,42,36,.5);box-shadow:inset 0 0 0 1px #7a5c3466,0 8px 18px #0000006b;transform:translate(-50%) rotate(-1.5deg)}#cause-label:before{content:"";position:absolute;left:16px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#2a2018;box-shadow:inset 0 1px 2px #000000e6,0 0 0 2px #7a5c3473}#cause-label.showing{animation:stamp-in .34s cubic-bezier(.2,1.1,.3,1) forwards}@keyframes stamp-in{0%{opacity:0;transform:translate(-50%) rotate(-13deg) scale(1.65)}55%{opacity:1;transform:translate(-50%) rotate(-1.5deg) scale(.95)}78%{transform:translate(-50%) rotate(-1.5deg) scale(1.03)}to{opacity:1;transform:translate(-50%) rotate(-1.5deg) scale(1)}}#joke-label{top:calc(33% + 64px);padding:7px 20px 8px;font-size:13.5px;letter-spacing:.05em;color:#4a3b32;background:linear-gradient(180deg,#f7edd7,#eaddc0);border-radius:3px;box-shadow:inset 0 0 0 1px #7a5c344d,0 5px 12px #00000057;transform:translate(-50%) rotate(1.2deg)}#joke-label.showing{animation:scrap-in .4s ease-out .16s forwards}@keyframes scrap-in{0%{opacity:0;transform:translate(-50%) rotate(1.2deg) translateY(7px)}to{opacity:1;transform:translate(-50%) rotate(1.2deg) translateY(0)}}#cause-label.home{top:31%;padding:16px 44px 14px;font-size:30px;letter-spacing:.34em;text-indent:.34em;color:#2f7d4f;background:repeating-linear-gradient(90deg,rgba(120,100,70,.05) 0 2px,transparent 2px 5px),repeating-linear-gradient(0deg,rgba(120,100,70,.05) 0 2px,transparent 2px 5px),linear-gradient(180deg,#fdf6e6,#f2e6cb);border:2px dashed rgba(47,125,79,.5);border-radius:7px;box-shadow:inset 0 0 0 4px #ffffff8c,0 12px 26px #0000005c;text-shadow:0 1px 0 rgba(255,255,255,.85);transform:translate(-50%) rotate(0)}#cause-label.home:before,#cause-label.home:after{content:"♥";position:absolute;top:50%;margin-top:-11px;width:auto;height:auto;border-radius:0;background:none;box-shadow:none;font-size:15px;letter-spacing:0;color:#d4667a}#cause-label.home:before{left:16px}#cause-label.home:after{right:16px}#cause-label.home.showing{animation:sampler-in .5s cubic-bezier(.2,1.2,.35,1) forwards}@keyframes sampler-in{0%{opacity:0;transform:translate(-50%) scale(.86) translateY(8px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}#joke-label.home{top:calc(31% + 84px);padding:9px 24px 10px;font-size:13.5px;letter-spacing:.08em;color:#4a6b55;background:linear-gradient(180deg,#fdf6e6,#f2e6cb);border:1px dashed rgba(47,125,79,.4);border-radius:5px;box-shadow:0 7px 16px #0000004d;transform:translate(-50%) rotate(0)}#joke-label.home.showing{animation:sampler-line-in .45s ease-out .14s forwards}@keyframes sampler-line-in{0%{opacity:0;transform:translate(-50%) translateY(7px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (prefers-reduced-motion: reduce){#cause-label.showing,#joke-label.showing,#hello-label.showing,#cause-label.home.showing,#joke-label.home.showing{animation:none;opacity:1}#cause-label.showing{transform:translate(-50%) rotate(-1.5deg)}#joke-label.showing{transform:translate(-50%) rotate(1.2deg)}#cause-label.home.showing,#joke-label.home.showing{transform:translate(-50%)}}#go-label{position:absolute;left:0;right:0;top:calc(33% + 112px);text-align:center;font-size:11px;letter-spacing:.3em;text-indent:.3em;color:#ffd166;opacity:0;pointer-events:none;text-shadow:0 2px 6px rgba(0,0,0,.8)}#go-label.showing{animation:nudge-in 1.4s ease-in-out .35s infinite}#go-label.home{top:calc(31% + 130px);left:50%;right:auto;width:max-content;transform:translate(-50%);padding:6px 16px 7px;font-size:11.5px;color:#1f5637;background:linear-gradient(180deg,#fdf6e6,#f2e6cb);border:1px dashed rgba(47,125,79,.45);border-radius:4px;box-shadow:0 6px 14px #00000047;text-shadow:none}#go-label.home.showing{animation:nudge-home 1.6s ease-in-out .35s infinite}@keyframes nudge-home{0%,to{opacity:.72}50%{opacity:1}}@media (prefers-reduced-motion: reduce){#go-label.home.showing{animation:none;opacity:1}}@keyframes nudge-in{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion: reduce){#go-label.showing{animation:none;opacity:1}}.stats{display:grid;grid-template-columns:auto auto;gap:5px 26px;margin:8px 0 2px;font-size:12px;letter-spacing:.14em}.stat{display:contents}.stat-k{color:#9a8570;text-align:right}.stat-v{color:#3f3128;font-variant-numeric:tabular-nums}.share{margin-top:10px;padding:8px 20px;border-radius:999px;background:#16283a;color:#ffeccb;font-size:12px;letter-spacing:.2em;text-indent:.2em;text-decoration:none;pointer-events:auto;box-shadow:0 3px #0000004d}.share:hover,.share:focus-visible{background:#24405a;outline:none}.share-text{max-width:380px;margin-top:8px;font-size:10px;line-height:1.5;letter-spacing:.04em;text-align:center;color:#9a8570}.bubble{position:absolute;max-width:230px;padding:9px 13px;border-radius:12px;background:#fff6e2;border:2px solid #e0c69a;color:#4a3b32;font-size:11px;line-height:1.45;letter-spacing:.03em;text-align:center;pointer-events:none;box-shadow:0 4px #00000029;transform:translate(-50%,-100%);animation:bubble-in .3s cubic-bezier(.2,1.5,.4,1)}.bubble:after{content:"";position:absolute;left:50%;bottom:-9px;width:12px;height:12px;margin-left:-6px;background:#fff6e2;border-right:2px solid #e0c69a;border-bottom:2px solid #e0c69a;transform:rotate(45deg)}.bubble.going{animation:bubble-out .25s ease-in forwards}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%,-90%) scale(.86)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}@keyframes bubble-out{to{opacity:0;transform:translate(-50%,-108%) scale(.94)}}@media (prefers-reduced-motion: reduce){.bubble,.bubble.going{animation:none}}#scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e18226b;opacity:0;pointer-events:none;transition:opacity .25s ease-out}#scrim.showing{opacity:1}@media (prefers-reduced-motion: reduce){#scrim{transition:none}}.dev{position:absolute;top:10px;right:10px;width:250px;padding:10px 12px;border-radius:8px;background:#0c141cf0;border:1px solid #2b4256;color:#cfe0ea;font-size:11px;letter-spacing:.06em;pointer-events:auto;z-index:5}.dev-head{color:#ffd166;letter-spacing:.2em;padding-bottom:7px;margin-bottom:7px;border-bottom:1px solid #23384a}.dev-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0;cursor:pointer}.dev-row select{flex:1;min-width:0;background:#16283a;color:#cfe0ea;border:1px solid #2b4256;border-radius:4px;padding:3px 4px;font:inherit}.dev-note{margin-top:8px;padding-top:7px;border-top:1px solid #23384a;color:#7f9cb0;line-height:1.45;letter-spacing:.02em}