.avatar{letter-spacing:-.2px;color:#fff;background:linear-gradient(160deg, var(--from), var(--to));border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid;position:relative;box-shadow:0 2px 6px #0000001f}.avatar--admin{--from:#5e5ce6;--to:#0a84ff}.avatar--user{--from:#ff9f0a;--to:#ff375f}.avatar--host{--from:#30b0c7;--to:#5856d6}.avatar--sm{width:32px;height:32px;font-size:14px}.avatar--md{width:44px;height:44px;font-size:20px}.avatar--lg{width:60px;height:60px;font-size:26px}.avatar--xl{width:88px;height:88px;font-size:38px}.avatar__badge{background:var(--surface);width:38%;height:38%;color:var(--from);stroke-width:2.6px;border-radius:50%;padding:2px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 1px 3px #0000001f}.map{aspect-ratio:100/72;width:100%;display:block}.map__empty{text-align:center;color:var(--label-2);padding:24px 0;font-size:14px}.map__bg{fill:var(--surface-2)}.map__grid{stroke:var(--separator);stroke-width:.4px;stroke-opacity:.45}.map__glyph,.map__num{fill:#fff;text-anchor:middle;font-size:4.6px;font-weight:700}.map__num{font-size:4.3px}.map__m{fill:var(--grey)}.map__m--done{fill:var(--label-3)}.map__m--on{fill:var(--blue)}.map__sw{fill:var(--orange)}.map__sw--done{fill:var(--label-3)}.map__exit{fill:var(--purple)}.map__exit--open{fill:var(--red)}.map__exit-ping{fill:none;stroke:var(--red);stroke-width:1px;transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out infinite map-ping}.map__link{stroke:var(--blue);stroke-width:.8px;stroke-dasharray:2 2;opacity:.55}.map__mate{fill:var(--pink);stroke:#fff;stroke-width:1.2px}.map__mate--admin{fill:var(--indigo)}.map__mate--user{fill:var(--pink)}.map__mate--host{fill:var(--teal)}.map__mate--revealed{fill:var(--red);animation:1.4s ease-out infinite map-ping}.map__mate-label{fill:#fff;text-anchor:middle;font-size:4.2px;font-weight:700}.map__target{fill:var(--red);stroke:#fff;stroke-width:1.4px}.map__target-ping{fill:none;stroke:var(--red);stroke-width:1.4px;transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out infinite map-ping}.map__me{fill:var(--blue);stroke:#fff;stroke-width:1.2px}.map__me-ping{fill:none;stroke:var(--blue);stroke-width:1px;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite map-ping}@keyframes map-ping{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}.board{border-radius:var(--r-card);background:var(--surface);width:100%;box-shadow:var(--lift-1);padding:16px}.board__empty{text-align:center;color:var(--label-2);padding:24px 0;font-size:14px}.board__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.board__cap{color:var(--label-2);font-size:12px;font-weight:500}.board__map{margin-top:14px}.board__count{letter-spacing:-.8px;margin-top:2px;font-size:30px;font-weight:700;line-height:1}.board__count span{color:var(--label-2);font-size:17px;font-weight:600}.board__badge{border-radius:var(--r-pill);color:var(--green-ink);background:var(--green-wash);flex:none;padding:4px 10px;font-size:12px;font-weight:600}.board__exit{border-radius:var(--r-md);color:#fff;background:linear-gradient(150deg,#0a84ff,#5e5ce6);align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex;position:relative;box-shadow:0 8px 20px #007aff40}.board__exit--closed{color:var(--label-2);background:var(--fill-1);box-shadow:none}.board__exit:not(.board__exit--closed):after{content:"";border-radius:inherit;pointer-events:none;animation:2s ease-out infinite exit-ping;position:absolute;inset:0}.board__exit--done{background:linear-gradient(150deg,#34c759,#248a3d);box-shadow:0 8px 20px #34c75940}.board__exit-icon{stroke-width:2px;flex:none;width:26px;height:26px}.board__exit-body{flex-direction:column;flex:1;min-width:0;display:flex}.board__exit-body strong{font-size:16px;font-weight:700}.board__exit-body span{opacity:.9;font-size:13px}.board__exit-dist{flex:none;font-size:15px;font-weight:700}.board__list{flex-direction:column;margin-top:14px;display:flex}.motor{border-top:.5px solid var(--separator);align-items:center;gap:12px;padding:10px 0;display:flex}.motor:first-child{border-top:none}.motor__no{width:28px;height:28px;color:var(--label-2);background:var(--fill-1);transition:background-color var(--t-base) ease, color var(--t-base) ease;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.motor--on .motor__no{color:#fff;background:var(--blue)}.motor--done .motor__no{color:var(--label-2);background:var(--fill-2)}.motor__body{flex:1;min-width:0}.motor__line{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.motor__name{font-size:15px;font-weight:500}.motor__status{color:var(--label-2);transition:color var(--t-base) ease;font-size:12px}.motor--on .motor__status{color:var(--blue);font-weight:600}.motor--done .motor__status{color:var(--label-2);font-weight:600}.motor__bar{background:var(--fill-1);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.motor__fill{background:var(--blue);border-radius:3px;height:100%;transition:width .95s linear;display:block;position:relative;overflow:hidden}.motor--on .motor__fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.4s linear infinite sheen;position:absolute;inset:0}.motor--done .motor__fill{background:var(--label-3)}.motor__action{flex:none;align-items:center;gap:8px;display:flex}.motor__dist{color:var(--label-2);font-size:12px}.mbtn{border-radius:var(--r-pill);min-width:40px;height:34px;color:var(--blue);background:var(--blue-wash);transition:transform var(--t-fast) var(--ease), opacity var(--t-fast) ease;place-items:center;padding:0 12px;font-size:13px;font-weight:600;display:grid}.mbtn:active{transform:scale(.95)}.mbtn:disabled{opacity:.35;color:var(--label-2);background:var(--fill-1)}.mbtn--stop{color:var(--red-ink);background:var(--red-wash)}.mbtn svg{stroke-width:2.4px;width:16px;height:16px}.board__switches{margin-top:16px}.swi{align-items:center;gap:12px;margin-top:10px;display:flex}.swi__body{flex-direction:column;flex:1;min-width:0;display:flex}.swi__name{font-size:15px;font-weight:500}.swi__meta{color:var(--label-2);font-size:12px}.swi--done .swi__meta{color:var(--green-ink);font-weight:600}.swi__check{width:24px;height:24px;color:var(--green);stroke-width:3px;flex:none}.hold{border-radius:var(--r-pill);min-width:96px;min-height:44px;color:var(--blue);background:var(--blue-wash);touch-action:none;-webkit-user-select:none;user-select:none;transition:transform var(--t-fast) var(--ease);flex:none;padding:0 18px;font-size:14px;font-weight:600;position:relative;overflow:hidden}.hold:disabled{opacity:.35;color:var(--label-2);background:var(--fill-1)}.hold--on{color:#fff}.hold__fill{background:var(--blue);width:0;transition:width .95s linear;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.hold--on .hold__fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);animation:1.4s linear infinite sheen;position:absolute;inset:0}.hold__label{z-index:1;position:relative}.board__count{animation:count-pop .5s var(--ease-out)}.board__badge,.motor--done .motor__no,.swi__check{animation:done-pop .5s var(--ease-out)}.motor--on .motor__no{animation:1.6s ease-in-out infinite on-pulse}@keyframes count-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes done-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes on-pulse{0%,to{box-shadow:0 0 #007aff66}50%{box-shadow:0 0 0 6px #007aff00}}@keyframes sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes exit-ping{0%{box-shadow:0 0 #ffffff8c}to{box-shadow:0 0 0 16px #fff0}}.admin__grid{width:100%;max-width:var(--shell);padding:14px 16px calc(22px + var(--safe-b));flex-direction:column;gap:14px;margin:0 auto;display:flex}.admin__col{flex-direction:column;gap:14px;min-width:0;display:flex}.admin__row{gap:10px;margin-top:12px;display:flex}.admin__row .action{border-radius:var(--r-md);background:var(--fill-1);border:none;flex:1}.action--danger{color:var(--red-ink)}.admin__radius{align-items:center;gap:10px;margin-top:14px;display:flex}.admin__radius .board__cap{flex:1}.admin__input{text-align:center;border-radius:var(--r-sm);border:1px solid var(--separator);background:var(--surface);width:76px;height:42px;font-size:16px}.admin__players{flex-direction:column;margin-top:8px;display:flex}.admin__player{border-top:.5px solid var(--separator);align-items:center;gap:10px;min-height:48px;display:flex}.admin__player:first-child{border-top:none}.admin__player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;font-weight:500;overflow:hidden}.admin__player-role{color:var(--label-2);font-size:12px}.admin__empty{text-align:center;color:var(--label-2);padding:14px 0;font-size:14px}@media (orientation:landscape) and (width>=700px){.admin__grid{grid-template-columns:1fr 1fr;align-items:start;max-width:1150px;display:grid}}.pointer{width:var(--gauge);flex-direction:column;flex:none;align-items:center;gap:14px;display:flex;position:relative}.pointer--idle{--arrow:var(--grey);--dial:#f2f2f7}.pointer--faint{--arrow:var(--blue);--dial:#007aff1a}.pointer--near{--arrow:var(--blue);--dial:#007aff24}.pointer--close{--arrow:var(--orange);--dial:#ff950024}.pointer--here{--arrow:var(--red);--dial:#ff3b3021}.pointer__dial{aspect-ratio:1;background:radial-gradient(circle at 50% 34%, #fff 0%, var(--dial) 80%);width:100%;box-shadow:var(--lift-2);transition:background var(--t-base) ease, box-shadow var(--t-base) ease;border-radius:50%;position:relative}.pointer__face{width:100%;height:100%;position:absolute;inset:0}.pointer__tick{stroke:var(--label-4);stroke-width:1.4px;stroke-linecap:round}.pointer__tick--major{stroke:var(--label-3);stroke-width:2px}.pointer__wind{fill:var(--label-3);text-anchor:middle;dominant-baseline:central;font-size:12px;font-weight:700}.pointer__arm{transition:transform .6s var(--ease);will-change:transform;position:absolute;inset:0}.pointer__arm--blind{opacity:.18}.pointer__arrow{filter:drop-shadow(0 4px 10px #0000002e);width:24%;position:absolute;top:20%;left:50%;overflow:visible;transform:translate(-50%)}.pointer__arrow path{fill:var(--arrow);transition:fill var(--t-base) ease}.pointer__hub{background:var(--label-4);width:10px;height:10px;box-shadow:0 0 0 4px var(--surface);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pointer__side{border-radius:var(--r-pill);background:var(--fill-1);min-height:36px;color:var(--label);align-items:center;gap:8px;padding:0 16px;font-size:15px;display:inline-flex}.pointer__side-dir{font-weight:600}.pointer__side-deg{color:var(--label-2);font-weight:600}.status{border-radius:var(--r-card);background:var(--surface);width:100%;box-shadow:var(--lift-1);flex:none;padding:16px 18px}.status__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.status__who{align-items:center;gap:12px;min-width:0;display:flex}.status__titles{min-width:0}.status__caption{color:var(--label-2);font-size:12px;font-weight:500}.status__title{letter-spacing:-.5px;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:20px;font-weight:700;overflow:hidden}.status__pick{min-height:var(--tap);color:var(--blue);transition:opacity var(--t-fast) ease;flex:none;align-items:center;gap:0;margin-right:-8px;padding-left:10px;font-size:15px;font-weight:500;display:inline-flex}.status__pick:active{opacity:.5}.status__pick-icon{stroke-width:2.6px;width:18px;height:18px}.cue{border-radius:var(--r-md);background:var(--fill-3);color:var(--label);transition:background-color var(--t-base) ease, color var(--t-base) ease;align-items:center;gap:9px;margin-top:14px;padding:11px 14px;font-size:14px;font-weight:500;display:flex}.cue__icon{stroke-width:2.4px;flex:none;width:18px;height:18px}.cue__text{flex:1;min-width:0}.cue__detail{color:var(--label-2);flex:none;font-weight:700}.cue--good{background:var(--green-wash);color:var(--green-ink)}.cue--warn{background:var(--orange-wash);color:var(--orange-ink)}.cue--alert{background:var(--red-wash);color:var(--red-ink)}.cue--good .cue__detail,.cue--warn .cue__detail,.cue--alert .cue__detail{color:inherit}.status__hint{text-align:center;color:var(--label-2);margin-top:10px;font-size:12px}.sheet{z-index:100;-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity var(--t-base) ease, visibility 0s linear var(--t-base);background:#00000052;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet--open{opacity:1;visibility:visible;transition:opacity var(--t-base) ease, visibility 0s linear 0s}.sheet__panel{width:100%;max-width:var(--shell);max-height:76dvh;padding:10px 16px calc(22px + var(--safe-b));border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--bg);transition:transform var(--t-base) var(--ease);overflow-y:auto;transform:translateY(100%)}.sheet--open .sheet__panel{transform:translateY(0)}.sheet__grab{background:var(--label-3);border-radius:3px;width:36px;height:5px;margin:4px auto 14px;display:block}.sheet__bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:0 2px;display:flex}.sheet__title{letter-spacing:-.4px;font-size:20px;font-weight:700}.sheet__x{width:30px;height:30px;color:var(--label-2);background:var(--fill-1);border-radius:50%;flex:none;place-items:center;display:grid}.sheet__x svg{stroke-width:2.6px;width:16px;height:16px}.sheet__x:active{background:var(--fill-2)}.sheet__none{text-align:center;color:var(--label-2);padding:28px 0 16px;font-size:15px}.sheet__list{border-radius:var(--r-card);background:var(--surface);box-shadow:var(--lift-1);overflow:hidden}.row{background:var(--surface);text-align:left;width:100%;min-height:60px;transition:background-color var(--t-fast) ease;align-items:center;gap:12px;padding:10px 16px;display:flex}.sheet__list li+li .row{border-top:.5px solid var(--separator)}.row:active{background:var(--fill-3)}.row__body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.row__name{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;overflow:hidden}.row__meta{color:var(--label-2);align-items:center;gap:3px;font-size:12px;display:flex}.row__meta-icon{stroke-width:2.4px;width:12px;height:12px}.row__check{width:21px;height:21px;color:var(--blue);stroke-width:3px;flex:none}.container>.pointer,.container>.radar{margin-block:2px}.home{justify-content:center}.home__inner{width:100%;max-width:var(--shell);padding:calc(var(--safe-t) + 40px) 20px calc(28px + var(--safe-b));flex-direction:column;flex:1;justify-content:center;gap:clamp(24px,4dvh,36px);margin:0 auto;display:flex}.home__hero{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.home__mark{color:#fff;background:linear-gradient(160deg,#0a84ff,#5e5ce6);border-radius:22px;place-items:center;width:88px;height:88px;display:grid;box-shadow:0 14px 30px #007aff47,inset 0 1px #fff6}.home__mark svg{stroke-width:1.9px;width:44px;height:44px}.home__title{letter-spacing:-.8px;font-size:30px;font-weight:700}.home__sub{color:var(--label-2);margin-top:4px;font-size:15px}.home__form{flex-direction:column;gap:12px;display:flex}.home__err{color:var(--red-ink);padding:0 4px;font-size:13px}.home__foot{text-align:center;color:var(--label-2);margin-top:4px;font-size:12px;line-height:1.5}.skills__head{justify-content:space-between;align-items:center;display:flex}.skills__chances{color:var(--blue);font-size:13px;font-weight:600}.skills__row{gap:8px;margin-top:10px;display:flex}.skill{border-radius:var(--r-md);background:var(--blue-wash);min-height:52px;color:var(--blue);transition:transform var(--t-fast) var(--ease);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px;display:flex}.skill:active{transform:scale(.96)}.skill:disabled{color:var(--label-2);background:var(--fill-1)}.skill__name{font-size:14px;font-weight:600}.skill__cost{opacity:.75;font-size:11px}.skills__targets{margin-top:12px}.sonar{--level:0;flex:none;width:148px;height:148px}.sonar--idle{--dial:#f2f2f7;--accent:var(--grey)}.sonar--faint{--dial:#007aff1a;--accent:var(--blue)}.sonar--near{--dial:#007aff24;--accent:var(--blue)}.sonar--close{--dial:#ff950024;--accent:var(--orange)}.sonar--here{--dial:#ff3b3024;--accent:var(--red)}.sonar__dial{background:radial-gradient(circle at 50% 42%, #fff 0%, var(--dial) 80%);width:100%;height:100%;box-shadow:var(--lift-2);transition:background var(--t-base) ease;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.sonar__ring{aspect-ratio:1;border:1.5px solid var(--fill-2);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sonar__ring--1{width:34%}.sonar__ring--2{width:62%}.sonar__ring--3{width:90%}.sonar__pulse{border:2px solid var(--accent);animation:sonar-wave calc(2.3s - var(--level) * 1.4s) cubic-bezier(.2, .7, .3, 1) infinite;border-radius:50%;position:absolute;inset:0}.sonar__core{aspect-ratio:1;background:var(--accent);width:16%;transform:scale(calc(.55 + var(--level) * .45));transition:transform var(--t-base) ease, background var(--t-base) ease;border-radius:50%;position:relative;box-shadow:0 4px 12px #00000029}@keyframes sonar-wave{0%{opacity:var(--level);transform:scale(.3)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f2f7;--surface:#fff;--surface-2:#f7f7fa;--nav-bg:#f9f9f9c7;--fill-1:#7878801f;--fill-2:#78788029;--fill-3:#78788014;--label:#000;--label-2:#3c3c4399;--label-3:#3c3c434d;--label-4:#3c3c432e;--separator:#3c3c434a;--separator-opaque:#c6c6c8;--blue:#007aff;--green:#34c759;--indigo:#5856d6;--orange:#ff9500;--pink:#ff2d55;--purple:#af52de;--red:#ff3b30;--teal:#30b0c7;--mint:#00c7be;--yellow:#fc0;--grey:#8e8e93;--blue-wash:#007aff1f;--green-wash:#34c75924;--orange-wash:#ff950024;--red-wash:#ff3b3021;--grey-wash:#7878801f;--green-ink:#248a3d;--orange-ink:#b25000;--red-ink:#d70015;--blue-ink:#0071e3;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:26px;--r-card:16px;--r-pill:999px;--lift-1:0 1px 1.5px #0000000a;--lift-2:0 1px 3px #0000000d, 0 8px 24px #0000000d;--lift-blue:0 10px 28px #007aff38;--lift-red:0 10px 28px #ff3b303d;--lift-orange:0 10px 28px #ff950038;--ease:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--t-fast:.16s;--t-base:.3s;--t-slow:.5s;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;--gauge:min(320px, 74vw, 44dvh);--shell:430px;--tap:44px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{-webkit-text-size-adjust:100%;height:100%}body{font-family:var(--font);background:var(--bg);color:var(--label);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;font-size:17px;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none}input{font:inherit;color:inherit}button,.cell,.row{-webkit-user-select:none;user-select:none}ul{list-style:none}#root{flex-direction:column;min-height:100dvh;display:flex}.screen{flex-direction:column;flex:1;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.container{width:100%;max-width:var(--shell);padding:14px 16px calc(22px + var(--safe-b));flex-direction:column;align-items:center;gap:clamp(14px,2.4dvh,22px);margin:0 auto;display:flex}.nav{z-index:30;background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid var(--separator);position:sticky;top:0}.nav__inner{width:100%;max-width:var(--shell);padding:calc(var(--safe-t) + 8px) 16px 8px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.nav__id{align-items:center;gap:10px;min-width:0;display:flex}.nav__meta{flex-direction:column;min-width:0;line-height:1.15;display:flex}.nav__name{letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.nav__role{color:var(--label-2);font-size:11px}.nav__action{width:var(--tap);height:var(--tap);color:var(--blue);transition:background-color var(--t-fast) ease;border-radius:50%;flex:none;place-items:center;margin-right:-12px;display:grid}.nav__action:active{background:var(--fill-1)}.nav__action svg{stroke-width:2px;width:21px;height:21px}.group{background:var(--surface);border-radius:var(--r-card);width:100%;box-shadow:var(--lift-1);overflow:hidden}.group__label{width:100%;color:var(--label-2);letter-spacing:.2px;margin:0 0 -6px 4px;font-size:13px;font-weight:500}.group__foot{width:100%;color:var(--label-2);margin:2px 4px 0;font-size:13px;line-height:1.4}.field{align-items:center;gap:12px;min-height:52px;padding:0 16px;display:flex}.field+.field{border-top:.5px solid var(--separator)}.field__label{color:var(--label);flex:none;font-size:17px}.field__input{text-align:right;min-width:0;height:52px;color:var(--label);background:0 0;border:none;flex:1;font-size:17px}.field__input:focus{outline:none}.field__input::placeholder{color:var(--label-3)}.seg{background:var(--fill-1);border-radius:9px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;width:100%;padding:2px;display:grid}.seg__opt{min-height:34px;color:var(--label);transition:background-color var(--t-fast) ease, box-shadow var(--t-fast) ease;border-radius:7px;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.seg__opt--on{background:var(--surface);box-shadow:0 1px 3px #0000001f,0 0 0 .5px #0000000a}.seg__opt svg{stroke-width:2.4px;width:15px;height:15px}.btn{border-radius:var(--r-md);letter-spacing:-.2px;min-height:50px;transition:transform var(--t-fast) var(--ease), opacity var(--t-fast) ease, background-color var(--t-fast) ease;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:17px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default}.btn--filled{background:var(--blue);color:#fff}.btn--tinted{background:var(--blue-wash);color:var(--blue)}.btn--plain{min-height:var(--tap);color:var(--blue);font-weight:500}.btn--block{width:100%}.btn svg{stroke-width:2.4px;width:18px;height:18px}.conn{color:var(--label-2);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.conn__dot{background:var(--grey);border-radius:50%;flex:none;width:7px;height:7px}.conn--open .conn__dot{background:var(--green)}.conn--closed .conn__dot{background:var(--red)}.conn__dot--open{background:var(--green)}.conn__dot--closed{background:var(--red)}.statusline{width:100%;color:var(--label-2);text-align:center;font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:12px;line-height:1.5;display:flex}.statusline__dot{background:var(--grey);border-radius:50%;flex:none;width:7px;height:7px}.statusline__dot--open{background:var(--green)}.statusline__dot--closed{background:var(--red)}.statusline__sep{opacity:.5}.toast{left:50%;top:calc(var(--safe-t) + 12px);z-index:200;border-radius:var(--r-pill);color:#fff;text-align:center;max-width:86vw;box-shadow:var(--lift-2);animation:toast-in .28s var(--ease-out);pointer-events:none;background:#1c1c1eeb;padding:10px 18px;font-size:14px;font-weight:500;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.overlay{z-index:300;color:#fff;text-align:center;animation:pop .2s var(--ease-out);background:#000000bd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.overlay__text{letter-spacing:2px;font-size:40px;font-weight:800}.overlay__from{opacity:.85;margin-top:10px;font-size:15px}.actions{border-radius:var(--r-card);background:var(--surface);width:100%;box-shadow:var(--lift-1);display:flex;overflow:hidden}.action{min-height:60px;color:var(--blue);transition:background-color var(--t-fast) ease;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:12px;font-weight:500;display:flex}.action+.action{border-left:.5px solid var(--separator)}.action:active{background:var(--fill-3)}.action svg{stroke-width:2.2px;width:20px;height:20px}.action--busy svg{animation:.9s linear infinite spin}.action--warn{color:var(--orange-ink)}.readout{flex-direction:column;align-items:center;gap:2px;display:flex}.readout__num{letter-spacing:-1.6px;font-variant-numeric:tabular-nums;font-size:44px;font-weight:700;line-height:1}.readout__num em{color:var(--label-2);margin-left:3px;font-size:20px;font-style:normal;font-weight:600}.readout__cap{color:var(--label-2);font-size:13px;font-weight:500}.splash{justify-content:center;align-items:center;gap:14px}.spinner{border:2.5px solid var(--label-4);border-top-color:var(--blue);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.foot__state{color:var(--label-2);font-size:12px;line-height:1.45}.foot__state:empty{display:none}.rise{animation:rise var(--t-slow) var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.pop{animation:pop var(--t-slow) var(--ease-out) both}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums}