:root{color-scheme:dark;--ink: #1c1a2e;--ink-2: #262340;--ink-3: #35315a;--ink-4: #4a4575;--paper: #fbf7ee;--paper-2: #f2ebdb;--paper-3: #e6dcc5;--line: #d6cab0;--text: #1c1a2e;--text-soft: #4b4666;--muted: #7a7494;--inv: #fbf7ee;--inv-soft: #c9c3e0;--accent: #ffcf4a;--accent-2: #ffe08a;--accent-ink: #3a2c00;--good: #2f9e66;--good-bg: #dff3e6;--bad: #d9393f;--bad-bg: #fbe1e0;--warn: #d9791a;--warn-bg: #fdeccf;--info: #4a68e0;--info-bg: #e3e9fd;--yak: #3e2a62;--yak-2: #533a80;--pager: #b3262c;--shadow: 0 2px 0 rgba(0,0,0,.25), 0 10px 30px rgba(10,8,25,.45);--radius: 10px;--font-display: "Pixelify Sans", "Silkscreen", ui-monospace, monospace;--font-body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--hud-h: 58px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;background:var(--ink);color:var(--inv);font-family:var(--font-body);font-size:15px;overflow:hidden;-webkit-font-smoothing:antialiased;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.disp{font-family:var(--font-display);letter-spacing:.02em}#app{position:fixed;inset:0}#world{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}#hud{position:absolute;left:0;right:0;top:0;z-index:10;pointer-events:none;padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 0;display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}#hud>*{pointer-events:auto}.hud-block{background:#1c1a2ee6;border:2px solid #0f0d1c;border-radius:12px;box-shadow:var(--shadow);padding:6px 10px;display:flex;align-items:center;gap:10px;min-height:46px}.clock .when{display:flex;flex-direction:column;line-height:1.05}.clock .day{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--inv-soft)}.clock .time{font-family:var(--font-display);font-size:22px;color:var(--accent);font-variant-numeric:tabular-nums}.speed{display:flex;gap:2px}.speed button{width:28px;height:26px;border-radius:6px;border:1px solid var(--ink-4);background:var(--ink-2);font-size:11px;font-family:var(--font-mono);color:var(--inv-soft)}.speed button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.meters{display:flex;gap:10px;flex-wrap:wrap}.meter{display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:center;min-width:80px}.meter .ic{font-size:14px;grid-row:span 2}.meter .lb{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--inv-soft);display:flex;justify-content:space-between;gap:6px}.meter .lb b{color:var(--inv);font-family:var(--font-mono);font-weight:600}.meter .bar{height:6px;background:var(--ink-3);border-radius:3px;overflow:hidden}.meter .bar i{display:block;height:100%;border-radius:3px;transition:width .4s}.meter.flash{animation:flash .8s}@keyframes flash{0%,to{filter:none}30%{filter:brightness(1.8)}}.hud-right{margin-left:auto;display:flex;gap:6px}.hbtn{position:relative;height:46px;min-width:46px;padding:0 10px;border-radius:12px;border:2px solid #0f0d1c;background:#1c1a2eeb;box-shadow:var(--shadow);display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px}.hbtn:hover{background:var(--ink-3)}.hbtn .badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:10px;padding:0 5px;background:var(--bad);color:#fff;font-size:11px;display:grid;place-items:center;font-family:var(--font-mono);border:2px solid var(--ink)}.hbtn .badge.y{background:var(--accent);color:var(--accent-ink)}.hbtn .k{font-family:var(--font-mono);font-size:10px;color:var(--muted);border:1px solid var(--ink-4);border-radius:4px;padding:0 4px}.next-mtg{font-size:12px;color:var(--inv-soft);width:150px;line-height:1.2}.next-mtg b{color:var(--inv);display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-mtg.soon b{color:var(--accent)}#objectives{position:absolute;left:12px;top:calc(env(safe-area-inset-top,0px) + 120px);z-index:9;width:250px;background:#fbf7eef2;color:var(--text);border-radius:10px;border:2px solid #0f0d1c;box-shadow:var(--shadow);font-size:13px;overflow:hidden}#objectives header{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:var(--accent);font-family:var(--font-display);font-size:14px;color:var(--accent-ink);cursor:pointer;user-select:none}#objectives ul{list-style:none;margin:0;padding:6px 10px 10px;display:grid;gap:6px}#objectives li{display:grid;grid-template-columns:18px 1fr;gap:4px;line-height:1.3}#objectives li.done{color:var(--muted);text-decoration:line-through}#objectives.collapsed ul{display:none}#prompt{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);transform:translate(-50%);z-index:10;background:var(--paper);color:var(--text);border:2px solid #0f0d1c;border-radius:12px;box-shadow:var(--shadow);padding:0;font-weight:700;display:flex;gap:10px;align-items:center;max-width:calc(100vw - 32px);overflow:hidden}#prompt .key{font-family:var(--font-mono);font-weight:600;background:var(--ink);color:var(--accent);border-radius:6px;padding:2px 8px;font-size:13px}#prompt .sub{font-weight:400;color:var(--text-soft);font-size:13px}#prompt button{border:0;background:none;padding:8px 14px;display:flex;gap:10px;align-items:center;font-weight:700}#prompt button:hover{background:var(--accent-2)}#toasts{position:absolute;right:12px;top:calc(env(safe-area-inset-top,0px) + 122px);z-index:30;display:grid;gap:8px;width:min(340px,calc(100vw - 32px));pointer-events:none}.toast{background:var(--paper);color:var(--text);border-radius:10px;border:2px solid #0f0d1c;box-shadow:var(--shadow);padding:9px 12px;display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;font-size:13.5px;line-height:1.35;animation:toastIn .25s ease-out;border-left-width:6px}.toast.good{border-left-color:var(--good)}.toast.bad{border-left-color:var(--bad)}.toast.warn{border-left-color:var(--warn)}.toast.chat{border-left-color:var(--yak-2)}.toast.page{border-left-color:var(--pager);background:#fff0ef}.toast.out{animation:toastOut .3s forwards}@keyframes toastIn{0%{transform:translate(30px);opacity:0}}@keyframes toastOut{to{transform:translate(30px);opacity:0}}#modals{position:absolute;inset:0;z-index:50;pointer-events:none}.overlay{position:absolute;inset:0;background:#0c0a1a8c;display:grid;place-items:center;pointer-events:auto;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px calc(env(safe-area-inset-bottom,0px) + 12px);animation:fadeIn .15s}.overlay.clear{background:transparent}@keyframes fadeIn{0%{opacity:0}}.panel{background:var(--paper);color:var(--text);border-radius:14px;border:3px solid #0f0d1c;box-shadow:var(--shadow);width:min(620px,100%);max-height:100%;overflow:auto;animation:pop .18s ease-out}@keyframes pop{0%{transform:translateY(8px) scale(.98);opacity:0}}.panel.wide{width:min(980px,100%)}.panel.dark{background:var(--ink-2);color:var(--inv);border-color:#0f0d1c}.panel-h{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:2px solid var(--line);position:sticky;top:0;background:inherit;z-index:2}.panel-h h2{margin:0;font-family:var(--font-display);font-size:20px;font-weight:600;text-wrap:balance}.panel-h .x{margin-left:auto;border:0;background:var(--paper-3);width:34px;height:34px;border-radius:8px;font-size:16px}.panel.dark .panel-h{border-color:var(--ink-4)}.panel.dark .panel-h .x{background:var(--ink-3)}.panel-b{padding:14px 16px 16px}.dialog{display:grid;grid-template-columns:auto 1fr;gap:14px}.dialog .who{display:grid;justify-items:center;gap:4px;width:88px}.dialog .who .name{font-weight:700;font-size:13px;text-align:center;line-height:1.2}.dialog .who .role{font-size:11px;color:var(--muted);text-align:center}.portrait{width:80px;height:80px;image-rendering:pixelated;background:linear-gradient(#cfe3f5,#eef4e6);border-radius:12px;border:3px solid #0f0d1c}.portrait.sm{width:40px;height:40px;border-width:2px;border-radius:8px}.portrait.xs{width:28px;height:28px;border-width:2px;border-radius:6px}.say{font-size:16px;line-height:1.5}.say p{margin:0 0 10px}.say em.bl{color:var(--text-soft);font-style:italic}.choices{display:grid;gap:8px;margin-top:14px}.choice{text-align:left;border:2px solid #0f0d1c;background:#fff;border-radius:10px;padding:10px 12px;display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;box-shadow:0 2px #0f0d1c;transition:transform .06s,background .1s}.choice:hover:not(:disabled){background:var(--accent-2);transform:translateY(-1px)}.choice:active:not(:disabled){transform:translateY(1px);box-shadow:none}.choice:disabled{opacity:.45;cursor:not-allowed}.choice .n{font-family:var(--font-display);background:var(--ink);color:var(--accent);border-radius:6px;text-align:center;font-size:13px;padding:2px 0}.choice .l{font-weight:700;line-height:1.3}.choice .s{display:block;font-weight:400;color:var(--text-soft);font-size:13px;margin-top:2px}.choice .t{font-size:12px;color:var(--muted);font-family:var(--font-mono);white-space:nowrap}.choice.primary{background:var(--accent)}.choice.danger .l{color:var(--bad)}.deltas{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700;background:var(--paper-3);color:var(--text-soft);line-height:1.3}.chip.good{background:var(--good-bg);color:#16603c}.chip.bad{background:var(--bad-bg);color:#8f1f24}.chip.warn{background:var(--warn-bg);color:#7a3f06}.chip.info{background:var(--info-bg);color:#243a94}.chip.dark{background:var(--ink);color:var(--accent)}.btn{border:2px solid #0f0d1c;background:#fff;color:var(--text);border-radius:9px;padding:7px 12px;font-weight:700;box-shadow:0 2px #0f0d1c;display:inline-flex;align-items:center;gap:6px;font-size:14px}.btn:hover:not(:disabled){background:var(--accent-2)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent)}.btn.sm{padding:4px 9px;font-size:12.5px;border-radius:7px}.btn.ghost{background:transparent;box-shadow:none;border-color:var(--line)}.btn.dark{background:var(--ink);color:var(--inv)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grow{flex:1}.muted{color:var(--muted)}.small{font-size:12.5px}.stack{display:grid;gap:10px;align-content:start}hr.sep{border:0;border-top:2px dashed var(--line);margin:12px 0}.laptop{width:min(1100px,100%);height:min(760px,100%);background:#0f0d1c;border-radius:18px;padding:10px;box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr;animation:pop .18s ease-out;pointer-events:auto}.laptop.phone{width:min(440px,100%)}.lt-top{display:flex;align-items:center;gap:10px;padding:2px 6px 8px;color:var(--inv-soft);font-size:12px}.lt-top .dots{display:flex;gap:6px}.lt-top .dots i{width:11px;height:11px;border-radius:50%;background:#e0584e;display:block}.lt-top .dots i:nth-child(2){background:#f0c24a}.lt-top .dots i:nth-child(3){background:#58b487}.lt-top .title{flex:1;text-align:center;font-family:var(--font-display);color:var(--inv);font-size:14px}.lt-top .x{border:0;background:var(--ink-3);color:var(--inv);border-radius:8px;height:30px;padding:0 10px;font-weight:700}.lt-screen{background:var(--paper);color:var(--text);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:76px 1fr;min-height:0}.dock{background:var(--ink-2);display:flex;flex-direction:column;gap:4px;padding:8px 6px;overflow-y:auto}.dock button{border:0;background:transparent;color:var(--inv-soft);border-radius:10px;padding:7px 2px;display:grid;justify-items:center;gap:2px;font-size:10.5px;font-weight:700;position:relative}.dock button .i{font-size:21px;line-height:1.1}.dock button.on{background:var(--ink-4);color:var(--inv)}.dock button:hover{background:var(--ink-3)}.dock button .badge{position:absolute;top:2px;right:6px;min-width:18px;height:18px;border-radius:9px;background:var(--bad);color:#fff;font-size:10px;display:grid;place-items:center;padding:0 4px;font-family:var(--font-mono)}.dock button:disabled{opacity:.35}.app{min-height:0;overflow:auto;display:flex;flex-direction:column}.app-h{padding:12px 16px;border-bottom:2px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:sticky;top:0;background:var(--paper);z-index:2}.app-h h3{margin:0;font-family:var(--font-display);font-size:18px;font-weight:600}.app-b{padding:12px 16px 18px;display:grid;gap:12px;align-content:start}.notice{background:var(--paper-2);border:2px dashed var(--line);border-radius:10px;padding:10px 12px;font-size:13.5px;color:var(--text-soft);line-height:1.45}.yak{display:grid;grid-template-columns:190px 1fr;height:100%;min-height:0}.yak-side{background:var(--yak);color:#e5dcf5;overflow-y:auto;padding:10px 6px;font-size:14px}.yak-side h4{margin:10px 8px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#b8a6d8}.yak-side button{width:100%;text-align:left;border:0;background:transparent;color:inherit;padding:5px 8px;border-radius:6px;display:flex;gap:6px;align-items:center}.yak-side button.on{background:var(--yak-2);color:#fff}.yak-side button.unread{color:#fff;font-weight:700}.yak-side button .c{margin-left:auto;background:var(--bad);color:#fff;border-radius:9px;font-size:11px;padding:0 6px;font-family:var(--font-mono)}.yak-main{display:grid;grid-template-rows:auto 1fr auto;min-height:0}.yak-main .app-h{position:static}.msgs{overflow-y:auto;padding:10px 16px;display:grid;gap:10px;align-content:start}.msg{display:grid;grid-template-columns:34px 1fr;gap:10px}.msg .av{width:34px;height:34px;border-radius:8px;background:var(--paper-3);display:grid;place-items:center;font-weight:700;overflow:hidden}.msg .av canvas{width:34px;height:34px;image-rendering:pixelated}.msg .meta{font-size:13px}.msg .meta b{margin-right:6px}.msg .meta span{color:var(--muted);font-size:11.5px;font-family:var(--font-mono)}.msg .body{font-size:14.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.msg.mine .av{background:var(--accent)}.dm-actions{display:grid;gap:6px;margin-top:6px}.dm-actions .btn{justify-content:flex-start;text-align:left}.composer{border-top:2px solid var(--line);padding:10px 16px;display:flex;gap:8px;flex-wrap:wrap;background:var(--paper-2)}.composer select{font:inherit;font-size:12.5px;font-weight:700;color:var(--text);padding:4px 8px;border:2px solid #0f0d1c;border-radius:7px;background:#fff;box-shadow:0 2px #0f0d1c;max-width:240px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.card{border:2px solid #0f0d1c;border-radius:12px;background:#fff;padding:12px;display:grid;gap:8px;align-content:start;box-shadow:0 2px #0f0d1c}.card h4{margin:0;font-size:15px}.card .top{display:flex;gap:10px;align-items:center}.kv{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:700}.pips{display:inline-flex;gap:2px;vertical-align:middle}.pips i{width:7px;height:10px;border-radius:2px;background:var(--paper-3);display:block}.pips i.on{background:var(--ink)}.pips.unknown i{background:repeating-linear-gradient(45deg,var(--paper-3),var(--paper-3) 2px,#fff 2px,#fff 4px)}.mini-bar{height:7px;border-radius:4px;background:var(--paper-3);overflow:hidden}.mini-bar i{display:block;height:100%;border-radius:4px}.list{display:grid;gap:8px}.item{border:2px solid var(--line);border-radius:10px;background:#fff;padding:9px 12px;display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center}.item.overdue{border-color:var(--bad);background:#fff6f5}.item .t{font-weight:700;line-height:1.3}.item .d{font-size:12.5px;color:var(--muted)}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs button{border:2px solid var(--line);background:#fff;border-radius:8px;padding:4px 10px;font-weight:700;font-size:13px}.tabs button.on{background:var(--ink);color:var(--accent);border-color:var(--ink)}.board{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:10px}.col{background:var(--paper-2);border-radius:10px;padding:8px;display:grid;gap:8px;align-content:start;min-height:80px}.col h5{margin:2px 4px;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-soft);display:flex;justify-content:space-between}.tkt{background:#fff;border:2px solid var(--line);border-radius:8px;padding:7px 9px;display:grid;gap:5px;font-size:13px;cursor:pointer;text-align:left}.tkt:hover{border-color:var(--ink)}.tkt .k{font-family:var(--font-mono);font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center}.tkt .ttl{font-weight:700;line-height:1.3}.tkt .ft{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11.5px;color:var(--text-soft)}.tkt.sel{border-color:var(--ink);background:var(--accent-2)}.type{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:4px}.type.feature{background:#e3e9fd;color:#243a94}.type.bug{background:#fbe1e0;color:#8f1f24}.type.debt{background:#efe4fa;color:#5a2a8a}.type.followup{background:#fdeccf;color:#7a3f06}.type.docs{background:#dff3e6;color:#16603c}.type.interrupt{background:#ffe9f0;color:#9a1f55}.pts{font-family:var(--font-mono);font-weight:700;background:var(--ink);color:var(--accent);border-radius:5px;padding:0 6px;font-size:11.5px}.proj-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:10px 12px;border:2px solid var(--line);border-radius:10px;background:#fff}.status-pill{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:999px}.status-pill.ok{background:var(--good-bg);color:#16603c}.status-pill.risk{background:var(--warn-bg);color:#7a3f06}.status-pill.late,.status-pill.missed{background:var(--bad-bg);color:#8f1f24}.status-pill.shipped{background:var(--ink);color:var(--accent)}.plan{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.cap{display:grid;gap:6px;background:var(--ink);color:var(--inv);border-radius:10px;padding:10px 12px}.cap .bar{height:12px;background:var(--ink-3);border-radius:6px;overflow:hidden;position:relative}.cap .bar i{position:absolute;left:0;top:0;bottom:0;border-radius:6px}.cap .bar .mark{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--inv)}.pm-says{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;background:var(--paper-2);border-radius:10px;padding:8px 10px;font-size:14px;line-height:1.4}.mtg{width:min(1000px,100%);height:min(700px,100%);display:grid;grid-template-rows:auto auto 1fr auto}.mtg-top{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:2px solid var(--line);flex-wrap:wrap}.mtg-top h2{margin:0;font-family:var(--font-display);font-size:19px;font-weight:600}.mtg-top .timer{font-family:var(--font-mono);font-size:13px;color:var(--text-soft)}.attendees{display:flex;gap:6px;padding:8px 16px;border-bottom:2px solid var(--line);overflow-x:auto;background:var(--paper-2)}.att{display:grid;justify-items:center;gap:2px;font-size:11px;color:var(--text-soft);min-width:50px}.att.talking .portrait{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}.mtg-body{display:grid;grid-template-columns:1fr 300px;min-height:0}.transcript{overflow-y:auto;padding:12px 16px;display:grid;gap:8px;align-content:start}.line{display:grid;grid-template-columns:28px 1fr;gap:8px;font-size:15px;line-height:1.45;animation:lineIn .2s}@keyframes lineIn{0%{opacity:0;transform:translateY(4px)}}.line .who{font-weight:700;font-size:12.5px;color:var(--text-soft)}.line.blur .txt{color:transparent;text-shadow:0 0 7px rgba(28,26,46,.55);user-select:none}.line.blur .txt .kw{color:var(--text);text-shadow:none;background:var(--accent-2);border-radius:3px;padding:0 2px}.line.you .txt{background:var(--accent-2);border-radius:8px;padding:4px 8px}.line.sys{grid-template-columns:1fr;font-size:13px;color:var(--text-soft);font-style:italic}.hook{border:3px solid var(--ink);border-radius:12px;padding:12px;background:#fff;display:grid;gap:8px;animation:pop .15s}.hook .q{font-weight:700;font-size:15px;line-height:1.4}.side{border-left:2px solid var(--line);background:var(--paper-2);overflow-y:auto;padding:12px;display:grid;gap:10px;align-content:start}.side h4{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft)}.todo-pick{text-align:left;border:2px solid var(--line);background:#fff;border-radius:9px;padding:7px 9px;display:grid;gap:4px;font-size:13px}.todo-pick.on{border-color:var(--ink);background:var(--accent-2)}.todo-pick.done{opacity:.5}.mtg-foot{display:flex;gap:10px;align-items:center;padding:10px 16px;border-top:2px solid var(--line);flex-wrap:wrap}.mode{display:flex;background:var(--paper-3);border-radius:12px;padding:4px;gap:4px}.mode button{border:0;background:transparent;border-radius:9px;padding:8px 14px;font-weight:800;font-size:14px;display:flex;align-items:center;gap:6px}.mode button.on{background:var(--ink);color:var(--accent)}.namecall{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:5;background:var(--bad);color:#fff;border:3px solid #0f0d1c;border-radius:14px;padding:14px 18px;display:grid;gap:8px;justify-items:center;box-shadow:var(--shadow);animation:shake .35s;width:min(360px,calc(100% - 32px))}.namecall .bar{width:100%;height:6px;background:#ffffff4d;border-radius:3px;overflow:hidden}.namecall .bar i{display:block;height:100%;background:#fff}@keyframes shake{20%{transform:translate(-52%,-50%)}40%{transform:translate(-48%,-50%)}60%{transform:translate(-51%,-50%)}}.convo{width:min(900px,100%);max-height:100%;display:grid;grid-template-rows:auto 1fr auto}.convo-meters{display:grid;gap:8px;padding:10px 16px;border-bottom:2px solid var(--line);background:var(--paper-2)}.cm{display:grid;grid-template-columns:110px 1fr 40px;gap:10px;align-items:center;font-size:13px;font-weight:700}.cm .bar{height:12px;background:var(--paper-3);border-radius:6px;position:relative;overflow:hidden}.cm .bar i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;transition:width .4s}.cm .bar .th{position:absolute;top:0;bottom:0;width:2px;background:var(--ink);opacity:.5}.convo-log{overflow-y:auto;padding:12px 16px;display:grid;gap:10px;align-content:start;min-height:160px}.bubble-l{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:start}.bubble-l .b{background:#fff;border:2px solid var(--line);border-radius:4px 12px 12px;padding:8px 12px;font-size:15px;line-height:1.45}.bubble-r{display:flex;justify-content:flex-end}.bubble-r .b{background:var(--accent-2);border:2px solid var(--accent);border-radius:12px 4px 12px 12px;padding:8px 12px;font-size:15px;line-height:1.45;max-width:80%}.bl{color:var(--text-soft);font-style:italic}.reveal{background:var(--ink);color:var(--inv);border-radius:10px;padding:8px 12px;font-size:13.5px}.reveal b{color:var(--accent)}.moves{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:8px;padding:12px 16px;border-top:2px solid var(--line);background:var(--paper-2)}.move{text-align:left;border:2px solid #0f0d1c;border-radius:10px;background:#fff;padding:8px 10px;display:grid;gap:2px;box-shadow:0 2px #0f0d1c;position:relative}.move:hover:not(:disabled){background:var(--accent-2)}.move:disabled{opacity:.4}.move .l{font-weight:800;font-size:13.5px}.move .s{font-size:12px;color:var(--text-soft);line-height:1.3}.move .note{position:absolute;top:6px;right:8px;font-size:12px;font-weight:800}.move .note.good{color:var(--good)}.move .note.bad{color:var(--bad)}.move.trap{border-style:dashed}.move.offer{background:var(--good-bg)}.war{background:#1a1020;color:#ffe9e6}.war .panel-h{border-color:#4a2030}.sev{font-family:var(--font-display);background:var(--pager);color:#fff;border-radius:6px;padding:2px 8px}.logs{background:#0d0812;border-radius:10px;padding:10px 12px;font-family:var(--font-mono);font-size:13px;line-height:1.6;color:#ffb8b0;display:grid;gap:2px}.logs .ok{color:#9be7b8}.war .choice{background:#2a1830;color:#ffe9e6;border-color:#0d0812;box-shadow:0 2px #0d0812}.war .choice:hover:not(:disabled){background:#3d2346}.war .choice .s{color:#d7b8c0}.war .btn{background:#2a1830;color:#ffe9e6;border-color:#0d0812;box-shadow:0 2px #0d0812}.war .btn:hover:not(:disabled){background:#3d2346}.war .btn.primary{background:var(--accent);color:var(--accent-ink)}.war .hint{border:2px dashed #ffcf4a;color:#ffcf4a;border-radius:10px;padding:8px 10px;font-size:13.5px}.commute{width:min(760px,100%)}.commute canvas{width:100%;aspect-ratio:16 / 7;display:block;image-rendering:pixelated;border-bottom:3px solid #0f0d1c;max-width:100%}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.stat{background:#fff;border:2px solid var(--line);border-radius:10px;padding:8px 10px;display:grid;gap:2px}.stat .v{font-family:var(--font-display);font-size:22px}.stat .k{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.log-lines{margin:0;padding-left:18px;display:grid;gap:5px;font-size:14px;line-height:1.4}.title-screen{position:absolute;inset:0;z-index:45;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at 50% 30%,#35315a8c,#0f0d1ceb);overflow:auto}.title-card{width:min(640px,100%);display:grid;gap:16px;text-align:center;justify-items:center}.logo{font-family:var(--font-display);font-size:clamp(44px,9vw,84px);line-height:.9;color:var(--accent);text-shadow:4px 4px 0 #0f0d1c,0 0 40px rgba(255,207,74,.25);margin:0}.logo small{display:block;font-size:.28em;color:var(--inv);text-shadow:2px 2px 0 #0f0d1c;letter-spacing:.12em;margin-top:10px;text-transform:uppercase}.tagline{font-size:17px;color:var(--inv-soft);max-width:48ch;line-height:1.5;margin:0}.creator{background:var(--paper);color:var(--text);border-radius:14px;border:3px solid #0f0d1c;padding:16px;display:grid;gap:12px;width:100%;text-align:left;box-shadow:var(--shadow)}.creator label{font-weight:700;font-size:13px;display:grid;gap:4px}.creator input[type=text]{font:inherit;font-size:16px;padding:8px 10px;border:2px solid #0f0d1c;border-radius:8px;background:#fff;color:var(--text)}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatches button{width:28px;height:28px;border-radius:7px;border:2px solid #0f0d1c}.swatches button.on{outline:3px solid var(--accent);outline-offset:1px}.creator .pv{display:flex;gap:14px;align-items:center}.creator .pv canvas{width:72px;height:108px;image-rendering:pixelated;background:var(--paper-2);border-radius:10px;border:2px solid var(--line)}.keys{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;color:var(--inv-soft);font-size:13px}.keys kbd{font-family:var(--font-display);background:var(--ink-3);color:var(--accent);border-radius:5px;padding:1px 6px;margin-right:4px}.title-screen.poster{background:radial-gradient(ellipse at 50% 45%,#1c1a2e8c,#0f0d1cd9)}.poster .logo{font-size:96px}.poster .tagline{font-size:22px;max-width:42ch;color:var(--inv)}.poster-url{margin:0;font-family:var(--font-mono);font-size:18px;color:var(--accent);letter-spacing:.04em}.perk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.perk{text-align:left;border:3px solid #0f0d1c;border-radius:12px;background:#fff;padding:12px;display:grid;gap:6px;box-shadow:0 3px #0f0d1c}.perk:hover{background:var(--accent-2)}.perk b{font-family:var(--font-display);font-size:16px}.perk span{font-size:13.5px;color:var(--text-soft);line-height:1.4}.situation .kicker{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--muted)}.situation h3{margin:4px 0 8px;font-family:var(--font-display);font-size:22px;font-weight:600;text-wrap:balance}.grade{font-family:var(--font-display);font-size:54px;line-height:1;color:var(--ink)}#mobile-act{position:absolute;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);z-index:11;width:64px;height:64px;border-radius:50%;background:var(--accent);color:var(--accent-ink);border:3px solid #0f0d1c;font-family:var(--font-body);font-weight:700;font-size:16px;box-shadow:var(--shadow);display:none}@media(pointer:coarse){#mobile-act{display:grid;place-items:center}}@media(max-width:820px){.meters .meter{min-width:70px}.next-mtg{display:none}#objectives{width:200px;font-size:12px;top:calc(env(safe-area-inset-top,0px) + 170px)}.mtg-body{grid-template-columns:1fr;grid-template-rows:1fr auto}.side{border-left:0;border-top:2px solid var(--line);max-height:34vh}.plan,.board{grid-template-columns:1fr}.yak{grid-template-columns:1fr;grid-template-rows:auto 1fr}.yak-side{display:flex;overflow-x:auto;padding:6px;gap:4px}.yak-side h4{display:none}.yak-side button{width:auto;white-space:nowrap}.lt-screen{grid-template-columns:1fr;grid-template-rows:1fr auto}.dock{flex-direction:row;order:2;overflow-x:auto;padding:4px}.dock button{min-width:58px}.dialog{grid-template-columns:1fr}.dialog .who{grid-template-columns:auto 1fr;width:auto;justify-items:start;align-items:center}.dialog .who .portrait{width:56px;height:56px;grid-row:span 2}.dialog .who .name,.dialog .who .role{text-align:left}.hud-block.meters-wrap{order:3;width:100%}#toasts{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 90px)}}@media(min-width:1240px){#toasts{top:calc(env(safe-area-inset-top,0px) + 72px)}}@media(max-width:640px){#hud{gap:6px;padding:calc(env(safe-area-inset-top,0px) + 6px) 8px 0}.hud-block{padding:4px 8px;min-height:40px;gap:8px;border-radius:10px}.clock .time{font-size:18px}.speed button{width:26px;height:24px}.speed button:last-child{display:none}.hud-right{gap:4px}.hbtn{height:40px;min-width:40px;padding:0 8px;border-radius:10px}.hbtn .k,.hbtn .dlabel{display:none}.meters{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 10px;width:100%}.meter{min-width:0}.meter .lb{font-size:9px}#objectives{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);width:min(210px,calc(100vw - 110px))}#prompt{bottom:calc(env(safe-area-inset-bottom,0px) + 90px)}.laptop{padding:6px;border-radius:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}