.treff-turn-stage{position:relative}.treff-turn-signal{z-index:8;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.treff-cormorant-flight,.treff-cormorant-sprite{pointer-events:none;width:100%;height:100%;display:block}.treff-cormorant-flight{animation:treff-cormorant-right var(--cormorant-duration) linear both;will-change:transform}.treff-turn-signal[data-direction=left] .treff-cormorant-flight{animation-name:treff-cormorant-left}.treff-cormorant-sprite{background-image:url(/assets/treff/cormorant/flight-strip.webp);background-repeat:no-repeat;background-size:800% 100%;animation:.64s steps(8,end) infinite treff-cormorant-flap}.treff-turn-signal[data-direction=left] .treff-cormorant-sprite{transform:scaleX(-1)}.treff-turn-static{white-space:normal;text-align:center;overflow-wrap:anywhere;color:#173e45;background:#e2eeec;border-radius:6px;width:max-content;max-width:min(240px,70vw);padding:3px 8px;font-size:12px;display:block;position:absolute;top:0;left:0}.treff-turn-signal[data-direction=left] .treff-turn-static{transform:translate(-50%)}.treff-turn-signal[data-direction=right] .treff-turn-static{transform:translateX(var(--cormorant-distance)) translateX(-50%)}@keyframes treff-cormorant-right{0%{transform:translate(0)}to{transform:translateX(var(--cormorant-distance))}}@keyframes treff-cormorant-left{0%{transform:translateX(var(--cormorant-distance))}to{transform:translate(0)}}@keyframes treff-cormorant-flap{0%{background-position:0 0}to{background-position:114.286% 0}}@media (prefers-reduced-motion:reduce){.treff-cormorant-flight,.treff-cormorant-sprite{animation:none}.treff-cormorant-flight{visibility:hidden}}.treff-app{color:#173e45;min-height:100dvh;font-family:var(--font-sans,Arial,sans-serif);background:#f1f7f6;padding:24px max(20px,50vw - 560px)}.treff-header,.treff-intro,.treff-dive-top,.treff-actions{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.treff-header{border-bottom:1px solid #c2dcd8;padding-bottom:16px}.treff-header>a>img{object-fit:contain;width:48px;max-width:48px;height:48px;max-height:48px}.treff-header>span:not(.game-sound-wrap){flex:1}.treff-app h1:not(.treff-personal-training h1):not(.avatar-gallery h1){margin:12px 0 18px;font-size:clamp(28px,4vw,42px);line-height:1.18}.treff-app h2:not(.treff-personal-training h2):not(.avatar-gallery h2){margin:8px 0 18px;font-size:23px}.treff-app p:not(.treff-personal-training p):not(.avatar-gallery p){line-height:1.6}.treff-app button:not(.treff-personal-training button):not(.avatar-gallery button):not(.treff-task button):not(.game-sound-control),.treff-app select:not(.treff-personal-training select):not(.avatar-gallery select),.treff-app input:not(.treff-personal-training input):not(.avatar-gallery input){font:inherit;border:1px solid #bdd4d1;border-radius:12px;min-height:46px;padding:10px 14px}.treff-app button:not(.treff-personal-training button):not(.avatar-gallery button):not(.treff-task button):not(.game-sound-control){color:#fff;cursor:pointer;background:#087f7a}.treff-app button:not(.treff-personal-training button):not(.avatar-gallery button):not(.treff-task button):disabled{opacity:.55;cursor:default}.treff-app button:not(.treff-personal-training button):not(.avatar-gallery button):not(.treff-task button):focus-visible{outline-offset:3px;outline:3px solid #b47b23}.treff-app a:focus-visible{outline-offset:3px;outline:3px solid #b47b23}.treff-app input:not(.treff-personal-training input):not(.avatar-gallery input):focus-visible{outline-offset:3px;outline:3px solid #b47b23}.treff-app select:not(.treff-personal-training select):not(.avatar-gallery select):focus-visible{outline-offset:3px;outline:3px solid #b47b23}.treff-card{background:#fff;border:1px solid #d2e4e1;border-radius:20px;margin-bottom:24px;padding:28px}.treff-app form:not(.treff-personal-training form):not(.avatar-gallery form){gap:18px;display:grid}.treff-app label:not(.treff-personal-training label):not(.avatar-gallery label){gap:8px;font-weight:600;display:grid}.treff-app input:not(.treff-personal-training input):not(.avatar-gallery input),.treff-app select:not(.treff-personal-training select):not(.avatar-gallery select){color:#173e45;background:#fff;width:100%;min-width:0}.treff-planning{grid-template-columns:1fr 1fr;gap:24px;display:grid}.treff-small{color:#41666b;font-size:14px}.treff-avatar{flex-shrink:0;width:64px;height:88px}.treff-avatar-editor{grid-template-columns:1fr 1.4fr;gap:28px;display:grid}.treff-avatar-editor .treff-avatar{width:130px;height:178px}.treff-avatar-button{justify-items:center;min-width:132px;display:grid;color:#173e45!important;background:0 0!important}.treff-invite{overflow-wrap:anywhere;margin-top:24px}.treff-invite input{font-size:13px}.treff-appointments{gap:18px;margin:0;padding:0;list-style:none;display:grid}.treff-appointments li{border-bottom:1px solid #dae8e5;gap:10px;padding-bottom:18px;display:grid}.treff-appointments li>div{flex-wrap:wrap;gap:10px;display:flex}.treff-error{background:#fff0e8;border-radius:12px;padding:16px}.treff-roles{gap:16px;margin:0 0 24px;display:flex}.treff-roles>div{background:0 0;border:0;border-radius:0;flex:1;align-items:center;gap:12px;min-width:0;padding:8px 18px;display:flex}.treff-roles .is-active{background:0 0}.treff-roles strong,.treff-roles span{overflow-wrap:anywhere;display:block}.treff-task-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.treff-task{position:relative}.treff-task .training-top{display:none}.treff-task .patient-training{margin:0}.treff-task button{background:initial;color:inherit}.treff-task .patient-responses button,.treff-task .dual-target-preview button{color:#fff;background:#087f7a}.treff-boat-notice{background:#dbecea;border-radius:12px;padding:12px}.treff-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:24px}.treff-report-members{grid-template-columns:1fr 1fr;gap:20px;display:grid}.treff-report-members article{background:#f1f7f6;border-radius:16px;padding:22px}.treff-ascent{color:#fff;text-align:center;background:linear-gradient(#b0ddd8,#398b95 45%,#185366);border-radius:24px;height:520px;padding:300px 24px 20px;position:relative;overflow:hidden}.treff-boat{font-size:80px;position:absolute;top:0;left:40%}.treff-line{border-left:3px solid #d8c691;position:absolute;top:80px;bottom:0;left:50%}.treff-ascending{animation:10s ease-in-out forwards treff-ascent;display:flex;position:absolute;top:200px;left:calc(50% - 70px)}.treff-ascent h1{font-size:25px}.treff-reduced *{scroll-behavior:auto!important}.treff-reduced .treff-ascending,.treff-reduced .training-fish-motion{animation:none}.treff-task .patient-fish-choice{background:0 0;border:0;padding:0}.treff-task .module-microreaction{pointer-events:none}.treff-app .fs-kicker{color:#087f7a}@keyframes treff-ascent{0%{transform:translate(-50%,30px)}18%{transform:translate(calc(-50% - 18px),-10px)}38%{transform:translate(calc(14px - 50%),-60px)}58%{transform:translate(calc(-50% - 13px),-115px)}78%{transform:translate(calc(11px - 50%),-174px)}to{transform:translate(-50%,-230px)}}@media (prefers-reduced-motion:reduce){.treff-ascending{animation:none}}@media (max-width:700px){.treff-app{padding:16px}.treff-header{flex-wrap:wrap;gap:10px}.treff-header>span:not(.game-sound-wrap){font-size:14px}.treff-planning,.treff-avatar-editor,.treff-report-members{grid-template-columns:1fr}.treff-card{padding:20px}.treff-intro{gap:10px}.treff-avatar-button{min-width:90px;font-size:12px!important}.treff-roles{gap:8px}.treff-roles>div{gap:5px;padding:8px;font-size:13px}.treff-roles .treff-avatar{width:40px;height:55px}.treff-dive-top{align-items:flex-start;font-size:14px}.treff-task-heading{font-size:14px}.treff-task-heading h2{font-size:21px}.treff-task .patient-reef-scene{min-height:360px}.treff-actions button{flex:1}.treff-ascent{height:500px}}.treff-line,.treff-boat,.treff-ascending{pointer-events:none}.treff-avatar{width:72px;height:81px}.treff-avatar-editor{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start}.treff-portrait-preview{text-align:center;position:sticky;top:20px}.treff-portrait-preview .treff-avatar{width:min(100%,340px);height:auto;margin:12px auto 20px;display:block}.treff-portrait-preview p{max-width:35ch;margin:12px auto}.treff-portrait-preview button{color:#173e45;background:#e5f1f0}.treff-portrait-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.treff-portrait-selectors label{min-width:0;font-size:14px}.treff-portrait-selectors select{padding:10px 8px;font-size:14px}.treff-portrait-presets{border:0;min-width:0;margin:0;padding:0}.treff-portrait-presets legend{margin-bottom:8px;font-weight:600}.treff-portrait-presets>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.treff-portrait-presets button{background:#edf5f5;padding:2px;overflow:hidden}.treff-avatar-editor .treff-portrait-presets .treff-avatar{width:100%;height:auto;display:block}.treff-report-members .treff-avatar{width:110px;height:124px}@media (max-width:700px){.treff-avatar-editor{grid-template-columns:1fr}.treff-portrait-preview{position:static}.treff-portrait-preview .treff-avatar{width:min(100%,280px)}.treff-roles .treff-avatar{width:48px;height:54px}}@media (max-width:380px){.treff-portrait-selectors{grid-template-columns:1fr}.treff-portrait-presets>div{grid-template-columns:repeat(3,minmax(0,1fr))}}.treff-appointments{max-height:var(--treff-list-height,600px);overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px;overflow-y:auto}.treff-appointments:focus-visible{outline-offset:3px;border-radius:8px;outline:3px solid #b47b23}.treff-planning>.treff-card{align-self:start}.treff-list-hint{margin:12px 0 0}.treff-game-help{margin:12px 0 16px;font-size:14px}.treff-game-help summary{cursor:pointer;font-weight:600}.treff-playing{padding:10px max(12px,50vw - 720px)}.treff-playing .treff-header{gap:10px;margin-bottom:8px;padding-bottom:6px}.treff-playing .treff-header>a>img{width:28px;max-width:28px;height:28px;max-height:28px}.treff-playing .treff-header>span:not(.game-sound-wrap){font-size:13px}.treff-playing .treff-dive-top{gap:8px;margin-bottom:6px;font-size:12px}.treff-playing .treff-dive-top .fs-kicker{display:none}.treff-playing .treff-roles{gap:8px;margin-bottom:8px}.treff-playing .treff-roles>div{border-radius:10px;gap:8px;padding:4px 8px;font-size:13px}.treff-playing .treff-roles .treff-avatar{width:36px;height:41px}.treff-playing .treff-roles strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.treff-playing .treff-roles>div>div{min-width:0}.treff-playing .treff-task-heading{gap:8px;margin-bottom:6px;font-size:13px}.treff-playing .treff-task-heading h2{margin:0;font-size:18px}.treff-playing .treff-task .patient-training{width:100%;padding:0}.treff-playing .treff-task .patient-responses{gap:8px;margin-top:8px}.treff-playing .treff-task .patient-responses button{min-height:54px}.treff-playing .treff-actions{gap:8px;margin:10px 0 0}.treff-playing .treff-actions button{min-height:44px;padding:8px 12px;font-size:13px}.treff-playing .treff-contact-note:empty{margin:0}.treff-playing .treff-boat-notice{margin:4px 0;padding:6px 10px;font-size:13px}@media (max-width:700px){.treff-playing .treff-header{flex-wrap:nowrap}.treff-playing .treff-dive-top{align-items:center}.treff-playing .treff-task-heading{align-items:flex-start}.treff-playing .treff-task-heading span{text-align:right;max-width:45%;font-size:12px}.treff-playing .treff-actions button{flex:auto}}.treff-app .treff-task .patient-fish-choice{color:inherit;box-shadow:none;background:0 0;border:0;padding:0}@media (max-width:700px){.treff-playing .treff-task .patient-reef-scene{min-height:clamp(280px,100dvh - 320px,720px)}}.treff-app .treff-scoreboard{grid-template-columns:minmax(0,1fr) clamp(130px,24vw,180px) minmax(0,1fr);align-items:center;gap:8px;display:grid}.treff-app .treff-scoreboard>.treff-score{text-align:center;background:0 0;border:0;border-radius:0;padding:0;display:block}.treff-score-label,.treff-score-caption{color:#41666b;font-size:11px;line-height:14px;display:block}.treff-score-values{font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr);align-items:center;gap:4px;margin:2px 0;display:grid}.treff-score-values output{color:#173e45;font-size:clamp(22px,2.5vw,30px);font-weight:800;line-height:32px}.treff-score-values>span{color:#41666b;font-size:20px}.treff-playing .treff-task .patient-reef-scene{min-height:clamp(280px,100dvh - 320px,720px)}@media (max-width:700px){.treff-app .treff-scoreboard{grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr);gap:5px}.treff-app .treff-scoreboard>.treff-player{text-align:center;flex-direction:column;gap:1px;min-width:0;padding:2px;display:flex}.treff-scoreboard .treff-player>div{width:100%;min-width:0}.treff-app .treff-scoreboard .treff-avatar{width:28px;height:32px}.treff-app .treff-scoreboard strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:14px;overflow:hidden}.treff-scoreboard .treff-player span{font-size:10px;line-height:12px}.treff-playing .treff-task .patient-reef-scene{min-height:clamp(280px,100dvh - 340px,720px)}}.treff-app .treff-scoreboard{grid-template-columns:64px minmax(0,1fr) clamp(130px,24vw,180px) minmax(0,1fr) 64px}.treff-app .treff-scoreboard>.treff-level{text-align:center;background:0 0;border:0;padding:0;display:block}.treff-level span{color:#527176;font-size:10px;line-height:14px}.treff-level strong{white-space:nowrap;font-size:14px;line-height:20px}@media (max-width:700px){.treff-app .treff-scoreboard{grid-template-columns:42px minmax(0,1fr) 130px minmax(0,1fr) 42px;gap:4px}.treff-app .treff-scoreboard .treff-level strong{font-size:11px;line-height:16px;overflow:visible}.treff-level span{font-size:9px;line-height:12px}}.treff-arrival{align-items:center;gap:16px;display:flex}.treff-arrival p{margin:8px 0}.treff-arrival .treff-avatar{flex:0 0 72px}.treff-personal-training{border:1px solid #c2dcd8;border-radius:20px;overflow:hidden}.treff-lobby-messages{overflow-wrap:anywhere;max-height:240px;padding:0;list-style:none;overflow:auto}.treff-lobby-messages li{padding:8px 0}.treff-waiting-chat summary{cursor:pointer;font-weight:600}.treff-waiting-tools:has(.treff-personal-training)>.treff-arrival{z-index:15;border-color:#087f7a;position:sticky;top:8px}.treff-personal-training .patient-center{min-height:0}@media (max-width:700px){.treff-arrival{flex-wrap:wrap}.treff-arrival>div{flex:1;min-width:150px}.treff-waiting-tools:has(.treff-personal-training)>.treff-arrival{position:static}}.treff-app .treff-task .school-watch-options button{box-shadow:none;background:0 0;border:0}.treff-station-scene{aspect-ratio:2.5;background:#a8d2dd;border:1px solid #b7d4d6;border-radius:20px;margin:0 0 24px;position:relative;overflow:hidden}.treff-station-scene picture,.treff-station-scene img{width:100%;height:100%;display:block}.treff-station-scene img{object-fit:cover;object-position:50% 48%}@media (max-width:700px){.treff-station-scene{aspect-ratio:1.6;border-radius:16px;margin-bottom:20px}.treff-station-scene img{object-position:48% 45%}}.treff-entering{overflow-wrap:anywhere}.treff-entering .treff-station-scene{aspect-ratio:5;max-height:160px;margin-bottom:16px}.treff-entry{max-width:640px;margin-left:auto;margin-right:auto}.treff-entry details{margin-top:22px;font-size:14px}.treff-entry summary{cursor:pointer;font-weight:600}.treff-entry h1{font-size:clamp(26px,3vw,36px)!important}@media (max-width:700px){.treff-entering .treff-station-scene{aspect-ratio:3.2;max-height:110px}.treff-entry details{margin-top:18px}}.treff-intro>div{flex:1}.treff-email-invitation{align-items:center;gap:16px;display:flex}.treff-email-invitation form{flex:1;min-width:0}.treff-email-partner{text-align:center;justify-items:center;max-width:100px;font-size:13px;display:grid}.treff-email-partner .treff-avatar{width:80px;height:80px}.treff-invite-fallback{color:#41666b;margin-top:24px;font-size:14px}.treff-invite-fallback summary{cursor:pointer}.treff-invite-fallback label{margin:14px 0 10px}.treff-arrival>div{flex:1}.treff-arrival>.treff-avatar{order:2}.treff-arrival>button{order:3}@media (max-width:700px){.treff-email-invitation{gap:10px}.treff-email-partner{max-width:64px}.treff-email-partner .treff-avatar{width:64px;height:64px}.treff-intro{align-items:flex-start}}.treff-intro{background:#fff;border:1px solid #d2e4e1;border-radius:20px;grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:center;gap:24px;padding:24px;display:grid}.treff-intro-pair{grid-template-columns:minmax(160px,220px) minmax(0,1fr) minmax(160px,220px)}.treff-intro .treff-avatar-button,.treff-intro-partner{text-align:center;overflow-wrap:anywhere;justify-items:center;gap:8px;width:100%;min-width:0;display:grid}.treff-intro .treff-avatar{object-fit:contain;width:100%;height:220px;max-height:none}.treff-intro .treff-avatar-button{border:0!important;padding:0!important}@media (max-width:700px){.treff-intro{grid-template-columns:minmax(80px,30%) minmax(0,1fr);gap:12px;padding:16px}.treff-intro-pair{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:8px}.treff-intro .treff-avatar{height:clamp(96px,28vw,160px)}.treff-intro-pair h1{font-size:clamp(20px,5vw,28px)!important}.treff-intro-pair .fs-kicker{font-size:11px}.treff-intro-pair>div:not(.treff-intro-partner)>p:last-child{font-size:14px}.treff-intro-partner{font-size:12px}.treff-intro-pair>div:not(.treff-intro-partner){display:contents}.treff-intro-pair .treff-avatar-button{grid-area:1/1/3;align-self:center}.treff-intro-pair .treff-intro-partner{grid-area:1/3/3;align-self:center}.treff-intro-pair .fs-kicker{grid-area:1/2;align-self:end;margin:0}.treff-intro-pair h1{grid-area:2/2;margin:0!important}.treff-intro-pair>div:not(.treff-intro-partner)>p:last-child{grid-area:3/1/auto/-1;margin:12px 0 0}}.treff-ascent{isolation:isolate;background:#167f9f;height:min(75vh,680px);min-height:440px;padding:0}.treff-ascent-background{z-index:-1;position:absolute;inset:0}.treff-ascent-background img{object-fit:cover;object-position:50% 0;width:100%;height:100%}.treff-ascent h1,.treff-ascent>p{text-shadow:0 2px 8px #123a48;background:#123a487d;border-radius:12px;padding:8px 12px;position:absolute;left:16px;right:16px;margin:0!important}.treff-ascent h1{bottom:65px}.treff-ascent>p{bottom:16px}.treff-ascending{gap:24px;animation:10s ease-in-out forwards treff-ascent;top:60%;left:50%;transform:translate(-50%)}.treff-ascending .treff-avatar{filter:drop-shadow(0 3px 6px #174758);width:96px;height:132px}@media (max-width:700px){.treff-ascent-background img{object-position:50% 0}.treff-ascending .treff-avatar{width:80px;height:110px}.treff-ascending{gap:20px}.treff-ascent h1{font-size:22px!important}}.treff-app textarea{color:#173f45;width:100%;min-width:0;font:inherit;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #adc9cc;border-radius:12px;padding:10px 12px}.treff-invitation-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.treff-invitation-actions a{font-size:14px}.treff-dive-footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:16px;display:flex}.treff-dive-footer>.treff-actions{flex-shrink:0;margin:0}.treff-dive-messages{flex:1;grid-template-columns:1fr 1fr;align-items:start;gap:12px;min-width:280px;max-width:760px;display:grid}.treff-dive-messages label{margin:0;font-size:13px}.treff-dive-messages textarea{min-height:64px;margin-top:5px;font-size:14px;line-height:1.35}.treff-dive-messages textarea[readonly]{background:#eaf5f4}.treff-dive-messages form{align-items:flex-end;gap:8px;display:flex}.treff-dive-messages form label{flex:1;min-width:0}.treff-dive-messages form button{min-height:44px;padding:10px}.treff-dive-messages p{grid-column:1/-1;margin:0;font-size:13px}@media (max-width:700px){.treff-dive-footer{display:block}.treff-dive-messages{grid-template-columns:1fr;min-width:0;max-width:none;margin-bottom:12px}.treff-dive-footer>.treff-actions{flex-wrap:wrap;justify-content:flex-start}}.task-testing-workbench.is-running.is-tournament{height:auto;min-height:100dvh;display:block;overflow:visible}.treff-swimmer{transform-origin:50% 75%;animation:3.6s ease-in-out infinite treff-swim-left}.treff-swimmer:nth-child(2){animation-name:treff-swim-right;animation-duration:4.2s;animation-delay:-1.1s}@keyframes treff-swim-left{0%,to{transform:translate(-4px,3px)rotate(-5deg)}50%{transform:translate(7px,-6px)rotate(5deg)}}@keyframes treff-swim-right{0%,to{transform:translate(5px,-2px)rotate(5deg)}50%{transform:translate(-6px,5px)rotate(-4deg)}}.treff-reduced .treff-swimmer,.treff-reduced .treff-ascending{animation:none}@media (prefers-reduced-motion:reduce){.treff-swimmer,.treff-ascending{animation:none}}.treff-app .treff-dive-messages form{align-items:flex-end;gap:8px;display:flex}.treff-own-message{flex:1;min-width:0}.treff-app .treff-message-status{color:#526f73;min-height:20px;margin:4px 0 0;font-size:12px;line-height:1.4!important}.treff-message-status[data-send-state=sent]{color:#087f7a;font-weight:600}.treff-ascending{gap:32px}.treff-partner-expected{color:#603408;overflow-wrap:anywhere;background:#ffe3bd;border:1px solid #d98220;border-left-width:5px;border-radius:12px;padding:14px 18px;font-weight:600}.treff-direct-entry{justify-content:space-between;align-items:center;gap:24px;display:flex}.treff-direct-entry p{margin-bottom:0}.treff-direct-entry button{flex-shrink:0}@media (max-width:700px){.treff-direct-entry{display:block}.treff-direct-entry button{width:100%;margin-top:16px}}.treff-shared-feedback{color:#173e45;background:#e2eeec;border-radius:12px;align-items:center;gap:12px;min-height:64px;margin:8px 0;padding:8px 14px;display:flex}.treff-shared-feedback svg{width:72px;height:48px}.treff-shared-feedback.incorrect{background:#fff0e8}.treff-shared-feedback span{font-size:12px}.treff-part-progress{margin:6px 0;font-size:13px}.treff-extended-intro{background:#e2eeec;border-radius:16px;padding:24px}.treff-task .treff-extended-intro button{color:#fff;background:#087f7a;border:0;border-radius:12px;min-height:48px;padding:12px 18px}.treff-extended-screen[aria-disabled=true]{pointer-events:none}@media (max-width:700px){.treff-shared-feedback{flex-wrap:wrap}.treff-shared-feedback span{width:100%}}.treff-extended-screen .school-switch-task{width:100%;height:clamp(400px,100dvh - 410px,650px);min-height:400px}.treff-extended-screen .school-switch-arena{min-height:250px}.treff-app .treff-scoreboard>.treff-player{box-shadow:none;background:#e5eeeb;border:4px solid #cbded9;animation:none}.treff-app .treff-scoreboard>.treff-player.is-active{box-shadow:none;background:#c5f3ed;border-color:#00aaa7;animation:none}.treff-scoreboard>.treff-player.is-active strong{color:#087f7a;text-underline-offset:4px;text-decoration:underline}.treff-app .treff-avatar,.treff-app .treff-avatar-speaker{box-shadow:none;background:0 0;border:0;outline:0}.treff-reduced .treff-scoreboard>.treff-player.is-active{animation:none}@media (prefers-reduced-motion:reduce){.treff-app .treff-scoreboard>.treff-player.is-active{animation:none}}.treff-app .treff-dive-footer{flex-wrap:nowrap;align-items:center;gap:10px;margin-top:10px;display:flex}.treff-app .treff-dive-messages{flex:1;align-items:center;gap:8px;min-width:0;max-width:none;margin:0;display:flex}.treff-app .treff-dive-messages>.treff-received-message{flex:1;min-width:0}.treff-app .treff-dive-messages form{flex:1.25;align-items:center;gap:6px;min-width:0}.treff-app .treff-dive-messages label{min-width:0;margin:0;display:block}.treff-app .treff-dive-messages textarea{resize:none;width:100%;height:40px;min-height:40px;font:inherit;white-space:pre;margin:0;padding:9px 10px;font-size:13px;line-height:20px;display:block;overflow:auto}.treff-app .treff-dive-messages form button{flex:0 0 78px;height:40px;min-height:40px;padding:5px;font-size:12px}.treff-app .treff-message-status{min-height:0;color:inherit;white-space:nowrap;margin:0;font-size:12px;display:inline;line-height:20px!important}.treff-app .treff-dive-footer>.treff-actions{flex-wrap:nowrap;gap:6px}.treff-app .treff-dive-footer>.treff-actions button{flex:initial;min-height:40px;padding:8px 12px;font-size:13px}.treff-dive-messages .sr-only,.treff-task-heading.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;min-height:0!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (max-width:700px){.treff-app .treff-dive-footer{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.treff-app .treff-dive-messages{grid-template-columns:minmax(0,1fr);gap:5px;display:grid}.treff-app .treff-dive-messages textarea{font-size:16px}.treff-app .treff-dive-footer>.treff-actions{justify-content:flex-end}.treff-app .treff-dive-footer>.treff-actions button{min-height:44px}.treff-playing .treff-dive-top strong{white-space:nowrap;font-size:13px}}.treff-playing .treff-dive-top>div{min-width:0}.treff-playing .treff-dive-top strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.treff-dive-top>.sr-only{clip:rect(0,0,0,0)!important;width:1px!important;height:1px!important;margin:-1px!important;position:absolute!important;overflow:hidden!important}.treff-app .treff-dive .treff-dive-footer .treff-dive-messages form{align-items:center;gap:6px;display:flex}.treff-avatar-speaker{position:relative;flex:none!important;width:auto!important}.treff-speaking-indicator{color:#0000;background:#20ba70;border:2px solid #fff;border-radius:50%;width:12px;height:12px;line-height:0;position:absolute;bottom:0;right:-3px;box-shadow:0 0 0 1px #198750;font-size:0!important}.treff-app .treff-voice-controls{flex:0 auto;align-items:center;gap:5px;min-width:0;display:flex;position:relative}.treff-voice-connection{overflow-wrap:anywhere;max-width:110px;font-size:11px;line-height:1.2}.treff-voice-error{color:#173e45;z-index:20;background:#fff0e8;border-radius:8px;min-width:240px;max-width:320px;padding:8px;font-size:13px;position:absolute;bottom:100%;right:0}.treff-app .treff-voice-controls button{white-space:nowrap;font-size:13px}.treff-voice-ascent{z-index:10;color:#173e45;background:#eff8f6;border-radius:10px;padding:6px;position:absolute;bottom:16px;left:20px}@media (max-width:900px){.treff-app .treff-dive-footer{flex-wrap:wrap}.treff-dive-footer>.treff-dive-messages{flex-basis:100%}.treff-dive-footer>.treff-actions{margin-left:auto}.treff-app .treff-voice-controls{flex-wrap:wrap}.treff-voice-connection{max-width:150px}.treff-app .treff-dive-footer{grid-template-columns:minmax(0,1fr) auto}.treff-dive-footer>.treff-dive-messages{grid-column:1/-1}}.treff-planning-disclosure{margin-block:24px}.treff-planning-disclosure>summary{cursor:pointer;background:#fff;border:1px solid #bdd9da;border-radius:12px;padding:16px 20px;font-weight:700}.treff-planning-disclosure>summary:focus-visible{outline-offset:3px;outline:3px solid #087f82}.treff-planning-disclosure[open]>.treff-planning{margin-top:18px}.treff-app button.treff-messenger-fallback:not(.treff-personal-training button):not(.avatar-gallery button):not(.treff-task button):not(.game-sound-control){color:#41666b;box-shadow:none;background:0 0;border-color:#bdd4d1;font-size:13px}.treff-final-score{color:#173e45;align-self:center;font-weight:600}.treff-ending .treff-ending-caption{color:#fff;text-shadow:0 2px 8px #123a48;background:#123a48c9;border-radius:12px;min-height:115px;padding:12px 16px;position:absolute;bottom:16px;left:16px;right:16px}.treff-ending .treff-ascent .treff-ending-caption h1{background:0 0;padding:0;font-size:clamp(22px,3vw,32px);line-height:1.18;position:static;margin:0 0 8px!important}.treff-ending-caption p{overflow-wrap:anywhere;margin:0;line-height:1.45}.treff-ending-scores{gap:4px;font-size:clamp(14px,2vw,18px);display:grid}.treff-ending.is-settled .treff-ascending{animation:none;transform:translate(-50%,-230px)}.treff-ending .treff-swimmer{animation-iteration-count:3;animation-fill-mode:forwards}.treff-ending.is-settled .treff-swimmer{animation:none;transform:none}@media (prefers-reduced-motion:reduce){.treff-ending .treff-ascending{transform:translate(-50%,-230px)}}.treff-recipient{gap:8px;min-width:0;display:grid}.treff-recipient-input{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.treff-recipient-input input{flex:220px}.treff-recipient-input button{flex:0 auto}.treff-recent-recipients summary{cursor:pointer;color:#41666b;padding:4px 0;font-size:14px}.treff-recent-recipients ul,.treff-contact-choices{gap:6px;max-height:240px;margin:8px 0;padding:0;list-style:none;display:grid;overflow-y:auto}.treff-app .treff-recipient button{box-shadow:none;overflow-wrap:anywhere;text-align:left;max-width:100%;color:#173e45!important;background:#f4faf9!important}.treff-recent-recipients button,.treff-contact-choices button{width:100%}.treff-ending-footer{gap:8px;min-width:0;margin:10px 0;display:grid}.treff-ending-toolbar{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:stretch;gap:8px;min-width:0;display:grid}.treff-ending-toolbar .treff-ending-voice,.treff-ending-toolbar .treff-voice-controls,.treff-ending-toolbar .treff-ending-navigation{display:contents}.treff-app .treff-ending-toolbar button{overflow-wrap:anywhere;min-width:0;max-width:100%;line-height:1.25;white-space:normal!important;min-height:48px!important;padding:8px 10px!important;font-size:13px!important}.treff-ending-toolbar .treff-voice-connection{grid-column:1/-1;max-width:none}.treff-ending-toolbar .treff-voice-error{grid-column:1/-1;min-width:0;max-width:none;position:static}.treff-app .treff-ending-footer>.treff-dive-messages{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.treff-app .treff-ending .treff-ending-footer .treff-dive-messages form{align-items:center;gap:5px;display:flex}.treff-ending-footer .treff-dive-messages>p[role=alert]{flex:100%;margin:0;font-size:13px}@media (max-width:699px){.treff-ending-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.treff-app .treff-ending-footer .treff-dive-messages form button{flex-basis:62px;height:44px;min-height:44px}.treff-app .treff-ending-footer .treff-dive-messages textarea{height:44px;min-height:44px;padding-inline:6px}}.treff-app .treff-ending .treff-ending-footer .treff-dive-messages label{display:block}.treff-entry-loading{color:#41666b;place-items:center;min-height:300px;display:grid}.treff-appointments li>span,.treff-card strong{overflow-wrap:anywhere}.treff-dive>.training-progress-status{margin:8px 0 14px}.treff-pointer-surface{position:relative}.treff-partner-pointer{z-index:30;pointer-events:none;filter:drop-shadow(0 2px 3px #0004);align-items:center;gap:3px;transition:left .16s linear,top .16s linear;display:flex;position:absolute;transform:translate(-4px,-4px)}.treff-partner-pointer .diver-portrait,.treff-partner-pointer svg,.treff-partner-pointer img{object-fit:contain;width:32px!important;height:42px!important}.treff-partner-pointer>span:last-child{text-overflow:ellipsis;color:#fff;background:#173e45;border-radius:8px;max-width:120px;padding:3px 7px;font-size:12px;overflow:hidden}.treff-pointer-tip{color:#f4bc43;text-shadow:0 1px #173e45;font-size:25px}.treff-partner-pointer.is-pressed .treff-pointer-tip{color:#ff8e55;transform:scale(1.25)}.treff-ascending .treff-swimmer{justify-items:center;gap:4px;width:150px;min-width:0;display:grid}.treff-swimmer-identity{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#123a48e6;border-radius:6px;max-width:100%;padding:3px 7px;font-size:12px;line-height:1.3;display:block;overflow:hidden}@media (max-width:700px){.treff-ascent-background img{object-position:65% 0}.treff-ascending{gap:12px;max-width:calc(100% - 24px)}.treff-ascending .treff-swimmer{width:140px}.treff-swimmer-identity{font-size:11px}}.treff-intro-email{color:#41666b;overflow-wrap:anywhere;max-width:100%;font-size:12px;line-height:1.35;display:block}.treff-app .treff-dive .treff-card label.treff-duration{align-items:center;gap:12px;margin:12px 0;font-weight:600;display:flex}.treff-app .treff-dive .treff-card .treff-duration select{width:auto;min-width:110px}.treff-app .treff-appointments button.treff-secondary-action{box-shadow:none;color:#254653!important;background:#e6edf0!important;border-color:#b9cbd2!important}.treff-app .treff-appointments button.treff-secondary-action:hover:not(:disabled){background:#d7e2e8!important}@media (prefers-reduced-motion:reduce){.treff-partner-pointer{transition:none}}.treff-logbook{overflow-wrap:anywhere;margin-top:24px}.treff-logbook-member{align-items:center;gap:14px;display:flex}.treff-logbook-member .treff-avatar{width:64px;height:72px}.treff-logbook .treff-logbook-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.treff-logbook-metrics>div{text-align:center;background:#e4f1ed;border-radius:10px;min-width:0;padding:10px 6px}.treff-logbook-metrics dt{font-size:13px}.treff-logbook-metrics dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:24px;font-weight:750}.treff-logbook-tasks{gap:24px;display:grid}.treff-logbook-task{background:#f7faf9;border:1px solid #d2e4e1;border-radius:16px;min-width:0;padding:20px}.treff-logbook-task h3{margin:0 0 12px;font-size:24px}.treff-logbook-task h4{margin:0 0 10px;font-size:20px}.treff-logbook-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.treff-logbook-players article{background:#fff;border-radius:12px;min-width:0;padding:18px}.treff-logbook-table{overflow-x:auto}.treff-logbook table{border-collapse:collapse;width:100%;font-size:14px}.treff-logbook caption{text-align:left;margin-bottom:8px;font-weight:650}.treff-logbook th,.treff-logbook td{text-align:center;border-bottom:1px solid #d2e4e1;padding:8px 5px}.treff-logbook th:first-child{text-align:left}@media (max-width:700px){.treff-logbook-players{grid-template-columns:1fr}.treff-logbook-task{padding:14px}.treff-logbook-players article{padding:12px}.treff-logbook .treff-logbook-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.treff-station-scene .treff-scene-icon{z-index:1;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 4px #ffffffb3);width:96px;height:75px;position:absolute;top:16px;left:16px}@media (max-width:700px){.treff-station-scene .treff-scene-icon{width:64px;height:50px;top:12px;left:12px}}.treff-app .treff-header button.training-time-snail{flex-shrink:0;color:#173e45!important;background:#e7f6ef!important;border-radius:30px!important;min-height:54px!important;padding:4px 8px!important}.treff-app .training-time-dialog label{align-items:center;gap:12px;display:flex!important}.treff-app .training-time-dialog input[type=radio]{flex:none;height:22px;width:22px!important;min-height:22px!important;padding:0!important}