.te{--te-ink:#eaf2dc;--te-muted:#b4cfc7;--te-edge:#7fa8a3;position:relative;max-width:520px;margin:0 auto;font:13px/1.35 system-ui,sans-serif;color:var(--te-ink);isolation:isolate}.te *{box-sizing:border-box}.te button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:1px solid #759e98;background:#315b62;color:#edf4de;border-radius:7px;padding:7px 10px;min-height:31px}.te button:disabled{opacity:.4;cursor:default}.te button:hover:enabled{background:#426f72}.te button:focus-visible,.te canvas:focus-visible{outline:2px solid #e5ce8d;outline-offset:2px}.te-stage{height:516px;display:flex;flex-direction:column;gap:5px;padding:9px;background:#244c57;border:1px solid #698f8e;border-radius:12px;overflow:hidden}.te-top{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:29px}.te-sea{font-size:13px;color:#f0d9a2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.te-menu-button{min-width:32px;min-height:28px;padding:3px 8px!important}.te-meters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;direction:ltr}.te-meter{position:relative;background:#183b48;border:1px solid #668c8a;border-radius:4px;height:17px;overflow:hidden}.te-meter>i{display:block;height:100%;width:100%;transition:width .15s linear}.te-hp>i{background:#ae8e70}.te-o2>i{background:#79a9b7}.te-sp>i{background:#88aa7b}.te-meter>span{position:absolute;inset:0;font-size:9px;display:grid;place-items:center;color:#fbf5dd;text-shadow:0 1px 2px #1c4750}.te-objective{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:31px;padding:4px 7px;background:#315c62;border-radius:5px;border:1px solid #668b88;font-size:11px}.te-objective strong{font-weight:600}.te-objective b{white-space:nowrap;color:#ead49b;font-variant-numeric:tabular-nums}.te-water{position:relative;flex:1;min-height:160px;overflow:hidden;border-radius:7px;border:1px solid #80a9a0;background:#477a82;touch-action:none}.te-canvas{display:block;width:100%;height:100%;touch-action:none}.te-hint{position:absolute;inset:auto 5px 5px;padding:3px 5px;background:#173e4ab3;border:1px solid #8daca557;border-radius:4px;color:#e2edce;font-size:9px;text-align:center;pointer-events:none;line-height:1.4}.te-hint.warning{color:#ffe0a8;background:#6b4c40bb}.te-controls{display:flex;align-items:center;gap:9px;justify-content:space-between;direction:ltr;min-height:79px}.te-stick{width:79px;height:79px;border:1px solid #82a9a0;border-radius:50%;background:#38656b;position:relative;touch-action:none;flex:none}.te-stick:before,.te-stick:after{content:'';position:absolute;background:#95b5a737}.te-stick:before{width:1px;inset:8px auto 8px 50%}.te-stick:after{height:1px;inset:50% 8px auto}.te-knob{position:absolute;width:31px;height:31px;border-radius:50%;background:#91b7ab;border:1px solid #c3d9b9;left:23px;top:23px;pointer-events:none;transform:translate(var(--jx,0px),var(--jy,0px));box-shadow:0 2px 4px #153f4933}.te-readout{flex:1;min-width:50px;text-align:center;font-size:10px;color:#c5d9c6;line-height:1.7}.te-readout b{display:block;color:#e9ddb2;font-size:14px;font-variant-numeric:tabular-nums}.te-action-buttons{display:flex;align-items:center;gap:7px;flex:none}.te-dash{width:67px;height:67px;border-radius:50%!important;background:#b3bea0!important;color:#244b54!important;border:2px solid #d1d8b7!important;padding:4px!important;font-weight:750!important;font-size:13px!important;box-shadow:inset 0 -3px 0 #6b8f8133}.te-pulse{width:48px;height:48px;border-radius:50%!important;background:#557e85!important;border-color:#a1c5c0!important;padding:3px!important;font-size:10px!important}.te-action-buttons small{display:block;font-size:9px;opacity:.8}.te-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:12px;font-size:9px;color:#9fbbb0}.te-foot>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:65%}.te-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:13px;background:#123943dd;backdrop-filter:blur(4px);border-radius:12px}.te-panel{width:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:15px;background:#2b535b;border:1px solid #8ab3a1;border-radius:11px;box-shadow:0 10px 30px #12343b44}.te-panel h2{font-size:20px;line-height:1.25;margin:0 0 10px;color:#f0dfae}.te-panel p{font-size:12px;line-height:1.6;color:#c3d9c9;margin:8px 0}.te-panel button{display:block;width:100%;margin-top:7px;min-height:36px}.te-panel .te-primary{background:#bac6a7;color:#294f54;border-color:#d4ddbd;font-weight:750}.te-choice{text-align:start;padding:11px!important;background:#315e65!important}.te-choice strong{display:block;color:#efdb9e;font-size:14px;margin-bottom:4px}.te-choice small{display:block;font-weight:400;color:#c8ddcd;font-size:11px;line-height:1.45}.te-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.te-mode-grid button{font-size:11px;padding:6px 3px}.te-save-warning{color:#f4d8a3!important}.te-end-icon{font-size:40px;color:#e1c98e;text-align:center;margin:7px}.te-panel .te-summary{font-variant-numeric:tabular-nums;color:#f0dbaa}.te[dir=rtl] .te-objective{direction:rtl}@media(min-width:650px){.te-stage{height:570px;padding:10px 12px}.te-objective{font-size:12px}.te-hint{font-size:10px}.te-controls{min-height:82px}.te-meter>span{font-size:10px}}@media(max-width:340px){.te-stage{height:516px;padding:7px;gap:4px}.te-objective{font-size:10px;min-height:29px;padding:3px 5px}.te-sea{font-size:11px}.te-stick{width:72px;height:72px}.te-knob{left:20px;top:20px}.te-controls{gap:5px;min-height:75px}.te-dash{width:62px;height:62px}.te-pulse{width:44px;height:44px}.te-action-buttons{gap:5px}.te-readout{font-size:9px}.te-readout b{font-size:12px}.te-hint{font-size:8px}.te-meter>span{font-size:8px}}@media(prefers-reduced-motion:reduce){.te *{transition:none!important;animation:none!important}}