@font-face{font-family:EncodeSans;src:url('/assets/EncodeSans-VariableFont.58f00b6d.ttf') format('truetype');font-weight:100 900;font-stretch:75% 125%}:root{--pink-light:#FED4E7;--pink-dark-1:#CC94AD;--pink-dark-2:#825468;--lilac-light:#E1D5FF;--lilac-dark-1:#9B8DBE;--lilac-dark-2:#554A71;--blue-light:#C8D8FF;--blue-dark-1:#7186B9;--blue-dark-2:#424E6C;--cyan-light:#C9F4FF;--cyan-dark-1:#8CB5B9;--cyan-dark-2:#4C6F73;--green-light:#D0FFE4;--green-medium:#12905D;--green-dark-1:#77AD90;--green-dark-2:#4A775F;--orange-light:#FFDBA4;--orange-dark-1:#B6925D;--orange-dark-2:#795B2E;--yellow-light:#F8F6CA;--yellow-dark-1:#AAA863;--yellow-dark-2:#6F642B;--base-light-1:#F8F9FA;--base-light-2:#F8FCFF;--base-light-3:#F3F3F7;--base-medium:#C4CCD1;--base-dark-1:#9AA5AC;--base-dark-2:#67757E;--base-dark-3:#475D6C;--base-dark-4:#1D2E3A;--beige-light-1:#EFEEE9;--beige-light-2:#E7E5DE;--beige-light-3:#DBD8CD;--beige-dark:#CCC9BD;--font-3xs:0.75rem;--font-2xs:0.8125rem;--font-xs:0.875rem;--font-sm:1rem;--font-md:1.125rem;--font-lg:1.5rem;--font-body:"EncodeSans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2.0rem;--space-9:2.25rem;--space-10:2.5rem;--space-2xs:0.75rem;--space-xs:0.875rem;--space-sm:1rem;--panel-size:272px}body,html{font-size:100%;height:100%;font-family:var(--font-body);color:var(--base-dark-4)}body{margin:0;padding:0}.debug-buttons{position:fixed;z-index:9999;transform:rotate(-90deg);transform-origin:top right;top:0;right:24px;bottom:0}.wrapper{margin:0 auto;display:flex;flex-direction:column;min-height:100svh;justify-content:center}.wrapper--gameOver{padding:var(--space-4) var(--space-4)}@media screen and (min-width:1024px){.wrapper{flex-direction:row}}.container{padding:var(--space-sm);box-sizing:border-box}@media screen and (min-width:1024px){.container{padding:var(--space-8)}.actions,.scoreboard-wrapper{max-width:var(--panel-size)}}.game__main{display:flex;flex-wrap:wrap;gap:24px}.board-game-container{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;background-color:#fff}.bg-light-1{background-color:var(--base-light-1)}.bg-light-2{background-color:var(--base-light-2)}.border-bottom-1{border-bottom:1px solid var(--base-dark-4)}.border-top-1{border-top:1px solid var(--base-dark-4)}@media screen and (min-width:1024px){.desk\:border-0{border:0}.desk\:border-left-1{border:0;border-left:1px solid var(--base-dark-4)}.desk\:border-right-1{border:0;border-right:1px solid var(--base-dark-4)}}.scoreboard{border-top:4px solid var(--base-dark-3);display:flex;flex-wrap:wrap;padding-top:var(--space-2)}.stat{line-height:1}.stat__label{color:var(--base-dark-2);font-size:var(--font-2xs);font-weight:700;font-stretch:125%;letter-spacing:3.5%;margin:0;margin-bottom:var(--space-2);text-transform:uppercase}.stat__value{color:var(--base-dark-3);margin:0}.stat--weeks,.stat--ytd{font-size:var(--font-lg);flex-basis:50%}.stat--ytd .stat__value{color:var(--green-medium)}.stat--role{margin-top:var(--space-4)}@media screen and (min-width:1024px){.scoreboard{gap:var(--space-6)}.stat--weeks,.stat--ytd{flex-basis:100%}.stat--role{margin-top:0}}.calendar{display:grid;grid-template-rows:min-content 16fr;grid-template-columns:min-content auto;column-gap:var(--space-3);background-color:#fff;padding-top:var(--space-4);flex:1 1 0%}.timeLabels{grid-row:2/3;display:grid;grid-template-rows:repeat(16,1fr);grid-gap:1px;align-items:start}.timeLabels p{color:var(--base-dark-1);font-size:var(--font-xs);margin-top:-2px;margin-bottom:0;font-family:var(--font-body);text-align:right;line-height:1}.timeLabels .lastTime{align-self:end;margin-top:0;margin-bottom:-4px}.daysLabel{grid-row:1/2;grid-column:2/3;display:flex;margin-bottom:var(--space-2)}.daysLabel p{font-size:var(--font-xs);color:var(--base-dark-1);flex:1;margin:0;padding-left:4px;text-align:center;line-height:1}.gameboard{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(16,1fr);grid-gap:1px;height:100%;border:1px solid #777;background:var(--base-light-3);grid-row:2/3;grid-column:2/3}.actions{display:flex;gap:var(--space-6);padding-bottom:var(--space-10)}.actions h2{color:var(--base-dark-3);font-size:var(--font-md);font-weight:700;font-stretch:125%;border-top:2px solid var(--base-dark-3);margin-top:0;margin-bottom:var(--space-2)}.timeoffs{flex-basis:40%}.controls__wrapper{flex-basis:60%}.timeoffs{order:1;min-height:180px}.timeoffs .timeoffs__buttons{display:flex;gap:var(--space-1)}.timeoffs .timeoffs__instruct{margin:0}.timeoffs .timeoffs__note{color:var(--base-dark-2);font-size:var(--font-3xs);margin:0;margin-bottom:var(--space-2)}.timeoffs .timeoffs__extra{color:var(--base-dark-2);font-size:var(--font-3xs);margin:0}.controls__wrapper{order:2}.controls{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);align-self:flex-start;gap:8px;margin:0 auto;width:max-content}.action-button{background-color:var(--beige-light-1);color:var(--base-dark-4);cursor:pointer;padding:16px 12px;width:3.25rem;height:3.25rem;border:0;box-shadow:inset -2px -2px 2px var(--beige-light-2)}.action-button:hover{background-color:var(--beige-light-3)}.action-button:active{background-color:var(--beige-dark)}.control-button__up{grid-column:2/3;grid-row:1/2}.control-button__down,.control-button__left,.control-button__right{grid-row:2/3}.action-button__pto{border-radius:1rem;padding:0;font-size:var(--font-lg);text-align:center;width:2rem}@media screen and (min-width:1024px){.actions{flex-wrap:wrap;align-content:flex-start}.controls__wrapper,.timeoffs{flex-basis:100%}.controls__wrapper{order:1}.timeoffs{order:2}}.email{background-color:var(--base-light-3);border:1px solid var(--base-dark-1);width:100%;max-width:100%;padding:var(--space-3) var(--space-4);box-sizing:border-box}.email p{font-size:var(--font-xs);color:var(--base-dark-3);margin:0 0 var(--space-2) 0}.email .email__label{font-weight:700;text-transform:uppercase;letter-spacing:1%}.email .email__message{border-top:1px solid var(--base-medium);font-size:var(--font-sm);padding-top:var(--space-2)}.email--lobby{max-width:360px}.email--animate{position:absolute;top:-100%;left:0;opacity:0;animation:email-slide 5s ease-in-out}@media screen and (min-width:1024px){.email--animate{max-width:var(--panel-size)}}.text-bold{font-weight:700}.email--lobby .email__message p{font-size:var(--font-md);line-height:1.4}@keyframes email-slide{0%{top:-100%;opacity:0}12%{top:0;opacity:1}85%{top:0;opacity:1}0%{top:-100%;opacity:0}}.punch-clock{display:flex;flex-direction:column;align-items:center;max-height:50vh}.punch-clock .punch-clock__image{flex-basis:100%;margin-top:-12px;width:298px;max-height:50vh}.punch-clock .start-button{padding:var(--space-4);background-color:var(--base-dark-4);color:#fff;border:0;margin:0 auto;z-index:100;font-family:var(--font-body);font-size:var(--font-md);font-stretch:75%;letter-spacing:50%;text-transform:uppercase;cursor:pointer;transform-origin:50% 100%}:is(.punch-clock .start-button):hover{background-color:#06121a}:is(.punch-clock .start-button):active{transform:scaleY(90%)}.start-button:hover+svg #punch-clock__punch{d:path("M148 276H169L163 285H154L148 276Z")}.start-button:active+svg #punch-clock__punch{d:path("M148 276H169L163 297H154L148 276Z")}.logo{margin-bottom:var(--space-2)}.scoreboard-wrapper .logo{display:none}.lobby{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:0 auto;opacity:1;transition:opacity .7s ease 150ms,transform .7s ease 150ms;justify-content:center;align-self:center}.lobby--fade{opacity:0;transform:translateY(30%)}.lobby .logo-wrapper{flex-basis:100%;display:flex;justify-content:center;margin-top:var(--space-4)}.byline{color:var(--base-dark-3);font-size:var(--font-2xs);width:100%;margin:var(--space-8) auto;text-align:center}.byline a{color:var(--blue-dark-1)}.byline a:focus,.byline a:hover{color:var(--blue-dark-2)}@media screen and (min-width:678px){.punch-clock{max-height:100vh}.lobby .logo-wrapper{margin-top:0;margin-bottom:var(--space-6)}.logo{margin-bottom:var(--space-4);min-width:480px}.byline{margin:var(--space-10) auto}}.cell{width:auto;height:100%;font-size:var(--font-3xs);line-height:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;box-sizing:border-box;border-width:2px;border-style:solid}.cell--0{background-color:#fff;border-width:0}.cell--I{background-color:var(--pink-light);border-color:var(--pink-dark-1);color:var(--pink-dark-2)}.cell--J{background-color:var(--lilac-light);border-color:var(--lilac-dark-1);color:var(--lilac-dark-2)}.cell--L{background-color:var(--blue-light);border-color:var(--blue-dark-1);color:var(--blue-dark-2)}.cell--O{background-color:var(--cyan-light);border-color:var(--cyan-dark-1);color:var(--cyan-dark-2)}.cell--S{background-color:var(--green-light);border-color:var(--green-dark-1);color:var(--green-dark-2)}.cell--T{background-color:var(--orange-light);border-color:var(--orange-dark-1);color:var(--orange-dark-2)}.cell--Z{background-color:var(--yellow-light);border-color:var(--yellow-dark-1);color:var(--yellow-dark-2)}