:root{font-synthesis:none;font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--darkest);color:var(--light);max-width:1000px;margin:20px auto;padding-bottom:20px;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;scrollbar-gutter:stable}body{box-sizing:border-box}body.modal-open{overflow:hidden}body,p,h1,h2,h3{margin:0}body,button,input,select,p,h1,h2,h3{font-family:Saira Condensed,sans-serif;text-transform:uppercase}option{font-size:1rem}p,label,input,select,button{font-size:1.125rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}button{cursor:pointer;background-color:var(--dark);color:var(--light);display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.header .toggle-theme{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.header .toggle-theme svg{width:20px;height:20px}.active-crews{display:flex;flex-direction:column;gap:48px}.crew-dropdown-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}button{height:36px;border:none;border-radius:32px;cursor:pointer;transition:all .1s ease-out}button:active:not(:disabled){transform:scale(.97)}button:hover:not(:disabled){filter:brightness(.9)}button:disabled{cursor:not-allowed;opacity:.5}.crew-list{display:flex;flex-direction:column;align-items:start}.crew-table{width:100%;text-align:left;border-collapse:collapse;table-layout:fixed}.crew-table th,.crew-table td{padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crew-table .table-header{font-size:1.5rem;font-weight:700;font-style:italic;color:var(--light);cursor:pointer}.crew-table .table-header .header-text-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.crew-table th:nth-child(2),.crew-table td:nth-child(2){width:20px;white-space:nowrap}.crew-table th:nth-child(3),.crew-table td:nth-child(3){width:104px;white-space:nowrap}.crew-table .table-row:nth-child(odd){background-color:var(--darker)}.crew-table .table-row td:nth-child(1){padding-left:16px;font-size:1.25rem}.crew-table .table-row .crew-name-button{width:100%;background-color:transparent;cursor:pointer;display:flex;flex-direction:row;justify-content:start;align-items:center}.crew-table .table-row .actions{display:flex;gap:4px}.crew-table .table-row .actions button{width:32px;height:32px}.crew-table .table-row .actions button svg{width:20px;height:20px}.crew-table .table-row .actions .delete{background-color:var(--red);color:var(--light)}.button-group{margin-top:12px;display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}.button-group button{width:160px}.button-group .id-input-container{display:flex;flex-direction:row;gap:4px}.button-group .id-input-container input{padding-left:12px;outline:none;border:2px solid transparent;border-radius:32px;background-color:var(--darker);color:var(--light)}.button-group .id-input-container input:focus{border:2px solid var(--light-muted)}.button-group .id-input-container button{width:36px}.crew-manager-container{background-color:var(--darker);border-radius:8px;padding:16px 0;box-shadow:0 0 8px #0003;position:relative}.crew-manager-container .crew-info-header{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:12px}.crew-manager-container .crew-name{width:80%;height:2.125rem;font-size:2rem;font-weight:bolder;text-align:center;outline:none;border:2px solid transparent;border-radius:32px;background-color:transparent;color:var(--light);transition:all .1s ease-out}.crew-manager-container .crew-name:focus{border:2px solid var(--light-muted);background-color:var(--darkest);color:var(--light)}.crew-manager-container .crew-id{padding:2px 16px;color:var(--light-muted);display:flex;flex-direction:row;align-items:center;gap:4px}.crew-manager-container .crew-id svg{width:1rem;height:1rem}.crew-manager-container .crew-manager{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:36px}@media(max-width:768px){.crew-manager-container .crew-manager{flex-direction:column;gap:12px}}.crew-manager-container .crew-manager .main{display:flex;flex-direction:column;align-items:center;gap:12px}.crew-manager-container .crew-manager .main .button-group{display:flex;gap:4px;width:100%}.crew-manager-container .crew-manager .main .button-group button{flex:1}.crew-manager-container .close-button{position:absolute;top:12px;right:14px;width:24px;height:24px;border-radius:50%;background:transparent;color:var(--white);font-size:1.2rem}.crew-manager-container .close-button:hover{color:var(--red)}@media(max-width:768px){.crew-manager-container .close-button{top:6px;right:8px}}.boat-container{text-align:center}.boat-container .boat{display:flex;flex-direction:row;gap:4px}.boat-container .boat .paddlers{display:flex;flex-direction:column;gap:4px}.boat-container .boat .center{display:flex;flex-direction:column;justify-content:space-between}.boat-container .boat .boat-stats{display:flex;flex-direction:column;gap:4px}.boat-container .boat .boat-stats .value{font-weight:700;font-size:1.5rem}.paddler-card{width:92px;height:40px;border-radius:4px;padding:16px;opacity:1;touch-action:none;position:relative}.paddler-card .info-card{display:flex;align-items:center;padding:0;justify-content:space-between;height:100%}.paddler-card .info-card .name-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.paddler-card .info-card .name-container .name{font-weight:700}.paddler-card .info-card .info{display:flex;flex-direction:column;align-items:end;margin-left:4px;line-height:1rem}.paddler-card .info-card .info .side{font-weight:700}.paddler-card .info-card .info .left{color:var(--red)}.paddler-card .info-card .info .right{color:var(--cyan)}.paddler-card .info-card .info .both{color:var(--purple)}.paddler-card .empty-slot{width:100%;text-align:center}.paddler-card .popup-container{position:absolute;left:50%;top:-40px;transform:translate(-50%);display:flex;flex-direction:row;gap:4px;padding:4px;border-radius:4px;background-color:#e3e0e6;box-shadow:0 4px 8px #0000001a;opacity:1;scale:1;transition:scale .1s ease-out,top .1s ease-out,opacity .1s ease-out}.paddler-card .popup-container button{width:28px;height:28px;background-color:#e3e0e6;border-radius:4px}.paddler-card .hidden{scale:.9;opacity:0;top:0}.details{background-color:#e3e0e6;color:#18191b;cursor:grab;box-shadow:0 2px 4px #0003}.empty{display:flex;align-items:center;justify-content:center;background-color:#0000004d;color:var(--light)}.dragging{opacity:.8;cursor:grabbing}.dragged-over{opacity:.5;background-color:var(--green)}.return{background-color:var(--red)}.roster-container{display:flex;flex-direction:column;align-items:center;gap:12px}.roster-container .button-group{display:flex;flex-direction:row;gap:4px;width:332px}.roster-container .button-group button{flex:1}.roster-container .roster{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.toggles{width:300px;display:flex;flex-direction:column;gap:8px}.toggles section{display:flex;flex-direction:column}:root{--darkest: hsl(270, 10%, 11%);--darker: hsl(270, 10%, 16%);--dark: hsl(270, 10%, 21%);--light: hsl(220, 6%, 90%);--light-muted: hsl(220, 6%, 65%);--cyan: #8be9fd;--green: #50fa7b;--orange: #ffb86c;--pink: #ff79c6;--purple: #bd93f9;--red: #ff5555;--yellow: #f1fa8c}.light-mode{--darkest: hsl(270, 10%, 89%);--darker: hsl(270, 10%, 84%);--dark: hsl(270, 10%, 79%);--light: hsl(220, 6%, 10%);--light-muted: hsl(220, 6%, 35%);--cyan: #8be9fd;--green: #50fa7b;--orange: #ffb86c;--pink: #ff79c6;--purple: #bd93f9;--red: #ff5555;--yellow: #f1fa8c}.new-paddler-container{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background-color:#000c;opacity:1;transition:all .1s ease-out;display:flex;align-items:center;justify-content:center;pointer-events:auto}.new-paddler-container .new-paddler-modal{border-radius:8px;background-color:var(--darkest);padding:24px 48px;display:flex;flex-direction:column;gap:12px;z-index:100;position:relative}.new-paddler-container .new-paddler-modal section{display:flex;gap:8px;align-items:center;justify-content:space-between}@media(max-width:600px){.new-paddler-container .new-paddler-modal{padding:24px 8px}.new-paddler-container .new-paddler-modal section{flex-direction:column;justify-content:center}.new-paddler-container .new-paddler-modal section select{width:80%;text-align:center}.new-paddler-container .new-paddler-modal section input{width:calc(80% - 28px)!important;text-align:center!important}}.new-paddler-container .new-paddler-modal input{background-color:var(--darker);color:var(--light);outline:0;border:2px solid transparent;border-radius:24px;padding:4px 12px;width:52px}.new-paddler-container .new-paddler-modal input[type=number]{text-align:right}.new-paddler-container .new-paddler-modal input:focus{border:2px solid var(--light)}.new-paddler-container .new-paddler-modal #name{width:200px}.new-paddler-container .new-paddler-modal select{color:var(--light);background-color:var(--darker);outline:0;border:0;border-radius:24px;padding:4px 12px;height:40.5px;width:80px}.new-paddler-container .new-paddler-modal input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.new-paddler-container .new-paddler-modal input[type=number]::-webkit-inner-spin-button,.new-paddler-container .new-paddler-modal input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.new-paddler-container .new-paddler-modal .button-group{display:flex;flex-direction:row;gap:12px;width:332px;padding-top:12px}.new-paddler-container .new-paddler-modal .button-group button{flex:1}.new-paddler-container .new-paddler-modal .close-button{position:absolute;top:12px;right:14px;width:24px;height:24px;border-radius:50%;background:transparent;color:var(--white)}.new-paddler-container .new-paddler-modal .close-button:hover{color:var(--red)}.background{position:absolute;top:0;left:0;width:100%;height:100%}.hidden{opacity:0;pointer-events:none}