.bug-feedback-root,.bug-feedback-root *{box-sizing:border-box}.bug-feedback-launcher{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:900;display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:10px 17px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#17231f;color:#fff;box-shadow:0 12px 30px #0f1c183d;font:700 15px/1.2 system-ui,sans-serif;cursor:pointer}.bug-feedback-launcher>span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#e6b85c;color:#17231f}.bug-feedback-launcher:hover{transform:translateY(-1px)}.bug-feedback-launcher:focus-visible,.bug-feedback-dialog button:focus-visible,.bug-feedback-dialog textarea:focus-visible,.bug-feedback-dialog input:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.bug-feedback-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;overflow:auto;background:#0f1714b8}.bug-feedback-dialog{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #d9ddd7;border-radius:20px;background:#fffefa;color:#17231f;box-shadow:0 28px 90px #00000052;font:400 16px/1.5 system-ui,sans-serif}.bug-feedback-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 18px;border-bottom:1px solid #e5e7e3}.bug-feedback-dialog h2,.bug-feedback-dialog h3,.bug-feedback-dialog h4,.bug-feedback-dialog p{margin-top:0}.bug-feedback-dialog h2{margin-bottom:0;font-size:clamp(1.4rem,3vw,2rem)}.bug-feedback-eyebrow{display:block;margin-bottom:4px;color:#557064;font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.bug-feedback-close{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid #d9ddd7;border-radius:50%;background:transparent;color:inherit;font-size:1.6rem;cursor:pointer}.bug-feedback-dialog form,.bug-feedback-thanks{display:grid;gap:16px;padding:22px 26px 26px}.bug-feedback-dialog form>label,.bug-feedback-color-notes label{display:grid;gap:6px;font-weight:700}.bug-feedback-dialog textarea{width:100%;min-height:48px;padding:11px 12px;resize:vertical;border:1px solid #aab5af;border-radius:10px;background:#fff;color:#17231f;font:inherit}.bug-feedback-help,.bug-feedback-image-editor p,.bug-feedback-image-editor small,.bug-feedback-context small,.bug-feedback-thanks p{color:#52615a;font-size:.9rem}.bug-feedback-help{margin:-10px 0 0}.bug-feedback-image-editor{display:grid;gap:12px;padding:16px;border:1px solid #d9ddd7;border-radius:14px;background:#f7f8f5}.bug-feedback-image-editor h3,.bug-feedback-image-editor h4,.bug-feedback-image-editor p{margin-bottom:3px}.bug-feedback-image-sources,.bug-feedback-image-tools,.bug-feedback-colors,.bug-feedback-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.bug-feedback-dialog button{min-height:40px;padding:8px 13px;border:1px solid #aab5af;border-radius:9px;background:#fff;color:#17231f;font:700 .92rem/1.2 system-ui,sans-serif;cursor:pointer}.bug-feedback-dialog button:hover:not(:disabled){border-color:#557064;background:#f2f4f1}.bug-feedback-dialog button:disabled{cursor:not-allowed;opacity:.55}.bug-feedback-image-tools>.selected,.bug-feedback-colors>.selected{border-color:#17231f;box-shadow:inset 0 0 0 1px #17231f}.bug-feedback-colors button{display:inline-flex;align-items:center;gap:6px}.bug-feedback-colors button>span,.bug-feedback-color-notes i{display:inline-block;width:16px;height:16px;border:1px solid rgba(0,0,0,.18);border-radius:50%}.bug-feedback-annotation-canvas{display:block;width:100%;max-height:430px;border:1px solid #aab5af;border-radius:10px;background:#fff;object-fit:contain;touch-action:none}.bug-feedback-color-notes{display:grid;gap:10px}.bug-feedback-color-notes label>span{display:flex;align-items:center;gap:8px}.bug-feedback-context{display:grid;gap:8px;padding:13px;border-radius:10px;background:#f2f4f1}.bug-feedback-context label{display:flex;align-items:center;gap:8px;font-weight:700}.bug-feedback-error{margin:0;padding:10px 12px;border-left:4px solid #c43d4f;background:#fff1f2;color:#842d3b}.bug-feedback-actions{justify-content:flex-end;padding-top:4px}.bug-feedback-dialog .bug-feedback-primary{border-color:#17231f;background:#17231f;color:#fff}.bug-feedback-thanks{justify-items:center;padding-block:42px;text-align:center}.bug-feedback-thanks>span{display:grid;width:56px;height:56px;place-items:center;border-radius:50%;background:#dff3e7;color:#16865a;font-size:1.7rem;font-weight:900}.bug-feedback-capturing .bug-feedback-root{visibility:hidden}@media(min-width:641px){.bug-feedback-launcher{top:50%;right:0;bottom:auto;border-radius:14px 0 0 14px;transform:translateY(-50%)}.bug-feedback-launcher:hover{transform:translate(-1px,-50%)}}@media(max-width:640px){.bug-feedback-launcher{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.bug-feedback-backdrop{align-items:end;padding:0}.bug-feedback-dialog{width:100%;max-height:92vh;border-radius:18px 18px 0 0}.bug-feedback-dialog>header,.bug-feedback-dialog form,.bug-feedback-thanks{padding-inline:18px}.bug-feedback-image-tools,.bug-feedback-colors{align-items:stretch}.bug-feedback-colors button{flex:1 1 44%}.bug-feedback-actions>button{flex:1 1 0}}@media print{.bug-feedback-root{display:none!important}}:root{font-family:Inter,system-ui,sans-serif;color:#f5f3ea;background:#071b2c;font-synthesis:none;--ink: #071b2c;--panel: rgba(5, 22, 35, .88);--glass: rgba(11, 35, 50, .78);--line: rgba(191, 224, 226, .2);--cyan: #39d0d2;--orange: #ffb55a;--cream: #f2eee4;--danger: #ff776e}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}button,input,textarea{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}.app-shell{position:relative;width:100%;height:100%;min-width:760px;min-height:520px;background:var(--ink);isolation:isolate}.harbor-scene{position:absolute;inset:0;overflow:hidden}.harbor-scene canvas{display:block;width:100%;height:100%}.scene-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(3,15,25,.28),transparent 22%,transparent 70%,rgba(2,13,22,.34)),radial-gradient(circle at 51% 48%,transparent 40%,rgba(1,12,21,.28) 100%)}.quay-label{position:absolute;z-index:2;top:14.5%;right:4%;color:#ebe7d9c7;font:600 12px/1 Barlow Condensed,sans-serif;letter-spacing:.14em;transform:rotate(-17deg);transform-origin:right center;pointer-events:none}.camera-help{position:absolute;z-index:3;right:18px;top:190px;max-width:270px;padding:6px 9px;border:1px solid rgba(136,220,227,.18);border-radius:999px;background:#05162394;color:#d2ebebad;font:600 9px/1 Barlow Condensed,sans-serif;letter-spacing:.06em;pointer-events:none}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;height:78px;display:grid;grid-template-columns:210px minmax(260px,1fr) 320px;align-items:center;padding:max(10px,env(safe-area-inset-top)) 18px 8px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#05131ff5,#05131fd1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 28px #010b1438}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:2px solid var(--cyan);border-radius:50%;color:var(--cyan);font:700 29px/1 Barlow Condensed,sans-serif;transform:rotate(-8deg)}.brand div,.exercise{display:flex;flex-direction:column}.brand strong{font:700 22px/.9 Barlow Condensed,sans-serif;letter-spacing:.18em}.brand small,.exercise small{margin-top:5px;color:#91adb8;font:600 10px/1 Barlow Condensed,sans-serif;letter-spacing:.16em}.exercise{align-items:center;justify-self:center;text-align:center}.exercise strong{margin-top:3px;font:600 19px/1.1 Barlow Condensed,sans-serif;letter-spacing:.035em}.exercise span{margin-top:3px;color:#9eb7bf;font-size:10px}.actions{display:flex;justify-content:flex-end;gap:8px}.actions button,.cancel-pending{min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#0c2c39b8;font:600 12px/1 Barlow Condensed,sans-serif;letter-spacing:.08em}.configuration-panel{position:absolute;z-index:70;top:88px;right:18px;width:min(390px,calc(100vw - 36px));max-height:calc(100vh - 108px);overflow:auto;padding:18px;border:1px solid rgba(57,208,210,.35);border-radius:15px;background:#051623f7;box-shadow:0 24px 70px #00070c8c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.configuration-panel header,.configuration-panel footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.configuration-panel header small{color:var(--cyan);font:600 10px/1 Barlow Condensed,sans-serif;letter-spacing:.12em}.configuration-panel h2{margin:4px 0 0;font:600 25px/1 Barlow Condensed,sans-serif}.configuration-panel header button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#12333fcc;font-size:24px}.configuration-panel>p{margin:14px 0 16px;color:#9fb5bc;font-size:11px;line-height:1.45}.config-range{display:grid;grid-template-columns:110px 1fr 64px;align-items:center;gap:10px;min-height:44px;border-top:1px solid rgba(191,224,226,.11)}.config-range span{font:600 12px/1 Barlow Condensed,sans-serif}.config-range input{width:100%;accent-color:var(--cyan);touch-action:pan-x}.config-range output{color:var(--orange);font:600 12px/1 Barlow Condensed,sans-serif;text-align:right}.configuration-panel footer{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.configuration-panel footer span{max-width:210px;color:#7f9aa4;font-size:9px}.configuration-panel footer button{min-height:42px;padding:0 18px;border:1px solid rgba(57,208,210,.45);border-radius:8px;background:#39d0d229;font:600 12px/1 Barlow Condensed,sans-serif;letter-spacing:.09em}.actions button:active,.actions button.active,.cancel-pending:active{background:#39d0d233;border-color:#39d0d299}.telemetry{position:absolute;z-index:8;top:92px;left:50%;display:flex;transform:translate(-50%);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#051623c2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 7px 24px #010c1433}.telemetry>div{min-width:92px;height:54px;display:grid;grid-template-columns:1fr auto;grid-template-rows:16px 1fr;align-items:baseline;padding:7px 12px;border-right:1px solid var(--line)}.telemetry>div:last-child{border-right:0}.telemetry small{grid-column:1 / -1;color:#8caab4;font:600 9px/1 Barlow Condensed,sans-serif;letter-spacing:.13em}.telemetry strong{font:600 23px/1 Barlow Condensed,sans-serif}.telemetry span{padding-left:4px;color:#a9c0c7;font-size:10px}.telemetry .wind strong{color:var(--cyan)}.equipment-palette{position:absolute;z-index:12;top:116px;left:max(16px,env(safe-area-inset-left));width:156px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 36px #000a1247}.palette-title,.control-caption{display:block;color:#91aeb8;font:600 10px/1 Barlow Condensed,sans-serif;letter-spacing:.15em;text-align:center}.tool-list{display:grid;gap:7px;margin-top:10px}.tool-button{position:relative;display:grid;grid-template-columns:39px 1fr;grid-template-rows:1fr 1fr;align-items:center;min-height:58px;padding:7px;border:1px solid rgba(178,219,221,.15);border-radius:9px;background:#0f313dc7;text-align:left}.tool-button:active{border-color:var(--cyan);background:#1c5963d1}.tool-button i{grid-row:1 / 3;display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#39d0d21c;color:var(--orange);font: 25px/1 serif}.tool-button span{align-self:end;font:600 14px/1 Barlow Condensed,sans-serif}.tool-button small{align-self:start;padding-top:3px;color:#87a5af;font-size:8px;line-height:1.15}.controls{position:absolute;z-index:14;inset:auto 0 max(12px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;padding:0 max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left));pointer-events:none}.control-cluster{pointer-events:auto;border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,#133b48e6,#051623f0);box-shadow:0 12px 40px #00091066;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.wheel-cluster{width:210px;height:202px;display:flex;flex-direction:column;align-items:center;padding:10px 12px;border-radius:50% 50% 18px 18px}.wheel{width:146px;height:146px;display:grid;place-items:center;touch-action:none}.wheel-ring{position:relative;width:116px;height:116px;border:9px solid #d9c998;border-radius:50%;box-shadow:inset 0 0 0 2px #7b6b46,0 3px 10px #00000061;transition:transform 70ms linear}.wheel-ring i{position:absolute;top:50%;left:50%;width:8px;height:68px;margin:-34px 0 0 -4px;border-radius:5px;background:#d9c998;box-shadow:inset 0 0 0 1px #837346}.wheel-ring i:nth-child(2){transform:rotate(60deg)}.wheel-ring i:nth-child(3){transform:rotate(120deg)}.wheel-ring b{position:absolute;inset:37px;border:5px solid #d9c998;border-radius:50%;background:#153b49}.control-value{margin-top:-5px;color:var(--cyan);font:600 10px/1 Barlow Condensed,sans-serif;letter-spacing:.1em}.propulsion-cluster{width:224px;height:206px;padding:10px 15px 12px;border-radius:20px 20px 14px 14px}.levers{height:172px;display:flex;justify-content:center;gap:26px;padding-top:8px}.lever-control{display:grid;grid-template-rows:22px 1fr 20px;justify-items:center}.lever-control>span{color:#a7bdc4;font:600 9px/1 Barlow Condensed,sans-serif;letter-spacing:.08em}.lever-track{position:relative;width:42px;height:114px;border:1px solid rgba(191,224,226,.26);border-radius:20px;background:linear-gradient(90deg,#071723,#183747 50%,#071723);box-shadow:inset 0 2px 10px #0000008c}.lever-control.compact .lever-track{width:36px}.lever-neutral{position:absolute;top:50%;left:4px;right:4px;height:1px;background:var(--orange);opacity:.68}.lever-track b{position:absolute;left:50%;width:62px;height:28px;border:1px solid #89989b;border-radius:9px;background:linear-gradient(180deg,#e1e2d8,#79868a);box-shadow:0 5px 10px #00000073;transform:translate(-50%,-50%)}.lever-control.compact .lever-track b{width:49px}.lever-control output{width:76px;color:var(--cyan);font:600 9px/1.1 Barlow Condensed,sans-serif;text-align:center}.bollard-marker,.attachment-marker,.line-handle{position:absolute;z-index:5;transform:translate(-50%,-50%)}.bollard-marker{pointer-events:none}.bollard-marker i{display:block;width:34px;height:34px;border:1px dashed rgba(255,181,90,.65);border-radius:50%}.bollard-marker small{position:absolute;top:36px;left:50%;width:68px;color:#f1d9a0;font:600 9px/1 Barlow Condensed,sans-serif;text-align:center;transform:translate(-50%)}.attachment-marker{width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent}.attachment-marker i{display:block;width:12px;height:12px;margin:13px;border:2px solid rgba(226,247,246,.9);border-radius:50%;background:#051e28cc;box-shadow:0 0 0 3px #10384259}.attachment-marker.active i{border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 0 8px #39d0d238,0 0 18px #39d0d2cc;animation:pulse 1.2s infinite}.attachment-marker.make-fast i{border-color:var(--orange);background:var(--orange);box-shadow:0 0 0 8px #ffb55a38;animation:pulse 1.1s infinite}@keyframes pulse{50%{transform:scale(1.25)}}.line-handle{min-width:34px;min-height:34px;padding:0;border:0;background:transparent}.line-handle i{display:block;width:20px;height:20px;margin:7px auto;border:2px solid #f5d68a;border-radius:50%;background:#183747;box-shadow:0 0 0 5px #f5d68a26}.line-handle span{position:absolute;top:33px;left:50%;width:max-content;max-width:150px;padding:4px 7px;border-radius:5px;background:#051623d6;color:#f5df9e;font:600 9px/1 Barlow Condensed,sans-serif;transform:translate(-50%)}.notice{position:absolute;z-index:30;left:50%;bottom:34px;max-width:min(520px,44vw);padding:11px 18px;border:1px solid rgba(57,208,210,.34);border-radius:9px;background:#051b27e8;box-shadow:0 8px 26px #00080f59;color:#eaf5f1;font-size:12px;transform:translate(-50%);text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.notice.warn{border-color:#ff776e85;color:#ffd2cd}.cancel-pending{position:absolute;z-index:21;left:50%;top:158px;transform:translate(-50%);border-color:#ffb55a85}.drag-ghost{position:fixed;z-index:80;display:grid;width:58px;height:58px;place-items:center;border:2px solid var(--cyan);border-radius:50%;background:#06222ddb;box-shadow:0 0 0 8px #39d0d22b,0 8px 24px #00000059;color:var(--orange);font-size:31px;pointer-events:none;transform:translate(-50%,-50%)}.model-label{position:absolute;z-index:8;right:252px;bottom:10px;display:flex;align-items:center;gap:6px;color:#ccdcdf9e;font:500 9px/1 Barlow Condensed,sans-serif;letter-spacing:.08em}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.bug-feedback-launcher{top:88px!important;right:18px!important;bottom:auto!important;z-index:40!important;min-height:42px!important;padding:8px 14px!important;border-radius:999px!important;transform:none!important}@media(max-height:650px){.topbar{height:66px;padding-top:6px;padding-bottom:6px}.telemetry{top:76px}.equipment-palette{top:78px;width:146px}.camera-help{top:154px}.tool-button{min-height:50px}.wheel-cluster{width:178px;height:168px}.wheel{width:118px;height:118px}.wheel-ring{width:95px;height:95px}.wheel-ring i{height:56px;margin-top:-28px}.wheel-ring b{inset:29px}.propulsion-cluster{width:204px;height:172px}.levers{height:140px}.lever-track{height:86px}}@media(max-width:1050px){.camera-help{display:none}}@media(max-width:920px){.topbar{grid-template-columns:150px 1fr 260px}.brand small,.exercise span{display:none}.actions button{padding:0 7px;font-size:10px}.telemetry .wind,.model-label{display:none}.bug-feedback-launcher{top:74px!important;right:10px!important}}@media(orientation:portrait){.app-shell:after{content:"Käännä tabletti vaakasuoraan";position:absolute;z-index:200;inset:0;display:grid;place-items:center;background:#071b2c;color:#f2eee4;font:600 25px/1.2 Barlow Condensed,sans-serif;letter-spacing:.04em}}