@import "https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";
:root{--ink:#305953;--muted:#85928a;--paper:#faf9f2;--green:#477266}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Nunito,Noto Sans KR,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #df9e74}button:disabled{opacity:.4;cursor:not-allowed}header{justify-content:space-between;align-items:center;height:104px;padding:0 5%;display:flex}.brand{color:var(--ink);letter-spacing:-2px;font-size:38px;font-weight:900;line-height:1;text-decoration:none}.brand span{letter-spacing:2px;margin-top:10px;font-size:10px;font-weight:600;display:block}.header-right{align-items:center;gap:28px;display:flex}.status{color:#78857c;font-size:12px}.status i{background:#80a58a;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.sound{background:0 0;border:1px solid #d9dfd2;border-radius:24px;padding:10px 17px;font-size:12px}.sound.active{background:#e4ebdf}.world{background:#e9eee3;border-radius:22px;height:calc(100dvh - 174px);min-height:690px;margin:0 22px;position:relative;overflow:hidden}.world>div:first-child{inset:0;position:absolute!important}.scene-label{pointer-events:none;position:absolute;top:42px;left:4%}.eyebrow{letter-spacing:2px;color:#839688;font-size:9px;font-weight:800}.scene-label h1{letter-spacing:-1.8px;margin:12px 0;font-size:31px}.scene-label p{color:#89988c;font-size:12px}.welcome,.play-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf6ed;border:1px solid #fff;border-radius:21px;width:320px;padding:29px;position:absolute;top:50%;right:3%;transform:translateY(-50%);box-shadow:0 12px 50px #4862530c}h2{letter-spacing:-1px;margin:13px 0 8px;font-size:22px}.welcome p,.play-panel p{color:#92958b;margin:0 0 24px;font-size:12px}.characters{gap:10px;margin:22px 0;display:flex}.character{background:#f1f1e9;border:1.5px solid #0000;border-radius:13px;flex-direction:column;justify-content:end;align-items:center;width:50%;height:168px;padding-bottom:13px;display:flex;position:relative}.character.selected{background:#fbede5;border-color:#e4a696}.character.male.selected{background:#e7f0f3;border-color:#92bacb}.character strong{font-size:12px}.character small{color:#98978b;margin-top:3px;font-size:9px}.character em{color:#bf8172;font-size:12px;position:absolute;top:9px;right:10px}.avatar{width:65px;height:83px;margin-bottom:9px;display:block;position:relative}.avatar b{display:block;position:absolute}.cap{z-index:2;background:#eb9b95;border-radius:50% 50% 25% 25%;width:59px;height:39px;top:0;left:3px}.face{color:#62858b;letter-spacing:5px;text-align:center;z-index:3;background:#f5d5b6;border-radius:48%;width:56px;height:47px;padding-top:14px;font-size:16px;top:13px;left:5px;box-shadow:inset 0 8px #eb9b95}.suit{background:#eb9b95;border-radius:40% 40% 30% 30%;width:31px;height:35px;bottom:0;left:17px;box-shadow:-17px 0 0 -8px #f5d5b6,17px 0 0 -8px #f5d5b6}.male .cap{background:#9acbe0}.male .face{box-shadow:inset 0 8px #9acbe0}.male .suit{background:linear-gradient(#f5d5b6 50%,#9acbe0 50%)}.field-label{margin:18px 0 9px;font-size:10px;font-weight:700;display:block}.nickname{background:#f1f2e9;border-radius:9px;justify-content:space-between;align-items:center;padding:10px 13px;font-size:13px;display:flex}.nickname button{color:#869885;background:0 0;font-size:25px;line-height:1}.primary{background:var(--green);color:#fff;text-align:left;border-radius:10px;justify-content:space-between;width:100%;margin-top:20px;padding:16px 18px;font-size:12px;font-weight:700;display:flex}.primary:hover{background:#355d52}.note{text-align:center;color:#a0a396;margin-top:13px;font-size:9px;line-height:1.6;display:block}.pool-info{align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;bottom:120px;left:4%}.pool-info>span{color:#c7a36c;font-size:30px}.pool-info small{color:#829386;margin-top:5px;font-size:9px;display:block}.camera{background:#fff8;border-radius:20px;padding:10px 14px;font-size:10px;position:absolute;top:25px;right:28px}.controls{align-items:center;gap:16px;display:flex;position:absolute;bottom:30px;left:4%}.controls>span{text-align:center;font-size:9px}.controls>span>span{gap:3px;margin-top:3px;display:flex}kbd{background:#fff9;border:1px solid #ccd7c7;border-radius:4px;min-width:19px;padding:3px;font:10px inherit;display:inline-block}.controls strong{font-size:10px;display:block}.controls small{color:#829183;margin-top:6px;font-size:9px;display:block}.wall-sign{letter-spacing:5px;text-align:center;color:#679b8f;width:430px;font:900 44px Nunito,sans-serif}.wall-sign small{letter-spacing:3px;margin-top:8px;font-size:9px;display:block}.lane-number{color:#729a99;font:800 15px Nunito}.nametag{white-space:nowrap;color:#42675e;background:#fffdf0db;border:1px solid #dbe6cf;border-radius:20px;padding:5px 10px;font-size:11px}.strokes{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.strokes button{background:#eef0e7;border-radius:7px;padding:9px 0;font-size:10px}.strokes .chosen{color:#426b52;background:#d9e6d7}.actions{flex-direction:column;gap:6px;display:flex}.actions button{text-align:left;background:#f0f1e9;border-radius:8px;padding:10px;font-size:11px}.emojis{justify-content:space-between;margin-top:16px;display:flex}.emojis button{background:0 0;border-radius:8px;padding:5px;font-size:21px}.emojis button:hover{background:#e5ebdf}.text-button{color:#8c978a;background:0 0;margin:14px auto 0;font-size:10px;text-decoration:underline;display:block}footer{color:#98a092;justify-content:space-between;align-items:center;height:70px;padding:0 5%;font-size:9px;display:flex}footer>span:nth-child(2){letter-spacing:2px;font-size:9px}footer b{color:#819481;margin:0 12px;font-size:17px}.touch-controls{gap:7px;display:flex;position:absolute;bottom:24px;right:30px}.touch-controls button{touch-action:none;background:#fff9;border-radius:50%;width:37px;height:37px}.loading{text-align:center;place-content:center;height:100dvh;font-size:35px;font-weight:900;display:grid}.loading small{margin-top:18px;font-size:12px;font-weight:400}@media (max-width:800px){header{height:85px;padding:0 22px}.brand{font-size:29px}.brand span{font-size:8px}.status{display:none}.world{height:1050px;min-height:0;margin:0 10px}.scene-label{top:26px;left:24px}.scene-label h1{font-size:25px}.welcome,.play-panel{width:min(340px,90%);padding:23px;top:auto;bottom:85px;right:50%;transform:translate(50%)}.world>div:first-child{height:57%!important}.pool-info{top:153px;bottom:auto;left:24px}.controls{bottom:20px;left:20px}.controls small{max-width:200px;line-height:1.5}.camera{top:215px;right:16px}.touch-controls{bottom:520px;right:18px}footer{justify-content:center;height:65px}footer>span:first-child,footer>span:last-child{display:none}}.scene-label,.pool-info,.camera,.controls,.touch-controls{z-index:20}.welcome,.play-panel{z-index:30}.entry{background:#e8eee4;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 174px);margin:0 22px;padding:45px 20px;display:flex}.entry h1{letter-spacing:-1px;margin:18px 0 35px;font-size:27px}.entry>p{color:#7b8c80;text-align:center;margin-top:27px;font-size:11px;line-height:1.8}.bath-doors{gap:28px;display:flex}.bath-door{background:#edb2a9;border:7px solid #f9f8ed;border-radius:90px 90px 16px 16px;flex-direction:column;justify-content:center;align-items:center;width:245px;min-height:300px;transition:transform .2s;display:flex;box-shadow:0 10px #dbdfd2,0 20px 40px #4d6e4710}.bath-door:hover{transform:translateY(-5px)}.bath-door.male{background:#aed6e3}.door-symbol{color:#fff9;font-size:65px;font-weight:600;line-height:1.2}.bath-door strong{margin-top:15px;font-size:30px}.bath-door small{margin:12px 0 25px;font-size:10px}.door-arrow{background:#fff6;border-radius:20px;padding:10px 18px;font-size:11px}.play-panel.compact{border-radius:14px;width:238px;padding:0;top:90px;right:23px;overflow:hidden;transform:translate(0,0)}.panel-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#edf0e5;justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;font-weight:800;display:flex}.panel-handle:active{cursor:grabbing}.panel-handle button{background:0 0;padding:0 3px;font-size:20px;line-height:1}.panel-content{padding:0 14px 12px}.compact .primary{margin-top:14px;padding:12px;font-size:11px}.compact .field-label{margin-top:13px}.compact .actions{gap:4px;margin-top:12px}.compact .actions button{padding:8px 10px;font-size:10px}.compact .emojis{margin-top:8px}.compact .emojis button{padding:3px;font-size:19px}.compact .note{margin-top:7px;font-size:9px}.drag-note{text-align:center;color:#8b998d;margin-top:8px;font-size:8px;display:block}.resume{background:#e2eadb;border-radius:7px;width:100%;margin-top:8px;padding:8px;font-size:10px}.world{min-height:640px}.pool-info{top:24px;bottom:auto}.camera,.touch-controls{z-index:25}footer{justify-content:center}.world>div:first-child{height:100%!important}@media (max-width:800px){.world{height:calc(100dvh - 150px);min-height:640px}.play-panel.compact{width:210px;top:85px;right:12px}.panel-handle{padding:10px;font-size:11px}.panel-content{padding:0 10px 10px}.compact .actions button{padding:7px}.compact .primary{margin-top:10px;padding:10px}.compact .emojis button{font-size:17px}.pool-info{top:21px;left:18px}.camera{top:23px}.controls{bottom:16px;left:18px}.touch-controls{gap:5px;bottom:20px;right:16px}.controls small{max-width:190px}.bath-doors{gap:15px}.bath-door{border-width:5px;width:155px;min-height:255px}.bath-door small{font-size:8px}.entry{margin:0 10px}.entry h1{font-size:24px}.entry>p{max-width:310px}}.wall-sign,.lane-number,.nametag{pointer-events:none;-webkit-user-select:none;user-select:none}.audio-menu{z-index:100;position:relative}.audio-settings{background:#fffdf6;border:1px solid #e1e6d9;border-radius:16px;width:270px;padding:17px;position:absolute;top:48px;right:0;box-shadow:0 12px 40px #30595325}.audio-title,.audio-channel>div{justify-content:space-between;align-items:center;display:flex}.audio-title{margin-bottom:16px;font-size:13px}.audio-title button{background:0 0;padding:5px 10px;font-size:23px}.audio-channel{margin-top:14px}.audio-channel span{font-size:12px}.audio-channel button{background:#e6eade;border-radius:18px;min-width:52px;min-height:34px;font-size:11px}.audio-channel button[aria-checked=true]{color:#fff;background:#477266}.audio-channel label{align-items:center;gap:10px;margin-top:7px;display:flex}.audio-channel input{accent-color:#477266;cursor:pointer;width:100%;height:36px}.audio-channel output{text-align:right;min-width:33px;font-size:11px}.audio-settings small{color:#8a9688;margin-top:13px;font-size:9px;line-height:1.8;display:block}.touch-controls{z-index:50;touch-action:none;-webkit-user-select:none;user-select:none;background:#fffdf4dc;border:1px solid #dce4d6;border-radius:22px;gap:6px;padding:12px;display:grid;bottom:22px;right:24px;box-shadow:0 4px 18px #32554212}.touch-controls .touch-label{text-align:center;color:#7a8f7b;pointer-events:none;grid-column:1/-1;font-size:10px}.touch-controls button{color:#3f665a;touch-action:none;background:#e7eddf;border:1px solid #d4dfcc;border-radius:14px;width:48px;height:48px;font-size:23px}.touch-controls button:active{color:#fff;background:#8fb39c;transform:scale(.95)}.walk-pad{grid-template-rows:auto 48px 48px;grid-template-columns:repeat(3,48px)}.walk-pad .direction-w{grid-area:2/2}.walk-pad .direction-a{grid-area:3/1}.walk-pad .direction-s{grid-area:3/2}.walk-pad .direction-d{grid-area:3/3}.lane-pad{grid-template-columns:repeat(2,48px)}@media (max-width:800px){.world{height:calc(100dvh - 100px);min-height:0;margin-bottom:10px}.play-panel.compact{max-height:calc(100% - 245px);top:78px;bottom:auto;overflow-y:auto}.touch-controls{bottom:max(18px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));position:fixed}.touch-controls button{width:54px;height:54px;font-size:26px}.walk-pad{grid-template-rows:auto 54px 54px;grid-template-columns:repeat(3,54px)}.lane-pad{grid-template-columns:repeat(2,54px)}.controls{max-width:calc(100% - 210px);bottom:15px}.controls strong{font-size:9px;line-height:1.6}.controls small{font-size:8px}.audio-settings{width:min(280px,100vw - 30px);right:-3px}footer{display:none}.pool-info{left:13px}.sound,.panel-handle{min-height:44px}}.lane-number{text-align:center;min-width:55px;display:block}.lane-number small{letter-spacing:1px;margin-top:3px;font-size:8px;font-weight:900;display:block}.lane-number.slow{color:#548d82}.lane-number.fast{color:#c48562}.lane-badge{color:#518372;background:#e3ede3;border-radius:7px;margin-top:12px;padding:8px;font-size:10px;font-weight:800}.lane-badge.fast{color:#ae7857;background:#f4e4d2}.lane-badge small{float:right;font-size:9px;font-weight:500}.lane-legend b{font-weight:700}.lane-legend b:last-child{color:#b88765}.scene-surface{touch-action:none;position:absolute;inset:0}.touch-world .pool-info{pointer-events:none}.scene-portal{color:#416b5c;white-space:nowrap;touch-action:manipulation;background:#fffdf1eb;border:1px solid #bed0b5;border-radius:22px;min-height:44px;padding:10px 16px;font-size:12px;box-shadow:0 3px 12px #32513a15}.scene-portal:hover{background:#e2ead9}.action-dock{left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:45;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf6f5;border:1px solid #d5decd;border-radius:21px;width:440px;max-width:calc(100% - 30px);padding:10px;position:absolute;transform:translate(-50%);box-shadow:0 8px 30px #3c594019}.action-dock.on-deck{width:330px}.dock-state{color:#547465;justify-content:space-between;align-items:center;padding:0 4px 8px;font-size:11px;display:flex}.dock-state small{color:#81917f;font-size:10px}.dock-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.on-deck .dock-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.dock-buttons>button{touch-action:manipulation;background:#ecf0e5;border:1px solid #dde4d6;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:58px;padding:6px 3px;display:flex}.dock-buttons>button>span{font-size:21px;line-height:1}.dock-buttons b{font-size:11px;font-weight:600}.dock-buttons button[aria-expanded=true],.dock-buttons button[aria-pressed=true]{color:#fffdf4;background:#477266;border-color:#477266}.dock-popover{background:#fffdf6;border:1px solid #d9e2d1;border-radius:18px;padding:13px;position:absolute;bottom:calc(100% + 9px);left:0;right:0;box-shadow:0 8px 30px #3c594020}.popover-title{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;display:flex}.popover-title button{background:0 0;min-width:36px;min-height:36px;font-size:22px}.stroke-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.stroke-options button{background:#eaf0e3;border-radius:11px;min-height:48px;font-size:12px}.stroke-options button[aria-pressed=true]{color:#fff;background:#477266}.emoji-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.emoji-options button{background:#edf0e6;border-radius:10px;min-height:48px;font-size:24px}.tap-help{text-align:center;pointer-events:none;color:#5b7b6d;z-index:22;width:calc(100% - 30px);font-size:11px;position:absolute;bottom:140px;left:50%;transform:translate(-50%)}.tap-help span{color:#82937f;margin-top:4px;font-size:10px;display:block}.travel-notice{z-index:40;white-space:nowrap;background:#fffdf0ed;border:1px solid #d8e2cf;border-radius:24px;align-items:center;gap:12px;max-width:calc(100% - 30px);padding:5px 6px 5px 16px;font-size:12px;display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%)}.travel-notice button{background:#e8edde;border-radius:50%;width:34px;height:34px;font-size:20px}.transition-shade{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#365a422a;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.transition-card{background:#fffdf6;border-radius:24px;width:330px;max-width:100%;padding:26px;box-shadow:0 15px 50px #25432d22}.transition-card h2{font-size:21px}.transition-card p{color:#82917f;margin-bottom:22px;font-size:12px;line-height:1.8}.transition-card>div{gap:8px;display:flex}.transition-card button{background:#e7edde;border-radius:11px;flex:1;min-height:48px}.transition-card .confirm-primary{color:#fffdf5;background:#477266}.touch-world{min-height:600px}@media (max-width:800px){header{height:76px}.touch-world{height:calc(100dvh - 86px);min-height:460px}.action-dock,.action-dock.on-deck{width:440px;max-width:calc(100% - 20px);bottom:max(12px,env(safe-area-inset-bottom));border-radius:19px;padding:9px}.dock-buttons{gap:5px}.dock-buttons>button{min-height:60px}.dock-state{padding-bottom:7px}.tap-help{font-size:10px;bottom:133px}.tap-help span{font-size:9px}.travel-notice{font-size:11px;top:80px}.touch-world .pool-info{top:18px}.touch-world .camera{top:19px;right:14px}.scene-portal{min-height:44px;padding:8px 12px;font-size:11px}.stroke-options{grid-template-columns:repeat(2,minmax(0,1fr))}.dock-popover{padding:10px}.emoji-options button{font-size:23px}.transition-card{padding:22px}}@media (max-height:570px) and (min-width:600px){.touch-world{min-height:360px}.action-dock{bottom:10px}.tap-help{display:none}.pool-info{top:14px}}html,body{background:#e9eee3;width:100%;min-height:100%}body{overscroll-behavior:none}.immersive-game{background:#e9eee3;width:100%;height:100dvh;overflow:hidden}.immersive-game .world.touch-world{border-radius:0;width:100%;height:100%;min-height:0;margin:0}.immersive-game .entry{background:#e9eee3;border-radius:0;min-height:100dvh;margin:0}.immersive-game>.audio-menu{right:max(24px,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));z-index:90;position:fixed}.immersive-game .sound{-webkit-backdrop-filter:blur(18px);color:#436b5c;background:#ffffff59;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:44px;height:44px;padding:11px;display:grid;box-shadow:0 4px 18px #365a3b0b}.sound svg{width:20px;height:20px}.immersive-game .pool-info{top:max(24px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));color:#426b59;gap:10px}.immersive-game .pool-info>span{font-size:26px}.immersive-game .pool-info small{color:#6d8776;font-size:10px}.immersive-game .audio-settings{-webkit-backdrop-filter:blur(26px);background:#f9fcf2e8;border:1px solid #ffffffbf;border-radius:22px;top:54px;box-shadow:0 14px 45px #30543b15}.audio-title button{min-width:44px;min-height:44px}.audio-channel button{min-height:40px}.immersive-game .action-dock{width:386px;bottom:max(24px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px)saturate(125%);background:#ffffff45;border:1px solid #ffffffa3;border-radius:26px;padding:10px;box-shadow:0 8px 32px #38573f14,inset 0 1px #ffffff9c}.immersive-game .dock-state{color:#416450;padding:1px 7px 9px;font-size:11px}.immersive-game .dock-state small{color:#5c7c66;font-size:10px}.immersive-game .dock-buttons>button{color:#46634f;touch-action:manipulation;background:#ffffff4d;border:1px solid #ffffff73;border-radius:18px;gap:6px;min-height:59px;transition:background .16s,box-shadow .16s,transform .16s;box-shadow:inset 0 1px #fff6}.immersive-game .dock-buttons>button svg{flex:none;width:22px;height:22px}.immersive-game .dock-buttons b{letter-spacing:-.25px;font-size:11px;font-weight:500}.immersive-game .dock-buttons>button:hover{background:#ffffff85;box-shadow:0 3px 12px #466d4810}.immersive-game .dock-buttons>button:active{background:#d5e6cfb3;transform:scale(.96)}.immersive-game .dock-buttons button[aria-expanded=true],.immersive-game .dock-buttons button[aria-pressed=true]{color:#f7fcf3;background:#486d5bd9;border-color:#5a8268a6;box-shadow:inset 0 1px #ffffff24}.immersive-game .dock-popover{-webkit-backdrop-filter:blur(26px);background:#f5faefe6;border:1px solid #ffffffbf;border-radius:23px;box-shadow:0 10px 35px #3c594018}.popover-title button{min-width:44px;min-height:44px}.immersive-game .stroke-options button,.immersive-game .emoji-options button{background:#ffffff73;border:1px solid #ffffffb3;border-radius:15px;min-height:50px}.immersive-game .stroke-options button[aria-pressed=true]{color:#f7fcf3;background:#486d5be6}.immersive-game .tap-help{color:#69836b;bottom:145px}.immersive-game .tap-help span{color:#718b74}.immersive-game .travel-notice{-webkit-backdrop-filter:blur(16px);background:#ffffff80;border:1px solid #ffffffbf;min-height:44px;top:88px;box-shadow:0 3px 18px #37583c0a}.immersive-game .travel-notice button{background:#fff6;width:38px;height:38px}.immersive-game .nametag{-webkit-backdrop-filter:blur(8px);background:#ffffff80;border-color:#ffffffa6}@media (max-width:800px){.immersive-game>.audio-menu{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}.immersive-game .pool-info{top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left))}.immersive-game .action-dock{width:380px;max-width:calc(100% - 24px);bottom:max(16px,env(safe-area-inset-bottom));border-radius:25px;padding:9px}.immersive-game .action-dock.on-deck{width:246px;max-width:calc(100% - 24px)}.immersive-game .dock-buttons>button{border-radius:17px;min-height:60px}.immersive-game .dock-state{padding-bottom:8px}.immersive-game .tap-help{font-size:10px;bottom:136px}.immersive-game .travel-notice{top:76px}.immersive-game .audio-settings{max-width:calc(100vw - 32px);right:0}}@media (prefers-reduced-transparency:reduce){.immersive-game .action-dock,.immersive-game .audio-settings,.immersive-game .dock-popover{background:#f3f7eb}.immersive-game .dock-buttons>button{background:#e4ecdf}}@media (prefers-reduced-motion:reduce){.immersive-game .dock-buttons>button{transition:none}}.pool-loader{border:2px solid #b6c9b3;border-top-color:#52775c;border-radius:50%;width:28px;height:28px;animation:1.2s linear infinite pool-loading;display:block}@keyframes pool-loading{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pool-loader{animation:none}}.immersive-game .stroke-popover{border-radius:18px;width:270px;max-width:100%;padding:7px;left:0;right:auto}.immersive-game .stroke-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.immersive-game .stroke-options button{border-radius:12px;min-height:44px;padding:6px 3px;font-size:11px}.immersive-game .emoji-popover{border-radius:18px;padding:7px}.immersive-game .stretch-popover{border-radius:20px;padding:8px}.stretch-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.stretch-options button{color:#46634f;touch-action:manipulation;background:#ffffff80;border:1px solid #ffffffb3;border-radius:13px;min-height:46px;font-size:11px}.stretch-options button[aria-pressed=true]{color:#f7fcf3;background:#486d5bd9}.stretch-options .stretch-stop{color:#6c826d;background:0 0;border-color:#0000;grid-column:1/-1;min-height:38px}@media (max-width:800px){.immersive-game .stroke-popover{width:262px;max-width:100%;padding:7px}.immersive-game .stroke-options{grid-template-columns:repeat(4,minmax(0,1fr))}.immersive-game .stroke-options button{min-height:44px}.immersive-game .action-dock.on-deck{width:260px}}.player-label{z-index:36;pointer-events:none;will-change:transform;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;top:0;left:0}.player-name{text-overflow:ellipsis;white-space:nowrap;color:#365e48;-webkit-backdrop-filter:blur(10px);background:#fffef0e6;border:1px solid #ffffffd9;border-radius:20px;max-width:190px;padding:6px 12px;font-size:12px;font-weight:600;line-height:1.4;display:block;overflow:hidden;box-shadow:0 3px 12px #36563c15}.player-emote{background:#fffef5f2;border:1px solid #fff;border-radius:18px;place-items:center;width:48px;height:48px;font-size:29px;line-height:1;animation:.18s ease-out player-emote-pop;display:grid;box-shadow:0 4px 15px #36563c20}.player-emote:after{content:"";z-index:-1;background:#fffef5;width:8px;height:8px;position:absolute;bottom:28px;transform:rotate(45deg)}.utility-controls{right:max(24px,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));z-index:90;align-items:center;gap:9px;display:flex;position:fixed}.utility-controls .audio-menu{z-index:auto;position:relative}.utility-controls .sound{flex:none}.immersive-game .utility-controls .sound{box-sizing:border-box;justify-content:center;align-items:center;padding:0;display:flex}.utility-controls .sound svg{flex:none;margin:0;display:block}.locker-back{background:#ffffff70;border:1px solid #d8e2cf;border-radius:20px;min-height:44px;padding:10px 20px;font-size:12px}.locker-back:hover{background:#ffffffb3}@keyframes player-emote-pop{0%{transform:translateY(5px)scale(.9)}to{transform:translateY(0)scale(1)}}@media (max-width:800px){.utility-controls{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));gap:7px}.player-name{max-width:165px;font-size:12px}.player-emote{width:46px;height:46px;font-size:28px}}@media (prefers-reduced-motion:reduce){.player-emote{animation:none}}.immersive-game .player-label{gap:5px}.immersive-game .player-name{-webkit-backdrop-filter:blur(7px);background:#fffef075;border-color:#ffffff85;max-width:150px;padding:4px 9px;font-size:10px;font-weight:400;line-height:1.4;box-shadow:0 2px 8px #36563c0d}.immersive-game .player-emote{-webkit-backdrop-filter:blur(7px);background:#fffef580;border-color:#ffffff85;border-radius:13px;width:34px;height:34px;font-size:21px;box-shadow:0 2px 9px #36563c12}.immersive-game .player-emote:after{display:none}.bath-door strong{letter-spacing:-.7px;font-size:22px}@media (max-width:800px){.immersive-game .player-name{max-width:145px;font-size:10px}.immersive-game .player-emote{width:32px;height:32px;font-size:20px}.bath-door strong{font-size:21px}}.shower-screen{background:#e9eee3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;animation:3s both shower-scene;display:flex;overflow:hidden}.shower-stage{background-color:#f4f7ee;background-image:linear-gradient(#d9e4d54d 1px,#0000 1px),linear-gradient(90deg,#d9e4d54d 1px,#0000 1px);background-size:40px 40px;border-radius:140px 140px 32px 32px;width:min(320px,100vw - 42px);height:370px;position:relative;box-shadow:inset 0 0 0 1px #ffffff80}.shower-pipe{background:#8ea99b;border-radius:4px;width:6px;height:36px;position:absolute;top:0;left:calc(50% - 3px)}.shower-head{color:#8ea99b;width:100px;height:46px;position:absolute;top:30px;left:calc(50% - 50px)}.shower-rain{z-index:3;pointer-events:none;height:260px;position:absolute;top:75px;left:0;right:0;overflow:hidden}.shower-rain span{background:linear-gradient(#0000,#8bcbd2a6);border-radius:4px;width:2px;height:24px;animation:.65s linear infinite shower-drop;position:absolute;top:-25px}.shower-person{z-index:2;width:92px;height:160px;animation:1.5s ease-in-out infinite shower-sway;position:absolute;top:148px;left:calc(50% - 46px)}.shower-face{background:#f4d6bc;border-radius:48%;width:70px;height:65px;position:absolute;top:0;left:11px;overflow:hidden}.shower-cap{background:#e7a49b;border-radius:48% 48% 20% 20%;height:22px;position:absolute;top:0;left:0;right:0}.shower-goggles{background:linear-gradient(90deg,#c0e6e9 44%,#62878a 44% 56%,#c0e6e9 56%);border:3px solid #62878a;border-radius:8px;height:14px;position:absolute;top:27px;left:7px;right:7px}.shower-smile{border-bottom:2px solid #b98273;border-radius:50%;width:13px;height:6px;position:absolute;top:48px;left:29px}.shower-body{background:#e7a49b;border-radius:42% 42% 32% 32%;width:56px;height:84px;position:absolute;top:55px;left:18px}.shower-arm{transform-origin:top;background:#f4d6bc;border-radius:12px;width:16px;height:55px;position:absolute;top:66px}.shower-arm.left{left:3px;transform:rotate(-30deg)}.shower-arm.right{right:3px;transform:rotate(30deg)}.shower-foam{z-index:4;pointer-events:none;position:absolute;inset:0}.shower-foam span{background:radial-gradient(circle at 32% 28%,#ffffffeb,#ffffff8c 60%,#d5e7e175);border:1px solid #ffffffbd;border-radius:50%;animation:1.7s ease-in-out infinite soap-float;position:absolute;box-shadow:inset -2px -2px 4px #c4dcd442}.shower-puddle{z-index:1;background:#b7dddb73;border:1px solid #c7e6df94;border-radius:50%;width:56%;height:16px;position:absolute;bottom:26px;left:22%}.shower-screen p{letter-spacing:.2px;color:#6d8775;margin:24px 0 13px;font-size:13px;font-weight:400}.shower-dots{gap:7px;display:flex}.shower-dots i{background:#7fa28a;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite shower-dot;display:block}.shower-dots i:nth-child(2){animation-delay:.2s}.shower-dots i:nth-child(3){animation-delay:.4s}@keyframes shower-drop{0%{opacity:0;transform:translateY(-24px)}15%{opacity:.8}to{opacity:.2;transform:translateY(285px)}}@keyframes soap-float{0%,to{opacity:.6;transform:translateY(4px)scale(.9)}50%{opacity:1;transform:translateY(-13px)scale(1.08)}}@keyframes shower-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes shower-dot{0%,to{opacity:.3}50%{opacity:1}}@keyframes shower-scene{0%{opacity:0}8%,92%{opacity:1}to{opacity:0}}@media (max-height:520px){.shower-stage{height:340px;margin:-25px 0;transform:scale(.82)}.shower-screen p{margin-top:12px}}@media (prefers-reduced-motion:reduce){.shower-screen,.shower-person,.shower-foam span,.shower-dots i{animation:none}.shower-rain span{opacity:.3;height:190px;animation:none;top:30px}}.immersive-game .audio-settings{border-radius:18px;width:228px;padding:11px 13px}.audio-settings .audio-title{margin-bottom:3px;font-size:12px}.audio-settings .audio-title button{min-width:36px;min-height:36px;padding:0;font-size:21px}.audio-settings .audio-channel{margin-top:7px}.audio-settings .audio-channel>div{min-height:36px}.audio-settings .audio-channel button{letter-spacing:.5px;min-width:48px;min-height:36px;font-size:10px}.audio-settings .audio-channel label{gap:8px;margin-top:0}.audio-settings .audio-channel input{height:30px}.audio-settings .audio-channel output{font-size:10px}.shower-person{height:190px}.shower-leg{transform-origin:top;background:#f4d6bc;border-radius:9px 9px 8px 8px;width:18px;height:52px;position:absolute;top:126px}.shower-leg.left{left:23px;transform:rotate(5deg)}.shower-leg.right{right:23px;transform:rotate(-5deg)}.shower-leg:after{content:"";background:#f4d6bc;border-radius:10px;width:23px;height:12px;position:absolute;bottom:-2px;left:-2px}.copyright{bottom:max(3px,env(safe-area-inset-bottom));z-index:95;pointer-events:none;color:#607963b3;white-space:nowrap;font-size:9px;font-weight:400;line-height:13px;position:fixed;left:50%;transform:translate(-50%)}.immersive-game .action-dock{bottom:max(28px,calc(env(safe-area-inset-bottom) + 23px))}.shower-goggle-strap{background:#496b74;height:5px;position:absolute;top:32px;left:0;right:0;box-shadow:0 1px #ffffff30}.shower-goggles{background:0 0;border:0;border-radius:0;height:19px;top:26px;left:8px;right:8px;overflow:visible}.shower-goggles .lens{background:linear-gradient(140deg,#f3ffffd9 0%,#b3e3e8cc 38%,#78b8c7e6 100%);border:3px solid #496b74;border-radius:9px 9px 10px 10px;width:22px;height:18px;position:absolute;top:0;box-shadow:inset 0 1px 1px #ffffffb3,0 1px 1px #577b8140}.shower-goggles .lens:after{content:"";background:#ffffffb3;border-radius:3px;width:7px;height:3px;position:absolute;top:2px;left:4px;transform:rotate(-25deg)}.shower-goggles .lens.left{left:0;transform:rotate(5deg)}.shower-goggles .lens.right{right:0;transform:rotate(-5deg)}.shower-goggles .goggle-bridge{border-top:3px solid #496b74;border-radius:50%;height:7px;position:absolute;top:7px;left:22px;right:22px}.shower-stage{isolation:isolate;background-color:#f2f6ed;background-image:radial-gradient(at 28% 8%,#fffff7db,#0000 65%),linear-gradient(#cfdece4d 1px,#0000 1px),linear-gradient(90deg,#cfdece4d 1px,#0000 1px);background-size:100% 100%,40px 40px,40px 40px;box-shadow:inset 1px 1px #ffffffe6,inset -10px -10px 30px #8aab9620,0 18px 55px #6b8c7020}.shower-light{pointer-events:none;background:radial-gradient(at 50% 20%,#ffffffb3,#0000 70%);border-radius:50%;position:absolute;inset:5px 35px 30px}.shower-pipe{background:linear-gradient(90deg,#7f9c91,#d4e2d8 45%,#91afa0);box-shadow:2px 0 4px #5f7a6620}.shower-head{filter:drop-shadow(0 3px 1px #678c7326);color:#95afa1}.shower-rain{height:270px;-webkit-mask-image:linear-gradient(#0000,#000 8% 85%,#0000);mask-image:linear-gradient(#0000,#000 8% 85%,#0000)}.shower-rain span{transform-origin:50% 0;background:linear-gradient(#0000,#f4ffffc9 35%,#88cbd6b3);width:2px;height:32px;box-shadow:0 0 3px #ffffffa3}.shower-face{background:radial-gradient(circle at 28% 25%,#ffe8d1,#f4d6bc 62%,#e5bba0);box-shadow:inset -3px -3px 6px #c99d7b21,0 3px 5px #6c80661a}.shower-cap{background:linear-gradient(135deg,#f5bcb1,#e7a49b 65%,#d58f87);height:23px;box-shadow:inset 0 2px 2px #ffffff5c}.shower-cap:after{content:"";background:#ffffff40;border-radius:50%;width:23px;height:5px;position:absolute;top:5px;left:16px;transform:rotate(-15deg)}.shower-screen.male .shower-cap{background:linear-gradient(135deg,#bce3f2,#9ac9df 65%,#82b1c8)}.shower-cheek{background:#e6ab9b66;border-radius:50%;width:10px;height:5px;position:absolute;top:43px}.shower-cheek.left{left:10px}.shower-cheek.right{right:10px}.shower-smile{width:12px;height:7px;top:47px}.shower-body{background:linear-gradient(110deg,#f1b6aa,#e7a49b 65%,#cf8a83);box-shadow:inset -3px -2px 6px #ad776b26}.shower-suit-seam{border-bottom:1px solid #fff5e65c;border-radius:0 0 50% 50%;height:31px;position:absolute;top:19px;left:9px;right:9px}.shower-screen.male .shower-body{background:linear-gradient(110deg,#ffffff25,#0000 65%),linear-gradient(#f4d6bc 55%,#9ac9df 55%)}.shower-screen.male .shower-suit-seam{border-bottom:0;border-left:1px solid #ffffff40;border-right:1px solid #ffffff40;border-radius:0;height:20px;top:47px}.shower-arm,.shower-leg{background:linear-gradient(100deg,#ffe2c8,#f4d6bc 65%,#e8c2a5)}.shower-arm{z-index:2;height:50px;top:69px;box-shadow:inset -2px 0 3px #c8987526}.shower-arm:after{content:"";background:#f8dcc3;border-radius:50%;width:18px;height:19px;position:absolute;bottom:-3px;left:-1px}.shower-arm.left{animation:1.6s ease-in-out infinite shower-scrub-left}.shower-arm.right{animation:1.6s ease-in-out infinite shower-scrub-right}.shower-face{z-index:3}.shower-person{animation:2.4s ease-in-out infinite shower-wash-sway}.shower-foam span{box-shadow:inset -3px -3px 6px #b1d7cb42,inset 2px 2px 3px #ffffffc9,0 2px 5px #789b8012}.shower-foam span:after{content:"";background:#ffffffe6;border-radius:50%;width:26%;height:16%;position:absolute;top:17%;left:23%;transform:rotate(-30deg)}.shower-puddle{background:radial-gradient(#c4e7e380,#c4e7e329);border:0;width:52%;height:17px;bottom:28px;left:24%}.shower-puddle i{border:1px solid #81bec27a;border-radius:50%;animation:1.8s ease-out infinite shower-ripple;position:absolute;inset:1px 10px}.shower-puddle i:nth-child(2){animation-delay:-.6s}.shower-puddle i:nth-child(3){animation-delay:-1.2s}.shower-spray{z-index:3;pointer-events:none;position:absolute;inset:0}.shower-spray span{background:#9dcfd2b3;border-radius:50%;width:3px;height:5px;animation:.75s ease-out infinite shower-floor-drop;position:absolute;top:329px}@keyframes shower-scrub-left{0%,to{transform:rotate(-65deg)}50%{transform:rotate(-108deg)}}@keyframes shower-scrub-right{0%,to{transform:rotate(108deg)}50%{transform:rotate(65deg)}}@keyframes shower-wash-sway{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(2px)rotate(1.5deg)}}@keyframes shower-ripple{0%{opacity:.7;transform:scale(.35)}to{opacity:0;transform:scale(1.45)}}@keyframes shower-floor-drop{0%{opacity:0;transform:translate(0)}15%{opacity:.8}60%{opacity:.6;transform:translate(6px,-14px)}to{opacity:0;transform:translate(12px,3px)}}.immersive-game .action-dock{border-radius:23px;width:348px;padding:8px}.immersive-game .action-dock.on-deck{width:226px}.immersive-game .dock-state{padding:0 6px 7px;font-size:10px}.immersive-game .dock-buttons{gap:5px}.immersive-game .dock-buttons>button{border-radius:15px;gap:4px;min-height:50px;padding:5px 3px}.immersive-game .dock-buttons>button svg{width:20px;height:20px}.immersive-game .dock-buttons b{font-size:10px}.immersive-game .tap-help{bottom:130px}@media (max-width:800px){.immersive-game .action-dock{width:336px;max-width:calc(100% - 24px);padding:8px}.immersive-game .action-dock.on-deck{width:220px}.immersive-game .dock-buttons>button{min-height:50px}.immersive-game .tap-help{bottom:127px}}@media (prefers-reduced-motion:reduce){.shower-person,.shower-arm.left,.shower-arm.right,.shower-puddle i,.shower-spray span{animation:none}.shower-arm.left{transform:rotate(-65deg)}.shower-arm.right{transform:rotate(65deg)}.shower-spray{display:none}}.copyright{color:#607963cc;font-size:11px;line-height:16px}.shower-screen{animation-duration:3s}.immersive-game .entry h1{text-align:center;letter-spacing:-1px;max-width:calc(100vw - 36px);font-size:clamp(21px,4.8vw,30px);line-height:1.5}.rest-banner{z-index:38;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;color:#6d7350;pointer-events:none;background:#f5f2d9c9;border:1px solid #ffffffa6;border-radius:20px;width:max-content;max-width:calc(100% - 32px);padding:12px 19px;font-size:13px;position:absolute;top:83px;left:50%;transform:translate(-50%)}.rest-banner small{color:#7b8363;margin-top:5px;font-size:10px;display:block}.rest-banner~.travel-notice{top:161px}.emoji-options{grid-template-columns:repeat(6,minmax(0,1fr))}.immersive-game .emoji-options button{min-width:44px;font-size:21px}.action-dock.on-deck:has(.dock-buttons>button:only-child){width:160px}.on-deck .dock-buttons:has(>button:only-child){grid-template-columns:1fr}@media (max-width:800px){.rest-banner{padding:10px 13px;font-size:12px;top:76px}.rest-banner~.travel-notice{top:148px}.immersive-game .emoji-options button{min-width:0;min-height:44px;font-size:20px}}.immersive-game .emoji-popover{width:308px;max-width:calc(100vw - 24px);left:50%;right:auto;transform:translate(-50%)}.immersive-game .emoji-options button{min-width:44px}@media (max-width:350px){.emoji-options{grid-template-columns:repeat(3,minmax(0,1fr))}}.immersive-game .entry-logo{width:280px;max-width:70vw;height:auto;margin:0 0 10px;display:block}.immersive-game .entry:has(.entry-logo){padding-top:30px;padding-bottom:30px}.immersive-game .entry-logo+h1{margin-top:13px;margin-bottom:26px}@media (max-width:800px){.immersive-game .entry-logo{width:230px;margin-bottom:4px}.immersive-game .entry-logo+h1{margin-top:10px;margin-bottom:23px}}@media (max-height:650px){.immersive-game .entry-logo{width:180px}.immersive-game .entry-logo+h1{margin:8px 0 16px}.immersive-game .entry:has(.entry-logo){justify-content:flex-start;overflow:auto}}.immersive-game .stroke-popover{width:360px;max-width:100%}.immersive-game .stroke-options{grid-template-columns:repeat(5,minmax(0,1fr))}.mode-options{gap:18px;width:100%;max-width:680px;padding:0 20px;display:flex}.mode-options>button{background:#d9e9e0;border:1px solid #ffffffd9;border-radius:28px;flex:1;justify-items:center;gap:14px;min-height:205px;padding:34px 20px;display:grid;box-shadow:0 10px 30px #3059430b}.mode-options>button:last-child{background:#d7e9ed}.mode-options>button>span{font-size:36px}.mode-options strong{font-size:22px}.mode-options small{color:#638272;font-size:12px;font-weight:400}.shared-pools{overflow:auto;padding:40px 18px!important}.pool-grid{grid-template-columns:repeat(5,1fr);gap:12px;width:100%;max-width:850px;display:grid}.pool-grid button{background:#dcece1;border:1px solid #fff;border-radius:20px;gap:9px;min-height:130px;padding:22px 14px;display:grid}.pool-grid small{color:#688571}.pool-grid span{font-size:11px}.mode-back{background:#ffffff85;border-radius:20px;margin-top:24px;padding:12px 20px}.shared-status{z-index:35;color:#426b59;background:#edf5e7dd;border-radius:15px;padding:8px 12px;font-size:12px;position:absolute;top:80px;left:24px}.shared-status button{background:#d2e3d1;border-radius:9px;margin-left:8px;padding:5px 8px}.rest-banner~.shared-status{top:155px}@media (max-width:600px){.mode-options{flex-direction:column;gap:12px;max-width:380px}.mode-options>button{gap:9px;min-height:160px;padding:22px 16px}.mode-options strong{font-size:20px}.pool-grid{grid-template-columns:repeat(2,1fr);gap:10px}.shared-pools h1{font-size:20px}.shared-status{font-size:11px;top:75px;left:16px}.swimming-modes h1{font-size:22px}}.immersive-game .player-name{box-shadow:none;-webkit-backdrop-filter:none;text-shadow:0 1px 2px #ffffffa6;background:#fffef026;border-color:#ffffff35;padding:3px 7px;font-size:9px}.immersive-game .player-emote{box-shadow:none;-webkit-backdrop-filter:none;background:#fffef51f;border-color:#ffffff30}.immersive-game .player-overtake{pointer-events:auto;color:#355a4b;white-space:nowrap;touch-action:manipulation;cursor:pointer;background:#eef3e8f2;border:1px solid #d5e1d1;border-radius:18px;min-width:88px;min-height:44px;padding:9px 13px;font-size:11px;box-shadow:0 3px 12px #203d3020}.immersive-game .player-overtake:hover{background:#f9fbf4}.immersive-game .player-overtake span{margin-left:4px}.immersive-game[data-theme=night]{--night-ink:#f1f1e7;--night-muted:#c4cdbd}.immersive-game[data-theme=night] .action-dock,.immersive-game[data-theme=night] .dock-popover,.immersive-game[data-theme=night] .audio-settings{color:var(--night-ink);background:#202d2bd9;border-color:#dae4d54a}.immersive-game[data-theme=night] .dock-state,.immersive-game[data-theme=night] .dock-buttons>button,.immersive-game[data-theme=night] .stroke-options button,.immersive-game[data-theme=night] .audio-title,.immersive-game[data-theme=night] .audio-channel{color:var(--night-ink)}.immersive-game[data-theme=night] .dock-state small,.immersive-game[data-theme=night] .audio-channel output{color:var(--night-muted)}.immersive-game[data-theme=night] .dock-buttons>button,.immersive-game[data-theme=night] .stroke-options button,.immersive-game[data-theme=night] .emoji-options button{background:#d7e2cd12;border-color:#dce6d438}.immersive-game[data-theme=night] .dock-buttons button[aria-expanded=true],.immersive-game[data-theme=night] .dock-buttons button[aria-pressed=true],.immersive-game[data-theme=night] .stroke-options button[aria-pressed=true]{color:#fffdf2;background:#52665b}.immersive-game[data-theme=night] .pool-info,.immersive-game[data-theme=night] .pool-info small,.immersive-game[data-theme=night] .tap-help,.immersive-game[data-theme=night] .tap-help span{color:var(--night-ink);text-shadow:0 1px 3px #17251ed9}.immersive-game[data-theme=night] .tap-help span,.immersive-game[data-theme=night] .pool-info small{color:#dee2d5}.immersive-game[data-theme=night] .utility-controls .sound,.immersive-game[data-theme=night] .shared-status,.immersive-game[data-theme=night] .travel-notice{color:var(--night-ink);background:#263532d9;border-color:#dce6d447}.immersive-game[data-theme=night] .shared-status button,.immersive-game[data-theme=night] .travel-notice button{color:var(--night-ink);background:#dce6d414}.immersive-game[data-theme=night] .player-name{color:#fbf7e9;text-shadow:0 1px 3px #17251e;background:#202d2b26;border-color:#e3e9da30}.immersive-game[data-theme=night] .player-overtake{color:#f5f4e9;background:#33483ef2;border-color:#b9cab180}.immersive-game[data-theme=night] .player-overtake:hover{background:#425b4f}.immersive-game[data-theme=night] .copyright{color:#c4cdbd}.immersive-game .swimwear-picker{background:#edf0e7;gap:0;padding:32px 20px 28px;overflow:auto}.swimwear-eyebrow{letter-spacing:2.5px;color:#819183;font-size:10px}.immersive-game .swimwear-picker h1{margin:13px 0 7px;font-size:clamp(21px,4vw,27px);font-weight:500}.immersive-game .swimwear-picker .swimwear-intro{color:#77877b;margin:0 0 23px;font-size:11px}.swimwear-card{background:#fafbf4b3;border:1px solid #ffffffc9;border-radius:28px;grid-template-columns:260px 285px;gap:26px;max-width:100%;padding:24px;display:grid;box-shadow:0 16px 55px #34493608}.swimwear-preview{background:radial-gradient(at 50% 75%,#dce5d8,#edf1e7 70%);border-radius:22px;height:300px;position:relative;overflow:hidden}.swimwear-preview>div{height:100%!important}.swimwear-preview-name{text-align:center;color:#6a8071;pointer-events:none;font-size:10px;position:absolute;bottom:15px;left:0;right:0}.swimwear-details{align-self:center;min-width:0}.swimwear-caption{letter-spacing:.7px;color:#819183;font-size:10px;display:block}.swimwear-chosen{color:#36574b;margin:7px 0 22px;font-size:21px;font-weight:500;display:block}.swimwear-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.swimwear-options button{color:#617467;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:15px;flex-direction:column;align-items:center;gap:8px;min-height:80px;padding:9px 2px;font-size:10px;display:flex}.swimwear-options button[aria-pressed=true]{color:#36574b;background:#e5ece0;border-color:#b8c8b1}.swimwear-swatch{color:#fffdf5;text-shadow:0 1px 3px #203d3055;border-radius:50%;place-items:center;width:35px;height:35px;font-size:17px;display:grid;box-shadow:inset 0 0 0 1px #0000000a}.swimwear-confirm{color:#f5f7ee;background:#476253;border-radius:15px;justify-content:space-between;align-items:center;width:100%;min-height:48px;margin-top:20px;padding:12px 16px;font-size:12px;display:flex}.swimwear-confirm:hover{background:#365243}.swimwear-note{text-align:center;color:#839082;margin-top:10px;font-size:9px;display:block}.swimwear-back{color:#718474;background:0 0;min-height:44px;margin-top:16px;padding:10px 15px;font-size:11px}@media (max-width:650px){.immersive-game .swimwear-picker{justify-content:center;padding:26px 18px 24px}.swimwear-card{border-radius:24px;grid-template-columns:1fr;gap:14px;width:360px;padding:15px}.swimwear-preview{height:210px}.swimwear-details{padding:0 8px 4px}.swimwear-chosen{margin-bottom:10px;font-size:18px}.swimwear-options button{gap:5px;min-height:67px;padding:6px 2px}.swimwear-swatch{width:30px;height:30px}.swimwear-confirm{margin-top:13px}.immersive-game .swimwear-picker .swimwear-intro{margin-bottom:16px}.swimwear-back{margin-top:8px}}@media (max-height:750px) and (max-width:650px){.immersive-game .swimwear-picker{justify-content:flex-start;padding-top:20px}.swimwear-preview{height:175px}.swimwear-card{gap:9px}.swimwear-eyebrow{font-size:9px}.immersive-game .swimwear-picker h1{font-size:21px}}.immersive-game .shared-pools{overscroll-behavior-y:contain;touch-action:pan-y;height:100%;min-height:0;padding-top:max(32px,env(safe-area-inset-top));padding-bottom:max(52px,calc(env(safe-area-inset-bottom) + 28px));-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow:hidden auto}.immersive-game .shared-pools>*{flex-shrink:0}.immersive-game .action-dock.in-jacuzzi{width:320px;max-width:calc(100% - 24px)}.immersive-game .bath-popover{width:100%;padding:9px}.bath-bomb-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.bath-bomb-options button{color:#46634f;touch-action:manipulation;background:#ffffff80;border:1px solid #ffffffa0;border-radius:16px;flex-direction:column;align-items:center;gap:7px;min-height:110px;padding:13px 3px;display:flex}.bath-bomb-swatch{border-radius:50%;width:35px;height:35px;box-shadow:inset -3px -4px 8px #36563c15,0 3px 9px #36563c0d}.bath-bomb-options strong{font-size:10px;font-weight:500}.bath-bomb-options small{color:#788a7c;font-size:8px;line-height:1.5}.immersive-game[data-theme=night] .bath-bomb-options button{color:#f1f1e7;background:#d7e2cd12;border-color:#dce6d438}.immersive-game[data-theme=night] .bath-bomb-options small{color:#c4cdbd}.swim-record-hud{--rec-ink:#395b50;--rec-muted:#74877b;--rec-line:#47635420;--rec-control:#ffffff70;left:max(24px,env(safe-area-inset-left));z-index:35;width:224px;color:var(--rec-ink);-webkit-backdrop-filter:blur(22px);font-variant-numeric:tabular-nums;background:#f3f6ebbd;border:1px solid #ffffff90;border-radius:22px;padding:13px 15px 14px;font-size:11px;transition:background .2s,width .2s;position:fixed;top:88px;box-shadow:0 8px 32px #182f2910,inset 0 1px #ffffff70}.swim-record-hud button{min-height:32px;color:inherit;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0;line-height:1.2;transition:background .15s,opacity .15s;display:flex}.swim-record-hud button:hover{opacity:.75}.record-hud-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.swim-record-hud .record-hud-toggle{flex:1;justify-content:flex-start;gap:7px;font-size:11px;font-weight:600}.record-dot{background:var(--rec-muted);opacity:.65;border-radius:50%;width:5px;height:5px}.record-dot.is-live{opacity:1;background:#84c7a0;box-shadow:0 0 0 3px #84c7a01a}.record-chevron{opacity:.55;margin-left:auto;transition:transform .2s;display:flex}.is-recording:not(.is-folded) .record-chevron{transform:rotate(180deg)}.swim-record-hud .record-history{opacity:.7;border-radius:50%;flex:none;width:30px}.record-history:hover{background:var(--rec-control)}.record-distance{letter-spacing:-2px;margin:12px 0 18px;font-size:46px;font-weight:600;line-height:1.1}.record-distance>span{letter-spacing:0;color:var(--rec-muted);margin-left:5px;font-size:16px;font-weight:400}.record-hud-metrics{grid-template-columns:1fr 1fr;gap:12px;display:grid}.record-hud-metrics>div{flex-direction:column;gap:6px;display:flex}.record-hud-metrics span{color:var(--rec-muted);font-size:9px}.record-hud-metrics small{opacity:.7;font-size:8px}.record-hud-metrics b{letter-spacing:-.4px;font-size:18px;font-weight:500}.record-hud-detail{color:var(--rec-muted);justify-content:space-between;margin:12px 0 14px;font-size:9px;display:flex}.record-hud-actions{border-top:1px solid var(--rec-line);gap:6px;padding-top:11px;display:flex}.swim-record-hud .record-pause{flex:1;justify-content:flex-start;font-size:10px}.swim-record-hud .record-finish{background:var(--rec-control);border-radius:10px;padding:0 10px;font-size:10px}.record-hud-actions svg{width:13px;height:13px}.swim-record-hud .record-start{background:var(--rec-control);border:1px solid #ffffff40;border-radius:12px;justify-content:flex-start;width:100%;min-height:40px;margin-top:7px;padding:10px 11px;font-size:11px}.record-start svg{width:13px;height:13px}.record-start-arrow{opacity:.55;margin-left:auto}.is-folded .record-hud-toggle b{letter-spacing:-.4px;margin-left:2px;font-size:14px}.is-folded .record-hud-toggle b small{margin-left:2px;font-size:9px;font-weight:400}.is-folded .record-chevron{transform:rotate(0)}.immersive-game[data-theme=night] .swim-record-hud{--rec-ink:#e2eadc;--rec-muted:#a3b2a5;--rec-line:#e0ebdc20;--rec-control:#dce8d710;background:#25342fd1;border-color:#e3edda30;box-shadow:0 8px 30px #101d241a,inset 0 1px #ffffff0a}.immersive-game[data-theme=night] .record-start{border-color:#dce8d715}@media (max-width:600px){.swim-record-hud{left:max(16px,env(safe-area-inset-left));border-radius:20px;width:196px;padding:10px 13px 12px;top:80px}.swim-record-hud.is-idle{width:184px;padding:7px 11px 10px}.swim-record-hud.is-folded{width:210px;padding:6px 11px}.record-distance{margin:8px 0 14px;font-size:38px}.record-hud-metrics b{font-size:17px}.record-hud-detail{margin:10px 0}.swim-record-hud .record-hud-actions button{min-height:36px}.swim-record-hud .record-history{min-width:32px;min-height:32px}}.swim-record-hud .record-hud-heading button{min-height:26px}.record-hud-metrics>div{gap:4px}.record-hud-metrics b{font-size:17px}.record-hud-actions{padding-top:8px}.swim-record-hud .record-hud-actions button{min-height:30px}@media (max-width:600px){.record-distance{margin:7px 0 11px;font-size:36px}.record-hud-detail{margin:8px 0 9px}.swim-record-hud .record-hud-actions button{min-height:34px}}.record-overlay{z-index:110;-webkit-backdrop-filter:blur(9px);background:#13261f65;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.record-dialog{--rec-ink:#39594b;--rec-muted:#819084;--rec-line:#49644e18;width:min(100%,390px);max-height:calc(100dvh - 40px);color:var(--rec-ink);scrollbar-width:thin;font-variant-numeric:tabular-nums;background:#f5f7ef;border:1px solid #ffffffa0;border-radius:27px;position:relative;overflow:auto;box-shadow:0 24px 90px #0d272c30}.record-dialog button{color:inherit;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.record-dialog-top{justify-content:space-between;align-items:center;padding:14px 18px 12px;display:flex}.record-brand{letter-spacing:.6px;font-size:12px;font-weight:800}.record-brand>span{letter-spacing:1.4px;opacity:.5;margin-left:9px;font-size:8px;font-weight:500}.record-dialog .record-close{border:1px solid var(--rec-line);border-radius:50%;width:30px;height:30px;padding:0}.record-close svg{width:14px;height:14px}.record-result-cover{background:linear-gradient(130deg,#a1cabd,#638876);border-radius:19px;height:175px;margin:0 12px;position:relative;overflow:hidden}.record-result-cover:after{content:"";background:linear-gradient(90deg,#183c386e,#183c3800),linear-gradient(#0000 30%,#143a3866);position:absolute;inset:0}.record-scene{object-fit:cover;object-position:center 47%;opacity:.9;width:100%;height:100%;position:absolute}.record-cover-caption{z-index:1;color:#f6fff4;text-shadow:0 1px 12px #102b3330;position:absolute;bottom:16px;left:19px}.record-cover-caption>span{opacity:.85;letter-spacing:.2px;font-size:10px}.record-cover-caption h2{letter-spacing:-2px;margin:6px 0;font-size:49px;font-weight:600;line-height:1.1}.record-cover-caption h2 small{letter-spacing:0;margin-left:5px;font-size:17px;font-weight:400}.record-result-body{padding:20px 23px 17px}.record-result-summary{grid-template-columns:1fr 1fr;gap:20px;display:grid}.record-result-summary>div{flex-direction:column;gap:5px;display:flex}.record-result-summary span{color:var(--rec-muted);font-size:10px}.record-result-summary small{opacity:.7;font-size:8px}.record-result-summary b{letter-spacing:-.6px;font-size:26px;font-weight:500}.record-result-detail{color:var(--rec-muted);justify-content:space-between;margin:11px 0 14px;font-size:10px;display:flex}.record-session-time{border-top:1px solid var(--rec-line);color:var(--rec-muted);justify-content:center;align-items:center;gap:7px;padding:10px 0 13px;font-size:10px;display:flex}.record-session-time svg{width:13px;height:13px}.record-session-time i{opacity:.4;padding:0 6px;font-style:normal}.record-styles{grid-template-columns:1fr 1fr;gap:6px;display:grid}.record-styles>div{color:var(--rec-muted);background:#e8ede348;border-radius:11px;justify-content:space-between;align-items:center;padding:11px 12px;font-size:10px;display:flex}.record-styles b{font-size:12px;font-weight:500}.record-styles small{opacity:.65;margin-left:3px;font-size:9px;font-weight:400}.record-styles .has-distance{color:#466c52;background:#e1ecdf}.record-result-footer{border-top:1px solid var(--rec-line);justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding-top:13px;display:flex}.record-saved{color:var(--rec-muted);align-items:center;gap:5px;font-size:9px;display:flex}.record-saved svg{opacity:.7;width:12px;height:12px}.record-share-actions{gap:7px;display:flex}.record-dialog .record-share-actions button{border:1px solid var(--rec-line);background:0 0;border-radius:50%;width:38px;height:38px}.record-share-actions button svg{width:17px;height:17px}.record-dialog .record-share-actions .record-share-primary{color:#f3f9ed;background:#426d57;border-color:#0000}.record-dialog button:hover{filter:brightness(.95)}.record-download-again{text-align:right;color:var(--rec-muted);margin-top:10px;font-size:9px;text-decoration:none;display:block}.record-error{color:#b57867;padding:0 20px;font-size:11px}.record-history-body{padding:0 20px 20px}.record-history-body h2{margin:10px 0 20px;font-size:20px}.record-history-body p{font-size:11px;line-height:1.7}.record-history-body article{border-bottom:1px solid var(--rec-line);gap:9px;padding:12px 0;display:flex}.record-history-body article>button:first-child{flex:1;justify-content:flex-start;gap:10px;padding:0;font-size:11px}.record-history-body article>button:first-child span{color:var(--rec-muted);margin-right:auto;font-size:10px}.record-history-body article>button:first-child b{font-size:16px;font-weight:500}.record-history-body article>button:last-child{color:var(--rec-muted);padding:6px;font-size:10px}.record-storage-note{color:var(--rec-muted);margin-top:20px}.immersive-game[data-theme=night] .record-dialog{--rec-ink:#e3e9dc;--rec-muted:#a5b3a4;--rec-line:#dbe9d617;background:#273830;border-color:#dce8d626}.immersive-game[data-theme=night] .record-styles>div{background:#d8e9d208}.immersive-game[data-theme=night] .record-styles .has-distance{color:#c0dec3;background:#9dc6a61c}.immersive-game[data-theme=night] .record-share-actions .record-share-primary{color:#2b4836;background:#bbd6b6}@media (max-width:600px){.record-overlay{padding:16px}.record-dialog{border-radius:25px;max-height:calc(100dvh - 32px)}.record-result-cover{height:152px}.record-result-body{padding:17px 19px 15px}.record-cover-caption h2{font-size:44px}.record-result-summary b{font-size:24px}.record-styles>div{padding:10px 11px}.record-result-footer{margin-top:13px;padding-top:11px}}@media (max-height:700px){.record-result-cover{height:125px}.record-result-body{padding-top:14px}.record-result-summary b{font-size:22px}.record-result-detail{margin:8px 0 10px}.record-session-time{padding:8px 0 10px}.record-styles>div{padding:8px 10px}}.swim-record-hud{left:auto;right:max(24px,env(safe-area-inset-right));top:88px}@media (max-width:600px){.swim-record-hud{left:auto;right:max(16px,env(safe-area-inset-right));top:76px}}@media (max-width:800px){.immersive-game{--pool-notice-top:196px}.immersive-game:has(.swim-record-hud.is-recording:not(.is-folded)){--pool-notice-top:332px}.immersive-game:has(.swim-record-hud.is-folded){--pool-notice-top:142px}.immersive-game .rest-banner,.immersive-game .travel-notice,.immersive-game .shared-status{top:var(--pool-notice-top)}.immersive-game .shared-status{width:max-content;max-width:calc(100% - 32px);left:50%;transform:translate(-50%)}:is(.immersive-game:has(.rest-banner) .travel-notice,.immersive-game:has(.rest-banner) .shared-status){top:calc(var(--pool-notice-top) + 78px)}.immersive-game:has(.shared-status) .travel-notice{top:calc(var(--pool-notice-top) + 54px)}.immersive-game:has(.rest-banner):has(.shared-status) .travel-notice{top:calc(var(--pool-notice-top) + 132px)}}.swim-record-hud{z-index:50;background:#f3f6ebd6}.immersive-game[data-theme=night] .swim-record-hud{background:#25342fdb}.record-download-tools{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.record-dialog .record-copy-invite{min-height:30px;color:var(--rec-muted);padding:0;font-size:9px}.record-download-tools .record-download-again{margin-top:0}.record-hud-toggle>span:nth-child(2){white-space:nowrap}.immersive-game .action-dock.on-edge{width:348px}.on-edge .dock-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.immersive-game .action-dock.on-deck:not(.in-jacuzzi):has(.dock-buttons>button:nth-child(3)){width:300px}.on-deck:not(.in-jacuzzi) .dock-buttons:has(>button:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.in-water .dock-buttons:has(>button:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}.hourly-stretch-panel{z-index:40;color:#46614e;-webkit-backdrop-filter:blur(18px);background:#f1f6e6ed;border:1px solid #ffffffa0;border-radius:20px;width:252px;padding:12px 15px;position:absolute;bottom:172px;left:24px;box-shadow:0 8px 30px #18372b14}.hourly-stretch-top{justify-content:space-between;align-items:center;display:flex}.hourly-stretch-top>span{letter-spacing:1.3px;opacity:.6;font-size:8px}.hourly-stretch-top button{opacity:.65;background:0 0;min-width:28px;min-height:28px;padding:0;font-size:18px}.hourly-stretch-panel strong{letter-spacing:-.5px;margin-top:3px;font-size:16px;font-weight:600;display:block}.hourly-stretch-panel p{opacity:.7;margin:7px 0 12px;font-size:10px}.hourly-stretch-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.hourly-stretch-actions>span{opacity:.7;font-size:10px}.hourly-stretch-actions button{background:#d8e7cd;border-radius:11px;min-height:36px;padding:9px 13px;font-size:10px}.hourly-stretch-progress{background:#7e9b6b20;border-radius:2px;height:2px;margin-top:12px;overflow:hidden}.hourly-stretch-progress span{background:#87ab76;height:100%;transition:width .25s linear;display:block}.immersive-game[data-theme=night] .hourly-stretch-panel{color:#e6eddc;background:#2c3d31ed;border-color:#e0e9d530}.immersive-game[data-theme=night] .hourly-stretch-actions button{color:#2c4934;background:#bcd6ac}.jacuzzi-chat-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.immersive-game .jacuzzi-chat-options button{min-height:48px;color:inherit;background:#ffffff70;border:1px solid #ffffff80;border-radius:12px;padding:9px 8px;font-size:10px;line-height:1.5}.immersive-game[data-theme=night] .jacuzzi-chat-options button{background:#dce8d410;border-color:#dce8d420}.immersive-game .action-dock.in-jacuzzi{width:348px}.immersive-game .in-jacuzzi .dock-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.jacuzzi-chat-bubble{color:#416347;white-space:normal;text-align:center;background:#f5fff0f2;border:1px solid #fff;border-radius:14px 14px 14px 4px;max-width:185px;padding:9px 13px;font-size:11px;line-height:1.5;animation:.18s ease-out player-emote-pop;display:block;position:relative;box-shadow:0 4px 14px #17352916}.immersive-game[data-theme=night] .jacuzzi-chat-bubble{color:#36503a;background:#e4efdbf5}.chat-popover{width:310px;max-width:calc(100vw - 24px);left:auto;right:0}@media (max-width:800px){.hourly-stretch-panel{width:280px;max-width:calc(100% - 32px);padding:10px 14px;bottom:170px;left:50%;transform:translate(-50%)}.hourly-stretch-panel strong{font-size:15px}.hourly-stretch-actions button{min-height:40px}}@media (prefers-reduced-motion:reduce){.jacuzzi-chat-bubble{animation:none}.hourly-stretch-progress span{transition:none}}@media (max-width:800px){.hourly-stretch-panel{bottom:132px}.immersive-game:has(.hourly-stretch-panel) .tap-help{visibility:hidden}}.immersive-game{--milestone-top:88px}.swim-milestone-notice{z-index:55;left:50%;top:var(--milestone-top);color:#3d5c49;-webkit-backdrop-filter:blur(20px);background:#eff7e9f5;border:1px solid #ffffffc0;border-radius:22px;align-items:center;gap:12px;width:330px;max-width:calc(100% - 32px);padding:14px 13px 14px 16px;animation:.25s ease-out swim-milestone-enter;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 35px #193c2a16}.milestone-sparkle{color:#718d50;background:#dcebcf;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.milestone-sparkle svg{width:27px;height:27px}.milestone-copy{flex:1;min-width:0}.milestone-eyebrow{letter-spacing:1px;opacity:.6;font-size:8px}.milestone-copy p{overflow-wrap:anywhere;margin:4px 0 0;font-size:11px;line-height:1.7}.milestone-copy b{font-weight:600}.milestone-copy strong{letter-spacing:-.5px;margin-right:3px;font-size:19px;font-weight:600}.milestone-copy small{opacity:.55;margin-top:3px;font-size:8px;display:block}.milestone-close{opacity:.5;background:0 0;border-radius:50%;flex:none;align-self:flex-start;place-items:center;width:28px;height:28px;padding:0;font-size:19px;display:grid}.milestone-close:hover{opacity:1;background:#56764c0c}.immersive-game[data-theme=night] .swim-milestone-notice{color:#e8efdf;background:#2c4034f5;border-color:#dce9d43b}.immersive-game[data-theme=night] .milestone-sparkle{color:#c3dda5;background:#bbd6a620}.immersive-game:has(.rest-banner){--milestone-top:166px}:is(.immersive-game:has(.travel-notice),.immersive-game:has(.shared-status)){--milestone-top:142px}:is(.immersive-game:has(.rest-banner):has(.travel-notice),.immersive-game:has(.rest-banner):has(.shared-status)){--milestone-top:220px}@keyframes swim-milestone-enter{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0}}@media (max-width:800px){.immersive-game{--milestone-top:var(--pool-notice-top,196px)}.immersive-game:has(.rest-banner){--milestone-top:calc(var(--pool-notice-top,196px) + 78px)}:is(.immersive-game:has(.travel-notice),.immersive-game:has(.shared-status)){--milestone-top:calc(var(--pool-notice-top,196px) + 54px)}:is(.immersive-game:has(.rest-banner):has(.travel-notice),.immersive-game:has(.rest-banner):has(.shared-status)){--milestone-top:calc(var(--pool-notice-top,196px) + 132px)}.immersive-game:has(.rest-banner):has(.shared-status):has(.travel-notice){--milestone-top:calc(var(--pool-notice-top,196px) + 186px)}.swim-milestone-notice{gap:10px;width:310px;padding:12px 10px 12px 14px}.milestone-copy strong{font-size:18px}}@media (prefers-reduced-motion:reduce){.swim-milestone-notice{animation:none}}.pool-intro{text-align:center;width:100%;max-width:540px}.entry .pool-intro h1{letter-spacing:-1px;margin:10px 0 7px;font-size:28px}.pool-intro-lead{color:#597664!important;margin:0 0 10px!important;font-size:13px!important}.pool-intro>p{color:#7a8b7c;margin:0;font-size:11px;line-height:1.8}.pool-about{text-align:left;color:#718575;max-width:440px;margin:14px auto 0;font-size:10px}.pool-about summary{cursor:pointer;text-align:center;min-height:30px;padding:8px;list-style-position:inside}.pool-about>div{background:#f6faef88;border:1px solid #ffffff75;border-radius:16px;max-height:230px;padding:8px 16px 10px;line-height:1.8;overflow:auto}.pool-about h2{letter-spacing:-.2px;color:#49674e;margin:10px 0 5px;font-size:12px}.pool-about p{margin:0 0 10px;font-size:10px;line-height:1.8}.swimming-modes .mode-question{letter-spacing:-.6px;margin:18px 0 22px;font-size:19px;font-weight:600}.immersive-game .swimming-modes{justify-content:safe center;height:100dvh;min-height:0;overflow-y:auto}.pool-loading-entry>p{opacity:.7;font-size:11px!important}.pool-loading-entry noscript{margin-top:12px;font-size:11px}@media (max-width:600px){.entry .pool-intro h1{font-size:24px}.pool-intro-lead{font-size:12px!important}.pool-intro>p{font-size:10px}.pool-about{margin-top:6px;font-size:9px}.swimming-modes .mode-question{margin:12px 0 15px;font-size:16px}.swimming-modes:has(.pool-intro) .mode-options>button{gap:8px;min-height:128px;padding:17px 12px}.swimming-modes:has(.pool-intro) .mode-options strong{font-size:18px}.swimming-modes:has(.pool-intro) .mode-options>button>span{font-size:28px}}.immersive-game:has(.shared-status):has(.travel-notice){--milestone-top:196px}.immersive-game:has(.rest-banner):has(.shared-status):has(.travel-notice){--milestone-top:274px}@media (max-width:800px){.immersive-game:has(.shared-status):has(.travel-notice){--milestone-top:calc(var(--pool-notice-top,196px) + 108px)}.immersive-game:has(.rest-banner):has(.shared-status):has(.travel-notice){--milestone-top:calc(var(--pool-notice-top,196px) + 186px)}}.record-auto-ready{color:var(--rec-muted);align-items:center;gap:7px;margin:12px 0 3px;font-size:10px;line-height:1.5;display:flex}.record-auto-ready svg{flex:none}.record-auto-status{color:var(--rec-muted);flex:1;align-self:center;font-size:9px}.record-auto-next{color:#71867c;margin:12px 0 0;font-size:10px;line-height:1.6}.immersive-game .emoji-options{grid-template-columns:repeat(4,minmax(0,1fr))}.wash-room{color:#3b5c51;background:radial-gradient(at 15% 0,#fffdf1,#edf2e7 60%);justify-content:flex-start;align-items:center;height:100dvh;min-height:0;padding:clamp(20px,5vh,52px) 24px 36px;animation:none;overflow:auto}.wash-shell{width:100%;max-width:900px;margin:auto}.wash-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px;display:flex}.wash-brand{letter-spacing:1px;font-size:12px;font-weight:650}.wash-brand i{opacity:.55;letter-spacing:2px;margin-left:9px;font-size:9px;font-style:normal;font-weight:400}.wash-header h1{letter-spacing:-1.5px;margin:14px 0 8px;font-size:clamp(27px,4vw,37px);font-weight:500}.wash-room .wash-header p{color:#7c9180;margin:0;font-size:12px}.wash-back{background:#ffffff70;border:1px solid #dfe7d7;border-radius:20px;align-items:center;gap:6px;min-height:40px;padding:7px 13px;font-size:15px;display:flex}.wash-back span{font-size:10px}.wash-layout{grid-template-columns:1fr 1.08fr;align-items:center;gap:36px;display:grid}.wash-visual{text-align:center;min-width:0}.wash-room .shower-stage{border-radius:130px 130px 32px 32px;width:100%;max-width:380px;height:400px;margin:0 auto;transform:none}.wash-room .shower-person{animation:4s ease-in-out infinite wash-breathe;top:160px}.wash-room .shower-face{overflow:visible}.wash-hair{background:linear-gradient(125deg,#816c58,#5f5145);border-radius:50% 50% 30% 30%;height:28px;position:absolute;inset:-5px -1px auto;box-shadow:inset 3px 3px #c9aa8130}.wash-hair:after{content:"";background:#75614e;border-radius:0 0 85%;width:22px;height:13px;position:absolute;top:16px;left:14px}.wash-eyes{border-bottom:2px solid #9e7763;border-radius:50%;width:10px;height:5px;position:absolute;top:34px;left:16px;box-shadow:28px 0 0 -1px #f4d6bc}.wash-eyes:after{content:"";border-bottom:2px solid #9e7763;border-radius:50%;width:10px;height:5px;position:absolute;top:0;left:28px}.wash-room .shower-arm{z-index:5;animation:none}.wash-room .shower-arm.left{transform:rotate(-12deg)}.wash-room .shower-arm.right{transform:rotate(12deg)}.wash-room .shower-rain,.wash-room .shower-foam{opacity:0;transition:opacity .35s}.wash-room .shower-puddle{bottom:35px}.wash-room .shower-puddle i{opacity:.3;animation-play-state:paused}.wash-room:not([data-wash=idle]) .shower-puddle i{animation-play-state:running}.wash-room[data-wash=shower] .shower-rain,.wash-room[data-wash=rinse] .shower-rain{opacity:.75}.wash-room[data-wash=hair] .shower-foam,.wash-room[data-wash=scrub] .shower-foam{opacity:.7}.wash-room[data-wash=face] .shower-foam{opacity:.25}.wash-room[data-wash=hair] .shower-arm.left,.wash-room[data-wash=pack] .shower-arm.left,.wash-room[data-wash=rinse] .shower-arm.left{animation:1.25s ease-in-out infinite wash-hair-left}.wash-room[data-wash=hair] .shower-arm.right,.wash-room[data-wash=pack] .shower-arm.right,.wash-room[data-wash=rinse] .shower-arm.right{animation:1.25s ease-in-out .2s infinite wash-hair-right}.wash-room[data-wash=face] .shower-arm.left{animation:1.7s ease-in-out infinite wash-face-left}.wash-room[data-wash=face] .shower-arm.right{animation:1.7s ease-in-out .2s infinite wash-face-right}.wash-room[data-wash=scrub] .shower-arm.left{animation:1.4s ease-in-out infinite shower-scrub-left}.wash-room[data-wash=scrub] .shower-arm.right{animation:1.4s ease-in-out infinite shower-scrub-right}.wash-head-foam,.wash-hair-pack{z-index:6;opacity:0;pointer-events:none;border-radius:52% 52% 30% 35%;width:73px;height:32px;transition:opacity .5s;position:absolute;top:-8px;left:10px}.wash-head-foam{filter:drop-shadow(0 2px 2px #93b3a424);background:radial-gradient(circle at 15% 70%,#fffef4 0 14px,#0000 15px),radial-gradient(circle at 42% 35%,#fffef8 0 18px,#0000 19px),radial-gradient(circle at 73% 60%,#fffef6 0 17px,#0000 18px)}.wash-room[data-wash=hair] .wash-head-foam{opacity:1;animation:1.5s ease-in-out infinite wash-foam-pulse}.wash-hair-pack{background:linear-gradient(145deg,#eef4d8,#cfdcb4);height:27px;top:-5px;transform:rotate(-3deg);box-shadow:inset 0 3px 5px #ffffe8aa,0 2px 2px #8c9c6c20}.wash-room.has-pack .wash-hair-pack,.wash-room[data-wash=pack] .wash-hair-pack{opacity:1}.wash-room[data-wash=rinse] .wash-hair-pack{animation:8s linear forwards wash-pack-rinse}.wash-face-foam{opacity:0;background:radial-gradient(at 15%,#fff 0 10px,#0000 11px),radial-gradient(at 85%,#fff 0 10px,#0000 11px);border-radius:40%;height:15px;position:absolute;top:38px;left:5px;right:5px}.wash-room[data-wash=face] .wash-face-foam{opacity:.85}.wash-scrub-tool{z-index:6;opacity:0;background:repeating-linear-gradient(40deg,#e4d2b1 0 3px,#f0e4c8 3px 5px);border-radius:45%;width:32px;height:28px;position:absolute;top:84px;left:34px;box-shadow:0 3px 5px #6e604e16}.wash-room[data-wash=scrub] .wash-scrub-tool{opacity:1;animation:1.4s ease-in-out infinite wash-scrub-tool}.wash-room.has-pack[data-wash=shower] .shower-rain{height:125px;top:225px}.wash-room.has-pack[data-wash=shower] .shower-head{top:193px;left:calc(50% + 41px);transform:rotate(-60deg)scale(.55)}.wash-shelf{border-bottom:5px solid #e1d5bd;width:50px;height:40px;position:absolute;top:130px;left:22px;transform:rotate(-1deg)}.wash-shelf i{background:#c0d6b6;border:1px solid #afc5a5;border-radius:5px 5px 3px 3px;width:15px;height:29px;position:absolute;bottom:0;left:7px}.wash-shelf i:before{content:"";background:#849b79;border-radius:2px;width:10px;height:5px;position:absolute;top:-5px;left:4px}.wash-shelf i:nth-child(2){background:#e9d6b4;border-color:#d9c6a6;height:22px;left:28px}.wash-shelf span{white-space:nowrap;color:#98a38b;letter-spacing:1px;font-size:8px;position:absolute;top:45px;left:-7px}.wash-towel{background:repeating-linear-gradient(90deg,#ede7d8 0 3px,#f5efdf 3px 5px);border:1px solid #e4dac3;border-radius:4px 4px 8px 8px;width:32px;height:65px;position:absolute;top:145px;right:23px;box-shadow:0 2px 3px #9da88b20}.wash-towel:before{content:"";background:#a9baa5;border-radius:3px;height:4px;position:absolute;top:-4px;left:-7px;right:-7px}.wash-current{color:#788e7d;justify-content:center;align-items:center;gap:8px;min-height:46px;margin-top:15px;font-size:11px;line-height:1.65;display:flex}.wash-live{background:#b9c5b0;border-radius:50%;flex:none;width:5px;height:5px}.wash-live.is-active{background:#84af8c;box-shadow:0 0 0 4px #84af8c14}.wash-progress{background:#dce5d4;border-radius:8px;width:180px;height:3px;margin:0 auto;overflow:hidden}.wash-progress i{background:#9eb894;border-radius:8px;height:100%;transition:width .15s linear;display:block}.wash-pack-status{background:#e5eddd70;border:1px solid #dce6d3;border-radius:16px;align-items:center;gap:10px;margin-bottom:13px;padding:12px 13px;display:flex}.wash-pack-status>span{color:#9cab84;font-size:24px}.wash-pack-status b{font-size:11px;font-weight:500;display:block}.wash-pack-status small{color:#819477;margin-top:5px;font-size:9px;line-height:1.5;display:block}.wash-pack-status[data-applied=true]{background:#e6edcf;border-color:#d5e0b7}.wash-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.wash-action{text-align:left;background:#ffffff80;border:1px solid #e0e8d6;border-radius:18px;align-items:center;gap:9px;min-height:83px;padding:12px 11px;transition:background .2s,border-color .2s,transform .2s;display:flex}.wash-action:last-child{grid-column:1/-1}.wash-action:hover:not(:disabled){background:#fffdf2;transform:translateY(-1px)}.wash-action.is-selected{background:#dfebd8;border-color:#a9bf9b}.wash-action:disabled{opacity:.45;cursor:default}.wash-icon{color:#728e73;flex:none;place-items:center;width:31px;height:35px;display:grid}.wash-icon svg{width:30px;height:30px}.wash-action b{font-size:11px;font-weight:500;display:block}.wash-action small{color:#8b9c82;margin-top:6px;font-size:8px;line-height:1.5;display:block}.wash-action-mark{color:#9eae91;margin-left:auto;font-size:12px}.wash-sound{align-items:center;gap:13px;margin:18px 0 16px;display:flex}.wash-sound button{white-space:nowrap;color:#7d927b;background:0 0;min-height:36px;padding:7px 0;font-size:10px}.wash-sound label{flex:1;min-width:0}.wash-sound input{accent-color:#9ab28e;width:100%;height:28px}.wash-sound>span{letter-spacing:1.8px;color:#9cab90;font-size:8px}.wash-finish{color:#fffdf1;letter-spacing:.2px;background:#547562;border-radius:16px;justify-content:center;align-items:center;gap:18px;width:100%;min-height:48px;font-size:12px;display:flex}.wash-finish:disabled{opacity:.65;cursor:default}.wash-finish span{opacity:.6;font-size:18px}.wash-room .wash-note{color:#91a087;text-align:center;margin:11px 0 0;font-size:9px;line-height:1.6}.wash-room button:focus-visible{outline-offset:3px;outline:2px solid #718c68}.wash-room .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes wash-hair-left{0%,to{transform:rotate(-140deg)}50%{transform:rotate(-159deg)}}@keyframes wash-hair-right{0%,to{transform:rotate(159deg)}50%{transform:rotate(140deg)}}@keyframes wash-face-left{0%,to{transform:rotate(-120deg)}50%{transform:rotate(-139deg)}}@keyframes wash-face-right{0%,to{transform:rotate(139deg)}50%{transform:rotate(120deg)}}@keyframes wash-breathe{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(2px)rotate(.6deg)}}@keyframes wash-foam-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.055)rotate(2deg)}}@keyframes wash-pack-rinse{0%,15%{opacity:1}85%,to{opacity:0}}@keyframes wash-scrub-tool{0%,to{transform:translate(-5px,-5px)rotate(-10deg)}50%{transform:translate(5px,5px)rotate(12deg)}}@media (max-width:700px){.wash-room{padding:18px 17px 32px}.wash-shell{max-width:430px;margin:0 auto}.wash-header{margin-bottom:12px}.wash-brand{font-size:10px}.wash-brand i{margin-left:6px;font-size:7px}.wash-header h1{margin:10px 0 5px;font-size:27px}.wash-room .wash-header p{font-size:10px}.wash-layout{grid-template-columns:1fr;gap:12px}.wash-room .shower-stage{border-radius:95px 95px 25px 25px;max-width:340px;height:255px;margin:0 auto}.wash-room .shower-person{transform-origin:50% 0;animation:none;top:80px;transform:scale(.83)}.wash-room .shower-head{top:17px;transform:scale(.7)}.wash-room .shower-pipe{height:28px}.wash-room .shower-rain{height:180px;top:56px}.wash-room .shower-foam span{margin-top:-75px}.wash-room .shower-puddle{bottom:18px}.wash-shelf{transform-origin:0 0;top:85px;left:20px;transform:scale(.8)}.wash-towel{transform-origin:100% 0;top:93px;right:24px;transform:scale(.8)}.wash-room.has-pack[data-wash=shower] .shower-head{top:120px;left:calc(50% + 30px);transform:rotate(-60deg)scale(.5)}.wash-room.has-pack[data-wash=shower] .shower-rain{height:90px;top:143px}.wash-current{min-height:33px;margin-top:7px;font-size:10px}.wash-pack-status{margin-bottom:9px;padding:9px 12px}.wash-pack-status b{font-size:10px}.wash-pack-status small{margin-top:3px;font-size:8px}.wash-actions{gap:7px}.wash-action{border-radius:15px;min-height:65px;padding:9px 10px}.wash-action b{font-size:10px}.wash-action small{margin-top:4px;font-size:8px}.wash-icon{width:26px}.wash-icon svg{width:26px;height:26px}.wash-sound{margin:9px 0 10px}.wash-finish{min-height:44px}.wash-room .wash-note{margin-top:8px;font-size:8px}}@media (prefers-reduced-motion:reduce){.wash-room .shower-person,.wash-room .shower-arm.left,.wash-room .shower-arm.right,.wash-room .wash-head-foam,.wash-room .wash-scrub-tool,.wash-room .shower-puddle i{animation:none}.wash-room .shower-rain span{opacity:.3;height:100%;animation:none;top:0}.wash-room[data-wash=hair] .shower-arm.left,.wash-room[data-wash=pack] .shower-arm.left{transform:rotate(-150deg)}.wash-room[data-wash=hair] .shower-arm.right,.wash-room[data-wash=pack] .shower-arm.right{transform:rotate(150deg)}.wash-room[data-wash=face] .shower-arm.left{transform:rotate(-130deg)}.wash-room[data-wash=face] .shower-arm.right{transform:rotate(130deg)}.wash-action,.wash-progress i{transition:none}}.product-room{background:#edf1e7;padding:20px 24px 32px}.product-room .wash-shell{max-width:940px}.product-room .wash-header{align-items:center;margin-bottom:12px}.product-room .wash-brand{font-size:11px}.product-room .wash-layout{display:block}.product-room .wash-visual{position:relative}.product-room .shower-stage{background-color:#eef1e6;background-size:100% 100%,44px 44px,44px 44px;border-radius:22px;width:100%;max-width:none;height:510px;overflow:hidden;box-shadow:inset 0 1px 1px #ffffffa1,0 12px 36px #81917318}.product-room .shower-stage:before{content:"";pointer-events:none;background:linear-gradient(160deg,#fffef570,#0000 45%),linear-gradient(#0000 78%,#dbe4d4 78%,#e7eddf 100%);position:absolute;inset:0}.product-room .shower-person{transform-origin:50% 100%;top:220px;left:calc(27% - 46px);transform:scale(1.1)}.product-room .shower-pipe{height:102px;left:calc(27% - 3px)}.product-room .shower-head{width:95px;height:46px;position:static;transform:none}.wash-water-fixture{z-index:8;color:#91a694;background:0 0;border:0;border-radius:22px;flex-direction:column;align-items:center;width:114px;min-height:75px;padding:8px 9px 4px;display:flex;position:absolute;top:85px;left:calc(27% - 57px)}.wash-water-fixture span{letter-spacing:.5px;color:#8f9f88;margin-top:7px;font-size:9px;display:block}.wash-water-fixture:hover{background:#ffffff35}.product-room .shower-rain{width:140px;height:295px;top:146px;left:calc(27% - 70px);right:auto}.product-room .shower-puddle{width:180px;bottom:55px;left:calc(27% - 90px)}.product-room .shower-foam{width:250px;top:100px;left:calc(27% - 125px);right:auto}.product-room .wash-towel{width:38px;height:78px;top:239px;left:25px;right:auto}.product-room .wash-current{justify-content:flex-start;min-height:24px;margin:0;font-size:10px;position:absolute;bottom:12px;left:20px}.product-room .wash-current:has(>span:last-child:empty){visibility:hidden}.product-room .wash-progress{width:150px;position:absolute;bottom:7px;left:20px}.product-room .wash-controls{flex-wrap:wrap;align-items:center;gap:24px;margin-top:13px;padding:0 5px;display:flex}.product-room .wash-sound{flex:1;min-width:240px;margin:0}.product-room .wash-finish{background:#718a71;flex:none;width:190px;min-height:42px;font-size:11px}.product-room .wash-note{text-align:right;width:100%;margin:0;font-size:9px}.product-shelves{z-index:9;width:45%;position:absolute;top:0;bottom:0;right:5%}.product-shelf{justify-content:space-evenly;align-items:flex-end;padding-bottom:15px;display:flex;position:absolute;left:0;right:0}.product-shelf:after{content:"";z-index:-1;background:linear-gradient(#d4c7ab,#c4b597);border-radius:3px;height:9px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 8px 12px #77846614,inset 0 1px #f9efd8}.shelf-tall{height:143px;top:66px}.shelf-jars{height:119px;top:225px}.shelf-tools{height:115px;top:359px}.wash-product{touch-action:manipulation;color:#7a8973;background:0 0;border:0;border-radius:0;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;width:100px;min-width:44px;padding:0 4px;transition:transform .18s;display:flex;position:relative}.wash-product svg{filter:drop-shadow(2px 3px 3px #7b886b10);width:100%;height:140px;transition:transform .2s;display:block;overflow:visible}.shelf-jars .wash-product svg{height:115px}.shelf-tools .wash-product{width:90px}.shelf-tools .wash-product svg{height:105px}.product-name{white-space:nowrap;color:#818c73;z-index:1;letter-spacing:.1px;font-size:10px;line-height:14px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.product-use-dot{opacity:0;background:#7f9c73;border-radius:50%;width:3px;height:3px;position:absolute;bottom:-16px;left:50%}.wash-product.is-in-use .product-use-dot{opacity:1}.wash-product:hover:not(:disabled) svg{transform:translateY(-4px)}.wash-product:focus-visible{outline-offset:5px;border-radius:12px;outline:1px solid #8ba080}.wash-product:disabled{opacity:.4;cursor:default}.wash-product.is-in-use .product-pump{animation:.85s ease-in-out 2 product-pump}.wash-product.is-in-use .product-lid{transform-origin:80px 70px;animation:1.2s both product-lift-lid}.wash-product.is-in-use .product-lid.is-twist{animation:1.5s both product-twist-lid}.wash-product.product-bodywash.is-in-use svg{animation:1.1s ease-in-out 2 product-squeeze}.wash-product.product-soap.is-in-use svg{animation:1.5s ease-in-out infinite product-soap-rock}.wash-product.product-pouf.is-in-use svg{transform:translateY(-4px)rotate(-6deg)}.wash-product.product-cap.is-in-use svg{opacity:.55}.wash-shower-cap{z-index:8;opacity:0;background:radial-gradient(at 35% 20%,#eef4e7,#b7ccc2);border-bottom:4px dotted #a7bcb0;border-radius:55% 55% 35% 35%;width:79px;height:38px;transition:opacity .2s;position:absolute;top:-14px;left:7px;box-shadow:inset 3px 3px 4px #ffffff80,0 2px 4px #78927920}.product-room.cap-on .wash-shower-cap{opacity:1}.product-room:not(.pouf-on) .wash-scrub-tool{background:#e3cba8 radial-gradient(circle,#dbbf93 20%,#a7845c 22% 27%,#0000 30%) 0 0/7px 7px;border-radius:45%;width:27px;height:26px}.product-room.pouf-on[data-product=bodywash] .wash-scrub-tool{opacity:1;background:radial-gradient(circle at 25% 25%,#e4ead2,#cbd7bb);border:1px dotted #a4b799;width:34px;height:33px}.product-room[data-product=bodywash][data-wash=shower] .shower-foam{opacity:.55}.product-room[data-product=bodywash][data-wash=shower] .shower-arm.left{animation:1.5s ease-in-out infinite shower-scrub-left}.product-room[data-product=bodywash][data-wash=shower] .shower-arm.right{animation:1.5s ease-in-out infinite shower-scrub-right}.product-room.has-pack[data-wash=shower] .shower-head{top:auto;left:auto;transform:none}.product-room.has-pack[data-wash=shower] .shower-rain{height:130px;top:310px}.product-room .wash-water-fixture[aria-pressed=true]{color:#6f9692}@keyframes product-pump{0%,to{transform:translateY(0)}45%{transform:translateY(6px)}}@keyframes product-lift-lid{0%{transform:translate(0)rotate(0)}to{transform:translate(9px,-32px)rotate(26deg)}}@keyframes product-twist-lid{0%{transform:rotate(0)}35%{transform:rotate(-14deg)}55%{transform:rotate(9deg)}to{transform:translate(6px,-27px)rotate(23deg)}}@keyframes product-squeeze{0%,to{transform:scaleX(1)}40%{transform:scaleX(.88)rotate(-4deg)}}@keyframes product-soap-rock{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@media (max-width:700px){.product-room{padding:14px 13px 32px}.product-room .wash-shell{max-width:480px}.product-room .wash-header{margin-bottom:12px}.product-room .wash-brand{font-size:10px}.product-room .wash-back{min-height:35px;padding:4px 9px}.product-room .wash-layout{display:block}.product-room .shower-stage{background-size:100% 100%,32px 32px,32px 32px;border-radius:18px;max-width:none;height:490px}.product-room .shower-person{transform-origin:50% 0;animation:none;top:200px;left:calc(25% - 46px);transform:scale(.92)}.product-room .shower-pipe{height:105px;left:calc(25% - 3px)}.product-room .wash-water-fixture{width:104px;top:88px;left:calc(25% - 52px)}.product-room .shower-head{width:85px;height:40px;top:auto;transform:none}.product-room .shower-rain{width:126px;height:255px;top:143px;left:calc(25% - 63px)}.product-room .shower-foam{width:184px;top:110px;left:calc(25% - 92px)}.product-room .shower-foam span{margin-top:0}.product-room .shower-puddle{width:140px;bottom:90px;left:calc(25% - 70px)}.product-room .wash-towel{transform-origin:0 0;top:290px;left:15px;right:auto;transform:scale(.65)}.product-room .wash-current{font-size:9px;bottom:11px;left:12px;right:12px}.product-room .wash-progress{width:110px;bottom:7px;left:12px}.product-shelves{width:46%;right:4%}.shelf-tall{height:112px;top:104px}.shelf-jars{height:89px;top:232px}.shelf-tools{height:100px;top:335px}.wash-product{width:71px;padding:0 2px}.wash-product svg{height:110px}.shelf-jars .wash-product svg{height:86px}.shelf-tools .wash-product{width:52px}.shelf-tools .wash-product svg{height:80px}.product-name{font-size:8px;bottom:-9px}.product-room .wash-controls{gap:9px;margin-top:10px;padding:0}.product-room .wash-sound{gap:12px;min-width:100%}.product-room .wash-finish{width:100%;min-height:43px}.product-room .wash-note{text-align:center;font-size:8px}.product-room.has-pack[data-wash=shower] .wash-water-fixture{top:229px;left:calc(25% + 23px)}.product-room.has-pack[data-wash=shower] .shower-head{transform:none}.product-room.has-pack[data-wash=shower] .shower-rain{height:125px;top:273px}}@media (prefers-reduced-motion:reduce){.wash-product.is-in-use .product-pump,.wash-product.is-in-use .product-lid,.wash-product.product-bodywash.is-in-use svg,.wash-product.product-soap.is-in-use svg{animation:none}.wash-product.is-in-use .product-lid{transform:translate(8px,-22px)rotate(18deg)}.wash-product svg{transition:none}}.product-room .shower-face{isolation:isolate}.product-room .wash-hair{z-index:2;height:25px;box-shadow:none;clip-path:polygon(0 0,100% 0,100% 72%,78% 66%,65% 49%,52% 75%,29% 63%,0 100%);background:linear-gradient(125deg,#79604c,#503e33);border-radius:52% 52% 15% 15%;inset:-5px -2px auto}.product-room .wash-hair:after{display:none}.product-room.female .wash-hair-back{z-index:2;background:linear-gradient(90deg,#554236,#80624e 50%,#554236);border-radius:44% 44% 20% 20%;width:84px;height:74px;position:absolute;top:-5px;left:4px;box-shadow:inset 4px 0 3px #ad8b5925}.product-room.female .wash-hair{clip-path:polygon(0 0,100% 0,100% 90%,84% 68%,72% 41%,56% 68%,30% 79%,0 97%);height:30px}.product-room.male .wash-hair{clip-path:polygon(0 0,100% 0,100% 100%,83% 68%,70% 84%,60% 63%,38% 90%,19% 77%,0 100%);border-radius:55% 55% 18% 18%;height:22px;inset:-4px 0 auto}.product-room .wash-hair-shine{z-index:3;opacity:0;background:linear-gradient(100deg,#0000,#fff5ceaa,#0000);border-radius:50%;width:39px;height:9px;position:absolute;top:2px;left:17px;transform:rotate(-12deg)}.product-room.hair-shiny .wash-hair-shine{opacity:.8;animation:3s ease-in-out infinite hair-gloss}.product-room .wash-hair-pack{height:20px;box-shadow:none;background:linear-gradient(135deg,#fffae6aa,#ecebc155)}.product-room .shower-rain,.product-room[data-wash=shower] .shower-rain{opacity:0!important}.product-room.water-on .shower-rain{opacity:.8!important}.product-room.has-pack[data-wash=shower] .wash-water-fixture{top:85px;left:calc(27% - 57px);transform:none}.product-room .shower-foam{display:none}.product-room .wash-head-foam,.product-room .wash-face-foam,.product-room .wash-scrub-tool{animation:none;opacity:0!important}.product-room.foam-hair .wash-head-foam{animation:1.5s ease-in-out infinite wash-foam-pulse;opacity:1!important}.product-room.foam-face .wash-face-foam{opacity:.95!important}.product-room.is-preparing .wash-hair-pack{opacity:0}.product-room.has-pack .wash-hair-pack{opacity:1}.wash-body-lather{z-index:4;opacity:0;background:radial-gradient(circle at 30% 25%,#fff 0 9px,#0000 10px),radial-gradient(circle at 65% 40%,#fffdf3 0 16px,#0000 17px),radial-gradient(circle at 35% 65%,#fff 0 14px,#0000 15px),radial-gradient(circle at 65% 87%,#fffaf2 0 10px,#0000 11px);border-radius:40%;width:56px;height:73px;transition:opacity .5s;position:absolute;top:63px;left:18px}.product-room.foam-body .wash-body-lather{opacity:.9}.wash-arm-cream{z-index:6;opacity:0;background:radial-gradient(circle,#f9f7ed 1px,#0000 1.8px) 0 0/5px 6px,#e7d7bd;border-radius:12px;width:17px;height:43px;position:absolute;top:74px;left:0;transform:rotate(-30deg);box-shadow:inset 1px 0 3px #fff8e4}.product-room.cream-scrub .wash-arm-cream{opacity:1}.product-room[data-wash=scrub] .shower-arm.left{animation:none;transform:rotate(-30deg)}.product-room[data-wash=scrub].is-applying .shower-arm.right{animation:1.15s ease-in-out infinite rub-left-arm}.product-room[data-wash=scrub] .wash-scrub-tool{display:none}.product-room.is-preparing .shower-arm.left,.product-room.is-preparing .shower-arm.right{animation:none;transform:rotate(-15deg)}.product-room.is-preparing .shower-arm.right{transform:rotate(15deg)}.wash-soap-hands{z-index:9;width:64px;height:30px;display:none;position:absolute;top:66px;left:15px}.wash-soap-hands i{background:#f8d8bb;border-radius:50%;width:34px;height:21px;position:absolute;top:8px;left:0;box-shadow:inset -2px -2px 2px #d9ad8b}.wash-soap-hands i:last-child{animation:.45s ease-in-out infinite alternate soap-palms;top:0;left:28px}.wash-soap-hands b{background:#fff7df;border-radius:7px;width:29px;height:16px;position:absolute;top:4px;left:18px;box-shadow:0 0 0 5px #ffffff90}.product-room[data-wash=face].is-preparing .wash-soap-hands{display:block}.wash-dose{z-index:9;background:#f8d8bb;border-radius:50%;width:28px;height:15px;display:none;position:absolute;top:75px;left:31px}.wash-dose i{transform-origin:bottom;background:#f9f5d9;border-radius:70%;width:7px;height:21px;animation:1.6s both cream-dose;position:absolute;bottom:9px;left:10px}.product-room.is-preparing:not([data-wash=face]) .wash-dose{display:block}.product-room[data-wash=scrub] .wash-dose i{background:radial-gradient(circle,#fff 1px,#0000 1.4px) 0 0/4px 4px,#daccae}.product-room.water-on .wash-head-foam,.product-room.water-on .wash-face-foam,.product-room.water-on .wash-body-lather,.product-room.water-on .wash-arm-cream{animation:5s linear forwards rinse-lather!important}.product-room.water-on .wash-hair-pack{animation:5s linear forwards rinse-lather}@keyframes rinse-lather{0%,15%{opacity:1}90%,to{opacity:0}}@keyframes rub-left-arm{0%,to{transform:translate(-22px)rotate(72deg)}50%{transform:translate(-29px,15px)rotate(88deg)}}@keyframes soap-palms{to{transform:translate(-10px,6px)rotate(-12deg)}}@keyframes cream-dose{0%,15%{transform:scaleY(0)}65%{transform:scaleY(1)}to{transform:scaleY(.35)translateY(10px)}}@keyframes hair-gloss{0%,to{opacity:.35}50%{opacity:.95;transform:translate(4px)rotate(-12deg)}}@media (max-width:700px){.product-room.has-pack[data-wash=shower] .wash-water-fixture{top:88px;left:calc(25% - 52px);transform:none}}@media (prefers-reduced-motion:reduce){.product-room .wash-hair-shine,.product-room .wash-soap-hands i,.product-room .wash-dose i,.product-room .shower-arm.right{animation:none!important}.product-room.water-on .wash-head-foam,.product-room.water-on .wash-face-foam,.product-room.water-on .wash-body-lather,.product-room.water-on .wash-arm-cream{opacity:.3!important;animation:none!important}}.product-scoop{opacity:0;transform-origin:55px 78px}.product-room[data-step=scoop] .wash-product.is-in-use .product-scoop{opacity:1;animation:1.5s both scoop-cream}.product-room[data-wash=pack].is-applying .wash-dose{animation:.8s ease-in-out infinite alternate spread-treatment;display:block;top:0;left:57px;transform:rotate(-25deg)}.product-room[data-wash=pack].is-applying .wash-dose i{border-radius:50%;width:17px;height:7px;animation:none;bottom:6px;left:4px;transform:none}@keyframes scoop-cream{0%{transform:translate(5px,-8px)rotate(-15deg)}45%{transform:translate(-3px,4px)rotate(5deg)}to{transform:translate(-12px,-20px)rotate(-20deg)}}@keyframes spread-treatment{to{transform:translate(-25px,-3px)rotate(15deg)}}@media (prefers-reduced-motion:reduce){.product-room .product-scoop,.product-room .wash-dose{animation:none!important}}.wash-room-3d{background:#e9ece6;padding:20px 24px}.wash-room-3d .wash-shell{max-width:1100px}.wash-room-3d .wash-header{align-items:center;margin-bottom:12px}.wash-3d-stage{background:#e9ece6;border-radius:24px;height:min(68vh,650px);min-height:410px;position:relative;overflow:hidden}.wash-3d-label{color:#596657;white-space:nowrap;cursor:pointer;background:#f8f5eccf;border:1px solid #d5dacb;border-radius:12px;min-height:30px;padding:5px 10px;font-size:11px}.wash-3d-label.selected{background:#dce4d1;border-color:#91a282}.wash-3d-water{color:#5a7366;background:#fbf9efdf;border:1px solid #cdd7c9;border-radius:20px;padding:11px 18px;font-size:12px;position:absolute;bottom:18px;left:20px}.wash-3d-water[aria-pressed=true]{background:#d5e5df}.wash-3d-footer{color:#71806b;justify-content:space-between;align-items:center;gap:20px;min-height:48px;margin-top:14px;font-size:12px;display:flex}.wash-3d-footer .wash-finish{width:180px;min-height:42px}.wash-room .wash-3d-note{color:#8b9585;text-align:center;margin:12px 0 0;font-size:10px}.wash-room-3d button:focus-visible{outline-offset:3px;outline:2px solid #6d8a6a}@media (max-width:700px){.wash-room-3d{padding:15px 12px}.wash-3d-stage{height:60vh;min-height:430px}.wash-3d-footer{gap:10px;font-size:10px}.wash-3d-footer .wash-finish{width:135px;font-size:11px}.wash-3d-label{padding:5px 7px;font-size:10px}.wash-3d-water{font-size:11px;bottom:12px;left:12px}}.projected-label{z-index:3;min-height:28px;padding:3px 7px;font-size:10px;position:absolute;top:0;left:0}.projected-label:disabled{opacity:.45}.wash-3d-water{z-index:4}.wash-3d-sound{gap:14px;max-width:420px;margin:10px 0 0}.wash-3d-sound input{min-width:140px}.wash-3d-sound button{font-size:11px}.wash-3d-label{min-height:32px}.wash-3d-water{touch-action:manipulation}.wash-room-3d{padding-top:15px}.wash-3d-stage{height:min(61vh,590px)}.wash-3d-footer{min-height:42px;margin-top:10px}.wash-3d-sound{margin:4px 0 0}@media (max-width:700px){.wash-3d-stage{height:55vh;min-height:410px}.wash-3d-sound{margin-top:8px}}.wash-room-3d .projected-label{min-height:32px;padding:3px 6px;font-size:9px}@media (max-width:800px){.utility-controls .sound{flex:0 0 38px;width:38px;min-width:38px;height:38px;min-height:38px}.utility-controls{gap:4px}.utility-controls .underwater-view-toggle{position:static;inset:auto}.immersive-game:has(.underwater-view-toggle) .pool-info{gap:5px;max-width:calc(100vw - 250px)}.immersive-game:has(.underwater-view-toggle) .pool-info>div{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.immersive-game:has(.underwater-view-toggle) .pool-info>span{display:none}}.swim-record-hud .record-hud-heading .record-hud-toggle{min-height:40px}.record-hud-toggle .record-chevron svg{width:20px;height:20px}.swim-record-hud{width:212px;padding:11px 13px 12px}.swim-record-hud.is-idle{width:196px;padding:7px 11px 9px}.swim-record-hud.is-folded{width:212px;padding:5px 10px}.record-distance{margin:6px 0 10px;font-size:40px}.record-hud-metrics{gap:10px}.record-hud-detail{margin:7px 0 8px}@media (max-width:800px){.swim-record-hud{width:188px;padding:8px 11px 10px}.swim-record-hud.is-idle{width:178px;padding:6px 10px 8px}.swim-record-hud.is-folded{width:202px;padding:4px 10px}.record-distance{margin:5px 0 9px;font-size:34px}}.mode-options>button.is-maintenance{cursor:default;opacity:1;color:#657764;box-shadow:none;background:#e4e9de;gap:10px}.mode-options .maintenance-badge{letter-spacing:.02em;color:#8c8061;background:#f8f5e7;border:1px solid #fffaf0;border-radius:20px;padding:5px 12px;font-size:11px;font-style:normal}.mode-options>button.is-maintenance>small{color:#7c8b7c;font-size:11px;line-height:1.5}.mode-options>button.is-maintenance:hover{transform:none}.entry.swimming-modes,.entry.locker-entry{background:radial-gradient(at 12% 0,#fff4cf80,#0000 58%),#f2f1e8;justify-content:center;gap:20px;padding:32px 28px 48px}.swimming-modes>.entry-logo,.locker-entry>.entry-logo{width:205px;max-width:60vw;margin:0}.entry-lounge{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;width:min(100%,1040px);display:grid}.entry-window{background:#d8e9e2;border:8px solid #fcfaf2;border-radius:140px 140px 24px 24px;min-height:440px;position:relative;overflow:hidden;box-shadow:0 14px 40px #395f5212}.entry-window img{object-fit:cover;object-position:58% center;width:100%;height:440px;display:block}.entry-window:after{content:"";pointer-events:none;background:linear-gradient(#0000 65%,#355f5c40);position:absolute;inset:0}.entry-window>span{text-align:center;z-index:1;color:#fffef5;letter-spacing:3px;font-size:9px;position:absolute;bottom:23px;left:0;right:0}.entry-welcome{text-align:center;min-width:0}.entry-welcome .pool-intro{max-width:none}.entry-welcome .pool-intro h1{margin:0 0 10px;font-size:30px}.entry-welcome .pool-intro-lead{color:#466c60!important;margin-bottom:13px!important;font-size:16px!important}.entry-welcome .pool-intro>p{font-size:12px;line-height:1.9}.entry-welcome .pool-about{margin-top:14px}.entry-welcome .mode-question{color:#678174;margin:26px 0 14px;font-size:14px;font-weight:500}.entry-welcome .mode-options{flex-direction:row;gap:12px;max-width:none;padding:0}.entry-welcome .mode-options>button{background:#e4ebe1;border:1px solid #fffef8;border-radius:20px;gap:10px;min-width:0;min-height:176px;padding:20px 12px;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 20px #365e4c08}.entry-welcome .mode-options>button:last-child{background:#deebea}.entry-welcome .mode-options>button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #365e4c14}.entry-welcome .mode-options strong{font-size:18px}.entry-welcome .mode-options small{color:#6c8276;font-size:10px;line-height:1.7}.entry-welcome .mode-options .mode-art{color:#789d92;letter-spacing:-6px;text-shadow:2px 4px #ffffffad;justify-content:center;align-items:center;min-width:60px;height:42px;font-size:42px;line-height:1;display:flex}.entry-welcome .mode-options .shared-art{color:#7aa5ad;font-size:34px}.entry-welcome .mode-options>button.is-maintenance{box-shadow:none;background:#e6e9e0;transform:none}.locker-entry-heading{text-align:center}.locker-entry-heading>span{letter-spacing:3px;color:#8a9a8c;font-size:9px}.entry .locker-entry-heading h1{margin:12px 0 8px;font-size:28px}.locker-entry-heading p{color:#849184;margin:0;font-size:12px}.locker-entry-wall{background:linear-gradient(#f7f6eeaa,#e1e6daaa),repeating-linear-gradient(0deg,#0000 0 39px,#b4c3b62b 39px 40px),repeating-linear-gradient(90deg,#0000 0 39px,#b4c3b62b 39px 40px);border:1px solid #fffdf3;border-radius:26px 26px 10px 10px;width:min(100%,640px);padding:30px 40px 20px;position:relative;box-shadow:0 12px 40px #3b62520a}.locker-entry .bath-doors{z-index:1;justify-content:center;gap:36px;position:relative}.locker-entry .bath-door{background:#cfa59e;border:7px solid #faf7ed;border-radius:12px 12px 5px 5px;justify-content:flex-start;width:208px;min-height:290px;padding:19px 12px 16px;transition:transform .2s,filter .2s;position:relative;box-shadow:0 4px #c7cebf,4px 0 #d6d9ca}.locker-entry .bath-door:hover{filter:brightness(1.04);transform:translateY(-3px)}.locker-entry .door-plaque{letter-spacing:2px;color:#fffaf0;margin-bottom:16px;font-size:8px}.locker-entry .door-symbol{color:#667c72;background:#f5f3e5b3;border:1px solid #fffaf0a6;border-radius:12px;place-items:center;width:76px;height:80px;font-size:40px;font-weight:400;display:grid}.locker-entry .bath-door strong{letter-spacing:-.5px;color:#fffaf0;margin:20px 0 0;font-size:19px}.locker-entry .door-arrow{color:#fffaf0;margin-top:auto;font-size:10px}.door-handle{background:#e9e5cd;border-radius:5px;width:5px;height:30px;position:absolute;top:54%;right:12px;box-shadow:2px 2px #53665424}.locker-floor{transform-origin:top;background:linear-gradient(#d4d9cb66,#0000);height:18px;margin:0 -20px;transform:perspective(60px)rotateX(25deg)}.entry .locker-entry-note{max-width:400px;margin:0;font-size:11px;line-height:1.8}@media (max-width:700px){.entry.swimming-modes,.entry.locker-entry{gap:22px;min-height:100dvh;padding:26px 20px 36px;overflow:auto}.entry-lounge{grid-template-columns:1fr;gap:24px;max-width:420px}.entry-window{border-width:5px;border-radius:90px 90px 18px 18px;min-height:190px}.entry-window img{object-position:center 56%;height:190px}.entry-window>span{letter-spacing:2px;font-size:8px;bottom:14px}.entry-welcome .pool-intro h1{font-size:25px}.entry-welcome .pool-intro-lead{font-size:14px!important}.entry-welcome .pool-intro>p{font-size:11px}.entry-welcome .mode-question{margin-top:20px}.entry-welcome .mode-options>button{min-height:154px;padding:16px 10px}.entry-welcome .mode-options strong{font-size:17px}.entry-welcome .mode-options small{font-size:10px}.entry-welcome .pool-about>div{max-height:180px}.locker-entry-wall{padding:24px 15px 12px}.locker-entry .bath-doors{gap:16px}.locker-entry .bath-door{border-width:5px;width:calc(50vw - 54px);max-width:180px;min-height:254px;padding:17px 7px 15px}.locker-entry .bath-door strong{font-size:18px}.locker-entry .door-symbol{width:65px;height:72px;font-size:36px}.locker-entry .door-plaque{font-size:7px}.entry .locker-entry-heading h1{font-size:25px}.locker-entry-heading p{font-size:11px}.entry .locker-entry-note{max-width:280px;font-size:10px}}@media (prefers-reduced-motion:reduce){.entry-welcome .mode-options>button,.locker-entry .bath-door{transition:none}}.locker-entry-wall{background:repeating-linear-gradient(0deg,#0000 0 39px,#cbd2c340 39px 40px),repeating-linear-gradient(90deg,#0000 0 39px,#cbd2c340 39px 40px),#f4f3eb;border:0;padding-top:28px;box-shadow:0 14px 35px #4b655a08}.locker-entry .bath-door,.locker-entry .bath-door.male{background:linear-gradient(135deg,#e5ece4,#c7d6cb);border:3px solid #fdfbf3;border-radius:4px;gap:0;min-height:302px;padding:16px 14px 18px;box-shadow:0 0 0 1px #cad3c5,5px 6px 12px #3c5b4a0c}.locker-entry .door-plaque{color:#7d9387;letter-spacing:1.3px;align-self:flex-start;margin:0 0 15px;font-size:7px}.door-glass{background:radial-gradient(at 30% 0,#fff6dcbb,#0000 75%),linear-gradient(155deg,#f3f6e9b3,#d4e2d6b3);border:1px solid #ffffffad;border-radius:50px 50px 3px 3px;justify-content:center;align-items:center;gap:8px;width:100%;height:132px;display:flex;box-shadow:inset 0 0 16px #fff8e652}.door-glass i{background:#fcf9efb3;width:1px;height:50px;display:block}.door-glass i:nth-child(2){height:72px}.locker-entry .bath-door strong{color:#45695b;letter-spacing:-.5px;margin-top:20px;font-size:18px;font-weight:600}.locker-entry .bath-door small{color:#84978b;margin:7px 0 15px;font-size:9px}.locker-entry .door-arrow{color:#698575;font-size:10px;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.locker-entry .door-handle{background:#fdf9e9;width:3px;height:34px;top:59%;right:10px;box-shadow:1px 1px #869b7c3b}@media (max-width:700px){.locker-entry .bath-door,.locker-entry .bath-door.male{min-height:274px;padding:15px 10px}.door-glass{border-radius:40px 40px 3px 3px;height:110px}.locker-entry .bath-door strong{margin-top:19px;font-size:17px}.locker-entry .door-plaque{letter-spacing:.9px;font-size:6px}.locker-entry .door-handle{right:7px}.locker-entry-wall{padding-top:24px}}.locker-entry .bath-door.female{background:linear-gradient(135deg,#eee6e1,#dfcfcc)}.locker-entry .bath-door.male{background:linear-gradient(135deg,#e3ebec,#ccdce1)}.locker-entry .female .door-glass{background:radial-gradient(at 30% 0,#fff6dcbb,#0000 75%),linear-gradient(155deg,#faf1ebb3,#e8dcd8b3)}.locker-entry .male .door-glass{background:radial-gradient(at 30% 0,#fff6dcbb,#0000 75%),linear-gradient(155deg,#eff5f1b3,#d7e4e9b3)}.wash-header-actions{align-items:center;gap:8px;display:flex}.wash-header .wash-bathhouse{color:#4d6c5c;background:#dbe6d6;border-radius:18px;min-height:40px;padding:9px 15px;font-size:11px}.bathhouse-screen{color:#47665a;background:#e9e8df;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}.bathhouse-header{z-index:12;pointer-events:none;background:linear-gradient(#f5f3e4e6,#0000);align-items:flex-start;height:auto;padding:22px 28px;position:absolute;top:0;left:0;right:0}.bathhouse-header>div{pointer-events:auto}.bathhouse-header>div>span{letter-spacing:2px;color:#8a9681;font-size:8px}.bathhouse-header h1{margin:6px 0 4px;font-size:26px;font-weight:600}.bathhouse-header small{color:#879280;font-size:9px}.bathhouse-header>div:last-child{gap:8px;display:flex}.bathhouse-header button{background:#faf8eecf;border:1px solid #fffdf1;border-radius:24px;min-height:42px;padding:10px 15px;font-size:11px;box-shadow:0 4px 16px #586f5110}.bathhouse-header .bath-pool-exit{color:#fff8e9;background:#527766;border-color:#527766}.bath-scene{position:absolute;inset:0}.bath-scene canvas{touch-action:none}.bath-zone-markers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bath-zone-markers button{pointer-events:auto;color:#526c5b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf8e1d9;border:1px solid #fff9e1c9;border-radius:14px;min-width:66px;min-height:44px;padding:7px 10px;font-size:11px;line-height:1.4;position:absolute;top:0;left:0;box-shadow:0 5px 18px #3f5d4220}.bath-zone-markers button span{color:#89947d;margin-top:2px;font-size:8px;display:block}.bath-zone-markers button[aria-pressed=true]{color:#fff9df;background:#5e806ced}.bath-zone-markers button[aria-pressed=true] span{color:#e4e7cb}.bathhouse-nav{z-index:15;pointer-events:auto;flex-wrap:wrap;gap:5px;display:flex;position:absolute;bottom:28px;left:28px;right:360px}.bathhouse-nav button{color:#607561;background:#faf8ebd9;border:1px solid #fff8e4;border-radius:24px;min-height:40px;padding:10px 13px;font-size:11px;box-shadow:0 4px 15px #3f5d4210}.bathhouse-nav button[aria-pressed=true]{color:#fff9e8;background:#5d7b64;border-color:#5d7b64}.bathhouse-panel{z-index:16;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#faf8edeb;border:1px solid #fff9e8;border-radius:24px;width:310px;max-height:55dvh;padding:20px;position:absolute;bottom:24px;right:24px;overflow:auto;box-shadow:0 8px 28px #49623d16}.bathhouse-panel-title{justify-content:space-between;align-items:center;display:flex}.bathhouse-panel h2{letter-spacing:-.6px;margin:0;font-size:19px;font-weight:600}.bathhouse-panel-title button{background:#e4eadc;border-radius:16px;min-height:36px;padding:8px 10px;font-size:10px}.bathhouse-panel>p{color:#7c8976;margin:12px 0 0;font-size:11px;line-height:1.9}.bath-npc-notes{gap:7px;margin-top:14px;display:grid}.bath-npc-notes>span{border-top:1px solid #dfe5d6;padding-top:8px;font-size:11px}.bath-npc-notes small{color:#939d86;margin-top:3px;font-size:9px;line-height:1.6;display:block}.bath-listen{text-align:left;background:#e1e9d7;border-radius:14px;justify-content:space-between;width:100%;min-height:42px;margin-top:14px;padding:10px 14px;font-size:12px;display:flex}.bathhouse-panel blockquote{background:#f0eedf;border-radius:16px;margin:14px 0 0;padding:13px;font-size:11px;line-height:1.9}.bathhouse-panel blockquote strong{color:#91a082;font-size:9px;font-weight:500}.bathhouse-panel blockquote p{margin:4px 0 0}.bathhouse-panel progress{accent-color:#86a17a;width:100%;height:6px;margin:16px 0 6px;display:block}.bathhouse-panel>small{color:#8a9981;font-size:9px}.bathhouse-panel .bath-attendant{font-size:10px}.bathhouse-welcome{pointer-events:none;color:#74866f;position:absolute;top:130px;left:28px}.bathhouse-welcome span{font-size:11px}.bathhouse-welcome p{margin-top:7px;font-size:10px}@media (max-width:650px){.bathhouse-header{padding:17px 16px}.bathhouse-header h1{font-size:22px}.bathhouse-header>div:last-child{flex-direction:column;align-items:flex-end;gap:5px}.bathhouse-header button{min-height:36px;padding:7px 12px;font-size:10px}.bathhouse-header>div>span{letter-spacing:1px;font-size:7px}.bathhouse-header small{font-size:8px}.bathhouse-panel{border-radius:20px;width:auto;max-height:29dvh;padding:14px 16px;bottom:82px;left:12px;right:12px}.bathhouse-panel h2{font-size:17px}.bathhouse-panel>p{margin-top:8px;font-size:10px}.bathhouse-nav{justify-content:center;gap:4px;bottom:12px;left:12px;right:12px}.bathhouse-nav button{min-height:32px;padding:7px 10px;font-size:9px}.bath-zone-markers button{min-width:58px;padding:5px 8px;font-size:10px}.bath-zone-markers button span{font-size:7px}.bathhouse-welcome{max-width:210px;top:118px;left:16px}.bathhouse-welcome span{font-size:10px}.bathhouse-welcome p{font-size:9px}.bath-npc-notes{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.bath-npc-notes>span{font-size:10px}.bath-npc-notes small{font-size:8px}.bath-listen{min-height:38px;margin-top:9px;font-size:11px}.wash-header-actions{gap:4px}.wash-header .wash-bathhouse{padding:7px 10px;font-size:10px}}.bath-contest-options{margin-top:12px}.bath-contest-options p{color:#7e8d76;font-size:11px;line-height:1.8}.bath-contest-options>div{gap:7px;display:flex}.bath-contest-options button{background:#e5e9d9;border-radius:12px;flex:1;min-height:42px;padding:8px 12px;font-size:11px}.bath-contest-options small{color:#8a977c;margin-top:8px;font-size:9px;display:block}.bath-contest{z-index:25;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf7e8f5;border:1px solid #fff9e1;border-radius:24px;width:310px;padding:20px;position:absolute;bottom:24px;right:24px;box-shadow:0 8px 35px #52634522}.bath-contest h2{margin:0;font-size:19px}.bath-contest p{color:#7d8c70;font-size:11px;line-height:1.8}.bath-contest-score{justify-content:space-between;align-items:baseline;margin:12px 0;display:flex}.bath-contest-score strong{font-size:36px;font-weight:600}.bath-contest-score small{color:#87957b;font-size:12px}.bath-contest progress{accent-color:#879e74;width:100%;height:6px;margin-bottom:16px;display:block}.bath-contest-tap{color:#fffbe8;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#6c885f;border-radius:20px;width:100%;min-height:78px;font-size:22px;box-shadow:0 5px #536b48}.bath-contest-tap:active{transform:translateY(3px);box-shadow:0 2px #536b48}.bath-contest-tap small{opacity:.7;margin-left:8px;font-size:11px}@media (max-width:650px){.bath-contest{width:auto;padding:16px;bottom:84px;left:12px;right:12px}.bath-contest p{font-size:10px}.bath-contest-score{margin:6px 0}.bath-contest-tap{min-height:68px}}.bath-zone-markers .bath-npc-menu,.bath-zone-markers .bath-talk-menu,.bath-zone-markers .bath-object-action,.bath-zone-markers .bath-scolding{visibility:hidden;pointer-events:auto;width:max-content;max-width:265px;position:absolute;top:0;left:0}.bath-npc-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f5e6ed;border:1px solid #fff9e2;border-radius:18px;gap:5px;min-width:174px;padding:10px;display:grid;box-shadow:0 8px 25px #3d59451c}.bath-npc-menu strong{color:#85957c;padding:2px 6px;font-size:10px;font-weight:500}.bath-zone-markers .bath-npc-menu button,.bath-zone-markers .bath-talk-menu button,.bath-zone-markers .bath-object-action button{min-height:40px;box-shadow:none;color:#4f705d;white-space:nowrap;background:#f9f8eb;border-radius:13px;padding:8px 14px;font-size:11px;position:static;transform:none!important}.bath-zone-markers .bath-npc-menu button{text-align:left;background:#e5ebdc;width:100%}.bath-talk-menu{flex-direction:column;align-items:center;gap:5px;display:flex}.bath-zone-markers .bath-talk-menu>button{color:#fffbe8;background:#5b7d65;border-color:#739077;min-height:36px}.bath-speech{color:#61785d;background:#fcfaedf0;border:1px solid #fff9e8;border-radius:19px;max-width:265px;padding:12px 16px;position:relative;box-shadow:0 6px 20px #4c694518}.bath-speech:after{content:"";background:#fcfaed;border-bottom:1px solid #fff9e8;border-right:1px solid #fff9e8;width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:rotate(45deg)}.bath-speech strong{color:#8c9b80;margin-bottom:4px;font-size:9px;font-weight:500;display:block}.bath-speech p{white-space:normal;min-width:90px;margin:0;font-size:11px;line-height:1.8}.bath-scolding p{white-space:nowrap!important}.bath-object-action button{background:#f6f7e8e8!important}.bath-object-action button[aria-pressed=true]{color:#fff9e8!important;background:#5d7d66!important}.bath-small-status{color:#7a8e71;z-index:15;white-space:nowrap;background:#faf8e9e6;border:1px solid #fff9e7;border-radius:20px;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:10px 16px;font-size:11px;display:flex;position:absolute;bottom:85px;left:50%;transform:translate(-50%)}.bath-small-status progress{accent-color:#8da580;width:80px;height:5px}.bath-small-status small{font-size:9px}.bath-result-shade{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2f4b3738;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.bath-result{text-align:center;background:#f9f6e8;border:1px solid #fffbe7;border-radius:28px;width:min(340px,100%);padding:26px;box-shadow:0 16px 60px #29433125}.bath-result>span{color:#8eab7b;font-size:38px}.bath-result h2{color:#55734f;margin:12px 0;font-size:24px}.bath-result p{color:#7c8c70;word-break:keep-all;margin:16px 0 22px;font-size:13px;line-height:1.9}.bath-result>div{gap:7px;display:flex}.bath-result button{background:#e2e9d5;border-radius:14px;flex:1;min-height:44px;padding:10px 8px;font-size:11px}.bath-result button:last-child{color:#fffbe6;background:#6c875d}@media (max-width:650px){.bathhouse-header>div:last-child{flex-flow:wrap;justify-content:flex-end;max-width:225px}.bathhouse-header button{padding:7px 10px;font-size:9px}.bathhouse-header .bath-pool-exit{flex-basis:auto}.bath-zone-markers .bath-npc-menu button,.bath-zone-markers .bath-object-action button{min-height:38px;font-size:10px}.bath-speech p{font-size:10px}.bath-small-status{font-size:10px;bottom:94px}.bath-small-status progress{width:50px}.bath-result{padding:22px}}.bathhouse-screen{--bath-bubble:#faf8eb}.bath-speech{background:var(--bath-bubble);border-color:var(--bath-bubble);border-radius:14px;max-width:225px;padding:8px 11px}.bath-speech:after{background:var(--bath-bubble);clip-path:polygon(0 0,100% 0,50% 100%);border:0;width:10px;height:8px;bottom:-8px;left:50%;transform:translate(-50%)}.bath-speech p{min-width:70px;font-size:10px;line-height:1.7}.bath-speech strong{margin-bottom:3px;font-size:8px}.bath-zone-markers .bath-talk-menu{gap:4px;max-width:225px}.bath-zone-markers .bath-talk-menu>button{border-radius:11px;min-height:30px;padding:6px 11px;font-size:10px}.bath-zone-markers>button{border-radius:11px;min-width:54px;min-height:34px;padding:6px 9px;font-size:10px}.bath-zone-markers .bath-object-action button{border-radius:11px;min-height:34px;padding:6px 11px;font-size:10px}.bath-npc-menu{border-radius:14px;gap:4px;min-width:148px;padding:7px}.bath-npc-menu strong{font-size:9px}.bath-zone-markers .bath-npc-menu button{border-radius:10px;min-height:32px;padding:6px 10px;font-size:10px}.bathhouse-header button{min-height:34px;padding:7px 12px;font-size:10px}.bathhouse-nav{gap:4px}.bathhouse-nav button{min-height:33px;padding:7px 11px;font-size:10px}.bath-result button{min-height:38px;padding:8px;font-size:10px}.bath-small-status{padding:8px 12px;font-size:10px}@media (max-width:650px){.bathhouse-header button{min-height:31px;padding:6px 9px;font-size:9px}.bathhouse-nav button{min-height:30px;padding:6px 9px;font-size:9px}.bath-zone-markers>button{min-width:48px;min-height:32px;padding:5px 8px;font-size:9px}.bath-zone-markers .bath-object-action button,.bath-zone-markers .bath-npc-menu button{min-height:32px;padding:6px 10px;font-size:9px}.bath-speech p{font-size:9px}.bath-speech{padding:7px 10px}.bath-contest-tap{min-height:60px;font-size:19px}}.bath-zone-markers>button.bath-seat-control{color:#8d9675;min-width:36px;min-height:28px;box-shadow:none;opacity:.8;background:#f5f0d8bd;border-color:#f5f0d8;border-radius:20px;padding:4px 7px;font-size:9px}.bath-zone-markers>button.bath-seat-control:hover{opacity:1;background:#f9f4da}.wash-header-actions .wash-back,.wash-header-actions .wash-bathhouse{color:#47665a;background:#faf8eecf;border:1px solid #fffdf1;border-radius:24px;justify-content:center;align-items:center;min-height:34px;padding:7px 12px;font-size:10px;font-weight:400;line-height:1.4;display:inline-flex;box-shadow:0 4px 16px #586f5110}@media (max-width:650px){.wash-header-actions .wash-back,.wash-header-actions .wash-bathhouse{min-height:31px;padding:6px 9px;font-size:9px}}.bath-contest{border-radius:19px;width:260px;padding:13px}.bath-contest h2{font-size:15px}.bath-contest-score{margin:5px 0}.bath-contest-score strong{font-size:27px}.bath-contest-score>span{font-size:15px}.bath-contest progress{margin-bottom:9px}.bath-contest-tap{border-radius:13px;min-height:50px;font-size:17px}@media (max-width:650px){.bath-contest{border-radius:16px;grid-template-columns:1fr 1fr;gap:4px 10px;width:auto;padding:9px 11px;display:grid;bottom:60px;left:12px;right:12px}.bath-contest .bathhouse-panel-title{grid-column:1/-1}.bath-contest h2{font-size:12px}.bath-contest .bathhouse-panel-title button{min-height:24px;padding:3px 7px;font-size:9px}.bath-contest-score{align-self:center;margin:0}.bath-contest-score strong{font-size:23px}.bath-contest-score small{font-size:10px}.bath-contest-score>span{font-size:12px}.bath-contest progress{grid-area:3/1;height:4px;margin:0}.bath-contest-tap{grid-area:2/2/4;min-height:45px;font-size:15px}.bath-contest-tap small{margin-left:4px;font-size:9px}}.bath-result-shade{padding:16px}.bath-result{border-radius:21px;width:min(280px,100%);padding:17px 18px}.bath-result>span{font-size:24px}.bath-result h2{margin:7px 0;font-size:18px}.bath-result p{margin:10px 0 14px;font-size:11px;line-height:1.7}.bath-result button{border-radius:11px;min-height:33px;padding:7px 6px;font-size:10px}@media (max-width:650px){.bath-contest{bottom:82px}.bath-result{width:min(265px,100%);padding:15px 16px}.bath-result h2{font-size:16px}.bath-result>span{font-size:22px}.bath-result p{font-size:11px}}.bath-audio-menu{position:relative}.immersive-game .bath-audio-menu .audio-settings{color:#47665a;z-index:45;text-align:left;background:#f9f6e8f5;border:1px solid #fffbe7;width:240px;max-width:calc(100vw - 32px);position:absolute;top:42px;right:0;box-shadow:0 10px 35px #52634522}.bath-audio-menu .audio-title,.bath-audio-menu .audio-channel,.bath-audio-menu .audio-channel output{color:#47665a!important}.bath-audio-menu .audio-channel button{color:#47665a;background:#e2e9d5;min-width:46px}.bath-audio-menu .audio-channel button[aria-checked=true]{color:#fff8e9;background:#527766}.bath-audio-menu .audio-channel input{accent-color:#527766}.bath-audio-menu .audio-title button{box-shadow:none;color:#47665a;background:0 0;border:0;font-size:20px}.bath-audio-menu .audio-channel>div{justify-content:space-between;align-items:center;display:flex}.bath-audio-menu .audio-channel label{align-items:center;display:flex}.bath-audio-menu .audio-channel input{flex:1;min-width:0}.bath-audio-menu .audio-channel output{text-align:right;min-width:30px}@media (max-width:650px){.bathhouse-nav{bottom:max(30px,calc(env(safe-area-inset-bottom) + 18px))}.bath-contest{bottom:max(106px,calc(env(safe-area-inset-bottom) + 94px))}.immersive-game .bath-audio-menu .audio-settings{width:230px;top:40px;right:-100px}}.wash-header-actions .wash-bathhouse{color:#fff8e9;background:#527766;border-color:#527766}.record-workout-label{letter-spacing:.2px;color:var(--rec-muted);margin-top:7px;font-size:9px;display:block}.record-workout-label+.record-distance{margin-top:3px}.milestone-copy .milestone-eyebrow{letter-spacing:.3px}.record-distance-pair{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.record-distance-pair .record-distance{letter-spacing:-1px;white-space:nowrap;margin-bottom:7px;font-size:30px}.record-distance-pair .record-distance>span{margin-left:3px;font-size:11px}.record-daily{border-left:1px solid var(--rec-line);padding-left:10px}.record-daily small{color:var(--rec-muted);margin-top:-3px;margin-bottom:7px;font-size:8px;display:block}.swim-record-hud.is-idle:not(.is-folded){width:224px}@media (max-width:600px){.record-distance-pair{gap:8px}.record-distance-pair .record-distance{font-size:26px}.record-daily{padding-left:8px}.record-distance-pair .record-workout-label{font-size:8px}.swim-record-hud.is-idle:not(.is-folded){width:210px}}.world-place-label,.fridge-label button{color:#486b5b;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:#faf7e6e8;border:1px solid #fffdf0;border-radius:16px;min-height:34px;padding:7px 12px;font-size:10px;box-shadow:0 5px 20px #3b5a4910}.world-cafe-label{color:#fff6de;background:#527766;border-color:#527766}.fridge-label{flex-direction:column;align-items:center;gap:6px;display:flex}.fridge-label button+button{color:#fff8e9;background:#527766}.outdoor-area-tag{color:#527766;background:#e9efddaa;border-radius:9px;margin-left:6px;padding:3px 7px;font-size:9px;font-weight:400;display:inline-block}.cafe-panel{z-index:60;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#486b5b;background:#faf6e7f5;border:1px solid #fff9e8;border-radius:24px;width:300px;max-height:70dvh;padding:18px;position:absolute;top:110px;left:24px;overflow:auto;box-shadow:0 14px 40px #3d5e4520}.cafe-panel header{justify-content:space-between;align-items:center;display:flex}.cafe-panel header small{letter-spacing:1.6px;color:#8a9880;font-size:8px}.cafe-panel h2{margin:7px 0 15px;font-size:22px;font-weight:500}.cafe-panel header button{background:#e4e8d9;border-radius:50%;width:32px;height:32px;font-size:20px}.cafe-items{grid-template-columns:1fr 1fr;gap:7px;display:grid}.cafe-items button{text-align:left;color:#486b5b;background:#f0eddd;border:1px solid #e1e6d5;border-radius:15px;flex-direction:column;align-items:flex-start;gap:5px;min-height:100px;padding:12px;display:flex}.cafe-items button>span{font-size:23px}.cafe-items strong{font-size:11px;font-weight:500}.cafe-items small,.cafe-panel p{color:#83947b;font-size:9px;line-height:1.6}.cafe-panel p{margin:12px 0 0}.cafe-carry,.bath-milk-control{z-index:36;color:#486b5b;white-space:nowrap;background:#faf7e8f2;border:1px solid #fff8e8;border-radius:18px;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:10px 13px;font-size:11px;display:flex;position:absolute;bottom:150px;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #49604415}.cafe-carry button,.bath-milk-control button{color:#fff8e9;background:#527766;border-radius:12px;min-height:34px;padding:8px 11px;font-size:10px}.cafe-carry small,.bath-milk-control small{color:#84927b;font-size:9px}.bath-milk-control{bottom:86px}.cafe-carry button:disabled,.bath-milk-control button:disabled{opacity:.6}@media (max-width:650px){.world-place-label,.fridge-label button{min-height:32px;padding:6px 9px;font-size:9px}.cafe-panel{border-radius:20px;width:auto;max-height:55dvh;padding:14px;inset:auto 12px 150px}.cafe-items button{min-height:83px;padding:9px}.cafe-items button>span{font-size:19px}.cafe-carry{white-space:normal;flex-wrap:wrap;justify-content:center;width:max-content;bottom:155px}.cafe-carry small{text-align:center;width:100%}.bath-milk-control{font-size:10px;bottom:100px}.outdoor-area-tag{font-size:8px}}.scene-surface{isolation:isolate;z-index:0}.cafe-welcome{background:#fff8e8;font-size:11px;display:block}.audio-channel button{color:#305953;border:1px solid #bdcdb4}.audio-channel button[aria-checked=true]{color:#fffdf2;border-color:#477266}.immersive-game[data-theme=night] .audio-menu .audio-channel button{color:#f2f4e7;background:#364641;border:1px solid #9aafa0}.immersive-game[data-theme=night] .audio-menu .audio-channel button[aria-checked=true]{color:#203f32;background:#b8d9bb;border-color:#d8edce;font-weight:800}.immersive-game[data-theme=night] .audio-menu .audio-title button{color:#f2f4e7}.immersive-game[data-theme=night] .audio-menu .audio-channel input{accent-color:#b8d9bb}.audio-settings>button{color:#305953;background:#e6eade;border:1px solid #bdcdb4;border-radius:12px;min-height:36px;padding:8px 12px}.immersive-game[data-theme=night] .audio-menu .audio-settings>button{color:#f2f4e7;background:#364641;border-color:#9aafa0}.pool-console{display:contents}.outdoor-console{z-index:45;left:50%;bottom:max(28px,calc(env(safe-area-inset-bottom) + 23px));color:#416351;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#faf8edf2;border:1px solid #d4dfcb;border-radius:20px;flex-direction:column;gap:8px;width:360px;max-width:calc(100% - 24px);padding:11px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 30px #294a3519}.immersive-game .outdoor-console>.action-dock,.outdoor-console>.travel-notice,.outdoor-console>.rest-banner,.outdoor-console>.tap-help,.outdoor-console>.cafe-carry,.outdoor-console>.shared-status,.outdoor-console>.swim-milestone-notice{width:100%;max-width:100%;box-shadow:none;color:inherit;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;margin:0;position:relative;inset:auto;transform:translate(0,0)}.outdoor-console>.action-dock{padding:0}.outdoor-console .dock-state{padding-bottom:5px}.outdoor-console .dock-buttons>button{min-height:46px}.outdoor-console .tap-help{font-size:10px;line-height:1.5}.outdoor-console .tap-help span{display:none}.outdoor-console:has(.cafe-carry) .tap-help{display:none}.outdoor-console .travel-notice{white-space:normal;justify-content:space-between;gap:6px;padding:0;font-size:11px}.outdoor-console .travel-notice button{flex:none}.outdoor-console .cafe-carry{flex-wrap:wrap;justify-content:center;padding:0;font-size:11px;display:flex}.outdoor-console .cafe-carry small{text-align:center;width:100%}.outdoor-console .rest-banner{text-align:center;padding:0;font-size:11px}.outdoor-console .rest-banner small{font-size:9px}.outdoor-console .cafe-panel{width:100%;max-height:60dvh;inset:auto 0 calc(100% + 10px)}.outdoor-console .swim-milestone-notice{padding:0;animation:none}.outdoor-console .shared-status{padding:0;font-size:11px}.immersive-game[data-theme=night] .outdoor-console{color:#edf2e4;background:#263731f2;border-color:#a9bd9c55}.immersive-game[data-theme=night] .outdoor-console>.action-dock{background:0 0;border:0}.character-speech{z-index:48;pointer-events:none;color:#416351;white-space:nowrap;text-align:center;will-change:transform;-webkit-user-select:none;user-select:none;background:#faf7e8;border:1px solid #fff9e8;border-radius:15px;max-width:190px;padding:9px 14px;font-size:12px;line-height:1.5;position:absolute;top:0;left:0;box-shadow:0 4px 16px #203e3020}.character-speech:after{content:"";background:#faf7e8;border-bottom:1px solid #fff9e8;border-right:1px solid #fff9e8;width:9px;height:9px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}@media (max-width:650px){.character-speech{max-width:165px;padding:8px 12px;font-size:11px}}.ocean-expedition{color:#416351;background:#438a9b;width:100%;height:100dvh;position:relative;overflow:hidden}.ocean-expedition-scene{isolation:isolate;touch-action:none;position:absolute;inset:0}.ocean-header{pointer-events:none;z-index:55;justify-content:space-between;align-items:flex-start;height:auto;padding:20px 24px;display:flex;position:absolute;inset:0 0 auto}.ocean-header>div{pointer-events:auto;align-items:center;gap:9px;display:flex}.ocean-header>div:first-child{color:#f8f5e4;text-shadow:0 1px 8px #234a4e66;flex-direction:column;align-items:flex-start;gap:3px}.ocean-header small{letter-spacing:2px;font-size:9px}.ocean-header strong{font-size:17px;font-weight:500}.ocean-header button,.ocean-world-action button,.ocean-console button,.ocean-preview-return button{color:#416351;background:#f4f1e0ed;border:1px solid #fff7e6;border-radius:14px;min-height:38px;padding:9px 14px;font-size:11px}.ocean-header .bath-audio-menu .audio-settings{background:#faf7e8f5;border-radius:18px;width:228px;padding:14px;position:absolute;top:44px;right:0}.ocean-metrics{z-index:45;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#f7f4e2d9;border-radius:18px;gap:18px;padding:12px 16px;font-size:10px;display:flex;position:absolute;top:86px;right:24px}.ocean-metrics span{flex-direction:column;gap:4px;display:flex}.ocean-metrics b{font-size:20px;font-weight:500}.ocean-metrics b small{margin-left:4px;font-size:10px}.ocean-world-action{z-index:40;will-change:transform;flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;top:0;left:0}.ocean-world-action button{color:#fff8e9;white-space:nowrap;background:#567b6c;box-shadow:0 4px 20px #26463a22}.ocean-world-action button.quiet{color:#416351;background:#f4f1e0ed;font-size:10px}.ocean-console{z-index:45;bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#f7f4e8ed;border-radius:20px;flex-direction:column;gap:9px;width:410px;max-width:calc(100% - 24px);padding:14px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.ocean-console strong{font-size:13px;font-weight:500}.ocean-console small{color:#7d9584;font-size:10px;line-height:1.7}.ocean-swim-actions{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.ocean-swim-actions button{border-color:#cddbc5;padding:8px 4px;font-size:10px}.ocean-swim-actions button[aria-pressed=true]{color:#fff8e9;background:#567b6c}.ocean-route-progress{background:#cfdbc4;border-radius:4px;height:3px;overflow:hidden}.ocean-route-progress i{background:#70987d;height:100%;transition:width .1s linear;display:block}.ocean-preview-return{color:#416351;background:#e3ede1;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100dvh;display:flex}.ocean-preview-return strong{font-size:21px;font-weight:500}.ocean-preview-return p,.ocean-preview-return a{font-size:13px}@media (max-width:600px){.ocean-header{padding:15px 12px}.ocean-header>div{gap:5px}.ocean-header strong{font-size:14px}.ocean-header button{padding:8px 10px;font-size:10px}.ocean-metrics{gap:15px;padding:9px 13px;top:75px;right:12px}.ocean-metrics b{font-size:18px}.ocean-console{padding:12px}.ocean-console small{font-size:9px}.ocean-world-action button{padding:9px 12px;font-size:10px}}.ocean-view-actions{grid-template-columns:repeat(2,1fr)}.ocean-yacht-snacks{justify-content:center;gap:6px;display:flex}.ocean-yacht-snacks button{flex:1}.ocean-yacht-snacks button:disabled{opacity:.5}