:root{--ink:#2a1d14;--paper:#fffaf0;--barn:#b8382c;--straw:#f2c14e;--grass:#5d8a33;--sky:#8fcbe8;--muted:#6b5747;--display:"Lilita One", "Arial Black", Impact, sans-serif;--body:"Nunito", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--sky);color:var(--ink);font-family:var(--body);overflow:hidden}#stage{touch-action:none;position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}.overlay{z-index:20;padding-block:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.panel{background:var(--paper);border:3px solid var(--ink);width:min(640px,100%);box-shadow:6px 7px 0 var(--ink);border-radius:18px;gap:14px;padding:26px 26px 22px;display:grid}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--barn);margin:0;font-size:12px;font-weight:800}h1{font-family:var(--display);text-wrap:balance;letter-spacing:.01em;margin:0;font-size:clamp(34px,7vw,54px);font-weight:400;line-height:.95}.lede{color:var(--muted);max-width:60ch;margin:0;font-size:16px;line-height:1.5}.level-nav{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.level-nav a{color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800;text-decoration:none}.level-nav a[aria-current=page]{background:var(--ink);color:#fff}.level-nav a:hover{background:#fff6d8}.level-nav a[aria-current=page]:hover{background:var(--ink)}.choices{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.choice{font:inherit;color:var(--ink);text-align:left;cursor:pointer;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:14px;align-content:start;gap:4px;padding:14px 16px 16px;transition:transform .12s,box-shadow .12s,background .12s;display:grid}.choice:hover{box-shadow:6px 6px 0 var(--ink);background:#fff6d8;transform:translate(-2px,-2px)}.choice:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.choice:focus-visible,.btn:focus-visible,.tbtn:focus-visible,.mute:focus-visible{outline:3px solid var(--barn);outline-offset:3px}.choice .big{font-family:var(--display);color:var(--accent,var(--barn));font-size:40px;line-height:1}.choice strong{font-size:17px;font-weight:800;line-height:1.25}.choice .stat{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.levels{border:0;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0;display:flex}.levels legend{float:left;margin-right:4px;padding:0;font-size:14px;font-weight:800}.seg{border:3px solid var(--ink);background:#fff;border-radius:12px;display:inline-flex;overflow:hidden}.seg input{opacity:0;pointer-events:none;position:absolute}.seg label{cursor:pointer;border-left:2px solid var(--ink);-webkit-user-select:none;user-select:none;padding:7px 14px;font-size:14px;font-weight:800}.seg label:first-of-type{border-left:0}.seg input:checked+label{background:var(--ink);color:var(--straw)}.seg input:focus-visible+label{outline:3px solid var(--barn);outline-offset:-5px}.levelHint{color:var(--muted);font-size:13px}.controls{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.privacy{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.45}kbd{font-family:var(--body);border:2px solid var(--ink);color:var(--ink);background:#fff;border-bottom-width:3px;border-radius:6px;padding:0 5px;font-size:12px;font-weight:800}.record{color:var(--ink);background:#fff3cf;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5}.record:empty{display:none}.record b{font-weight:800}.stats{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin:0;display:grid}.stats div{border:2px solid var(--ink);background:#fff;border-radius:12px;padding:8px 10px}.stats dt{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.stats dd{font-family:var(--display);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:26px}.actions{flex-wrap:wrap;gap:10px;display:flex}.btn{font:inherit;cursor:pointer;border:3px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:12px;padding:10px 16px;font-size:15px;font-weight:800}.btn.primary{background:var(--barn);color:#fff}.btn.ghost{box-shadow:none;background:0 0}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}#hud{pointer-events:none;z-index:10;padding-block:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));position:fixed;inset:0}.hud-top{grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;display:grid}.meter{gap:4px;min-width:0;display:grid}.meter.right{text-align:right;justify-items:end}.meter .label{font-family:var(--display);color:#fff;text-shadow:2px 2px 0 var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:18px;overflow:hidden}.bar{border:3px solid var(--ink);background:#fff;border-radius:99px;width:min(260px,100%);height:16px;overflow:hidden}.bar i{background:#4fae4a;width:100%;height:100%;transition:width .15s;display:block}.bar.foe i{background:var(--barn);margin-left:auto}.bar.stamina{border-width:2px;width:min(200px,100%);height:10px}.bar.stamina i{background:#3d8fd1;transition:none}.bar.stamina.winded{animation:.3s steps(2,end) infinite winded}@keyframes winded{50%{background:#f3b0a8}}.timer{font-family:var(--display);color:#fff;text-shadow:2px 2px 0 var(--ink);font-variant-numeric:tabular-nums;padding-top:4px;font-size:28px}#foeIcons{flex-wrap:wrap;justify-content:flex-end;gap:3px;display:flex}#foeIcons span{background:var(--icon,#7b4a26);border:2px solid var(--ink);border-radius:50%;width:14px;height:14px}#foeIcons span.dead{opacity:.45;background:0 0}#banner{text-align:center;font-family:var(--display);color:var(--straw);-webkit-text-stroke:3px var(--ink);text-shadow:5px 6px 0 var(--ink);pointer-events:none;z-index:12;padding-inline:16px;font-size:clamp(40px,11vw,96px);line-height:1;transition:opacity .25s,transform .25s;position:fixed;top:30%;left:0;right:0}#banner.small{-webkit-text-stroke:2px var(--ink);text-shadow:3px 4px 0 var(--ink);font-size:clamp(24px,6vw,44px)}#banner.off{opacity:0;transform:scale(.9)}.keys{left:50%;bottom:max(12px, env(safe-area-inset-bottom,0px));color:#fff;text-shadow:1px 1px 0 var(--ink);white-space:nowrap;font-size:13px;font-weight:700;position:fixed;transform:translate(-50%)}.mute{pointer-events:auto;right:max(16px, env(safe-area-inset-right,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));font:inherit;border:2px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:800;position:fixed}#hurt{pointer-events:none;z-index:9;opacity:0;background:radial-gradient(#b8382c00 45%,#b8382cbf 100%);position:fixed;inset:0}.ft{z-index:11;pointer-events:none;font-family:var(--display);color:#fff;-webkit-text-stroke:1.5px var(--ink);text-shadow:2px 2px 0 var(--ink);white-space:nowrap;will-change:transform;font-size:22px;position:fixed;top:0;left:0}.ft.crit{color:var(--straw);font-size:28px}.ft.bad{color:#ff8a7a}#touch{pointer-events:none;z-index:15;position:fixed;inset:0}#joyBase{background:#fffaf059;border:3px solid #2a1d14b3;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;position:fixed}#joyKnob{background:var(--paper);border:3px solid var(--ink);border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}.tbtns{right:max(16px, env(safe-area-inset-right,0px));bottom:max(54px, calc(env(safe-area-inset-bottom,0px) + 42px));pointer-events:auto;justify-items:end;gap:12px;display:grid;position:fixed}.tbtn{font-family:var(--display);color:#fff;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;font-size:20px}.tbtn.atk{background:var(--barn);width:92px;height:92px}.tbtn.dash{background:#c98a10;width:66px;height:66px;font-size:15px}@media (width<=560px){.panel{padding:20px 18px 18px}.stats dd{font-size:21px}.meter .label{font-size:15px}.timer{font-size:22px}.keys{display:none}}@media (prefers-reduced-motion:reduce){.choice,.bar i,#banner{transition:none}}.boot-error{white-space:pre-wrap;color:var(--barn);font-size:13px}