:root{--bg:#121212;--panel:#1b1b1b;--panel-2:#242424;--line:#2e2e2e;--text:#f2f2f2;--muted:#a8a8a8;--brand:#e8242c;--action:#2fb457;--action-text:#08130c;--warn:#d69614;--info:#4a8fe0;--font-title:"Sora", "Instrument Sans", system-ui, sans-serif;--font-body:"Instrument Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}.screen{--bg:#f5f5f1;--panel:#fff;--panel-2:#ecece7;--line:#dcdcd5;--text:#17171a;--muted:#5f5f5a;--action:#1b7a3c;--action-text:#fff;--warn:#9a5b06;--info:#1f5fa8;color:var(--text)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);-webkit-text-size-adjust:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none}#app{position:fixed;inset:0}#app canvas{display:block;width:100%!important;height:100%!important}#ui{pointer-events:none;font-size:15px;position:fixed;inset:0}:where(#ui)>*{pointer-events:auto}button{font:inherit}.btn{cursor:pointer;min-height:48px;font-family:var(--font-title);letter-spacing:.01em;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:17px;font-weight:700;display:inline-flex}.btn-action{background:var(--action);color:var(--action-text)}.btn-action:active{filter:brightness(.92)}.btn-ghost{color:var(--text);border:1.5px solid var(--line);background:0 0}.hidden{display:none!important}.hud-top{padding:calc(10px + var(--sat)) calc(12px + var(--sar)) 8px calc(12px + var(--sal));pointer-events:none;background:linear-gradient(#0000008c,#0000);justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.hud-top>*{pointer-events:auto}.hud-day{flex-direction:column;gap:2px;min-width:0;display:flex}.hud-day b{font-family:var(--font-title);font-size:15px}.hud-day small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:42vw;font-size:12px;overflow:hidden}.hud-clock{font-family:var(--font-mono);text-align:center;border:1px solid var(--line);background:#121212bf;border-radius:12px;padding:8px 12px;font-size:26px;font-weight:700;line-height:1}.hud-clock small{font:600 11px var(--font-body);color:var(--muted);letter-spacing:.04em;margin-top:3px;display:block}.hud-money{font-family:var(--font-mono);text-align:right;font-size:18px;font-weight:700}.hud-money small{font:600 11px var(--font-body);color:var(--muted);display:block}.hud-chips{left:calc(12px + var(--sal));top:calc(66px + var(--sat));pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute}.chip{border:1px solid var(--line);color:var(--text);background:#121212c7;border-radius:999px;padding:4px 10px;font-size:13px}.chip b{font-family:var(--font-mono)}.chip.ok{border-color:var(--action)}.chip.warn{border-color:var(--warn)}.hud-bottom{padding:8px calc(12px + var(--sar)) calc(14px + var(--sab)) calc(12px + var(--sal));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.hint{text-align:center;border:1px solid var(--line);background:#121212d1;border-radius:12px;width:100%;max-width:560px;padding:8px 12px;font-size:15px}.hint b{color:var(--action);font-family:var(--font-title);margin-right:6px;font-weight:600}.task{border:1px solid var(--action);background:#121212e6;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;width:100%;max-width:560px;padding:8px 12px;display:grid}.task .name{font-family:var(--font-title);font-weight:600}.task .pct{font-family:var(--font-mono);font-weight:700}.task .bar{background:#ffffff24;border-radius:4px;grid-column:1/-1;height:8px;overflow:hidden}.task .bar i{background:var(--action);width:0;height:100%;display:block}.carry{gap:6px;display:flex}.lunch{top:calc(112px + var(--sat));right:calc(12px + var(--sar));position:absolute}.debug{left:calc(12px + var(--sal));bottom:calc(150px + var(--sab));font:600 12px var(--font-mono);color:#ffd166;white-space:pre;background:#0009;border-radius:8px;padding:6px 8px;position:absolute}.joy{pointer-events:none;background:#ffffff14;border:2px solid #ffffff59;border-radius:50%;width:132px;height:132px;position:absolute;transform:translate(-50%,-50%)}.joy i{background:#2fb457e6;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0006}.screen{-webkit-overflow-scrolling:touch;background:var(--bg);padding:calc(20px + var(--sat)) calc(16px + var(--sar)) calc(24px + var(--sab)) calc(16px + var(--sal));justify-content:center;display:flex;position:absolute;inset:0;overflow:auto}.screen .inner{flex-direction:column;gap:16px;width:100%;max-width:720px;display:flex}.title-logo{width:min(320px,70vw);margin:8px auto 0;display:block}h1{font-family:var(--font-title);text-align:center;letter-spacing:-.01em;margin:6px 0 0;font-size:34px}h2{font-family:var(--font-title);margin:0;font-size:18px}.sub{text-align:center;color:var(--muted);margin:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.card h2{margin-bottom:8px}.kv{grid-template-columns:1fr auto;align-items:baseline;gap:6px 14px;display:grid}.kv span{color:var(--muted)}.kv b{font-family:var(--font-mono);font-weight:700}.kv b.big{font-size:22px}.controls{flex-direction:column;align-items:center;gap:10px;display:flex}.controls .tip{color:var(--muted);text-align:center;font-size:14px}.grid2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.bars svg{width:100%;height:auto;display:block}.mudas{grid-template-columns:1fr auto auto;align-items:baseline;gap:6px 12px;display:grid}.mudas .m{font-family:var(--font-mono);text-align:right}.mudas .eq{color:var(--muted);font-family:var(--font-mono);text-align:right;font-size:13px}.mudas .dom{color:var(--warn);font-weight:700}.insight{border-color:var(--action)}.insight p{margin:4px 0;font-size:16px}.insight .val{color:var(--muted);font-size:14px}.goal{justify-content:space-between;align-items:center;gap:12px;display:flex}.goal .met{color:var(--action);font-weight:700}.goal .miss{color:var(--warn);font-weight:700}table.cars{border-collapse:collapse;width:100%;font-size:14px}table.cars th,table.cars td{text-align:left;border-bottom:1px solid var(--line);padding:6px}table.cars td.n{font-family:var(--font-mono);text-align:right}table.cars th.n{text-align:right}.actions{flex-wrap:wrap;justify-content:center;gap:10px;padding-bottom:8px;display:flex}@media (max-width:420px){.hud-clock{font-size:22px}.hud-money{font-size:16px}h1{font-size:28px}}.hud-day small,.hud-clock small,.hud-money small,.chip,.mudas .eq{font-size:14px}@media (max-width:420px){.hud-day b{font-size:14px}}.wrow{grid-template-columns:minmax(96px,120px) 1fr 82px;align-items:center;gap:8px;padding:5px 0;font-size:14px;display:grid}.wrow .wl{color:#d8d8d8}.wrow .wb{background:#ffffff14;border-radius:6px;height:12px;overflow:hidden}.wrow .wb i{background:var(--info);border-radius:6px;height:100%;display:block}.wrow .wv{font-family:var(--font-mono);text-align:right}.wrow.max .wl{color:var(--warn);font-weight:700}.wrow.max .wb i{background:var(--warn)}.wrow{grid-template-columns:minmax(84px,110px) 1fr 96px}.wrow .wv,.mudas .m,.mudas .eq{white-space:nowrap}.mudas{grid-template-columns:1fr auto auto}.team{right:calc(12px + var(--sar));top:calc(66px + var(--sat));flex-direction:column;gap:4px;max-width:46vw;display:flex;position:absolute}.team .tw{border:1px solid var(--line);background:#121212c7;border-radius:10px;flex-direction:column;padding:4px 10px;font-size:14px;line-height:1.25;display:flex}.team .tw b{font-family:var(--font-title);font-weight:600}.team .tw span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.team .tw.working{border-color:var(--action)}.team .tw.lunch{border-color:var(--warn)}@media (max-width:420px){.team{top:calc(58px + var(--sat));max-width:52vw}.hud-chips{max-width:46vw}}.actions-ctx{right:calc(12px + var(--sar));bottom:calc(110px + var(--sab));pointer-events:auto;flex-direction:column;align-items:stretch;gap:8px;display:flex;position:absolute}.actions-ctx .btn{flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:10px 16px}.actions-ctx .btn small{font:500 12px var(--font-body);color:var(--action-text);opacity:.85}.actions-ctx .btn-alt{color:var(--action);border:2px solid var(--action);background:#121212e6}.actions-ctx .btn-alt small{color:var(--action)}@media (max-width:420px){.actions-ctx{right:calc(10px + var(--sar));bottom:calc(128px + var(--sab));max-width:64vw}}.delta{font:600 12px var(--font-body);white-space:nowrap;margin-left:6px}.delta.good{color:var(--action)}.delta.bad{color:var(--warn)}.delta.same{color:var(--muted)}.hire{flex-direction:column;gap:10px;width:100%;display:flex}.hire-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.hire-info p{margin:2px 0 4px}.hire-info small{color:var(--muted);font-size:14px}.hire-ctl{flex-shrink:0;align-items:center;gap:8px;display:flex}.hire-ctl .daily{font-family:var(--font-mono);margin-right:6px}.hire-ctl .daily small{color:var(--muted);font-size:14px}.hire-ctl .count{font-family:var(--font-mono);text-align:center;min-width:28px;font-size:22px}.hire-ctl .btn{min-width:44px;padding:8px 0}.btn[disabled]{opacity:.4;pointer-events:none}.kv b.neg,.tip.warn{color:#f2c200}@media (max-width:520px){.hire-row{flex-direction:column;align-items:stretch}.hire-ctl{justify-content:flex-end}}.team{pointer-events:auto;cursor:pointer}.team .tw.summary{border-color:var(--line)}@media (max-width:520px){.hud-top{padding:calc(6px + var(--sat)) calc(8px + var(--sar)) 6px calc(8px + var(--sal));align-items:center;gap:6px}.hud-day b{white-space:nowrap;text-overflow:ellipsis;max-width:34vw;font-size:14px;overflow:hidden}.hud-day small{display:none}.hud-clock{padding:6px 10px;font-size:20px}.hud-clock small{display:none}.hud-money{font-size:15px}.hud-money small{display:none}#ui>.hud{padding:0 calc(8px + var(--sar)) 0 calc(8px + var(--sal));pointer-events:none;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;inset:0}.hud-top,.hud-chips,.lunch,.team{position:static;top:auto;left:auto;right:auto}.hud-top{width:100%;padding:calc(6px + var(--sat)) 0 4px;background:0 0}.hud-day,.hud-money{border:1px solid var(--line);background:#121212c7;border-radius:999px;padding:3px 10px}.hud-chips{pointer-events:none;flex-wrap:wrap;row-gap:4px;width:100%;max-width:none}.chip{white-space:nowrap;flex:0 auto;min-width:0;padding:3px 9px;font-size:13px}.lunch{align-self:flex-start}.hud .hud-right{flex-direction:row;align-items:center;gap:6px}.team .tw.summary{flex-direction:row;align-items:baseline;gap:6px;padding:3px 10px}.team{max-width:62vw}.team.open{max-height:42vh;overflow-y:auto}.team .tw{padding:3px 9px;font-size:14px}.hud-bottom{padding:6px calc(8px + var(--sar)) calc(10px + var(--sab)) calc(8px + var(--sal));gap:6px}.hint{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:6px 10px;font-size:14px;display:-webkit-box;overflow:hidden}.task{padding:6px 10px}.task .name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.actions-ctx{right:calc(8px + var(--sar));left:calc(8px + var(--sal));bottom:calc(120px + var(--sab));flex-direction:row;max-width:none}.actions-ctx .btn{flex:1 1 0;min-height:52px;padding:8px 12px}}.kz-title{text-align:center;margin-top:14px}.kz{flex-direction:column;gap:10px;width:100%;display:flex}.kz-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.kz-row.owned{border-color:var(--action)}.kz-info h3{font-family:var(--font-title);margin:0 0 2px;font-size:16px}.kz-info p{margin:0 0 4px}.kz-info small,.kz-why{color:var(--muted);font-size:14px}.kz-effect{color:var(--text);margin:6px 0 0;padding-left:16px;font-size:14px}.kz-ctl{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;min-width:140px;display:flex}.kz-ctl .daily{font-family:var(--font-mono);text-align:right;font-size:14px}.kz-owned{color:var(--action);font-family:var(--font-title);font-weight:600}.chip.andon b{color:var(--warn);margin-right:4px}@media (max-width:520px){.kz-row{flex-direction:column;align-items:stretch}.kz-ctl{flex-direction:row;justify-content:space-between;align-items:center;min-width:0}}.rino{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.rino-avatar{flex-shrink:0}.rino-text{flex-direction:column;gap:2px;font-size:15px;display:flex}.rino-text b{font-family:var(--font-title);color:var(--action);font-weight:600}.rino-bubble{pointer-events:none;width:100%;max-width:560px}.rino-bubble .rino{border-color:var(--action);background:#121212eb}.rino-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.rino-row h2{margin:0}.kz-row.suggested{border-color:var(--warn)}.kz-tag{font:500 14px var(--font-body);color:var(--warn);margin-left:6px}@media (max-width:520px){.rino-text{font-size:14px}}.sb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;width:100%;display:grid}.sb-field{justify-content:space-between;align-items:center;gap:8px;font-size:15px;display:flex}.sb-field input[type=number]{background:var(--panel-2);width:96px;min-height:44px;color:var(--text);border:1px solid var(--line);font:700 16px var(--font-mono);text-align:right;border-radius:10px;padding:6px 10px}.sb-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;display:grid}.sb-check{align-items:center;gap:8px;min-height:32px;font-size:15px;display:flex}.sb-check input{width:20px;height:20px;accent-color:var(--action)}@media (max-width:520px){.sb-grid,.sb-checks{grid-template-columns:1fr}}.hud-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.hud-sound{pointer-events:auto;min-height:44px;color:var(--text);border:1px solid var(--line);font:600 14px var(--font-body);cursor:pointer;background:#121212c7;border-radius:999px;padding:6px 12px}.hud-sound.off{color:var(--muted);text-decoration:line-through}@media (max-width:520px){.hud-sound{min-height:44px;padding:4px 9px;font-size:13px}.hud-money{white-space:nowrap}}.ledger .kv b.pos{color:var(--action)}.ledger .kv b.neg{color:var(--warn)}.weeks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.weeks .card h2{font-size:16px}@media (max-width:520px){.weeks{grid-template-columns:1fr}}.verdict{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-direction:column;gap:2px;width:100%;padding:12px 16px;display:flex}.verdict b{font-family:var(--font-title);font-size:20px}.verdict span{color:var(--muted);font-size:15px}.verdict.met{border-color:var(--action)}.verdict.met b{color:var(--action)}.verdict.miss{border-color:var(--warn)}.verdict.miss b{color:var(--warn)}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;display:grid}.tile{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:12px 14px;display:flex}.tile .tl{color:var(--muted);font-size:14px;line-height:1.2}.tile .tv{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:26px;font-weight:700;line-height:1.1}.tile .tx{color:var(--muted);font-size:14px}.tile.pos .tv{color:var(--action)}.tile.neg .tv{color:var(--warn)}.detalle{width:100%}.detalle>summary{cursor:pointer;text-align:center;border:1px solid var(--line);background:var(--panel);min-height:48px;color:var(--muted);font:600 15px var(--font-body);border-radius:12px;padding:12px;list-style:none}.detalle>summary::-webkit-details-marker{display:none}.detalle[open]>summary{margin-bottom:12px}.detalle-body{gap:12px;padding:0}@media (max-width:520px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile .tv{font-size:22px}.verdict b{font-size:18px}}.intro-step{text-align:left;align-items:flex-start;gap:14px;width:100%;display:flex}.intro-step>b{font-family:var(--font-mono);color:var(--action);flex-shrink:0;font-size:22px;line-height:1.1}.intro-step h2{margin-bottom:2px;font-size:17px}.intro-step p{color:var(--muted)}.tiles.money{grid-template-columns:repeat(3,minmax(0,1fr))}.controls.sticky{padding:10px 0 calc(6px + var(--sab));background:linear-gradient(180deg, #12121200, var(--bg) 35%);z-index:2;position:sticky;bottom:0}@media (max-width:520px){.tiles.money{grid-template-columns:1fr}.intro-step h2{font-size:16px}}.controls.sticky.solo{padding-top:6px}.controls.sticky.solo .btn{width:100%;max-width:420px}.screen .card,.screen .verdict,.screen .tile,.screen .detalle>summary{box-shadow:0 1px 2px #17171a0f}.screen .btn-ghost{background:var(--panel)}.screen .rino{background:var(--panel-2)}.screen .controls.sticky{background:linear-gradient(180deg, #f5f5f100, var(--bg) 35%)}.screen .sb-field input[type=number]{background:var(--panel)}.tile.text .tv{font-family:var(--font-title);overflow-wrap:break-word;font-size:19px}.gfx{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gfx select{font:600 14px var(--font-body);color:var(--text);background:var(--card,#fff);border:1px solid var(--line);border-radius:8px;min-height:36px;padding:6px 10px}.gfx .sub{color:var(--muted);font-size:12px}.hero-stage:empty{display:none}.hero-stage{border-radius:14px;flex:none;align-self:center;width:420px;max-width:100%;height:470px;margin:4px auto 10px;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #00000047}.hero-stage canvas{pointer-events:none;width:100%;height:100%;display:block}@media (max-width:520px){.hero-stage{width:320px;height:340px}}@media (orientation:landscape) and (max-height:500px){#ui>.hud{padding:0 calc(10px + var(--sar)) calc(8px + var(--sab)) calc(10px + var(--sal));pointer-events:none;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;grid-template-columns:1fr min(330px,40vw);column-gap:12px;display:grid;position:absolute;inset:0}.hud-top,.hud-chips,.lunch,.team,.actions-ctx,.hud-bottom{position:static;inset:auto}.hud-top{padding:calc(6px + var(--sat)) 0 0;background:0 0;grid-area:1/1/auto/-1;align-items:center;gap:8px}.hud-day small,.hud-clock small,.hud-money small{display:none}.hud-day b{white-space:nowrap;text-overflow:ellipsis;max-width:24vw;font-size:14px;overflow:hidden}.hud-day,.hud-money{border:1px solid var(--line);background:#121212c7;border-radius:999px;padding:3px 10px}.hud-clock{padding:5px 9px;font-size:18px}.hud-money{font-size:15px}.hud .hud-right{flex-direction:row;align-items:center;gap:6px}.hud-chips{grid-area:2/2;justify-content:flex-end;gap:4px;max-width:none;margin-top:6px}.chip{padding:2px 8px;font-size:12px}.lunch{grid-area:4/2;justify-self:end;margin-top:6px}.team{overscroll-behavior:contain;touch-action:pan-y;grid-area:5/2;place-self:start end;max-width:none;min-height:0;max-height:100%;margin-top:6px;overflow-y:auto}.hud.decidiendo .lunch,.hud.decidiendo .team{display:none}.team .tw{padding:3px 8px;font-size:12px}.actions-ctx{flex-direction:column;grid-area:3/2;gap:6px;width:auto;max-width:none;margin-top:8px}.actions-ctx .btn{min-height:46px;padding:6px 12px}.hud-bottom{grid-area:6/2;align-self:end;align-items:stretch;gap:6px;width:auto;margin-top:8px;padding:0}.hint{padding:6px 10px;font-size:13px}.task{gap:2px 8px;padding:6px 10px}.task .name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.task .bar{height:6px}.rino-bubble{max-width:none}.rino{gap:8px;padding:7px 10px}.rino-text{font-size:13px}.rino-avatar{width:32px;height:32px}}.espagueti-cab{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.espagueti-tag{font:500 12px var(--font-body);color:var(--muted);letter-spacing:.02em}.espagueti-lienzo{border-radius:10px;width:100%;margin-top:10px;position:relative;overflow:hidden}.espagueti-plano{cursor:pointer;touch-action:manipulation;width:100%;display:block}.espagueti-reloj{font:700 15px var(--font-mono);color:var(--text);border:1px solid var(--line);pointer-events:none;background:#ffffffe0;border-radius:999px;padding:2px 10px;transition:opacity .4s;position:absolute;top:8px;right:8px}.espagueti-reloj.fin{opacity:.7}.espagueti-leyenda{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:13px;display:flex}.espagueti-leyenda i{vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.espagueti-datos{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;margin-top:12px;display:grid}.espagueti-datos>div{background:var(--panel-2);border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:8px 12px;display:flex}.espagueti-datos>div.ancha{grid-column:span 2}.espagueti-datos span{color:var(--muted);font-size:12px}.espagueti-datos b{font-family:var(--font-title);font-size:17px;line-height:1.2}.espagueti-datos small{font:600 12px var(--font-mono);color:var(--muted)}.espagueti-rino{margin:12px 0 0;font-size:14px;line-height:1.45}.espagueti-rino b{color:var(--action);font-family:var(--font-title);margin-right:6px}.espagueti-pie{color:var(--muted);margin:6px 0 0;font-size:12px}@media (max-width:420px){.espagueti-datos>div.ancha{grid-column:1/-1}}@media (max-width:520px),(orientation:landscape) and (max-height:500px){.hud.decidiendo .rino-bubble{display:none}}
