@font-face{font-family:Dotties;src:url('/assets/DottiesVanilla-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
#main .action-strip{position:sticky;top:0;z-index:30}
body button:focus-visible,body a:focus-visible,body input:focus-visible,body select:focus-visible{outline:3px solid #112d52;outline-offset:3px;box-shadow:0 0 0 6px #fffdf7}
.card-color{font-size:.72rem;max-width:100%;display:flex;flex-direction:column;gap:2px}.card-color select{max-width:114px;min-height:44px;border:1px solid #517187;border-radius:4px;color:#112d52;background:white}.travelling-card{position:fixed;z-index:80;pointer-events:none;width:40px;height:56px;border-radius:3px;box-shadow:0 4px 9px #10233b70}
:root{font-family:Arial,Helvetica,sans-serif;color:#112d52;background:#124b83;font-size:16px;--ink:#112d52;--blue:#183b73;--water:#d8f2f1;--accent:#006b69;--paper:#fffdf7;--red:#a72c37}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(#143e78cc,#12688cbb),url('/assets/Water-background.webp') center/cover fixed;min-height:100dvh}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,select,input{min-height:44px}button{border:1px solid #69818f;border-radius:5px;background:#fffdf7;color:var(--ink);padding:8px 13px;font-weight:700;cursor:pointer}button:hover:not(:disabled){background:#def4ed}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:default}button.on{background:#c5ece5;border:2px solid #006b69}button.primary{background:#006b69;border-color:#004a4a;color:white;box-shadow:0 3px 0 #004b50}button.primary:hover:not(:disabled){background:#005555}.stop{color:#8e1729;border-color:#a42a39}.secondary{background:#e7f4f0}a{color:#104f81}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f3b839;outline-offset:3px}button:disabled:active{transform:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;left:8px;padding:12px;background:white;z-index:100}.skip:focus{top:8px}header{min-height:82px;padding:6px 18px;display:flex;align-items:center;gap:16px;color:#fff;max-width:1800px;margin:auto}.brand{flex:none}.brand img{object-fit:contain;width:155px;height:76px;display:block}.header-middle{flex:1;display:flex;align-items:center;gap:12px}.header-middle strong{font-size:1.2rem;letter-spacing:.08em}nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}nav button{background:#f7fffd}button.flag{padding:6px;width:49px;display:grid;place-items:center}.flag svg{width:32px;height:23px;display:block}.audio-strip{max-width:1764px;margin:0 auto 8px;background:#f6f9f3;display:flex;align-items:center;gap:14px;padding:3px 12px;border-radius:5px;min-height:50px}.source select{max-width:210px;width:100%;border:1px solid #70848f;border-radius:4px;color:var(--ink);background:white;padding:6px}.audio-channel{display:flex;align-items:center;gap:6px}.audio-channel button{border:none;padding:6px;min-width:60px}.audio-channel input{width:105px;accent-color:#006b69;min-width:50px}.audio-channel output{font-size:.8rem;min-width:31px;font-variant-numeric:tabular-nums}.muted{text-decoration:line-through}.audio-status{display:flex;align-items:center;gap:10px;font-size:.8rem;flex:1;justify-content:flex-end}.audio-status a{max-width:165px}.audio-status button{font-size:.8rem;min-height:40px}main{max-width:1800px;margin:auto;padding:0 18px 24px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Dotties,Arial,sans-serif;font-weight:800}h1{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.12}h2{font-size:1.2rem}p{line-height:1.45}#notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:90;max-width:min(90vw,680px);background:#102e52;color:white;box-shadow:0 3px 16px #10253666;border-radius:5px;font-weight:700;text-align:center;pointer-events:none}#notice:not(:empty){padding:12px 20px}#notice.error{background:#8f2332}.entry{min-height:calc(100dvh - 175px);display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;max-width:1150px;margin:auto}.pool-welcome{color:white;text-align:center}.entry-logo{width:min(480px,90%);height:auto}.swimmer-line{display:flex;align-items:flex-end;justify-content:center;height:210px;margin:20px 0 24px}.swimmer-line img{object-fit:contain;width:16%;height:190px;transform-origin:bottom;animation:wave-in .7s both;animation-delay:calc(var(--i)*90ms)}.swimmer-line img:nth-child(2n){height:165px}.pool-welcome p{font-family:Dotties,sans-serif;font-size:1.4rem}.pool-welcome>span{font-size:.85rem}.entry-form{background:var(--paper);padding:30px;border-radius:8px;border:4px solid #9ed4d2;display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 0 #092c5755}.entry-form h1{margin-bottom:10px}.entry-form input{width:100%;border:1px solid #567487;border-radius:5px;padding:10px}.entry-form label{font-weight:700}.fine{font-size:.84rem;line-height:1.45;color:#355271;margin:0}.action-strip{display:flex;align-items:center;gap:16px;background:var(--paper);padding:10px 14px;border-top:5px solid #77cfc5;border-radius:5px;min-height:90px;position:relative;z-index:2}.action-strip>div:first-child{flex:1;min-width:180px}.action-strip strong{display:block;font-family:Dotties,Arial,sans-serif;font-size:1.15rem;margin-bottom:5px}.action-strip span{display:block;font-size:.9rem}.actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:520px}.clock{text-align:center;min-width:130px;font-variant-numeric:tabular-nums}.clock #timer{font-size:2rem;font-family:Dotties,sans-serif;line-height:1.2;min-width:100px}.clock small{font-size:.75rem;display:block;margin-top:3px}.clock.low,.clock.expired{color:#982635}.twist-banner{display:flex;gap:12px;align-items:center;padding:10px 16px;color:#fff;background:#164174;border:1px solid #a9d4d7;border-radius:4px;margin-top:8px}.twist-banner strong{font-family:Dotties,sans-serif;font-size:1.1rem}.twist-banner span{flex:1}.twist-banner small{max-width:320px;line-height:1.3}.lobby-pool{min-height:600px;display:grid;grid-template-columns:minmax(250px,1fr) 350px;align-items:center;gap:20px;padding:30px}.lobby-swimmers{display:flex;gap:24px;grid-column:1;justify-content:center;flex-wrap:wrap}.lobby-swimmer{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:150px;color:white}.lobby-swimmer img{object-fit:contain;height:150px;width:80px}.lobby-swimmer span{font-size:.8rem}.center-platform{width:280px;grid-column:1;justify-self:center;filter:drop-shadow(0 8px 0 #0b32666b)}.routine-selection{grid-column:2;grid-row:1/3;background:var(--paper);padding:24px;border:3px solid #99d6ce;border-radius:8px}.routine-selection label{display:block;margin:16px 0 5px;font-weight:700}.routine-selection select{width:100%;padding:8px;border:1px solid #657c89;border-radius:4px;font-size:.9rem}.routine-selection p{font-size:.9rem;margin:15px 0}.table-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:12px;margin-top:12px}.table-main{min-width:0}.elements{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.element{background:#edf7f4;border-radius:5px;border:1px solid #a2cdc9;overflow:hidden}.element-heading{display:flex;align-items:center;justify-content:space-between;padding:3px 7px;font-size:.85rem}.element-heading button{font-size:.75rem;border:none;padding:4px;min-height:38px}.element img{width:100%;height:auto;aspect-ratio:1.37;object-fit:contain;display:block;user-select:none}.element p{font-size:.8rem;line-height:1.35;margin:7px 9px;color:#173c58}.element-back{height:200px;text-align:center;background:#184980;color:white;display:grid;align-content:center;justify-items:center}.element-back span{font:800 3rem Dotties,sans-serif}.element-back p{color:white}.element.active{border-color:#87d5ca}.element>button{width:100%}.team{background:#e5f3ef;padding:8px;border-radius:5px;align-self:start;display:flex;flex-direction:column;gap:7px}.teammate{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #8faeb4;padding-bottom:7px}.teammate>img{object-fit:contain;flex:none}.teammate>div{flex:1;min-width:130px}.teammate strong{font-size:.9rem;display:block;overflow-wrap:anywhere}.teammate span{font-size:.75rem;display:block;margin-top:4px}.teammate button{font-size:.75rem;min-height:40px;padding:6px 8px;flex:1}.teammate.you{border-left:4px solid #006b69;padding-left:5px}.progress{display:flex;gap:5px;margin-top:5px}.progress span{font-variant-numeric:tabular-nums;font-size:.75rem;background:#fffdf7;padding:3px 4px;border:1px solid #839aa5;border-radius:2px}.supply{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px;text-align:center}.supply>img{width:130px;height:130px;object-fit:contain}.supply>span{font-size:.8rem;line-height:1.4}.supply strong{font-size:.85rem}.checks{display:flex;gap:8px;flex-wrap:wrap;padding:8px;background:#fffdf7;margin-top:8px;border-radius:4px;font-weight:700;font-size:.85rem}.checks .ok{color:#006450}.checks .bad{color:#a22236}.local-board{margin-top:12px;background:#d8eeec;border:3px solid #91d1ce;border-radius:6px;padding:10px}.board-caption{display:flex;align-items:center;gap:14px;margin-bottom:12px}.board-caption>img{width:100px;height:98px;object-fit:contain}.board-caption h2{margin:0 0 5px;font-size:1.3rem}.board-caption p{font-size:.9rem;margin-bottom:4px}.board-caption span{font-size:.8rem}.lanes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:stretch}.lane{min-height:180px;border:2px dashed #6696a4;border-radius:5px;background:#f1faf6;padding:6px;display:flex;flex-direction:column;align-items:stretch;gap:6px;position:relative}.lane-top{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;min-height:35px}.lane-top button{font-size:.7rem;padding:3px;min-height:35px}.lane-cards{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:6px;min-width:0}.lane .lane-cards{gap:4px;flex:1}.lane .card-wrap.small{width:min(100%,90px)}.lane .lane-cards:has(>.card-wrap:nth-child(3)) .card-wrap.small{width:calc(50% - 4px)}.lane-empty{font-size:.75rem;text-align:center;color:#345e72;margin:auto}.lane-drop{background:#d9efe8;font-size:.8rem;min-height:50px;padding:6px}.legal-target{border:2px solid #006b69;box-shadow:inset 0 0 0 2px #c9e5dc}.hand-section{background:var(--paper);border-radius:6px;margin-top:12px;padding:10px 14px 14px;border-top:5px solid #62c9ba}.hand-label{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-height:45px;margin-bottom:8px}.hand-label h2{margin:0;font-size:1.2rem;flex:1}.hand-label h2 span{font-size:1rem;background:#d5eae7;padding:3px 8px;border-radius:3px}.hand-label>span{font-size:.85rem}.hand-label label{display:flex;gap:8px;align-items:center;font-size:.8rem}.hand-label select{border:1px solid #5e7e8d;border-radius:4px;padding:5px}.hand{display:flex;gap:10px;overflow-x:auto;padding:8px 3px 10px;min-height:190px;scrollbar-color:#5f938d #e1ebe6}.card-wrap{display:flex;flex-direction:column;align-items:center;gap:3px;flex:none;width:118px;min-width:0}.sync-card{padding:0;min-height:0;display:block;width:100%;border:2px solid #5c7990;border-radius:7px;position:relative;background:#194577;user-select:none;overflow:hidden;box-shadow:0 3px 2px #17324e40}.sync-card:hover:not(:disabled){border-color:#183c6e}.sync-card.selected{outline:3px solid #006b69;outline-offset:3px;transform:translateY(-5px)}.sync-card img{width:100%;height:auto;aspect-ratio:63/88;object-fit:contain;display:block;pointer-events:none;user-select:none}.sync-card:disabled{opacity:1}.sync-card[data-drag]{touch-action:none}.card-wrap .inspect{font-size:.7rem;border:none;min-height:32px;padding:4px 6px;background:transparent;box-shadow:none}.card-wrap.small{width:88px}.chosen-color{position:absolute;bottom:4px;left:3px;right:3px;background:#fffdf7;color:#183d56;border:1px solid #36677d;border-radius:3px;padding:3px;font-size:.65rem}.dive-offer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;border:2px solid #277e81;background:#dff2ee;border-radius:5px}.dive-offer>strong{min-width:90px}.dive-offer .card-wrap{width:90px}.twist-note{font-size:.9rem;padding:8px;background:#dbeff0}.before-go .hand-section,.before-go .lane-drop,.before-go .teammate [data-action=pass],.before-go .supply button{pointer-events:none;filter:brightness(.85)}.before-go .hand img{visibility:hidden}.before-go .sync-card{background:#194b87}.before-go .card-wrap .inspect{visibility:hidden}.score-board{display:flex;align-items:center;justify-content:center;gap:30px;padding:20px;margin:12px 0;background:#fffdf7;border-radius:8px;border:5px solid #7cd0bd}.score-board>img{height:140px;width:100px;object-fit:contain}.score-board h1{font-size:1.7rem;margin-bottom:10px}.total{font-family:Dotties,sans-serif;font-size:4rem;display:block;color:#006b69}.total small{font:700 1rem Arial,sans-serif;color:#244462}.score-causes{min-width:260px;max-width:350px}.score-causes p{margin:8px 0;display:flex;justify-content:space-between;gap:20px}.score-causes span{font-size:.8rem;line-height:1.45}.celebrate .score-board,.celebrate .local-board{animation:ripple .8s ease-out}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:white;font-size:.78rem;margin-top:10px}footer button{font-size:.8rem}dialog{max-width:min(1050px,94vw);max-height:90dvh;border:4px solid #73beb5;border-radius:9px;padding:20px;background:#fffdf7;color:var(--ink);box-shadow:0 16px 90px #081e4d88}dialog::backdrop{background:#062447bc}dialog .dialog-top{display:flex;justify-content:flex-end;position:sticky;top:-20px;background:#fffdf7;z-index:3;margin-bottom:8px;padding:4px 0}.reading{max-width:800px;white-space:normal;line-height:1.6;font-size:1.05rem}.reading h2{margin-top:24px}.inspect-art{display:block;width:min(100%,600px);margin:0 auto 22px;border-radius:6px}.inspect-sync{width:min(60vw,340px);display:block;margin:10px auto}.inspect-lanes{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;overflow-x:auto;max-width:85vw}.inspect-lanes section{padding:8px;border:1px solid #729aa3;border-radius:4px}.recap-player{margin-top:18px}.recap-lanes{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:10px}.recap-lanes>div{padding:5px;background:#e5f2ed;border:1px solid #a8c3bd}.recap-lanes .card-wrap.small{width:70px}.replay-controls{display:flex;gap:10px}.tutorial-cards{display:flex;gap:20px;align-items:start;justify-content:center;margin:20px 0}.tutorial-cards img{width:140px;display:block;height:auto}.tutorial-cards button{padding:0;min-height:0}.tutorial-cards button[aria-pressed=true]{outline:4px solid #006b69;outline-offset:3px}.tutorial-result{margin-top:15px;font-weight:700;color:#00594d}.drag-ghost{position:fixed;z-index:1000;pointer-events:none;padding:0;border:3px solid #006b69;box-shadow:0 10px 20px #0e253d88;transform:rotate(2deg);border-radius:7px;overflow:hidden;background:#184c83;opacity:1}.drag-ghost img{width:100%;height:100%;object-fit:contain}.loading,.load-error{padding:40px;background:white;text-align:center}.loading{margin:40px auto;max-width:500px}@keyframes wave-in{from{transform:translateY(15px) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}@keyframes ripple{0%{box-shadow:0 0 0 0 #8fe5cfbb}100%{box-shadow:0 0 0 18px #8fe5cf00}}.calm *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.calm button:active,.calm .sync-card.selected{transform:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sync-card.selected,button:active{transform:none}}
@media(min-width:1500px){.card-wrap{width:135px}.element p{font-size:.85rem}.lane .card-wrap.small{width:100px}.hand{min-height:215px}}
@media(max-width:1100px){header{flex-wrap:wrap;gap:8px;padding:6px 12px}.header-middle{min-width:200px}nav{width:auto}.audio-strip{margin:0 12px 8px;gap:8px}.audio-channel input{width:70px}.audio-channel output{display:none}.audio-status a{display:none}.table-layout{grid-template-columns:minmax(0,1fr)}.team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-row:1;padding:7px}.teammate>img{width:25px;height:42px}.teammate>div{min-width:100px}.teammate button{flex:0}.supply{grid-column:1/-1;flex-direction:row;justify-content:center}.supply>img{width:48px;height:48px}.supply>span{max-width:250px}.table-main{grid-row:2}.action-strip{gap:10px}.action-strip .actions{max-width:350px}.clock{min-width:100px}.entry{gap:22px}.lobby-pool{grid-template-columns:minmax(230px,1fr) 320px;padding:20px}.lobby-swimmer img{height:100px}.elements{gap:6px}.element p{font-size:.75rem}.element-back{height:180px}}
@media(max-width:700px){header{padding:5px 10px;gap:6px}.brand img{width:113px;height:60px}.header-middle{min-width:0;font-size:.75rem}.header-middle strong{font-size:.9rem}.header-middle>span{max-width:180px;font-size:.75rem}.header-middle button{font-size:.7rem;padding:5px}nav{width:100%;justify-content:center;gap:5px;margin:0 0 4px}nav button{font-size:.8rem;padding:5px 9px}.flag{width:45px!important}.audio-strip{margin:0 10px 8px;display:grid;grid-template-columns:minmax(125px,1fr) minmax(145px,1.25fr);gap:0 6px;padding:3px 6px}.source{grid-column:1;grid-row:1}.source select{width:100%;max-width:none;font-size:.78rem}.audio-channel{gap:2px;justify-content:flex-end}.audio-channel:nth-child(2){grid-column:2;grid-row:1}.audio-channel:nth-child(3){grid-column:2;grid-row:2}.audio-channel button{font-size:.75rem;min-width:58px;padding:4px}.audio-channel input{width:100%;max-width:100px;margin:0}.audio-channel output{display:none}.audio-status{grid-column:1;grid-row:2;font-size:.7rem;justify-content:flex-start;gap:5px;flex-wrap:wrap;line-height:1.2}.audio-status a{display:inline;font-size:.65rem;max-width:100px}.audio-status button{font-size:.7rem;padding:4px;min-height:38px}.entry{grid-template-columns:1fr;min-height:0;gap:18px;max-width:450px;margin:20px auto}.pool-welcome .entry-logo{width:230px}.swimmer-line{height:105px;margin:5px 0 12px}.swimmer-line img{height:95px;width:14%}.swimmer-line img:nth-child(2n){height:85px}.pool-welcome p{font-size:1rem;margin-bottom:10px}.pool-welcome>span{font-size:.7rem}.entry-form{padding:22px;gap:10px}.entry-form h1{font-size:1.6rem}.action-strip{flex-wrap:wrap;padding:9px 10px;position:relative;gap:7px}.action-strip>div:first-child{min-width:180px;flex-basis:65%}.action-strip strong{font-size:1rem}.action-strip span{font-size:.78rem;line-height:1.35}.clock{min-width:75px;flex:1}.clock #timer{font-size:1.8rem}.clock small{font-size:.7rem}.actions{width:100%;max-width:none!important;display:flex;justify-content:flex-start}.actions button{font-size:.78rem;flex:1;padding:7px}.twist-banner{padding:8px;gap:8px;flex-wrap:wrap;font-size:.83rem}.twist-banner small{max-width:none;flex-basis:100%;font-size:.75rem}.table-layout{margin-top:8px;gap:8px}.team{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x proximity;padding:6px;align-items:stretch}.teammate{flex:none;width:200px;scroll-snap-align:start;border-right:1px solid #9fbab9;border-bottom:0;padding-right:6px;align-content:start}.teammate>div{min-width:145px}.teammate strong{font-size:.8rem}.teammate>img{width:26px;height:40px}.teammate span{font-size:.7rem}.teammate button{flex:1}.supply{width:205px;flex-direction:column;margin:0;gap:4px;flex:none}.supply>img{display:none}.supply>span{font-size:.7rem}.supply button{font-size:.75rem;width:100%}.elements{display:flex;overflow-x:auto;gap:8px;padding-bottom:6px;scroll-snap-type:x proximity}.element{width:230px;flex:none;scroll-snap-align:start}.element p{font-size:.85rem}.element-back{height:208px}.element-heading{font-size:.85rem}.board-caption>img{width:70px;height:70px}.board-caption{gap:10px}.board-caption span{font-size:.75rem}.board-caption h2{font-size:1.1rem}.local-board{padding:8px;margin-top:8px}.lanes{display:flex;overflow-x:auto;padding:2px 0 8px;scroll-snap-type:x proximity}.lane{flex:none;width:150px;min-height:190px;scroll-snap-align:start}.lane-top{font-size:.8rem}.lane-top button{font-size:.7rem;min-height:44px}.lane-drop{font-size:.78rem}.hand-section{padding:8px;margin-top:8px}.hand-label{gap:7px}.hand-label h2{font-size:1.1rem}.hand-label label{width:100%;justify-content:space-between}.hand{gap:9px;padding-left:4px;min-height:190px}.card-wrap{width:114px}.card-wrap .inspect{min-height:44px;font-size:.75rem}.dive-offer{gap:8px}.dive-offer button:not(.sync-card):not(.inspect){flex:1;font-size:.85rem}.score-board{gap:12px;flex-wrap:wrap;padding:14px}.score-board>img{width:65px;height:90px}.score-board>div:nth-child(2){flex:1}.score-board h1{font-size:1.3rem}.total{font-size:3rem}.score-causes{width:100%;max-width:none}.score-causes p{font-size:.9rem}.lobby-pool{display:flex;flex-direction:column;padding:20px 5px;min-height:0}.lobby-swimmers{gap:20px;order:0}.lobby-swimmer{max-width:105px}.lobby-swimmer img{height:100px;width:65px}.center-platform{width:150px;order:1}.routine-selection{order:2;width:100%;padding:18px}.routine-selection h1{font-size:1.5rem}main{padding:0 10px 20px}footer{font-size:.7rem;line-height:1.4}dialog{padding:12px;max-width:96vw;max-height:94dvh}dialog .dialog-top{top:-12px}.reading{font-size:1rem}.inspect-lanes{max-width:84vw;grid-template-columns:repeat(5,150px)}.recap-lanes{display:flex;overflow-x:auto;max-width:85vw}.recap-lanes>div{min-width:130px;flex:none}.tutorial-cards img{width:110px}}