.tug-page{background:#eee9dc;min-height:100svh;padding:1.25rem clamp(1rem,3vw,3rem) 2rem}.tug-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;max-width:1100px;margin:0 auto 1.3rem;display:grid}.tug-back{justify-self:start;align-items:center;gap:.6rem;font-size:.875rem;text-decoration:none;display:inline-flex}.tug-back:hover{color:var(--link)}.tug-page svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.tug-title{text-align:center}.tug-title h1{font-family:var(--serif);letter-spacing:-.06em;margin:0;font-size:2.5rem;line-height:1}.tug-title h1 span{color:#b26524}.tug-title p{color:var(--ink-2);margin:.25rem 0 0;font-size:.75rem}.tug-sound{border:1px solid var(--line);background:0 0;border-radius:99px;justify-self:end;min-height:44px;padding:.65rem 1rem;font-size:.875rem}.tug-console{color:#fffaf0;background:#132b36;border-radius:20px;max-width:1100px;margin:auto;overflow:hidden;box-shadow:0 15px 40px #132b361f}.tug-hud{grid-template-columns:1.3fr repeat(4,1fr);gap:1rem;padding:1rem 1.5rem .8rem;display:grid}.tug-hud>div{border-left:1px solid #ffffff1f;flex-direction:column;align-items:center;display:flex}.tug-hud>div:first-child{border:0;align-items:start}.tug-hud span{color:#b5cbd0;font-size:.75rem}.tug-hud strong{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600;line-height:1.3}.tug-hud small{color:#adc3c9;margin-left:.1rem;font-size:.875rem;font-weight:400}.tug-hud .tug-urgent{color:#ffb393}.tug-timer{background:#ffffff14;height:3px}.tug-timer span{background:#edc989;height:100%;transition:width .1s linear;display:block}.tug-conditions{color:#bbced2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.5rem 1.5rem .7rem;font-size:.875rem;display:flex}.tug-conditions strong{color:#fff4db;font-variant-numeric:tabular-nums;font-weight:500}.tug-conditions b{min-width:1rem;font-size:1.1rem;display:inline-block}.tug-conditions .tug-wind-active{color:#ffcf85}.tug-water{background:#143543;height:clamp(440px,62svh,660px);position:relative}.tug-water canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.tug-water canvas:focus-visible{outline-offset:-5px;outline:3px solid #edc989}.tug-radio{color:#ecede2;text-align:center;pointer-events:none;background:#0c242fe6;border:1px solid #e2ecdf33;border-radius:99px;width:max-content;max-width:calc(100% - 2rem);padding:.65rem 1rem;font-size:.875rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.tug-radio-warning{color:#f9d89d;border-color:#f3ca7f}.tug-radio-splat{color:#173543;background:#fff7e5;border-color:#fff7e5;font-weight:600}.tug-traffic{color:#e3eef0;pointer-events:none;background:#0e2733f0;border:1px solid #88acb7;border-radius:8px;max-width:calc(100% - 2rem);padding:.55rem .8rem;font-size:.875rem;position:absolute;bottom:1rem;left:1rem}.tug-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a1f2880;justify-content:center;align-items:flex-start;padding:1.5rem;display:flex;position:absolute;inset:0;overflow-y:auto}.tug-start{text-align:center;background:#0f2934f7;border:1px solid #f5ebd140;border-radius:18px;width:min(100%,460px);margin-block:auto;padding:1.8rem 2rem;box-shadow:0 14px 70px #0003}.tug-eyebrow{color:#dfbd80;margin-bottom:1rem;font-size:.8125rem;font-weight:500}.tug-start h2{font-family:var(--serif);letter-spacing:-.05em;margin:0 0 1.25rem;font-size:clamp(2.6rem,5vw,4.5rem);font-weight:400;line-height:.98}.tug-start h2 em{color:#f4d39a}.tug-start>p:not(.tug-eyebrow){color:#c5d7db;margin-bottom:1.1rem;font-size:1rem;line-height:1.5}.tug-rule-pills{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:1.5rem;display:flex}.tug-rule-pills span{color:#d5e0de;border:1px solid #ffffff2e;border-radius:99px;padding:.3rem .55rem;font-size:.75rem}.tug-primary{color:#132b36;background:#f0cb85;border:1px solid #f0cb85;border-radius:99px;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:54px;padding:.8rem 1.2rem;font-size:1rem;font-weight:700;display:flex}.tug-primary:hover:not(:disabled){background:#ffe1a7}.tug-start .tug-small{margin:1rem 0 0;color:#a8c1c8!important;font-size:.8125rem!important}.tug-start a{color:#c5d7db;text-underline-offset:4px;margin-top:1rem;font-size:.875rem;display:inline-block}.tug-final-score{font-variant-numeric:tabular-nums;color:#f4d39a;margin:-.3rem 0 1rem;font-size:3.5rem;line-height:1}.tug-final-score>span{color:#b7cdd2;margin-top:.4rem;font-size:.75rem;display:block}.tug-result-facts{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.4rem 0;display:grid}.tug-result-facts span{color:#b7cdd2;font-size:.75rem}.tug-result-facts strong{color:#fffaf0;font-size:1.25rem;display:block}.tug-controls{justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.5rem;display:flex}.tug-steering{gap:.5rem;display:flex}.tug-steering button{color:#fffaf0;touch-action:none;-webkit-user-select:none;user-select:none;background:#264653;border:1px solid #63808a;border-radius:10px;place-items:center;width:56px;height:48px;padding:0;display:grid}.tug-steering button:active:not(:disabled){background:#456776}.tug-horn{color:#132b36;background:#f0cb85;border:1px solid #f0cb85;border-radius:10px;flex-direction:column;min-width:190px;min-height:48px;padding:.4rem 1rem .55rem;display:flex;position:relative;overflow:hidden}.tug-horn span{font-size:.9375rem;font-weight:700}.tug-horn small{font-size:.75rem}.tug-horn i{transform-origin:0;background:#875715;width:100%;height:3px;position:absolute;bottom:0;left:0}.tug-horn-call{box-shadow:0 0 0 4px #f0cb8540}.tug-pause-button{color:#d1dee1;background:0 0;border:1px solid #63808a;border-radius:10px;min-height:48px;padding:.5rem .85rem;font-size:.875rem}.tug-console :focus-visible{outline-color:#ffdb98}.tug-below{max-width:1100px;color:var(--ink-2);grid-template-columns:1fr 220px;gap:3rem;margin:1.25rem auto 0;display:grid}.tug-below>p{margin:0;font-size:.875rem;line-height:1.7}.tug-best{text-align:right}.tug-best strong{color:var(--ink);margin-left:.5rem;font-size:1.4rem}.tug-best span{margin-top:.3rem;font-size:.75rem;line-height:1.5;display:block}@media (max-width:650px){.tug-page{padding:.85rem .7rem 1.5rem}.tug-header{grid-template-columns:1fr auto;gap:.7rem;margin-bottom:.8rem}.tug-back{grid-column:1/-1;font-size:.8125rem}.tug-title{text-align:left}.tug-title h1{font-size:2.2rem}.tug-sound{padding:.5rem .8rem;font-size:.8125rem}.tug-console{border-radius:14px}.tug-hud{gap:.35rem;padding:.75rem .8rem}.tug-conditions{gap:.2rem .6rem;padding:.3rem .8rem .65rem}.tug-hud strong{font-size:1.3rem}.tug-hud span{font-size:.75rem}.tug-water{height:clamp(400px,57svh,500px)}.tug-overlay{padding:.75rem}.tug-start{padding:1.4rem 1.1rem}.tug-start h2{margin-bottom:.9rem;font-size:2.6rem}.tug-start .tug-small{font-size:.75rem!important}.tug-rule-pills{display:none}.tug-controls{gap:.5rem;padding:.65rem}.tug-steering{gap:.35rem}.tug-steering button{width:42px;height:48px}.tug-horn{flex:1;min-width:0;padding-inline:.45rem}.tug-pause-button{padding-inline:.65rem}.tug-below{grid-template-columns:1fr;gap:1rem}.tug-best{text-align:left}.tug-radio{padding:.55rem .7rem;font-size:.8125rem;top:.75rem}}@media (prefers-reduced-motion:reduce){.tug-timer span{transition:none}}