:root{--bg:#07070a;--panel:#0e0e14;--fg:#c8c8c8;--dim:#6a6a76;--accent:#f0a030;--ok:#58d68d;--danger:#e74c3c;--border:#3a3a44;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:JetBrains Mono,ui-monospace,monospace}#ui{box-sizing:border-box;color:var(--fg);background:linear-gradient(90deg,#07070af0 0%,#07070ad1 30%,#07070a40 52%,#07070a00 70%);place-items:center start;padding:24px 16px 24px max(16px,4vw);display:grid;position:fixed;inset:0;overflow-y:auto}.attract-stage{display:none}@media (width<=900px){#ui{background:0 0;justify-items:center;padding-left:16px}.attract-stage{border-block:1px solid var(--border);height:clamp(160px,min(80vw,58vh),360px);margin-inline:-16px;display:block}}#ui[hidden]{display:none}.screen{gap:14px;width:min(560px,100%);display:grid}.logo{text-shadow:0 0 12px #f0a03073;color:var(--accent);text-align:left;white-space:pre;justify-self:start;margin:0;font-size:clamp(10px,2.2vw,16px);line-height:1.15}.tagline{color:var(--fg);margin:0}.panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e0e14c7;border-top:none;padding:0 16px 16px}.panel-title{color:var(--accent);white-space:nowrap;align-items:center;margin:0 -16px 12px;font-size:1rem;font-weight:400;display:flex}.panel-title:after{content:"";border-top:1px solid var(--border);flex:1;margin-right:-1px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.columns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.how{grid-template-columns:2ch 1fr;gap:6px 10px;margin:0;display:grid}.how dt{font-weight:700}.how dd{color:var(--fg);margin:0}.how .survivor{color:#5dade2}.how .monster{color:#e74c3c}.how .warn{color:var(--accent)}button,input,select{font:inherit;color:var(--fg);border:1px solid var(--border);background:#15151c;padding:6px 10px}button{cursor:pointer}button:hover:not(:disabled),button:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}button.primary{color:var(--bg);background:var(--accent);border-color:var(--accent)}button.primary:hover:not(:disabled){color:var(--bg);filter:brightness(1.1)}button.selected{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.5;cursor:default}input{flex:1;min-width:0}input[type=color]{flex:0 0 44px;height:34px;padding:2px}label{color:var(--dim);min-width:5.5em}.message{min-height:1.4em;color:var(--dim);margin:8px 0 0}.message.error{color:var(--danger)}.message.ok{color:var(--ok)}.preview{text-align:center;width:1.6em;font-size:1.6rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:2px 6px}th{color:var(--dim);font-weight:400}td.num,th.num{text-align:right}.hint{color:var(--dim);margin:8px 0 0;font-size:.85rem}body.crt #screen{filter:contrast(1.1)brightness(1.05)saturate(1.15)drop-shadow(0 0 2px #ffc87859)}body.crt:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px),radial-gradient(#0000 60%,#0000008c 100%);position:fixed;inset:0}.touch{z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:JetBrains Mono,ui-monospace,monospace;position:fixed;inset:0}.touch-stick-zone{width:50%;position:fixed;top:15%;bottom:0;left:0}.touch-stick{left:calc(env(safe-area-inset-left) + 96px);top:calc(100% - env(safe-area-inset-bottom) - 120px);opacity:.55;background:#0e0e1440;border:1px dashed #f0a03059;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:fixed}.touch-stick.engaged{opacity:1;border-style:solid}.touch-stick-knob{border:1px solid var(--accent);background:#f0a03040;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}.touch-buttons{right:calc(env(safe-area-inset-right) + 64px);bottom:calc(env(safe-area-inset-bottom) + 84px);width:0;height:0;position:fixed}.touch-button{border:1px solid var(--border);width:54px;height:54px;color:var(--fg);letter-spacing:.04em;background:#0e0e1499;border-radius:50%;place-items:center;margin:-27px 0 0 -27px;font-size:10px;display:grid;position:absolute;top:0;left:0}.touch-button.primary{border-color:var(--accent);width:78px;height:78px;color:var(--accent);margin:-39px 0 0 -39px;font-size:12px;font-weight:700}.touch-button[hidden]{display:none}.touch-button.cooling{opacity:.4}.touch-button.down{background:var(--accent);border-color:var(--accent);color:var(--bg)}.touch-top{left:calc(env(safe-area-inset-left) + 8px);top:calc(env(safe-area-inset-top) + 28px);gap:6px;display:flex;position:fixed}.touch-button.small{border-radius:0;width:auto;min-width:32px;height:32px;margin:0;padding:0 10px;font-size:13px;position:static}.touch-rotate{left:0;right:0;top:calc(env(safe-area-inset-top) + 68px);text-align:center;color:var(--dim);pointer-events:none;font-size:12px;display:none;position:fixed}@media (orientation:portrait){.touch-rotate{animation:1s 6s forwards touch-rotate-fade;display:block}}@keyframes touch-rotate-fade{to{opacity:0;visibility:hidden}}.touch-only{display:none}body.touch-ui .touch-only{display:block}body.touch-ui .keys-only{display:none}