:root{--panel:#251f1adb;--panel-solid:#251f1a;--panel-line:#ffecc824;--ink:#f6ecd9;--ink-soft:#d4c6ad;--accent:#f2b45a;--accent-ink:#2a1d0e;--life:#f29ab2;--social:#8fd0f5;--work:#b9d98a;--danger:#ff9a7a;--god:#e3c1ff;--r:12px;--gap:8px;--font:"Segoe UI", system-ui, -apple-system, sans-serif;--shadow:0 6px 24px #00000059;--sky:#9fd2ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--sky);height:100%;font-family:var(--font);color:var(--ink);margin:0;overflow:hidden}#app,#app canvas{touch-action:none;display:block;position:fixed;inset:0}#app canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}#loading{letter-spacing:.04em;color:#2a1d0e;z-index:50;background:linear-gradient(#9fd2ee,#e6d29a);place-items:center;font-size:20px;display:grid;position:fixed;inset:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.panel{background:var(--panel);border:1px solid var(--panel-line);border-radius:var(--r);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}button{font:inherit;color:var(--ink);border:1px solid var(--panel-line);cursor:pointer;background:#ffecc814;border-radius:9px;min-width:40px;min-height:40px;padding:0 10px}button:hover{background:#ffecc829}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}#topbar{top:calc(10px + env(safe-area-inset-top,0px));z-index:10;align-items:center;gap:10px;max-width:calc(100vw - 20px);padding:6px 10px;display:flex;position:fixed;left:50%;transform:translate(-50%)}#clock{white-space:nowrap;font-variant-numeric:tabular-nums;min-width:150px;font-weight:650}#speeds{gap:4px;display:flex}#speeds button{min-width:44px;padding:0 6px}#res{font-variant-numeric:tabular-nums;color:var(--ink-soft);white-space:nowrap;gap:12px;display:flex}#res b{color:var(--ink);font-weight:650}#feed{left:calc(10px + env(safe-area-inset-left,0px));z-index:9;flex-direction:column;width:min(360px,100vw - 20px);max-height:calc(100vh - 170px);display:flex;position:fixed;top:64px}#feed header{border-bottom:1px solid var(--panel-line);flex-wrap:wrap;align-items:center;gap:4px;padding:8px;display:flex}#feed header h2{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin:0 6px 0 2px;font-size:14px}#feed header button{min-height:32px;padding:0 8px;font-size:13px}#feed ol{flex-direction:column-reverse;gap:2px;margin:0;padding:4px 6px 8px;list-style:none;display:flex;overflow-y:auto}#feed li button{text-align:left;background:0 0;border:0;border-left:3px solid #0000;border-radius:6px;grid-template-columns:22px 1fr auto;align-items:start;gap:6px;width:100%;min-height:0;padding:5px 6px;font-size:13.5px;line-height:1.3;display:grid}#feed li button:hover{background:#ffecc81a}#feed li .t{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:11.5px}#feed li.big button{font-weight:600}#feed li.life button{border-left-color:var(--life)}#feed li.social button{border-left-color:var(--social)}#feed li.work button{border-left-color:var(--work)}#feed li.danger button{border-left-color:var(--danger)}#feed li.god button{border-left-color:var(--god)}#feed li.fresh button{animation:1.2s ease-out flash}@keyframes flash{0%{background:#f2b45a59}to{background:0 0}}#feed.collapsed ol{display:none}#feed li.empty{color:var(--ink-soft);padding:10px 8px;font-size:13px}#headline{z-index:11;opacity:0;pointer-events:none;text-align:center;max-width:calc(100vw - 40px);padding:8px 16px;font-weight:650;transition:opacity .3s;position:fixed;top:64px;left:50%;transform:translate(-50%)}#headline.show{opacity:1}#inspector{right:calc(10px + env(safe-area-inset-right,0px));z-index:9;width:min(320px,100vw - 20px);max-height:calc(100vh - 170px);padding:12px 14px;position:fixed;top:64px;overflow-y:auto}#inspector[hidden]{display:none}#inspector h2{align-items:center;gap:8px;margin:0;font-size:20px;display:flex}#inspector .sub{color:var(--ink-soft);margin:2px 0 10px;font-size:13px}#inspector .doing{background:#ffecc814;border-radius:8px;margin-bottom:10px;padding:6px 8px}#inspector h3{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:12px 0 6px;font-size:12px}.need{grid-template-columns:70px 1fr 34px;align-items:center;gap:8px;margin:3px 0;font-size:13px;display:grid}.bar{background:#ffecc81f;border-radius:4px;height:8px;overflow:hidden}.bar i{background:var(--work);border-radius:4px;height:100%;display:block}.bar i.low{background:var(--danger)}.rel{justify-content:space-between;padding:2px 0;font-size:13px;display:flex}.rel button{text-underline-offset:3px;background:0 0;border:0;min-height:28px;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.mem{color:var(--ink-soft);margin:2px 0;font-size:12.5px}.row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.close{min-width:32px;min-height:32px;margin-left:auto}#stats{right:calc(10px + env(safe-area-inset-right,0px));z-index:9;width:min(420px,100vw - 20px);max-height:calc(100vh - 170px);padding:12px 14px;position:fixed;top:64px;overflow-y:auto}#stats[hidden]{display:none}#stats h2{align-items:center;margin:0 0 8px;font-size:18px;display:flex}.tiles{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}.tile{background:#ffecc812;border-radius:8px;padding:6px 8px}.tile .k{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.tile .v{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.chart{margin:8px 0}.chart .k{color:var(--ink-soft);justify-content:space-between;font-size:12px;display:flex}.chart canvas{width:100%;height:54px;display:block}.counts{grid-template-columns:repeat(2,1fr);gap:2px 14px;font-size:13px;display:grid}.counts div{border-bottom:1px dotted var(--panel-line);justify-content:space-between;padding:2px 0;display:flex}.leader{margin:3px 0;font-size:13px}.leader button{min-height:26px;padding:0 6px;font-size:13px}#tools{bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:10;gap:4px;max-width:calc(100vw - 20px);padding:6px;display:flex;position:fixed;left:50%;overflow-x:auto;transform:translate(-50%)}#tools button{flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:58px;min-height:52px;padding:2px 6px;font-size:11px;display:flex}#tools button .i{font-size:20px;line-height:1}#tools .sep{background:var(--panel-line);width:1px;margin:4px 2px}#hint{color:var(--ink-soft);z-index:10;pointer-events:none;text-align:center;max-width:calc(100vw - 20px);padding:6px 12px;font-size:13px;position:fixed;bottom:76px;left:50%;transform:translate(-50%)}#hint:empty{display:none}#labels{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.bubble{color:#2a1d0e;white-space:nowrap;text-overflow:ellipsis;background:#fffaf0f2;border-radius:12px;max-width:220px;padding:3px 8px;font-size:13px;position:absolute;overflow:hidden;transform:translate(-50%,-100%);box-shadow:0 2px 8px #00000040}.bubble:after{content:"";border:5px solid #0000;border-top-color:#fffaf0f2;border-bottom:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.bubble.emoji-only{padding:2px 6px;font-size:16px}.nametag{color:#fff;text-shadow:0 1px 3px #000,0 0 2px #000;white-space:nowrap;font-size:12px;font-weight:600;position:absolute;transform:translate(-50%,-100%)}.nametag.sel{color:var(--accent);font-size:14px}#menu{right:calc(10px + env(safe-area-inset-right,0px));z-index:12;width:min(340px,100vw - 20px);padding:12px 14px;position:fixed;top:64px}#menu h2{align-items:center;margin:0 0 6px;font-size:18px;display:flex}#menu h3{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:12px 0 0;font-size:12px}#menu .confirm p{margin:8px 0 0;font-size:14px}button.danger{color:#fff7ee;background:#b9543f;border-color:#b9543f}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}#overlay{z-index:30;background:#14100c73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#overlay[hidden]{display:none}.recap{width:min(520px,100%);max-height:calc(100vh - 32px);padding:16px 18px;overflow-y:auto}.recap h2{margin:0 0 4px;font-size:22px}.recap .tile .d{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:12px}.recap .tile .d.up{color:var(--work)}.recap .tile .d.down{color:var(--danger)}.recap .tally{letter-spacing:.02em;font-size:15px}.recap-list{gap:4px;margin:8px 0;padding:0;list-style:none;display:grid}.recap-list li{grid-template-columns:22px 1fr auto;gap:6px;font-size:13.5px;line-height:1.3;display:grid}.recap-list .t{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:11.5px}.bar.wide{height:10px;margin:10px 0 4px}@media (max-width:720px){#res span.opt{display:none}#feed{width:calc(100vw - 20px);max-height:32vh;top:auto;bottom:76px}#inspector,#stats{max-height:45vh;top:64px}#tools button{min-width:50px}#clock{min-width:0}}@media (prefers-reduced-motion:reduce){#feed li.fresh button{animation:none}#headline{transition:none}}