.ts{width:100%;container-type:inline-size}.ts-bezel{--u:calc(100cqw / 840);padding:calc(20 * var(--u));border-radius:calc(26 * var(--u));background:linear-gradient(145deg,#2a2a2a,#050505 60%);border:1px solid #d4af3759;box-shadow:0 30px 80px -30px #d4af3759,inset 0 1px #ffffff14}.ts-screen{--u:calc(100cqw / 840);aspect-ratio:5/3;border-radius:calc(8 * var(--u));color:#f2f2f2;font-family:Arial,Helvetica,sans-serif;font-size:calc(15 * var(--u));user-select:none;background:#000;position:relative;overflow:hidden}.ts svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.3em;height:1.3em}.ts svg.gold,.ts-ico{color:#c9a25a}.ts-top{align-items:center;gap:calc(14 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));font-size:calc(19 * var(--u));display:flex}.ts-btn{width:calc(34 * var(--u));height:calc(34 * var(--u));border-radius:calc(5 * var(--u));color:#ddd;background:#262626;place-items:center;display:grid}.ts-clock{align-items:center;gap:calc(6 * var(--u));display:flex}.ts-flow{align-items:center;gap:calc(4 * var(--u));border-radius:calc(5 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u));background:#262626;margin-left:auto;display:flex}.ts-bt{width:calc(30 * var(--u));height:calc(30 * var(--u));border-radius:calc(5 * var(--u));color:#3b8cff;background:#262626;place-items:center;display:grid}.ts-brand{font-size:calc(27 * var(--u));letter-spacing:.02em;color:#c9a25a;font-weight:300}.ts-home{grid-template-columns:1fr calc(230 * var(--u)) 1fr;gap:calc(10 * var(--u));padding:calc(6 * var(--u)) calc(28 * var(--u));height:calc(100% - 54 * var(--u));display:grid}.ts-col{padding:calc(10 * var(--u)) 0 calc(22 * var(--u));flex-direction:column;justify-content:space-between;display:flex}.ts-tile{align-items:center;gap:calc(14 * var(--u));text-align:left;color:#f2f2f2;font-size:calc(15 * var(--u));cursor:pointer;line-height:1.2;display:flex}.ts-ico{width:calc(46 * var(--u));height:calc(46 * var(--u));border-radius:calc(6 * var(--u));font-size:calc(18 * var(--u));background:#1e1e1e;border:1px solid #3a3a3a;place-items:center;transition:border-color .3s,box-shadow .3s;display:grid}.ts-ico.sm{width:calc(30 * var(--u));height:calc(30 * var(--u));background:0 0;border:0}.ts-tile:hover .ts-ico,.ts-tile:focus-visible .ts-ico{box-shadow:0 0 calc(14 * var(--u)) #c9a25a73;border-color:#c9a25a}.ts-tile:active .ts-ico{transform:scale(.94)}.ts-status{align-items:center;gap:calc(10 * var(--u));border-radius:calc(6 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u));font-size:calc(13 * var(--u));background:#262626;border:1px solid #3a3a3a;line-height:1.2;display:flex}.ts-toggle{margin-top:calc(5 * var(--u));font-size:calc(11 * var(--u));background:#3a3a3a;border-radius:99px;display:flex;overflow:hidden}.ts-toggle b{padding:calc(2 * var(--u)) calc(10 * var(--u));color:#888;font-weight:400;transition:all .3s}.ts-toggle[aria-checked=true] b:last-child,.ts-toggle[aria-checked=false] b:first-child{color:#222;background:#d9d9d9;border-radius:99px}.ts-lbl{flex-direction:column;align-items:flex-start;display:flex}.ts-device{place-items:center;display:grid;position:relative}.ts-imgwrap{position:relative}.ts-device img{height:calc(370 * var(--u));width:auto;filter:drop-shadow(0 0 calc(20 * var(--u)) #ffffff0f);display:block}.ts-badge{top:calc(4 * var(--u));left:calc(4 * var(--u));z-index:3;font-size:calc(12 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u));border-radius:calc(4 * var(--u));background:linear-gradient(#3a8ee8,#1d5fb8);transition:background .4s;position:absolute}.ts-badge.regen{color:#111;background:linear-gradient(#e0b552,#a87b20)}.ts-pipes{z-index:2;width:calc(36 * var(--u));height:calc(40 * var(--u));position:absolute;top:15%;right:-9%}.ts-pipes i{height:calc(5 * var(--u));border-radius:2px;width:100%;position:absolute;right:0}.ts-pipes .hot{background:#e8343b;top:0}.ts-pipes .cold{top:calc(10 * var(--u));width:40%;height:calc(30 * var(--u));width:calc(5 * var(--u));background:linear-gradient(#e8343b,#2b7de9);left:30%}.ts-resin{border-radius:calc(10 * var(--u)) calc(10 * var(--u)) calc(6 * var(--u)) calc(6 * var(--u));pointer-events:none;mix-blend-mode:screen;width:38%;height:56%;position:absolute;top:37%;left:51.5%;overflow:hidden}.ts-water{background:linear-gradient(90deg,#288cff8c,#6ebeffbf 45%,#2878f080);position:absolute;inset:0}.ts-water:after{content:"";background:repeating-linear-gradient(180deg, transparent 0 calc(18 * var(--u)), #ffffff2e calc(18 * var(--u)) calc(20 * var(--u)));animation:3s linear infinite ts-flow;position:absolute;inset:-50% 0}.ts-tube{top:0;left:30%;bottom:calc(6 * var(--u));width:calc(7 * var(--u));background:linear-gradient(90deg,#8a6a14,#e9c77a,#8a6a14);border-radius:99px;position:absolute}.ts-regen{background:linear-gradient(#e8be5a33,#e8be5ad9);height:0;transition:height 3.6s linear;position:absolute;inset:auto 0 0}.ts[data-mode=regen] .ts-regen{height:100%}.ts[data-vac=off] .ts-water:after{animation-duration:1.2s}@keyframes ts-flow{to{transform:translateY(calc(40 * var(--u)))}}.ts-panel{left:calc(28 * var(--u));right:calc(34 * var(--u));top:calc(57 * var(--u));bottom:calc(10 * var(--u));z-index:5;background:#2b2b2b;border:1px solid #4a4a4a;flex-direction:column;animation:.35s ts-in;display:flex;position:absolute}.ts-panel[hidden]{display:none}.ts-panel header{padding:calc(8 * var(--u)) calc(12 * var(--u));color:#c9a25a;font-size:calc(15 * var(--u));border-bottom:1px solid #444;justify-content:space-between;align-items:center;display:flex}.ts-panel header span{gap:calc(8 * var(--u));align-items:center;display:flex}.ts-x{color:#fff;width:calc(26 * var(--u));height:calc(26 * var(--u));border-radius:calc(3 * var(--u));font-size:calc(16 * var(--u));background:#111}.ts-row{grid-template-columns:calc(220 * var(--u)) 1fr;padding:calc(10 * var(--u)) calc(18 * var(--u));font-size:calc(15 * var(--u));border-bottom:1px solid #444;align-items:center;display:grid}.ts-row.tall{align-items:start}.ts-box{min-width:calc(36 * var(--u));height:calc(30 * var(--u));border-radius:calc(3 * var(--u));color:#aaa;background:#222;border:1px solid #555;place-items:center;font-style:normal;display:inline-grid}.ts-dim{color:#9a9a9a;letter-spacing:.1em}.ts-stack{gap:calc(10 * var(--u));flex-direction:column;display:flex}.ts-switch{width:calc(64 * var(--u));height:calc(24 * var(--u));background:#1a1a1a;border:1px solid #c9a25a;border-radius:99px;position:relative}.ts-switch i{top:calc(2 * var(--u));left:calc(3 * var(--u));width:calc(18 * var(--u));height:calc(18 * var(--u));background:#999;border-radius:50%;transition:all .3s;position:absolute}.ts-switch[aria-checked=true] i{left:calc(41 * var(--u));background:#c9a25a}.ts-dash{gap:calc(14 * var(--u));padding:calc(26 * var(--u));flex:1;grid-template-columns:repeat(3,1fr);display:grid}.ts-dash div{border-radius:calc(8 * var(--u));background:#1e1e1e;border:1px solid #444;flex-direction:column;justify-content:center;align-items:center;display:flex}.ts-dash b{font-size:calc(46 * var(--u));color:#e3c27a;font-weight:300}.ts-dash small{font-size:calc(13 * var(--u));color:#aaa;text-align:center;padding:0 calc(8 * var(--u))}.ts-bars{align-items:flex-end;gap:calc(18 * var(--u));padding:calc(26 * var(--u)) calc(40 * var(--u)) calc(36 * var(--u));flex:1;display:flex}.ts-bars i{height:var(--h);border-radius:calc(4 * var(--u)) calc(4 * var(--u)) 0 0;transform-origin:bottom;background:linear-gradient(#3b8cff,#1d4f9c);flex:1;animation:.8s both ts-grow;position:relative}.ts-bars em{bottom:calc(-22 * var(--u));text-align:center;font-style:normal;font-size:calc(12 * var(--u));color:#aaa;position:absolute;left:0;right:0}.ts-p{padding:calc(16 * var(--u)) calc(22 * var(--u)) 0;font-size:calc(16 * var(--u));line-height:1.4}.ts-progress{margin:calc(22 * var(--u)) calc(22 * var(--u)) 0;height:calc(12 * var(--u));background:#1a1a1a;border-radius:99px;overflow:hidden}.ts-progress i{background:linear-gradient(90deg,#8a6a14,#f3dc8f);width:0;height:100%;display:block}.ts-cta{margin:calc(22 * var(--u));padding:calc(10 * var(--u)) calc(20 * var(--u));color:#111;background:linear-gradient(110deg,#b8922a,#f3dc8f 45%,#d4af37);border-radius:99px;align-self:flex-start;font-weight:700}.ts-hint{text-align:center;letter-spacing:.25em;text-transform:uppercase;color:var(--color-mist);margin-top:.75rem;font-size:.75rem}@keyframes ts-in{0%{opacity:0;transform:translateY(calc(10 * var(--u)))}}@keyframes ts-grow{0%{transform:scaleY(0)}}@media (prefers-reduced-motion:reduce){.ts *{transition:none!important;animation:none!important}}