:root{--bg: #14171a;--panel: #1b1f23;--panel2: #20252a;--panel3: #282e34;--line: #ffffff14;--fg: #e9e6e0;--dim: #9a968d;--acc: #c9a86a;--acc2: #8fa9b8;--good: #7fae8a;--bad: #c9776b;--warn: #d3a95b;--nav-h: 62px;--hud-h: 88px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--r: 12px;--ico: 1.1em;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font:14px/1.42 var(--font);overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}body.modal-open{touch-action:none}#view{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none;touch-action:none}#labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hidden{display:none!important}button,select,input{font:inherit;color:inherit}button{background:var(--panel3);border:1px solid var(--line);border-radius:10px;padding:8px 12px;min-height:40px;cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){border-color:#ffffff2e;background:#2f363d}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.primary{background:linear-gradient(#d3b57a,#bf9d5c);color:#1c1608;border-color:#a98a4f;font-weight:700}button.primary:hover:not(:disabled){background:linear-gradient(#dcc08a,#c9a86a)}button.danger{color:#e3a89f;border-color:#6b3b36}button.danger.solid{background:#a8554b;color:#fff;border-color:#c9776b}button.ghost{background:transparent;border-color:transparent;min-width:40px}button.on{border-color:var(--acc);color:var(--acc)}button.big{min-height:50px;font-size:15px;width:100%;margin:6px 0}:focus-visible{outline:2px solid var(--acc2);outline-offset:2px}.hud-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.dt{display:flex;flex-direction:column;line-height:1.2;min-width:0}.dt b{font-size:15px}.dt span{color:var(--dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spd{display:flex;gap:6px}.spd button{min-height:38px;min-width:44px;padding:4px 12px;background:#1b1f23ea;font-weight:600}.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:6px 0 2px;-webkit-overflow-scrolling:touch}.chips::-webkit-scrollbar{display:none}.chip{flex:none;min-height:34px;padding:4px 11px;border-radius:17px;background:#1b1f23ee;font-size:13px;white-space:nowrap}.chip b{margin-left:2px}.chip.warn{border-color:var(--warn)}.neg{color:var(--bad)}.dim{color:var(--dim)}#rail{position:absolute;right:10px;top:calc(var(--safe-t) + var(--hud-h) + 8px);display:flex;flex-direction:column;gap:8px;z-index:15}#rail button{width:44px;height:44px;min-height:44px;border-radius:50%;padding:0;background:#1b1f23ee;font-size:18px;box-shadow:0 2px 10px #0008}#nav{position:absolute;left:0;right:0;bottom:0;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);display:flex;z-index:30;background:#171a1ef7;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#nav button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;position:relative;min-height:54px;background:none;border:0;border-radius:0;color:var(--dim);padding:4px 2px}#nav button.on{color:var(--acc);background:linear-gradient(#c9a86a10,transparent);box-shadow:inset 0 2px 0 var(--acc)}#nav i{font-style:normal;font-size:21px;line-height:1}#nav span{font-size:10.5px}.badge{position:absolute;top:5px;left:calc(50% + 6px);background:var(--bad);color:#fff;font:700 10px/16px var(--font);border-radius:9px;min-width:16px;height:16px;text-align:center;padding:0 4px;font-style:normal}#sheet{position:absolute;left:0;right:0;bottom:calc(var(--nav-h) + var(--safe-b));height:min(54dvh,520px);max-height:calc(100dvh - var(--hud-h) - var(--nav-h) - var(--safe-t) - var(--safe-b) - 10px);background:var(--panel);border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;display:flex;flex-direction:column;z-index:25;box-shadow:0 -10px 32px #000b;transition:height .2s ease}#sheet.full{height:calc(100dvh - var(--hud-h) - var(--nav-h) - var(--safe-t) - var(--safe-b) - 10px)}#grab{height:24px;flex:none;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}#grab:after{content:"";width:46px;height:5px;border-radius:3px;background:#ffffff26}#sheetHead{display:flex;align-items:center;justify-content:space-between;padding:0 12px 6px 16px;flex:none}#sheetHead h3{margin:0;font-size:17px}.hbtn{display:flex;gap:2px}#sheetBody{flex:1;overflow-y:auto;padding:4px 12px calc(20px + var(--safe-b));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}#minicard{position:absolute;left:8px;right:8px;bottom:calc(var(--nav-h) + var(--safe-b) + 8px);z-index:24;display:flex;align-items:center;gap:10px;background:#1b1f23f4;border:1px solid var(--acc);border-radius:14px;padding:10px 12px;box-shadow:0 6px 24px #000a}.mc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mc-main span{color:var(--dim);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-btn{display:flex;gap:6px;flex:none}.toast{pointer-events:auto;width:fit-content;max-width:min(540px,100%);background:#1b1f23f5;border:1px solid var(--line);border-left:4px solid var(--dim);padding:9px 13px;border-radius:10px;font-size:13px;box-shadow:0 6px 20px #0009;transition:opacity .3s,transform .3s;animation:pop .25s ease}.toast.good{border-left-color:var(--good)}.toast.bad{border-left-color:var(--bad)}.toast.neutral{border-left-color:var(--acc2)}.toast.out{opacity:0;transform:translateY(-8px)}@keyframes pop{0%{opacity:0;transform:translateY(-8px) scale(.98)}}.card.slim{padding:8px 12px}.card.focus{border-color:var(--acc)}.card.locked{opacity:.55}.card.bad{border-color:#5d3834}.card.gold{border-color:var(--acc);background:linear-gradient(#2a2519,var(--panel2))}.card[role=button]{cursor:pointer}.card[role=button]:hover{border-color:#ffffff2e}.card.dev{border-style:dashed}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:3px 0}.row b{min-width:0}.sub{color:var(--dim);font-size:12.5px;margin:3px 0}.sub.big{font-size:13.5px}.rp{color:var(--good);font-weight:600;white-space:nowrap}.empty{color:var(--dim);text-align:center;padding:20px 8px}.note{background:#1d2125;border:1px solid #ffffff10;border-radius:10px;padding:8px 11px;margin:8px 0;font-size:12.5px;color:#b9b5ac}.alert{border-radius:10px;padding:8px 11px;margin:8px 0;font-size:13px;border:1px solid}.alert.warn{background:#2c2518;border-color:#6e5b34;color:#e6cd97}.alert.bad{background:#2c1d1b;border-color:#6e3a35;color:#e3a89f}.alert.good{background:#1c2a21;border-color:#3d6149;color:#a9cdb3}.tags{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0}.tag{font-size:11.5px;padding:2px 8px;border-radius:10px;background:#262b30;border:1px solid #ffffff1c;color:#cbc7be;white-space:nowrap}.tag.good{background:#1f2d24;border-color:#3d6149;color:#a9cdb3}.tag.warn{background:#30281a;border-color:#6e5b34;color:#e6cd97}.btnrow{display:flex;gap:8px;margin-top:8px}.btnrow.wrap{flex-wrap:wrap}.btnrow button{flex:1}.card>button.primary{width:100%;margin-top:8px;min-height:44px}.mt{margin-top:18px!important}h4{margin:14px 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}h4 small{color:var(--dim);text-transform:none;letter-spacing:0;margin-left:6px;font-weight:400}.blk{margin:10px 0 14px}.blk h4{margin-top:0}.kv{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed #ffffff12}.kv span{color:#b9b5ac}.kv b{text-align:right;font-weight:600}.kv.tot{border-bottom:0;border-top:1px solid #ffffff1f;margin-top:3px;padding-top:7px}.kv.tot b{font-size:15px}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0}.kpi{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:0}.kpi em{display:block;font-style:normal;color:var(--dim);font-size:11.5px}.kpi b{font-size:16px;word-break:break-word}.li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid #ffffff0f}.li small{display:block;color:var(--dim);font-size:11.5px}.li>span:last-child{text-align:right;flex:none}.ranks .li{gap:8px}.ranks .li.me{background:#232a20;border-radius:8px;padding-left:8px}.rk{flex:none;width:24px;text-align:center;font-weight:700;color:var(--acc)}.nm{flex:1;min-width:0;text-align:left!important}.nm b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.val{flex:none;font-size:12.5px}.log div{font-size:12px;color:var(--dim);padding:4px 0;border-bottom:1px dashed #ffffff10}.stars{color:var(--acc);letter-spacing:1px;font-size:12px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;border:1px solid #fff4}.spark{display:block;width:100%}.bars2{width:100%;max-height:150px}.legend{font-size:11.5px;color:var(--dim);display:flex;gap:12px;align-items:center}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:4px}.legend i.b{background:var(--bad)}.duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.duo em{font-style:normal;font-size:11.5px;color:var(--dim)}.bar{height:7px;background:#101315;border-radius:4px;overflow:hidden;flex:1;min-width:20px;border:1px solid #ffffff10}.bar i{display:block;height:100%;background:var(--acc);transition:width .3s}.bar.d i{background:#b98aa6}.bar.c i{background:#7f9cb0}.bar.q i{background:#7fae8a}.bar.e i{background:#c9a86a}.bar.m i{background:#c98d97}.bar.h i{background:#c9946a}.bar.bad i{background:var(--bad)}.bar.coding i{background:#7f9cb0}.bar.design i{background:#b98aa6}.bar.qa i{background:#7fae8a}.bar.ops i{background:#c9946a}.bar.mkt i{background:#a79bc2}.disc,.mini,.sk{display:flex;align-items:center;gap:7px;margin:4px 0}.disc em,.sk em{font-style:normal;font-size:11.5px;color:var(--dim);min-width:52px;text-align:right}.sk em{min-width:24px}.mini span{font-size:12px}.mini.big{flex-wrap:wrap}.mini.big .bar{flex:1 1 40%}.skills{display:grid;grid-template-columns:1fr;gap:0}.skills.compact{grid-template-columns:1fr 1fr;column-gap:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0}.metrics div{min-width:0}.metrics em{display:block;font-style:normal;font-size:10.5px;color:var(--dim)}.metrics b{font-size:13px}.seg{display:flex;gap:4px;background:#101315;border:1px solid var(--line);padding:3px;border-radius:12px;margin:6px 0}.seg button{flex:1;min-height:36px;padding:4px 8px;background:transparent;border:0;border-radius:9px;color:var(--dim);font-size:13px;white-space:nowrap}.seg button.on{background:var(--panel3);color:var(--fg);box-shadow:0 0 0 1px var(--acc) inset}.seg.scroll{overflow-x:auto;scrollbar-width:none}.seg.scroll::-webkit-scrollbar{display:none}.seg.scroll button{flex:none}.seg.small button{min-height:32px;font-size:12.5px}.fld{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}.fld>span{flex:none;max-width:42%;color:#cbc7be;font-size:13px}.fld select,.fld input[type=text],.fld input[type=number]{flex:1;min-width:0}.fld.col{flex-direction:column;align-items:stretch;gap:5px}.fld.col>span{max-width:none}select,input[type=text],input[type=number]{background:#101315;border:1px solid var(--line);border-radius:10px;padding:9px 10px;min-height:42px;font-size:16px;width:100%}input[type=range]{width:100%;accent-color:var(--acc);height:32px;margin:0}.inline{display:flex;gap:8px}.inline button{flex:none}.chk{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;margin:6px 0;background:var(--panel2);border:1px solid var(--line);border-radius:10px;cursor:pointer}.chk input{width:20px;height:20px;margin-top:2px;accent-color:var(--acc);flex:none}.chk b{display:block}.chk small{display:block;color:var(--dim);font-size:12px}.stack{display:flex;flex-direction:column;gap:6px;margin:6px 0}.opt{text-align:left;display:flex;flex-direction:column;gap:2px;padding:10px 12px}.opt span{color:#b9b5ac;font-size:12.5px}.opt small{color:var(--dim);font-size:11.5px}.opt.on{border-color:var(--acc);background:#2a2d2d}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gcard{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px;text-align:left;min-height:96px}.gcard .ic{font-size:24px}.gcard small{color:var(--dim);font-size:11px}.gcard.on{border-color:var(--acc);background:#2a2d2d}.scens{display:grid;grid-template-columns:1fr;gap:8px}.scen{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.scen h5{margin:0 0 4px;font-size:13px}.scen.mid{border-color:var(--acc2)}.scen.hit{border-color:var(--good)}.scen.low{border-color:#5a4d33}.scen .kv{padding:3px 0;font-size:12.5px}.head-note{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:4px;color:var(--dim)}#modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000c;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes fade{0%{opacity:0}}.mbox{width:100%;height:calc(100dvh - var(--safe-t) - 10px);background:var(--panel);border:1px solid var(--line);border-radius:18px 18px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:up .22s ease}@keyframes up{0%{transform:translateY(40px);opacity:.6}}.mhead{display:flex;align-items:center;gap:6px;padding:8px 8px 8px 6px;border-bottom:1px solid var(--line);flex:none}.mhead h3{flex:1;margin:0;font-size:16px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhead button{font-size:20px}.mbody{flex:1;overflow-y:auto;padding:8px 14px 18px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mfoot{display:flex;gap:8px;padding:10px 12px calc(10px + var(--safe-b));border-top:1px solid var(--line);flex:none;background:#171a1e}.mfoot button{flex:1;min-height:46px;font-weight:600}.confirm{font-size:15px;line-height:1.5;padding:10px 0}@media (min-width: 900px),(orientation: landscape) and (max-height: 520px){:root{--nav-w: 72px}#nav{top:calc(var(--safe-t) + var(--hud-h));bottom:0;left:0;right:auto;width:var(--nav-w);height:auto;flex-direction:column;justify-content:flex-start;padding:6px 0 var(--safe-b);border-top:0;border-right:1px solid var(--line)}#nav button{flex:none;width:100%;min-height:62px}#nav button.on{box-shadow:inset 3px 0 0 var(--acc);background:linear-gradient(90deg,#c9a86a12,transparent)}.badge{left:auto;right:10px}#sheet{left:auto;right:0;top:calc(var(--safe-t) + var(--hud-h));bottom:0;width:min(450px,46vw);height:auto;max-height:none;border-radius:0;border:0;border-left:1px solid var(--line);transition:none;box-shadow:-8px 0 30px #0009}#sheet.full{height:auto}#grab,.hbtn .ghost[data-act="sheet.expand"]{display:none}#sheetHead{padding-top:10px}.sheet-open #rail{right:calc(min(450px,46vw) + 10px)}#rail{flex-direction:column}#minicard{left:calc(var(--nav-w) + 10px);right:auto;width:380px;max-width:calc(100vw - var(--nav-w) - 20px);bottom:12px}.sheet-open #minicard{display:none}#toasts{left:calc(var(--nav-w) + 8px);right:8px}#toasts.open{right:calc(min(450px,46vw) + 8px)}#modal{align-items:center;padding:12px}.mbox{max-width:600px;height:auto;max-height:calc(100dvh - 24px);border-radius:18px}.mbox.wide{max-width:720px;height:calc(100dvh - 24px);max-height:860px}.scens,.grid2,.kpis{grid-template-columns:repeat(3,1fr)}.mbody{padding:10px 18px 18px}}@media (orientation: landscape) and (max-height: 520px){:root{--hud-h: 46px;--nav-w: 66px}#nav{top:calc(var(--safe-t) + var(--hud-h))}#nav button{min-height:0;height:46px;padding:0;gap:0}#nav i{font-size:16px;line-height:1}#nav span{font-size:9px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:-.2px}#sheet{width:min(52vw,480px);max-height:calc(100dvh - var(--hud-h) - var(--safe-t) - 10px);overflow-y:auto}.sheet-open #rail{right:calc(min(52vw,480px) + 10px)}#rail button{width:40px;height:40px;min-height:40px}#rail{top:calc(var(--safe-t) + var(--hud-h) + 6px)}#toasts.open{right:calc(min(52vw,480px) + 8px)}#minicard{padding:6px 10px;width:330px}#modal{padding:6px}.mbox,.mbox.wide{max-height:calc(100dvh - 12px);height:calc(100dvh - 12px);max-width:640px}#toasts{top:calc(var(--safe-t) + var(--hud-h) + 2px)}.kpis{grid-template-columns:repeat(3,1fr)}#app.sheet-open #stageHint{left:calc(var(--nav-w) + (100vw - var(--nav-w) - min(52vw,480px)) / 2);max-width:calc(100vw - var(--nav-w) - min(52vw,480px) - 120px);top:calc((var(--hud-h) + 100dvh) / 2)}}@media (min-width: 900px){:root{--hud-h: 56px}#hud{display:flex;align-items:center;gap:18px;padding-left:calc(var(--nav-w, 72px) + 14px)}.hud-top{flex:none;gap:24px}.dt{flex-direction:row;align-items:baseline;gap:10px}.chips{padding:0;flex:1}.spd button{min-height:38px}}@media (max-width: 380px){.metrics{grid-template-columns:repeat(2,1fr)}.dt b{font-size:14px}.chip{font-size:12px;padding:3px 9px}#nav span{font-size:10px}.grid2{gap:6px}}.ico{display:inline-block;width:var(--ico, 1.1em);height:var(--ico, 1.1em);vertical-align:-.16em;flex-shrink:0;overflow:visible}button .ico,.tag .ico,.chip .ico{pointer-events:none}.chip .ico{color:var(--acc);margin-right:3px;vertical-align:-.2em}.chip.warn .ico{color:var(--warn)}.tag .ico{--ico: 1em;margin-right:2px;vertical-align:-.15em}.tag.good .ico,.good .ico,.alert.good .ico{color:var(--good)}.tag.bad .ico,.bad .ico,.alert.bad .ico,.neg .ico{color:var(--bad)}.tag.warn .ico,.warn .ico,.alert.warn .ico{color:var(--warn)}.dim .ico,.sub .ico{color:var(--dim)}h3 .ico,b .ico{color:var(--acc)}button.primary .ico,button.danger .ico{color:inherit}.spd button .ico{--ico: 1.05em;vertical-align:-.18em;color:var(--fg)}.spd button.on .ico{color:var(--acc)}#nav i{display:flex}#nav .ico{--ico: 24px}#nav button.on .ico{filter:drop-shadow(0 0 6px #c9a86a55)}#rail button{display:grid;place-items:center}#rail button .ico{--ico: 20px;vertical-align:0}.mhead button .ico{--ico: 22px;vertical-align:-.35em}#sheetHead .ghost .ico{--ico: 20px;vertical-align:-.3em}.hbtn .ghost,.mc-btn .ghost{display:inline-grid;place-items:center}.toast .ico{--ico: 1.15em;margin-right:4px;color:var(--acc)}.toast.good .ico{color:var(--good)}.toast.bad .ico{color:var(--bad)}.gcard .ic .ico,.card .ic .ico{--ico: 26px;color:var(--acc)}.gcard .ic{line-height:1}.trophy{color:var(--acc)}.trophy .ico,.stage .ico.big{--ico: 1em;stroke-width:1.3}.stars{display:inline-flex;gap:1px;vertical-align:-.2em}.stars .ico{--ico: 13px;color:var(--acc);vertical-align:0}.stars .ico.off{color:var(--dim);opacity:.55}.mini span .ico{--ico: 16px}.mini span:has(.ico){display:inline-flex}.mini.big span{display:inline-flex;gap:4px;align-items:center}.kpi em .ico,.li .ico{color:var(--dim)}.rk .ico{color:var(--acc)}.ach b .ico{--ico: 22px;color:var(--acc)}.ach>div:not(.got) .ico{color:var(--dim)}.pill .ico{--ico: .95em}.lab .ic{display:inline-grid;place-items:center;width:24px;height:24px;margin-bottom:3px;border-radius:50%;background:#14171acc;border:1px solid #ffffff2e;color:#fff;box-shadow:0 2px 6px #0007}.lab .ic .ico{--ico: 14px;vertical-align:0}.lab .bb .ico{--ico: 1em;color:#5e5a52}.fx-item{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#14171ae0;border:1px solid #c9a86a88;color:#e5cf9f;font-size:12px;filter:none;box-shadow:0 2px 6px #0008}.fx-item .ico{--ico: 12px;vertical-align:0}.fx-item.design{color:#d9b6c9;border-color:#b98aa688}.fx-item.qa{color:#a9cdb3;border-color:#7fae8a88}.fx-item.ops,.fx-item.bug,.fx-item.bugfix{color:#dcb98d;border-color:#c9946a88}.fx-item.mkt{color:#c4bbdb;border-color:#a79bc288}#ticker .tk .ic .ico{--ico: 18px;color:var(--acc);vertical-align:0}#ticker .tk small .ico{--ico: 11px;color:var(--acc)}#ticker .tk-h .ico{--ico: 11px;vertical-align:-.1em}.step button,.inline button{display:inline-grid;place-items:center}.inline button .ico{--ico: 20px;vertical-align:0}.mini.big{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center}.mini.big .bar{flex:none}.mbody{overflow-x:hidden}.mbody *{min-width:0}.fld{width:100%;box-sizing:border-box}.fld select,.fld input{max-width:100%;text-overflow:ellipsis}@media (max-width: 520px){.fld:not(.col){flex-direction:column;align-items:stretch;gap:5px}.fld:not(.col)>span{max-width:none}.fld select,.fld input[type=text],.fld input[type=number]{width:100%;flex:none}}.dd{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-height:42px}.dd-l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-c{flex:none;opacity:.7;transition:transform .15s}.dd.open{border-color:var(--acc)}.dd.open .dd-c{transform:rotate(180deg)}@media (max-width: 520px){.fld:not(.col) .dd{width:100%;flex:none}}.ddpop{position:fixed;z-index:90;overflow-y:auto;overscroll-behavior:contain;background:#1f242a;border:1px solid #ffffff26;border-radius:12px;padding:4px;box-shadow:0 12px 36px #000c;opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top center;transition:opacity .12s,transform .12s;-webkit-overflow-scrolling:touch}.ddpop.up{transform-origin:bottom center;transform:translateY(4px) scale(.98)}.ddpop.in{opacity:1;transform:none}.ddo{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;background:transparent;border:0;border-radius:8px;padding:9px 10px;min-height:40px;font-size:13px}.ddo>span:first-child{flex:1;min-width:0;white-space:normal;line-height:1.3}.ddo:hover,.ddo:focus-visible{background:#ffffff10}.ddo.on{color:var(--acc);background:#c9a86a14}.ddk{flex:none;color:var(--acc)}.cf .kv small,.cf .kv b small{display:block;font-weight:400;font-size:11px;color:var(--dim);text-align:right}.cf .kv>span small{display:block;font-size:11px;color:var(--dim);font-weight:400;margin-top:1px}.cf .kv.tot{border-top:1px solid var(--line);margin-top:6px;padding-top:8px;font-size:15px}.cf .alert{margin-top:10px}.cfgap{height:10px}.alert.pend{position:sticky;top:0;z-index:3;margin-bottom:10px;box-shadow:0 6px 20px #0008}.alert.pend .sub{margin:4px 0 6px;line-height:1.5}.list .li.tx{cursor:pointer}.list .li.tx:hover{background:#ffffff0a}.li b small{display:block;font-weight:400;font-size:11px;color:var(--dim);text-align:right}.li.flow>span{flex:1;min-width:0}.li.flow .bar{margin-top:4px}.cf .kv{gap:12px;align-items:flex-start}.cf .kv>span{flex:1;min-width:0}.cf .kv>b{flex:none;white-space:nowrap;text-align:right}.mbody .kv>b{max-width:62%;text-align:right}.pickrow{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left}.pickrow small{color:var(--dim);font-size:11px;white-space:nowrap}.pickrow.on{border-color:#d97757;background:#d977571f}.clc{color:#d97757}.sec-h{margin:12px 0 6px;font-weight:600;font-size:13px;color:var(--dim)}.sec-h small{font-weight:400;margin-left:6px}.lab .ic.clc{color:#d97757;filter:drop-shadow(0 0 3px rgba(217,119,87,.6))}.lab .ic.clc.zz{color:#9a9a96;filter:none;opacity:.8}#sheetBody .kv{align-items:flex-start;gap:12px}#sheetBody .kv>span{flex:1;min-width:0}#sheetBody .kv>span small{display:block;font-size:11px;color:var(--dim);font-weight:400;margin-top:1px;line-height:1.3}#sheetBody .kv>b{flex:0 1 auto;white-space:normal;max-width:66%;overflow:visible;overflow-wrap:anywhere;text-align:right;line-height:1.35}.polbox{margin:8px 0 6px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#ffffff06}.polbox .row{display:flex;align-items:center;justify-content:space-between;gap:8px}.polbox .row button{min-height:32px;padding:3px 10px;font-size:12.5px}.polbox .seg{margin:6px 0 2px}.mini{width:100%;border-collapse:collapse;font-size:12px;margin:6px 0}.mini th{text-align:left;color:var(--muted);font-weight:500;padding:2px 4px}.mini td{padding:3px 4px;border-top:1px solid var(--line,#ffffff14)}.mini .cur td{font-weight:600}.li.stk{cursor:pointer;gap:8px}.li.stk.me{background:#232a20;border-radius:8px;padding-left:8px}.tkc{flex:1;min-width:0;display:flex;flex-direction:column}.tkc b{font-size:14px;letter-spacing:.3px}.tkc small{color:var(--dim);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.li.stk .sp{flex:none;width:70px}.li.stk .px{flex:none;min-width:84px;text-align:right;display:flex;flex-direction:column}.li.stk .px b{font-size:14px}.li.stk .px small{font-size:11.5px}.secrow{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.secc{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:6px 8px;display:flex;flex-direction:column}.secc em{font-style:normal;font-size:11px;color:var(--dim)}.secc b{font-size:14px}.stkchart{display:block;color:var(--fg);margin:4px 0;touch-action:pan-y}.stkhead{padding:2px 0 4px}.stkhead .big{font-size:26px;letter-spacing:.3px}.readout{display:flex;flex-direction:column;gap:1px;font-size:12px;background:#1d2125;border:1px solid #ffffff10;border-radius:8px;padding:6px 9px;margin:4px 0}.kpi small{display:block;font-size:11.5px;color:var(--dim)}.kpi small.good{color:var(--good)}.kpi small.neg{color:var(--bad)}.ob{margin:6px 0;font-size:12.5px}.obh,.obr{display:grid;grid-template-columns:1fr 70px 70px 1fr;gap:6px;align-items:center}.obh{color:var(--dim);font-size:11px;padding-bottom:3px}.obh span:nth-child(2),.obh span:nth-child(3){text-align:center}.obr{padding:2px 0;border-bottom:1px solid #ffffff08}.obr b{text-align:center;font-weight:600}.obr .bd,.obr .ad{position:relative;height:20px;display:flex;align-items:center}.obr .bd{justify-content:flex-end}.obr .bd i,.obr .ad i{position:absolute;top:2px;bottom:2px;border-radius:3px;opacity:.28}.obr .bd i{right:0;background:var(--good)}.obr .ad i{left:0;background:var(--bad)}.obr em{position:relative;font-style:normal;padding:0 5px}table.fin{width:100%;border-collapse:collapse;font-size:12px;margin:6px 0}table.fin th{color:var(--dim);font-weight:600;text-align:right;padding:3px 4px}table.fin td{text-align:right;padding:4px;border-bottom:1px dashed #ffffff12;font-variant-numeric:tabular-nums}table.fin td:first-child,table.fin th:first-child{text-align:left;color:#b9b5ac;white-space:nowrap}table.fin tr.tot td{font-weight:700;color:var(--fg)}.legend{display:flex;gap:12px;font-size:11.5px;color:var(--dim);align-items:center}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.legend i.a2{background:var(--acc2)}.legend i.g{background:var(--good)}button.buy{background:#2b4a35;border-color:#3d6b4b;color:#d9f2e0}button.sell{background:#55302c;border-color:#7a4640;color:#f7dedb}button.primary.buy{background:#3d7b50;color:#fff}button.primary.sell{background:#a14d44;color:#fff}ul.chk{list-style:none;margin:8px 0;padding:0;font-size:13px}ul.chk li{padding:3px 0}ul.chk li.bad{color:var(--bad)}.li.news span{line-height:1.35}.li.news small{display:block;color:var(--dim);font-size:11px}ul.chk,ul.chk li{display:block!important}.evb{display:inline-block;margin-top:2px;font-size:11px;padding:1px 7px;border-radius:99px;border:1px solid #ffffff1a;background:#ffffff08}.evb.good{color:var(--good)}.evb.neg{color:var(--bad)}.li>span{min-width:0;overflow-wrap:anywhere}.li.news>span{flex:1}.li.news>span{text-align:left}.newslist{display:flex;flex-direction:column;gap:8px;margin:8px 0}.nw{background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--dim);border-radius:10px;padding:9px 11px;min-width:0;text-align:left}.nw.good{border-left-color:var(--good)}.nw.neg{border-left-color:var(--bad)}.nw .nwh{display:flex;align-items:baseline;gap:8px;min-width:0;font-size:12px;color:var(--dim)}.nw .nwh .tk{font-size:13px;flex:none}.nw .nwh .nwn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nw .nwh time{flex:none}.nw p{margin:4px 0 2px;font-size:13.5px;line-height:1.4;overflow-wrap:anywhere}.nw .evb{margin-top:4px}.lab .trd{display:block;margin:0 auto 2px;width:max-content;font-weight:800;font-size:11px;letter-spacing:.04em;padding:1px 8px;border-radius:6px;color:#fff;box-shadow:0 1px 4px #0006}.lab .trd.buy{background:#1f8a4c}.lab .trd.sell{background:#c0392b}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}img,canvas,svg{-webkit-user-drag:none;user-drag:none}.credit{margin:-4px 0 8px;text-align:center;font-size:12px;opacity:.7}.credit a,.card .sub a{color:inherit;text-decoration:underline}.credits p.sub{margin:6px 0 0;line-height:1.5;overflow-wrap:anywhere}.credits a{text-decoration:underline}.cdl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0 0;font-size:13px}.cdl dt{opacity:.65}.cdl dd{margin:0;min-width:0;overflow-wrap:anywhere}.cnote{opacity:.6;text-align:center;margin:10px 4px 0}.donrow{display:grid;gap:8px;margin-top:10px}.don{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line,#2c3238);border-radius:10px;text-decoration:none;color:inherit;min-width:0}.don img{width:36px;height:36px;border-radius:9px;flex:none}.don span{display:grid;min-width:0}.don small{opacity:.65;font-size:12px}.don:hover{border-color:currentColor}.credits a.don{text-decoration:none}.kv b{min-width:0;overflow-wrap:anywhere;white-space:normal}.kv>span{flex:0 1 auto}.seg.scroll,.chips{scroll-behavior:smooth;overscroll-behavior-x:contain}.seg.scroll.dragging,.chips.dragging{scroll-behavior:auto;cursor:grabbing;-webkit-user-select:none;user-select:none}.seg.scroll.dragging button,.chips.dragging button{pointer-events:none}@media (hover: hover) and (pointer: fine){.seg.scroll,.chips{scrollbar-width:thin;scrollbar-color:#5a626a transparent;padding-bottom:7px;cursor:grab}.seg.scroll::-webkit-scrollbar,.chips::-webkit-scrollbar{display:block;height:6px}.seg.scroll::-webkit-scrollbar-thumb,.chips::-webkit-scrollbar-thumb{background:#5a626a;border-radius:6px}.seg.scroll::-webkit-scrollbar-track,.chips::-webkit-scrollbar-track{background:transparent}.seg.scroll button,.chips button{cursor:pointer}}:root{--ink: var(--fg);--muted: var(--dim);--accent: var(--acc);--card: var(--panel2);--bg-soft: var(--panel)}.muted{color:var(--dim)}.small{font-size:12.5px}.bad{color:var(--bad)}.good{color:var(--good)}.warn{color:var(--warn)}button{font-weight:500}button.primary,.btn.primary{font-weight:700}.btn{min-height:40px;padding:8px 12px;background:var(--panel3);border:1px solid var(--line);border-radius:10px;cursor:pointer}.btn.primary{background:linear-gradient(#d3b57a,#bf9d5c);color:#1c1608;border-color:#a98a4f}.btn.danger{color:#e3a89f;border-color:#6b3b36;background:transparent}.btn[disabled]{opacity:.45;cursor:default}#app{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh}#stage{position:absolute;top:0;right:0;bottom:0;left:0}#stage canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}#sheetHead h3{font-size:17px;font-weight:700}#sheetBody{font-size:14px}#sheetBody h4{margin:16px 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}#sheetBody .sub{font-size:13px}#grab{cursor:pointer}@media (min-width: 900px){#sheetExpand{display:none}}.card.gold,.guide{background:linear-gradient(#2a2519,var(--panel2));border:1px solid var(--acc)}.guide{display:flex;flex-direction:column;gap:4px;border-radius:var(--r);padding:11px 12px;margin:8px 0 12px}.guide b{color:var(--acc);font-size:14px}.guide span{font-size:13.5px;color:var(--fg);line-height:1.45}.guide.perhatian{border-color:var(--bad);background:linear-gradient(#2c1d1b,var(--panel2))}.guide.perhatian b{color:#e3a89f}.guide .btn{align-self:flex-start;margin-top:6px}.room{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;margin:8px 0}.room-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px}.room-h b{font-weight:700}.room-h .muted{font-size:12.5px}.room-b{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:13px}.room-b .btn{margin:0}.card.sel{border-color:var(--acc)}.card{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:11px 12px;margin:8px 0}.card header{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px}.dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:6px 0;font-size:13px}.dl dt{color:var(--dim)}.dl dd{margin:0;text-align:right}.kpi-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 4px}.kpi-row>div{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:0}.kpi-row .muted{display:block;font-size:11.5px;line-height:1.3}.kpi-row b{display:block;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;word-break:break-word}.row-btn{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0}.row-btn .btn{margin:0;flex:0 1 auto}.list{display:flex;flex-direction:column}.lines{list-style:none;margin:6px 0;padding:0}.lines li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid #ffffff0f;font-size:13px}.lines li span{text-align:right}.lines.comp li{font-size:13px}.alert.warn,.warn-box{background:#2c2518;border:1px solid #6e5b34;color:#e6cd97;border-radius:10px;padding:8px 11px;margin:8px 0;font-size:13px}.tag{font-size:11.5px;padding:2px 8px;border-radius:10px;background:#262b30;border:1px solid #ffffff1c;color:#cbc7be;margin-left:0;white-space:nowrap}.tag.ok{background:#1f2d24;border-color:#3d6149;color:#a9cdb3}.tag.bad{background:#2f201e;border-color:#6e3a35;color:#e3a89f}.tag.warnt{background:#30281a;border-color:#6e5b34;color:#e6cd97}.bar{display:inline-block;width:72px;height:7px;vertical-align:middle;background:#101315;border:1px solid #ffffff10;border-radius:4px;overflow:hidden;margin:0 4px}.bar>span{display:block;height:100%;background:var(--acc);transition:width .3s}.bar.wide{display:block;width:100%;margin:8px 0 2px}.rent{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px}.rent>span:first-child{color:var(--dim)}.rp-wrap{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#101315}.rp-wrap .rp{padding:0 8px;color:var(--dim);font-size:13px;font-weight:500;white-space:nowrap}.rp-wrap input{border:0;min-height:36px;width:11ch;padding:4px 8px 4px 2px;background:transparent;font-size:15px;font-variant-numeric:tabular-nums}.rp-wrap input:focus{outline:2px solid var(--acc2);outline-offset:-2px}table.fin{width:100%;border-collapse:collapse;font-size:13px;display:block;overflow-x:auto;font-variant-numeric:tabular-nums}table.fin th,table.fin td{padding:7px 6px;border-bottom:1px solid #ffffff12;text-align:right;white-space:nowrap}table.fin th{color:var(--dim);font-weight:600;font-size:12px}table.fin th:first-child,table.fin td:first-child{text-align:left}.form,.file{display:flex;flex-direction:column;gap:8px;margin:8px 0}.file{cursor:pointer;border:1px dashed var(--line);border-radius:var(--r);padding:10px;color:var(--dim)}.file input{color:var(--fg)}.room-edit{display:flex;flex-wrap:wrap;gap:6px}.grid{display:grid;gap:8px;grid-template-columns:1fr}@media (min-width: 640px){.grid{grid-template-columns:1fr 1fr}}#toasts{position:absolute;top:calc(var(--safe-t) + var(--hud-h) + 4px);left:8px;right:8px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:40;pointer-events:none}#toasts .toast{pointer-events:auto;width:fit-content;max-width:min(540px,100%)}#nav button{color:var(--dim)}#nav button.on{color:var(--acc)}@media (max-width: 380px){#nav span{font-size:10px}.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}#modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000c;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#modal .mbox{width:100%;height:auto;max-height:min(70dvh,460px);background:var(--panel);border:1px solid var(--line);border-radius:18px 18px 0 0;display:flex;flex-direction:column;overflow:hidden}#modal .mhead{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line)}#modal .mhead h3{flex:1;margin:0;font-size:16px}#modal .mbody{padding:12px 16px;font-size:14px;line-height:1.5;overflow-y:auto}#modal .mfoot{display:flex;gap:8px;padding:10px 12px calc(10px + var(--safe-b));border-top:1px solid var(--line);background:#171a1e}#modal .mfoot button{flex:1;min-height:46px;font-weight:600}@media (min-width: 900px){#modal{align-items:center;padding:12px}#modal .mbox{max-width:460px;border-radius:18px;max-height:none}}@media (min-width: 900px){#stageHint{left:calc(50% - var(--nav-w, 72px) / 2)}#toasts{left:calc(var(--nav-w, 72px) + 8px);right:calc(min(450px,46vw) + 8px)}}#stageHint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;margin:0;max-width:min(340px,calc(100% - 32px));text-align:center;background:#1b1f23ee;border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;font-size:14px;color:var(--fg);pointer-events:none}#stageHint[hidden]{display:none}#hud .chips{padding:6px 0 2px}#hud .chip{display:inline-flex;align-items:center;gap:5px}#hud .chip i svg{width:15px;height:15px}#hud .chip b{font-variant-numeric:tabular-nums;font-weight:700}#hud .chip.on{border-color:var(--acc);color:var(--acc)}#hud .spd button{min-width:44px}#hud .spd button .ico{--ico: 16px}#hud .spd button:first-child{min-width:40px}#hudName{font-weight:700}.floor-bar{display:flex;gap:6px;flex:none}#hud .chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}#hud .chips::-webkit-scrollbar{display:none}@media (min-width: 900px){#hud{padding-left:calc(var(--nav-w, 72px) + 14px)}}#hud{position:absolute;top:0;left:0;right:0;z-index:20;padding:calc(var(--safe-t) + 6px) 10px 4px;background:linear-gradient(#14171af2,#14171acc 70%,#14171a00);pointer-events:none}#hud button,#hud .chips{pointer-events:auto}#stageHint{z-index:12}html,body{font-size:15px;line-height:1.55}.meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 14px}.meta>span{white-space:nowrap}.meta>span:has(.bad){white-space:normal}.stars{display:inline-flex;align-items:center;gap:2px;color:var(--acc);vertical-align:middle}.stars .star-ico{--ico: 13px}.dt-meta{display:inline-flex;align-items:baseline;gap:8px}#sheetHead{padding:2px 16px 10px}#sheetHead h3{font-size:18px;line-height:1.3}#sheetBody{padding:6px 16px 28px;font-size:15px;line-height:1.55}#sheetBody p{margin:10px 0}#sheetBody h4{margin:22px 0 10px;font-size:13px}.card,.room{padding:14px 16px;margin:10px 0}.room-h{gap:6px 10px;font-size:15px;line-height:1.45}.room-h .muted{font-size:13.5px}.room-b{gap:8px 10px;margin-top:10px;font-size:14px;line-height:1.5}.row-btn{gap:8px;margin:8px 0}.row-btn .btn,.room-b .btn{min-height:40px}.guide{padding:14px 16px;margin:4px 0 14px;gap:6px}.guide b{font-size:15px}.guide span{font-size:14px;line-height:1.55}.kpi-row{gap:10px;margin:10px 0 6px}.kpi-row>div{padding:12px 14px}.kpi-row .muted{font-size:13px;margin-bottom:2px}.kpi-row b{font-size:17px}.dl{gap:9px 18px;font-size:14px;line-height:1.5;margin:10px 0}.lines li{padding:11px 2px;font-size:14px;line-height:1.5}.tag{font-size:12.5px;padding:3px 10px}.rent{gap:8px 10px;font-size:14px}.rp-wrap input{font-size:16px}.small{font-size:13.5px}table.fin{font-size:14px}table.fin th,table.fin td{padding:10px 8px}table.fin th{font-size:13px}.bar{height:8px}#hud .chip{font-size:14px;padding:6px 13px;min-height:36px}#hud .spd button{font-size:14px;min-height:40px}#nav span{font-size:12px}#nav i{font-size:22px}@media (max-width: 380px){#nav span{font-size:11px}.kpi-row b{font-size:16px}}.dt .dt-meta{display:flex;align-items:baseline;gap:8px;min-width:0;overflow:visible}.dt .dt-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dt .dt-meta>#hudClock{flex:none;overflow:visible}.kpi-row b small{font-size:12.5px;font-weight:500}.kpi-row .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl dd .meta{justify-content:flex-end;text-align:right}@media (max-width: 479px){.kpi-row{grid-template-columns:1fr;gap:8px}.kpi-row>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.kpi-row .muted{margin:0;white-space:normal}.kpi-row b{text-align:right;font-size:16px}}.kpi-row b small{white-space:nowrap}#hud{padding:calc(var(--safe-t) + 10px) 14px 6px}#hud .hud-top{align-items:flex-start;gap:12px}#hud .dt{gap:2px;min-width:0}#hud .dt b{font-size:21px;line-height:1.2;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hud .dt-line{display:inline-flex;align-items:center;gap:6px;color:var(--dim);font-size:14px;line-height:1.3;white-space:nowrap}#hud .dt-line>i{display:inline-flex;color:var(--dim)}#hud .dt-line>i svg{width:17px;height:17px}#hud .dt-line #hudDate{overflow:hidden;text-overflow:ellipsis;min-width:0}#hud .dt-line #hudClock{flex:none;color:var(--fg);font-weight:600}#hud .spd{gap:10px;flex:none}#hud .spd button{width:56px;height:56px;min-width:56px;min-height:56px;padding:0;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}#hud .spd #speedCycle{width:64px;min-width:64px}#hud .spd button .ico{--ico: 22px}#hud .spd button.on{border-color:var(--acc);color:var(--acc)}#hud .chips{gap:8px;padding:12px 0 2px}#hud .chip{min-height:46px;padding:8px 16px;border-radius:999px;font-size:16px;line-height:1.2;display:inline-flex;align-items:center;gap:8px;background:#1b1f23f0}#hud .chip i{display:inline-flex;color:var(--acc)}#hud .chip i svg{width:21px;height:21px}#hud .chip b{font-size:17px;font-weight:700}#hud .chip.on,#hud .chip.warn{border-color:var(--acc)}#rail{right:14px;top:calc(var(--safe-t) + var(--hud-h) + 12px);gap:12px}#rail button{width:56px;height:56px;min-height:56px;border-radius:50%;padding:0;background:#1b1f23ee;font-size:14px;font-weight:700;box-shadow:0 4px 14px #0009;display:inline-flex;align-items:center;justify-content:center}#rail button .ico{--ico: 22px}#rail button[hidden]{display:none}#ticker{position:absolute;z-index:14;left:14px;top:calc(var(--safe-t) + var(--hud-h) + 12px)}#ticker .tk-h{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 18px 10px 14px;border-radius:999px;background:#1b1f23ee;border:1px solid var(--line);color:var(--fg);font-size:15px;font-weight:600;box-shadow:0 4px 14px #0008}#ticker .tk-h .ico{--ico: 18px;color:var(--acc)}#ticker .tk-h.warn{border-color:var(--warn)}#ticker .tk-h.warn .ico{color:var(--warn)}@media (min-width: 900px){#rail{right:calc(min(450px,46vw) + 14px)}#ticker{left:calc(var(--nav-w, 72px) + 14px)}#hud .spd button{width:48px;height:48px;min-width:48px;min-height:48px}#hud .spd #speedCycle{width:56px;min-width:56px}}@media (max-width: 380px){#hud .dt b{font-size:18px}#hud .chip{font-size:14px;padding:6px 12px;min-height:40px}#hud .chip b{font-size:15px}#hud .spd button{width:48px;height:48px;min-width:48px;min-height:48px}#hud .spd #speedCycle{width:56px;min-width:56px}}@media (max-width: 480px){#hud .chips{gap:6px;overflow-x:auto}#hud .chip{font-size:15px;padding:6px 12px;gap:6px;min-height:42px}#hud .chip b{font-size:16px}#hud .chip i svg{width:18px;height:18px}#hud .spd{gap:8px}}#rail button#railFloor{font-size:13px;letter-spacing:0;padding:0 2px}@media (max-width: 899px){#hud{background:none;padding:calc(var(--safe-t) + 6px) 10px 0}#hud .hud-top{gap:8px;align-items:center}#hud .dt{gap:0}#hud .dt b{font-size:16px}#hud .dt-line{font-size:12px;gap:5px}#hud .dt-line>i svg{width:13px;height:13px}#hud .dt-line #hudClock{font-weight:600}#hud .spd{gap:6px}#hud .spd button{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:12px}#hud .spd #speedCycle{width:46px;min-width:46px;font-size:14px}#hud .spd button .ico{--ico: 15px}#hud .chips{padding:6px 0 0;gap:6px}#hud .chip{min-height:28px;height:28px;padding:2px 9px;font-size:13px;gap:5px;background:#1b1f23d9;border-radius:999px}#hud .chip b{font-size:13px}#hud .chip i svg{width:13px;height:13px}#rail{top:calc(var(--safe-t) + var(--hud-h) + 8px);right:10px;gap:8px}#rail button{width:40px;height:40px;min-height:40px;font-size:12px;box-shadow:none;background:#1b1f23cc}#rail button .ico{--ico: 18px}#rail #railSleep,#ticker{display:none}}@media (max-width: 899px){#hud{background:linear-gradient(#14171aa6,#14171a00);padding-bottom:14px}#hud .dt b,#hud .dt-line{text-shadow:0 1px 3px #000c}#hud .dt-line{color:#d6d2c8}#hud .chips{position:relative}}@media (max-width: 899px){#hud{background:linear-gradient(#14171ad9,#14171a80 60%,#14171a00)}#hud .dt-line{color:#ece8de;text-shadow:0 1px 4px #000d}#hud .dt-line>i{color:var(--acc)}#hud .dt b{text-shadow:0 1px 4px #000d}}@media (max-width: 899px){#sheet{height:min(54dvh,520px)}#sheet.collapsed{height:auto}#sheet.collapsed #sheetBody{display:none}#sheet.collapsed #sheetHead{padding-bottom:12px}#sheet.full{height:calc(100dvh - var(--hud-h) - var(--nav-h) - var(--safe-t) - var(--safe-b) - 10px)}#sheet.collapsed #sheetExpand{display:none}#sheetHead{display:flex;align-items:center;justify-content:space-between}#sheetExpand{width:40px;height:40px;min-height:40px;padding:0;border:0;background:transparent;color:var(--dim);border-radius:10px}#sheetExpand .ico{--ico: 20px;vertical-align:-.3em}#grab{height:26px;touch-action:none}#sheetBody{padding-bottom:20px}}#labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:6}.lab{position:absolute;left:0;top:0;display:none;opacity:0;transition:opacity .18s ease;white-space:nowrap;text-align:center;will-change:transform}.lab .bb{display:block;position:relative;margin:0 auto 6px;max-width:190px;width:max-content;white-space:normal;background:#fff;color:#10151b;padding:5px 10px;border-radius:12px;font-size:13px;line-height:1.3;font-weight:500;box-shadow:0 3px 10px #0007}.lab .bb:after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:#fff;transform:translate(-50%) rotate(45deg);border-radius:2px}:root{color-scheme:dark}select{display:none}.rp-wrap{align-items:stretch}.rp-wrap .step{flex:none;width:40px;min-height:40px;padding:0;border:0;border-radius:0;background:#ffffff0d;color:var(--acc);font-size:20px;line-height:1;font-weight:500}.rp-wrap .step:first-child{border-right:1px solid var(--line)}.rp-wrap .step:last-child{border-left:1px solid var(--line)}.rp-wrap .step:hover{background:#ffffff18}.rp-wrap .step:active{background:#c9a86a26}.rp-wrap .rp{display:flex;align-items:center}.rp-wrap input{-moz-appearance:textfield;-webkit-appearance:none;appearance:none;text-align:right;width:10ch}.file{position:relative;flex-direction:row;align-items:center;justify-content:center;min-height:44px;text-align:center;font-weight:600;color:var(--acc);background:#c9a86a10;border:1px dashed #c9a86a66}.file:hover{background:#c9a86a1c}.file:focus-within{outline:2px solid var(--acc2);outline-offset:2px}.file input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus-visible,.dd:focus-visible{outline:2px solid var(--acc2);outline-offset:1px}::selection{background:#c9a86a55}@media (pointer: fine){#sheetBody,.ddpop,.mbody{scrollbar-width:thin;scrollbar-color:#4a5159 transparent}#sheetBody::-webkit-scrollbar,.ddpop::-webkit-scrollbar,.mbody::-webkit-scrollbar{width:8px}#sheetBody::-webkit-scrollbar-thumb,.ddpop::-webkit-scrollbar-thumb,.mbody::-webkit-scrollbar-thumb{background:#4a5159;border-radius:8px}#sheetBody::-webkit-scrollbar-track,.ddpop::-webkit-scrollbar-track,.mbody::-webkit-scrollbar-track{background:transparent}}.form .dd{width:100%;flex:none}.room-edit .dd{min-width:0}#sheetBody{overflow-x:hidden}#sheetBody,#sheetBody *{min-width:0}#sheetBody>*,#sheetBody .room,#sheetBody .card,#sheetBody .li{max-width:100%}#sheetBody p,#sheetBody span,#sheetBody b,#sheetBody small,#sheetBody h4,#sheetBody label,#sheetBody button{overflow-wrap:anywhere}#sheetBody img,#sheetBody svg:not(.ico){max-width:100%;height:auto}#sheetBody .row-btn,#sheetBody .room-b,#sheetBody .room-h,#sheetBody .form,#sheetBody .chips-wrap{flex-wrap:wrap}#sheetBody button{max-width:100%;white-space:normal;text-align:center}.room-edit{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto;gap:6px;align-items:center}@media (max-width: 430px){.room-edit{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.room-edit>span:first-child{grid-column:1 / -1;font-weight:600}.room-edit>button:last-child{grid-column:1 / -1}table.fin{display:table;table-layout:auto;overflow:visible}table.fin th,table.fin td{white-space:normal;padding:8px 4px;font-size:12.5px;overflow-wrap:anywhere}}.room-edit .dd{width:100%;flex:none}#rail button.on{border-color:var(--acc);color:var(--acc);background:#2b2618ee;box-shadow:0 0 0 2px #c9a86a55,0 4px 14px #0009}.pelamar{border-left:3px solid var(--acc)}.pelamar .quote{margin:4px 0;font-style:italic}.pelamar .btn.danger{margin-left:auto}canvas.pv{display:block;width:100%;aspect-ratio:1.6;border-radius:12px;background:#20252a;border:1px solid var(--line);margin:6px 0}.seg button.on{color:var(--acc)}.denah{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:4px;margin:8px 0;max-width:460px}.denah .cell{aspect-ratio:1;min-height:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1.1;border-radius:8px;border:1px dashed var(--line);background:#ffffff08;color:var(--dim);overflow:hidden}.denah .cell small{font-size:9.5px;font-weight:500;opacity:.8}.denah .cell.kosong{font-size:18px;color:var(--acc)}.denah .cell.kosong:hover{background:#ffffff14}.denah .cell.gate{border-style:solid;background:#2f8a4a33;color:#9fe0b2;font-size:10px}.denah .cell.off{opacity:.35}.denah .cell[class*=j-]{border-style:solid;color:#101315}.denah .j-kamar{background:#8fc1e8}.denah .j-warung{background:#f0c35a}.denah .j-parkir{background:#aab2ba}.denah .j-laundry{background:#b9a2e8}.denah .j-galon{background:#7fd6d0}.denah .j-kmumum{background:#e8a0a0}.denah .cell.pil{outline:2px solid #ffd166;outline-offset:1px}canvas.pv{width:100%;display:block;border-radius:12px;background:#20252a;margin:6px 0}.kat{margin:10px 0 4px;font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.katalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px}.kartu{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;min-height:52px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#ffffff08;color:var(--fg);font-size:13px}.kartu small{color:var(--dim);font-size:11.5px}.kartu.on{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc) inset;background:#ffd16618}.kartu:disabled{opacity:.4}.pad{display:grid;grid-template-columns:repeat(3,56px);gap:6px;justify-content:center;margin:8px 0}.pad button{min-height:48px;font-size:18px;padding:0}#bangunBar{position:absolute;left:0;right:0;bottom:calc(var(--nav-h) + var(--safe-b));z-index:26}.bb-scroll{max-height:52dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--panel);border-top:1px solid var(--line);border-radius:16px 16px 0 0;padding:8px 10px 10px;box-shadow:0 -8px 26px #000a}#bangunBar.hidden{display:none}#itemBar{position:absolute;left:8px;right:8px;bottom:calc(var(--nav-h) + var(--safe-b) + 8px);z-index:26;background:var(--panel, #1b1f23f2);border:1px solid var(--line, #ffffff22);border-radius:16px;padding:8px 10px;box-shadow:0 -6px 22px #000a;display:flex;flex-wrap:wrap;align-items:center;gap:6px;justify-content:space-between}#itemBar.hidden{display:none}#itemBar .ib-t{flex:1 1 100%;font-size:13px;line-height:1.3}#itemBar .ib-t b{color:var(--gold, #d6b25e)}#itemBar .ib-t.bad{color:#ff9a8f}#itemBar .ib-pad{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(2,40px);gap:4px}#itemBar .ib-pad button{min-width:40px;min-height:40px;padding:0}#itemBar .ib-aksi{display:flex;gap:6px;flex-wrap:wrap;flex:1;justify-content:flex-end}#itemBar .ib-aksi button{min-height:44px;padding:0 12px}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}.item-kartu{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;min-height:52px;text-align:left;border-radius:12px;background:#ffffff0d;border:1px solid #ffffff1a}.item-kartu span{font-size:12px;color:var(--dim, #9aa3ab)}.item-kartu:disabled{opacity:.45}.bangun-on #minicard{display:none}.bb-h{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:6px}.bb-h .bb-d{flex:1 1 auto;min-width:0;font-size:12px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 520px){#bangunBar .bb-h .seg{flex:1 1 100%;min-width:0;order:-1}#bangunBar .bb-h>button{flex:1 1 auto}}.bb-h .seg{flex:1;margin:0;min-width:0}.bb-h>button{min-height:36px;padding:4px 10px;font-size:13px;flex:none}.bb-kartu{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;scroll-behavior:smooth}.bb-kartu::-webkit-scrollbar{display:none}.bb-g{flex:none;align-self:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding:0 2px}.bb-kartu .kartu{flex:none;width:96px;min-height:52px;padding:6px 8px}.bb-i{display:flex;gap:10px;align-items:center;margin:4px 0}.bb-i canvas.pv{width:112px;height:auto;flex:none;margin:0}.bb-t{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:12.5px;line-height:1.3}.bb-t b{font-size:14px}.bb-t small{font-weight:400}.bb-t>.muted{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stat.ok{color:var(--good);font-weight:600}.stat.bad{color:var(--bad);font-weight:600}.bb-s{font-size:12px;margin:4px 0 0}.seg.small .bb-s{align-self:center;padding-left:6px;margin:0;white-space:normal}.bpad{position:absolute;right:10px;bottom:calc(100% + 10px);display:flex;align-items:flex-end;gap:12px;pointer-events:none}.bpad>*{pointer-events:auto}.bpad .dp{display:grid;grid-template-columns:repeat(3,46px);gap:4px}.bpad .dp button{width:46px;height:46px;min-height:46px;padding:0;font-size:18px;background:#1b1f23ee;box-shadow:0 2px 10px #0008}.bpad .ok-x{display:flex;flex-direction:column;gap:8px}.bpad .ok-x button{width:56px;height:56px;min-height:56px;padding:0;border-radius:50%;font-size:24px;box-shadow:0 2px 12px #000a}.syarat{display:flex;flex-wrap:wrap;gap:4px 12px;margin:4px 0 6px;font-size:12.5px}.syarat .ok{color:var(--good)}.syarat .no{color:var(--dim)}.intro{border:1px solid var(--acc);border-radius:14px;padding:12px 14px;margin:8px 0;background:#c9a86a10}.intro ol{margin:6px 0 8px 18px;padding:0}.intro li{margin:2px 0}#bangunBar .row-btn{margin:6px 0 0}@media (min-width: 900px){#bangunBar{left:50%;right:auto;width:min(720px,90vw);transform:translate(-50%)}}.bangun-on #stageHint{display:none}.kartu.bongkar{border-color:#c9776b66}.kartu.bongkar.on{border-color:var(--bad);box-shadow:0 0 0 1px var(--bad) inset;background:#c9776b18}.bb-d{flex:none;font-size:12px;color:var(--dim);white-space:nowrap}.bb-k{display:none;font-size:11.5px;margin:6px 0 0}.bb-side .seg{max-width:560px}@media (hover: hover) and (pointer: fine){.bb-k{display:block}}@media (min-width: 900px){#bangunBar{width:min(1120px,94vw);bottom:10px}.bb-scroll{border-radius:16px;border:1px solid var(--line);max-height:44dvh}.bb-cols{display:grid;grid-template-columns:1fr 340px;gap:14px;align-items:start}.bb-kartu{flex-wrap:wrap;overflow:visible;padding-bottom:0;gap:6px;align-content:flex-start}.bb-kartu .kartu{width:104px;min-height:48px}.bb-g{writing-mode:horizontal-tb;transform:none;align-self:center;margin:0 2px;padding:0 4px;font-size:10px;max-width:48px;text-align:center;line-height:1.15}.bpad{bottom:calc(100% + 12px);right:4px}}@media (min-width: 900px) and (max-height: 700px){.bb-scroll{max-height:46dvh}.bb-kartu .kartu{min-height:42px;padding:4px 8px}.bb-i canvas.pv{width:96px}}.bb-m{display:flex;align-items:center;gap:8px;margin:2px 0 6px;flex-wrap:wrap}.bb-m .syarat{flex:1;min-width:180px;margin:0;gap:2px 10px;font-size:12px}.bb-m>button{min-height:38px;padding:4px 14px;flex:none}.bb-g{writing-mode:horizontal-tb!important;transform:none!important;max-width:46px;font-size:9.5px;line-height:1.1;text-align:center;padding:0 2px;align-self:center}.bb-kartu .kartu{min-height:46px;padding:5px 8px}.bb-kartu .kartu b{font-size:12.5px;line-height:1.2}.bb-kartu .kartu small{font-size:11px}.bb-opsi{margin:2px 0}.bb-opsi .sp{flex:none;width:10px}.bb-i canvas.pv{width:92px}@media (min-width: 900px){.bb-i canvas.pv{width:112px}}.bb-m{margin:0 0 4px}.bb-m>button{min-height:34px;font-size:13px;padding:3px 12px}.bb-h{margin-bottom:4px}.bb-s{margin:2px 0}#ghostCtl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:27;pointer-events:none}#ghostCtl.hidden{display:none}#ghostCtl button{position:fixed;width:44px;height:44px;min-height:44px;margin:-22px 0 0 -22px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1b1f23ee;border:1px solid #ffffff30;color:#fff;font-size:18px;box-shadow:0 2px 10px #000a;pointer-events:auto;transition:opacity .15s}#ghostCtl button span{display:block;line-height:1;transform-origin:center}#ghostCtl .g-geser{width:38px;height:38px;min-height:38px;margin:-19px 0 0 -19px;font-size:15px;background:#1b1f23d8}#ghostCtl .g-aksi.gp{background:#3a3f46;color:#8a9097}#ghostCtl .g-aksi.gp.ok{background:var(--acc);color:#1b1408;border-color:#fff8;font-size:22px}#ghostCtl .g-aksi.gx{background:#4a2a28ee}#ghostCtl .g-aksi.gr{background:#2b3f52ee}#ghostCtl.seret button{opacity:.25;pointer-events:none}@media (hover: hover) and (pointer: fine){#ghostCtl button{width:38px;height:38px;min-height:38px;margin:-19px 0 0 -19px;font-size:16px}#ghostCtl .g-geser{width:32px;height:32px;min-height:32px;margin:-16px 0 0 -16px}}.seg.bb-opsi{flex-wrap:wrap}.seg.bb-opsi button{flex:1 1 auto;min-width:54px}#rancangCta{position:absolute;left:8px;right:8px;bottom:calc(var(--nav-h) + var(--safe-b) + 8px);z-index:24;background:#1b1f23f4;border:1px solid var(--acc);border-radius:14px;padding:10px 12px;box-shadow:0 6px 24px #000a;display:grid;gap:8px}#rancangCta.hidden{display:none}#rancangCta .cta-i{display:grid;gap:2px;font-size:13px;line-height:1.35}#rancangCta .cta-i b{font-size:14.5px}#rancangCta .cta-i span{color:var(--dim)}#rancangCta .cta-b{display:flex;gap:8px}#rancangCta .cta-b button{flex:1;min-height:44px;font-size:14px;padding:6px 10px}@media (min-width: 900px){#rancangCta{left:50%;right:auto;width:min(560px,92vw);transform:translate(-50%);bottom:14px}}@media (max-width: 899px) and (orientation: portrait){#toasts.open{top:auto;bottom:calc(min(54dvh,520px) + var(--nav-h) + var(--safe-b) + 10px)}#app.sheet-open #stageHint{top:calc((var(--hud-h) + 100dvh - var(--nav-h) - min(54dvh,520px)) / 2)}}@media (orientation: landscape) and (max-height: 520px){#bangunBar{left:var(--nav-w);right:0;width:auto;transform:none}}#sheetHead{padding:0 12px 6px 16px}#sheetHead h3{font-size:17px;line-height:normal}#sheetBody{padding:4px 12px calc(20px + var(--safe-b));font-size:14px;line-height:1.42}#sheetBody h4{margin:14px 0 6px;font-size:12px}#sheetBody .sub{font-size:12.5px}#sheetBody p{margin:6px 0}.card .btnrow{margin-top:6px}.fpsmeter{font-size:11px}.fx-chip{position:relative;z-index:60;pointer-events:none;font:700 14px/1.2 var(--font);color:var(--good);background:#1b1f23e6;border:1px solid var(--good);border-radius:999px;padding:5px 12px;animation:fxNaik 1.5s ease-out forwards}.fx-chip.gold{color:var(--warn);border-color:var(--warn)}@keyframes fxNaik{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-18px)}}.musim{background:#1b1f23d9;border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:10px;padding:8px 12px;margin:0 0 8px;font-size:13px;line-height:1.4;animation:pop .25s ease}.musim b{margin-right:4px}body.kurangi-efek *,body.kurangi-efek *:before,body.kurangi-efek *:after{animation:none!important;transition:none!important}body.kurangi-efek .fx-chip{display:none}.ob{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;background:#0f1316;color:var(--fg, #e9e6e0)}.ob.hidden{display:none}@media (min-width: 700px){.ob{inset:auto 24px 24px auto;width:420px;height:min(720px,calc(100dvh - 48px));border-radius:16px;border:1px solid var(--line, #2c3238);box-shadow:0 18px 60px #000b;overflow:hidden}}.ob-head{flex:none;display:flex;align-items:center;gap:10px;padding:calc(8px + var(--safe-t, 0px)) 10px 8px;background:#1b2227;border-bottom:1px solid #ffffff12}@media (min-width: 700px){.ob-head{padding-top:8px}}.ob-judul{flex:1;font-size:18px;padding-left:6px}.ob-back,.ob-x{flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.ob-back:hover,.ob-x:hover{background:#ffffff14}.ob-back .ico,.ob-x .ico{--ico: 22px}.ob-ava{flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid #ffffff22;background:#222}.ob-ava.besar{width:56px;height:56px}.ob-ava svg{display:block;width:100%;height:100%}.ob-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ob-id b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-id>span{font-size:12px;color:var(--dim, #9aa0a6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-kepbaris{display:flex;gap:6px;margin-top:2px}.ob-kep{font-size:11px;padding:1px 8px;border-radius:999px;border:1px solid #ffffff2a}.ob-kep.good{color:var(--good, #7fae8a);border-color:var(--good, #7fae8a)}.ob-kep.warn{color:var(--warn, #d3a95b);border-color:var(--warn, #d3a95b)}.ob-kep.bad{color:var(--bad, #c9776b);border-color:var(--bad, #c9776b)}.ob-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:12px 12px 8px;display:flex;flex-direction:column;gap:6px;background:#0f1316 radial-gradient(circle at 20% 10%,#ffffff06,transparent 40%)}.ob-body.list{padding:0;gap:0}.ob-hari{align-self:center;margin:8px 0 4px}.ob-hari span{font-size:11.5px;padding:3px 10px;border-radius:8px;background:#1d252b;color:var(--dim, #9aa0a6)}.ob-m{max-width:82%;display:flex;flex-direction:column;padding:7px 10px 4px;border-radius:10px;font-size:14.5px;line-height:1.38;word-break:break-word;animation:obMasuk .18s ease-out}.ob-m time{align-self:flex-end;margin-top:1px;font-size:10.5px;opacity:.6}.ob-m.n{align-self:flex-start;background:#232a30;border-top-left-radius:2px}.ob-m.s{align-self:flex-end;background:#1f5f4a;border-top-right-radius:2px}.ob-sis{align-self:center;max-width:92%;margin:4px 0}.ob-sis span{display:block;font-size:12px;text-align:center;padding:4px 10px;border-radius:8px;background:#2b2a1f;color:#d9c98a}.ob-m.mengetik span{display:inline-flex;gap:4px;padding:4px 2px}.ob-m.mengetik i{width:7px;height:7px;border-radius:50%;background:#9aa0a6;animation:obKetik 1s infinite ease-in-out}.ob-m.mengetik i:nth-child(2){animation-delay:.15s}.ob-m.mengetik i:nth-child(3){animation-delay:.3s}@keyframes obMasuk{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes obKetik{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}.ob-foot{flex:none;display:flex;flex-direction:column;gap:6px;padding:8px 12px calc(10px + var(--safe-b, 0px));background:#1b2227;border-top:1px solid #ffffff12;max-height:46%;overflow-y:auto}.ob-tanya{font-size:12px;color:var(--dim, #9aa0a6)}.ob-tanya small{opacity:.85}.ob-q{min-height:44px;padding:8px 14px;text-align:left;font:inherit;font-size:14px;color:#d8f3e8;background:#1f5f4a;border:1px solid #2f8a6c;border-radius:22px;cursor:pointer}.ob-q:hover{background:#247255}.ob-q.ghost{background:transparent;color:var(--fg, #e9e6e0);border-color:#ffffff2a}.ob-q.ghost:hover{background:#ffffff10}.ob-q:focus-visible,.ob-row:focus-visible,.ob-back:focus-visible,.ob-x:focus-visible{outline:2px solid var(--acc, #c9a86a);outline-offset:2px}.ob-row{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;border:0;border-bottom:1px solid #ffffff10;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:64px}.ob-row:hover{background:#ffffff0c}.ob-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ob-mid b{font-size:15px}.ob-snip{font-size:13px;color:var(--dim, #9aa0a6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-end{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ob-end time{font-size:11px;color:var(--dim, #9aa0a6)}.ob-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--bad, #c9776b);color:#fff;font:700 11px/20px var(--font, system-ui);text-align:center}.ob-badge.dim{background:#3a444c}.ob-kosong{margin:28px 20px;text-align:center;color:var(--dim, #9aa0a6);font-size:14px;line-height:1.5}.lencana{position:absolute;left:0;top:0;z-index:6;display:none;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;border:2px solid #fff;background:var(--warn, #d3a95b);color:#2a1d05;box-shadow:0 3px 10px #0009;cursor:pointer;pointer-events:auto;animation:lencanaGoyang 1.6s ease-in-out infinite}.lencana:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%}.lencana .ico{--ico: 19px;vertical-align:0}.lencana i{position:absolute;top:-5px;right:-5px;width:17px;height:17px;border-radius:50%;background:#c0392b;color:#fff;font:700 11px/17px var(--font, system-ui);font-style:normal;text-align:center;border:1.5px solid #fff}.lencana.urgen{background:var(--bad, #c9776b);color:#fff}@keyframes lencanaGoyang{0%,to{margin-top:0}50%{margin-top:-5px}}body.kurangi-efek .lencana{animation:none!important}#chipPesan .chip-badge{display:inline-block;min-width:18px;height:18px;margin-left:4px;padding:0 5px;border-radius:9px;background:var(--bad, #c9776b);color:#fff;font:700 11px/18px var(--font, system-ui);text-align:center}#chipPesan .chip-badge:empty{display:none}.chip[hidden],#chipProp[hidden]{display:none!important}#toasts{top:auto;bottom:calc(var(--nav-h) + var(--safe-b) + 14px)}.sheet-open #toasts{top:calc(var(--safe-t) + var(--hud-h) + 4px);bottom:auto}@media (min-width: 900px){#toasts{left:calc(var(--nav-w, 72px) + 14px);right:14px;bottom:18px;align-items:flex-start}.sheet-open #toasts{top:auto;bottom:18px}}.sehat{display:inline-block;width:10px;height:10px;margin-left:8px;border-radius:50%;vertical-align:middle;border:1px solid #ffffff55}.sehat.ok{background:var(--good, #7fae8a)}.sehat.warn{background:var(--warn, #d3a95b)}.sehat.bad{background:var(--bad, #c9776b)}#ticker .tk-h.bad{border-color:var(--bad, #c9776b)}#ticker .tk-h.bad .ico{color:var(--bad, #c9776b)}.swatches{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}.swatch{width:44px;height:44px;border-radius:50%;border:3px solid #ffffff30;cursor:pointer;padding:0}.swatch.on{border-color:var(--acc, #c9a86a);box-shadow:0 0 0 2px #14171a,0 0 0 4px var(--acc, #c9a86a)}.swatch:focus-visible{outline:2px solid var(--acc, #c9a86a);outline-offset:3px}.pertama{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.pertama .ob-ava{margin-bottom:4px}#namaKosInput{width:100%;box-sizing:border-box;min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid var(--line, #2c3238);background:#14171a;color:inherit;font:inherit}.lencana.sampah{background:#7a8f4a;color:#fff;animation:none;width:34px;height:34px}.lencana.momen{background:linear-gradient(135deg,#f6d365,#e2a82f);color:#3a2a00;border-color:#fff8d6;animation:momenKilau 1.4s ease-in-out infinite;box-shadow:0 0 #f6d36599}@keyframes momenKilau{0%,to{box-shadow:0 0 #f6d36599}50%{box-shadow:0 0 0 9px #f6d36500}}body.kurangi-efek .lencana.momen{animation:none}.lencana.insiden{background:#c0392b;color:#fff;animation:lencanaGetar .5s ease-in-out infinite}@keyframes lencanaGetar{0%,to{transform-origin:50% 100%;margin-left:0}25%{margin-left:-2px}75%{margin-left:2px}}body.kurangi-efek .lencana.insiden{animation:none!important}#sheetBody{container-type:inline-size}@container (max-width: 559px){#sheetBody .grid{grid-template-columns:1fr}}#sheetBody .dl{grid-template-columns:minmax(0,auto) minmax(0,1fr)}#sheetBody .dl dd{min-width:0;overflow-wrap:anywhere}#sheetBody .dl dd .meta{flex-wrap:wrap}#hud .chip .cap{font-size:10px;color:var(--dim);font-weight:500;letter-spacing:.2px}@media (max-width: 400px){#hud .chip .cap{display:none}#hud .chip{padding:5px 10px}.chips{gap:5px}}.lipat{margin:8px 0;border:1px solid var(--line);border-radius:12px;background:#ffffff05}.lipat>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;min-height:44px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--acc)}.lipat>summary::-webkit-details-marker{display:none}.lipat>summary small{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:400;color:var(--dim);font-size:12.5px;text-align:right}.lipat>summary:after{content:"▾";color:var(--dim);transition:transform .15s}.lipat[open]>summary:after{transform:rotate(180deg)}.lipat[open]>summary small{display:none}.lipat-isi{padding:0 14px 12px}.lipat-isi>p:first-child,.lipat-isi>.row-btn:first-child{margin-top:0}.mc-quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.mc-quick button{min-height:32px;padding:4px 10px;font-size:12.5px}#minicard{flex-wrap:wrap}.ob-semua{width:100%;justify-content:center;text-align:center;background:var(--acc, #c9a86a);color:#1b1f23;border-color:transparent;font-weight:700;margin-bottom:8px}.ob-semua:hover{background:var(--acc, #c9a86a);filter:brightness(1.08)}.lencana.paket{animation:paketlompat 1.4s ease-in-out infinite}@keyframes paketlompat{0%,to{margin-top:0}50%{margin-top:-6px}}@media (prefers-reduced-motion: reduce){.lencana.paket{animation:none}}#minicard{flex-wrap:wrap;align-items:flex-start;row-gap:8px}#minicard .mc-main{flex:1 1 100%}#minicard .mc-main span{white-space:normal}#minicard .mc-quick{flex:1 1 auto;margin-top:0}#minicard .mc-btn{margin-left:auto}.mini-on:not(.sheet-open) #toasts{top:auto;bottom:calc(var(--nav-h) + var(--safe-b) + 214px)}@media (min-width: 900px){.mini-on:not(.sheet-open) #toasts{bottom:196px}}.lencana.paket>i{display:none}#ghostCtl .g-edit{display:none}#ghostCtl.mode-edit .g-edit{display:flex}#ghostCtl.mode-edit .g-geser,#ghostCtl.mode-edit .g-aksi{display:none}#ghostCtl .ge-pindah,#ghostCtl .ge-putar{background:#2b3f52ee}#ghostCtl .ge-bongkar{background:#4a2a28ee}#ghostCtl .ge-tutup{background:#1b1f23ee}#ghostCtl .g-edit:disabled{opacity:.4}#ghostCtl .g-edit small{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:2px;font-size:10.5px;line-height:1;color:#fff;text-shadow:0 1px 3px #000;white-space:nowrap;pointer-events:none}#app #rail,#app.sheet-open #rail{right:calc(var(--panel-w, 0px) + 12px)}@media (max-width: 520px){.kartu-kep .btnrow{flex-direction:column}.kartu-kep .btnrow button{width:100%;text-align:left;min-height:44px}}.kartu-kep .btnrow button{white-space:normal}.kpi-row .muted{white-space:normal;overflow:visible;text-overflow:clip}#fxStack{position:fixed;top:calc(var(--hud-h) + 62px + var(--safe-t));right:14px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}ul.saran{list-style:none;margin:0;padding:0}ul.saran li{padding:9px 0;border-bottom:1px dashed var(--line);text-align:left;line-height:1.5;display:block}ul.saran li:last-child{border-bottom:0}@media (max-width: 430px){#hud .chip{padding:5px 9px;gap:4px}#hud .chip b{font-size:13px}.chips{gap:5px}}.misi .bar,.room>.bar{display:block;width:100%;margin:6px 0 2px;height:8px}.misi .bar i,.room>.bar i{min-width:0}.kartu-kep .btnrow{flex-direction:column}.kartu-kep .btnrow button{width:100%;text-align:left;min-height:44px}#inspeksiBar{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--hud-h) + var(--safe-t) + 58px);z-index:45;width:min(440px,calc(100vw - 24px));background:#1b1f23f4;border:1px solid var(--good);border-left:4px solid var(--good);border-radius:12px;padding:10px 14px;box-shadow:0 6px 24px #000a}#inspeksiBar.bad{border-color:var(--warn);border-left-color:var(--warn)}#inspeksiBar.hidden{display:none}#inspeksiBar .ib-h{display:flex;align-items:center;gap:10px}#inspeksiBar .ib-h b{flex:1}#inspeksiBar .ib-h span{color:var(--dim);font-size:12.5px}#inspeksiBar .ib-h button{min-height:32px;padding:4px 12px;font-size:12.5px}#inspeksiBar .ib-t{margin-top:4px;font-size:13.5px;line-height:1.45;color:var(--fg, #e9e6e0)}.lencana.momen i{display:none}.komentar{padding:8px 12px;margin:4px 0;border-radius:12px;background:#ffffff0f;border-left:3px solid var(--gold, #d6b25e);font-size:14px;line-height:1.4;font-style:italic}.komentar .muted{font-style:normal;font-size:12px}