body{margin:0;margin-bottom:env(safe-area-inset-bottom);padding:20px 10px;font-family:system-ui,sans-serif;font-size:15px;line-height:1.4}.container{max-width:720px;margin:auto}h1,h2,h3{margin:20px 0 10px 0;font-weight:400;text-align:center}h1{margin-top:0;margin-bottom:20px}a:link,a:visited{color:#1e88e5}a:hover,a:active{color:#1976d2}.team-x-bg{background-color:#9e9e9e}.team-x-bd{border-color:#9e9e9e}.team-y-bg{background-color:#616161}.team-y-bd{border-color:#616161}.teams{margin-bottom:10px;text-align:center;line-height:1.6}.teams .team{display:inline-block;margin:0 5px}.teams .abbreviation{padding:2px 5px;text-transform:uppercase;font-weight:bold;color:#fff;font-size:.75em;border-radius:3px;vertical-align:1px}.teams .versus{display:none;text-transform:uppercase;font-size:.75em;line-height:1;font-weight:bold;color:#757575}.grid-container{position:relative;width:100%;height:0;padding-top:100%}@keyframes spin{100%{transform:rotate(360deg)}}.grid{position:absolute;left:0;top:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(10, 1fr);grid-template-rows:repeat(10, 1fr);grid-auto-flow:dense;column-gap:2px;row-gap:2px}.grid.game-grid{grid-template-columns:20px repeat(10, 1fr);grid-template-rows:20px repeat(10, 1fr)}.grid>div{border-radius:3px;overflow:hidden}.grid .digit{display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:.9em;color:#fff}.grid .digit-y{grid-column-start:1}.grid .square{background-color:#eee}.grid .square.available{cursor:pointer}.grid .square.selected{background-color:#43a047;background-image:url('data:image/svg+xml;utf8,<svg enable-background="new 0 0 496 496" viewBox="0 0 496 496" xmlns="http://www.w3.org/2000/svg"><path d="m496 248c0 137-111 248-248 248s-248-111-248-248 111-248 248-248 248 111 248 248zm-276.7 131.3 184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0l-150.1 150-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.4 16.4 6.4 22.6.1z" fill="white"/></svg>');background-size:20px auto;background-position:center center;background-repeat:no-repeat}.grid .participant-photo{border-radius:0}.grid .winner{position:relative;overflow:hidden;transform:translateZ(0);padding:3px;border-radius:3px;background-color:#ff0}.grid .winner::before{content:" ";display:block;position:absolute;left:-25%;top:-25%;width:150%;height:150%;background-image:conic-gradient(#ff0000, yellow, lime, aqua, blue, magenta, red);animation:spin 2s linear infinite}.grid .winner .participant-photo{border-radius:2px}.grid .winner .participant-photo img{left:-3px;top:-3px;width:calc(100% + 6px);height:calc(100% + 6px)}.grid .participant-photo{font-size:3vw}@media(min-width: 720px){.grid .participant-photo{font-size:22px}}.quarters{display:grid;margin:auto;grid-template-columns:1fr 45px 45px 1fr;column-gap:10px;text-align:center}.quarters .quarter{text-align:right}.quarters div{padding:3px 0}.quarters .score{font-size:.9em;font-weight:bold;border-width:0;border-left-width:1px;border-right-width:1px;border-style:solid}.quarters .score span:last-of-type{text-decoration:underline}.quarters .score-header{border-top-width:1px;border-top-left-radius:3px;border-top-right-radius:3px;color:#fff}.quarters .score-q4{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-width:1px}.quarters .participant{text-align:left}.participants{display:grid;grid-template-columns:repeat(auto-fit, minmax(80px, 1fr));column-gap:10px;row-gap:10px;text-align:center;font-size:13px;justify-content:center}.participants .participant{display:block;width:100%;max-width:128px;margin:auto;text-decoration:none;color:inherit}.participants .participant-photo{margin-bottom:5px}.participant-photo{display:block;position:relative;width:100%;height:0;padding-top:100%;font-size:24px;font-weight:600;border-radius:3px;overflow:hidden}.participant-photo img,.participant-photo .no-photo{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%}.participant-photo img,.participant-photo .no-photo{background-color:#9e9e9e;color:#fff}.participant-photo img{width:100%;height:100%}.participant-photo .no-photo{display:flex;align-items:center;justify-content:center}.form-control,.button,.input,.invitation-form input{box-sizing:border-box;font-size:inherit;border:1px solid #e0e0e0;border-radius:5px}.label,.invitation-form label{display:block;width:100%;margin-top:20px;margin-bottom:10px}.input,.invitation-form input{display:block;width:100%;padding:.5em}.button{display:inline-block;padding:.5em 1em;background-color:#1e88e5;border-color:#1e88e5;font-weight:bold;color:#fff}.button:hover,.button:active{background-color:#1976d2;border-color:#1976d2}.button[disabled]{background-color:#616161;border-color:#616161}.button-block{display:block;width:100%}.invitation-form button:last-child{margin-top:20px}.invitation-form .participant{margin-top:20px;text-align:center}.invitation-form .participant>div{display:flex;margin-top:10px;align-items:center;justify-content:center}.invitation-form .participant .photo{width:48px;margin-right:8px}.invitation-form .participant .name{font-size:20px}.invitation-form .photo-input{display:inline-block;width:1px;height:1px;overflow:hidden;visibility:hidden}.invitation-form .photo-img{width:128px;height:128px;background-color:#e0e0e0;border-radius:3px}.photo-crop{width:260px;height:260px;margin:auto;margin-bottom:50px}.errorlist{display:block;margin:0;padding:.5em 1em;border-radius:5px;background-color:#e53935;list-style:none;color:#fff}.errorlist li{display:inline}div.errorlist{margin:20px 0}ul.errorlist{margin-bottom:.5em}.messages{text-align:center;margin:-20px -10px 20px -10px}.messages .message{padding:20px;background-color:#e0e0e0}.messages .message.success{background-color:#43a047;color:#fff}.messages .message.error{background-color:#e53935;color:#fff}.messages .message.warning{background-color:#fdd835}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.75);align-items:center;justify-content:center}.modal .modal-content{background-color:#fff;margin:auto;padding:20px;padding-top:30px;width:100%;max-width:300px;box-sizing:border-box;position:relative;box-shadow:0 0 10px rgba(0,0,0,.75);border-radius:3px}.modal .modal-content h2{margin-top:0}.modal .modal-close{position:absolute;right:0;top:0;width:40px;height:40px;color:#9e9e9e;font-size:28px;font-weight:bold;line-height:40px;text-align:center}.modal .modal-close:hover,.modal .modal-close:focus{color:#000;text-decoration:none;cursor:pointer}.picks-detail{text-align:center}.picks-detail .participant{display:flex;align-items:center;justify-content:center}.picks-detail .participant .photo{width:72px;margin-right:8px}.picks-detail .picks{display:grid;margin:auto;margin-top:1em;grid-template-columns:1fr 45px 45px 1fr;column-gap:10px;text-align:center;align-items:center}.picks-detail .picks div{padding:3px 0}.picks-detail .picks .score{border-width:0;border-left-width:1px;border-right-width:1px;border-style:solid;font-weight:bold}.picks-detail .picks .score-header{border-top-width:1px;border-top-left-radius:3px;border-top-right-radius:3px;color:#fff}.picks-detail .picks .outcome{text-align:left}.picks-detail .picks .score-last{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-width:1px}footer{text-align:center;padding:20px;padding-bottom:0;margin-top:20px;border-top:1px solid #bdbdbd;color:#9e9e9e}footer a:link,footer a:visited{color:inherit}footer a:hover,footer a:active{color:#757575}/*# sourceMappingURL=style.css.map */