:root{--ap:#3e9bff;--ok:#34d399;--warn:#ffb547}.legend{color:var(--mute);flex-wrap:wrap;gap:6px 16px;margin-top:16px;font-size:12.5px;display:flex}.parts{right:var(--pad);bottom:calc(var(--dock-h) + var(--pad) * 2);width:min(560px, calc(100% - var(--pad) * 2));flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:fixed}.detail{text-align:left;text-shadow:0 2px 18px #000c;width:100%;max-width:440px}.detail p{color:#b4c2db;max-width:42ch;margin-top:4px;font-size:14px}.chip{color:var(--mute);white-space:nowrap;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:500;transition:color .2s,background .2s;position:relative;overflow:hidden}.b-pose .big{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:52px;font-weight:600;line-height:1}.b-pose .big small{color:var(--mute);letter-spacing:0;margin-left:4px;font-size:18px;font-weight:500}.b-chart .top{justify-content:space-between;align-items:center;gap:10px;display:flex}.key{color:var(--mute);gap:14px;font-size:11.5px;display:flex}.key i{vertical-align:middle;border-radius:2px;width:14px;height:3px;margin-right:6px;display:inline-block}.b-chart canvas{flex:1;width:100%;min-height:0;margin-top:8px}.tile .n i.r{background:#ff5d6c}.sens{right:var(--pad);top:var(--pad);border-radius:999px;gap:4px;padding:5px;display:flex;position:fixed}.sens span{color:var(--ink);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:500;transition:background .3s,color .3s;display:inline-flex}.sens span:before{content:"";background:var(--ok);border-radius:50%;width:7px;height:7px;transition:background .3s}.sens span.x{color:#ff8e99;background:#ff5d6c1f;-webkit-text-decoration:line-through #ff8e9999;text-decoration:line-through #ff8e9999}.sens span.x:before{background:#ff5d6c}.tile .s{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:14px;font-weight:550;overflow:hidden}.foot{left:var(--pad);bottom:calc(var(--dock-h) + var(--pad) * 2 + 2px);color:var(--dim);pointer-events:none;font-size:11.5px;position:fixed}.mhud{display:none}@media (width<=1100px){.dock{grid-template-columns:200px 1fr 330px}.dock>.b-tiles{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:6px}.tile{padding:6px 10px}.b-pose .big{font-size:42px}}@media (width<=800px){:root{--dock-h:200px;--pad:12px}.head h1{font-size:24px}.sens span{padding:6px 9px;font-size:11.5px}.head p,.legend,.foot,.detail p{display:none}.dock{grid-template-rows:1fr 56px;grid-template-columns:128px 1fr;padding:12px 2px}.dock>section{padding:0 14px}.b-pose,.b-chart{grid-row:1}.dock>.b-tiles{border-top:1px solid var(--line);scrollbar-width:none;flex-direction:row;grid-area:2/1/auto/-1;gap:8px;margin-top:10px;display:flex;overflow-x:auto;border-left:0!important;padding-top:10px!important}.b-tiles::-webkit-scrollbar{display:none}.tile{flex:none;min-width:112px}.b-pose .big{font-size:36px}.b-pose .big small{font-size:14px}.rows div:first-child,.key{display:none}.parts{align-items:stretch}.detail{max-width:none}.detail h2{font-size:19px}.metrics{gap:16px;margin-top:8px}.chip{padding:8px 12px;font-size:12.5px}}@media (width<=800px) and (height<=520px){.dock,.parts .detail{display:none}.parts{bottom:var(--pad)}.mhud{right:var(--pad);font-variant-numeric:tabular-nums;border-radius:999px;gap:14px;padding:8px 16px;font-size:13px;display:flex;position:fixed;top:62px}.mhud span{color:var(--mute)}.mhud b{margin-left:5px;font-weight:600}}