/*** FONTS ***/
@font-face { font-family:Geomanist; font-weight:300; font-style:normal; src:url("/fonts/Geomanist-Light.woff") format("woff"); }
@font-face { font-family:Geomanist; font-weight:400; font-style:normal; src:url("/fonts/Geomanist-Regular.woff") format("woff"); }
@font-face { font-family:Geomanist; font-weight:400; font-style:italic; src:url("/fonts/Geomanist-RegularItalic.woff") format("woff"); }
@font-face { font-family:Geomanist; font-weight:500; font-style:normal; src:url("/fonts/Geomanist-Medium.woff") format("woff"); }
@font-face { font-family:Geomanist; font-weight:600; font-style:normal; src:url("/fonts/Geomanist-Semibold.woff") format("woff"); }
@font-face { font-family:Geomanist; font-weight:700; font-style:normal; src:url("/fonts/Geomanist-Bold.woff") format("woff"); }
@font-face { font-family:Geomanist; font-weight:700; font-style:italic; src:url("/fonts/Geomanist-BoldItalic.woff") format("woff"); }
/*** EVERYTHING ELSE ***/
* { font-family:Geomanist, sans-serif; box-sizing:border-box; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
::-webkit-input-placeholder { color:rgba(35,40,45,0.25); }
:-moz-placeholder { color:rgba(35,40,45,0.25); }
::-moz-placeholder { color:rgba(35,40,45,0.25); }
:-ms-input-placeholder { color:rgba(35,40,45,0.25); }
a { transition:all 0.25s ease-in-out; }
a:hover { color:#ca4a1f; }
a:not(:hover) { color:#0073aa; }
b, h1, h2, strong { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
body { background:#f1f1f1; margin:0; text-align:center; }
button, fieldset, input, legend { -webkit-appearance:none; -moz-appearance:none; appearance:none; }
button { height:48px; padding:0 24px; border:none; border-radius:48px; font-weight:600; font-size:14.75px; cursor:pointer; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
div.ad { padding:20px 0; }
div.alert { background:rgba(0,102,51,0.1); border-radius:4px; margin-bottom:10%; padding:7.5%; font-size:18px; }
div.alert::before { content:"\f058"; font-family:"Font Awesome 5 Free"; font-weight:400; font-size:32px; color:#063; display:block; margin-bottom:2.5%; }
div.alert strong { color:#063; font-weight:600; }
fieldset.deal legend { color:#063; }
fieldset.deal legend::before { content:"\f058"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:16px; margin-right:8px; }
form button.delete { background:none; cursor:pointer; font-size:16px; margin-right:-24px; }
form button.delete:disabled { color:rgba(35,40,45,0.25); }
form button.delete:not(:disabled) { color:rgba(35,40,45,0.75); }
form button.edit { background:#23282d; color:#fff; }
form button.player { background:#e1e1e1; color:rgba(35,40,45,0.5); width:100%; }
form button.reset { background:#83888d; color:#fff; }
form button.submit { background:#0073aa; color:#fff; }
form button.team { background:#32373c; color:#fff; }
form div.buttons { margin-top:15%; }
form div.group > *:not(:first-child) { margin-top:8px; }
form div.player { border:1px solid rgba(35,40,45,0.25); border-radius:48px; }
form div.player.selected { position:relative; border-width:0; }
form div.player.selected input { color:#fff; }
form div.player:not(.selected) input { color:#23282d; }
form fieldset { border:none; padding:0; margin:0; }
form fieldset + fieldset { margin-top:10%; }
form input { border:none; background:none; width:100%; height:48px; margin:0; padding:0 24px; font-weight:600; font-size:14.75px; text-align:center; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
form div.flex { margin-top:16px; display:flex; justify-content:center; }
form div.flex > button:first-child { margin-right:8px; }
form div.flex > button:last-child { margin-left:8px; }
form legend { display:block; line-height:48px; color:#43484d; font-weight:600; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
h1, h2 { margin:0; padding:0; line-height:1.3; }
p:not(:first-child) { margin-top:20px; }
p:first-child { margin-top:0; }
p:not(:last-child) { margin-bottom:20px; }
p:last-child { margin-bottom:0; }
ul.ui-autocomplete { width:100%; margin:0; padding:0; list-style:none; background:none; top:0; padding-top:8px; }
ul.ui-autocomplete li { margin-top:1; }
ul.ui-autocomplete li.player a { position:relative; }
ul.ui-autocomplete span { cursor:pointer; display:block; line-height:48px; border:1px solid rgba(35,40,45,0.1); border-radius:48px; }
ul.ui-autocomplete span:hover { background:#ca4a1f; color:#fff; }
ul.ui-autocomplete span:not(:hover) { background:#fff; }
#footer { background:#32373c; color:#83888d; font-weight:500; font-size:14.25px; padding:16px 16px 64px 16px; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
#header { background:#23282d; text-transform:uppercase; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
#header a { display:flex; justify-content:center; text-decoration:none; padding:16px; }
#header a div { text-align:left; }
#header a div > * { display:block; line-height:16px; }
#header a div > span { color:#fff; font-weight:500; font-size:15.99px; }
#header a div > strong { color:#0073aa; font-size:17.99px; }
#header a i { color:#83888d; font-size:32px; margin-right:8px; }
#header h2 { margin:0; padding:0; }
#main article { color:#32373c; font-size:15.99px; line-height:26px; text-align:left; }
#main article h1 { font-weight:600; font-size:32px; }
#main article h2 { font-size:24px; margin:10% 0 5% 0; }
#main article ol, #main article ul { margin:5% 0 5% 0; padding:0 0 0 10%; }
#main article li { padding-left:5%; }
#main article li + li { padding-top:5%; }
#results div.player.selected, #results div.player.selected::after, #results div.player.selected input { cursor:default; }
#results fieldset.deal div.player.selected { background:#063; }
#results fieldset:not(.deal) div.player.selected { background:rgba(35,40,45,0.5); }
#trade div.player.selected { background:#ca4a1f; }
#trade div.player.selected::after { content:"\f057"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:16px; color:#fff; position:absolute; right:0; top:0; width:72px; line-height:48px; text-align:center; }
#trade div.player.selected, #trade div.player.selected::after, #trade div.player.selected input { cursor:pointer; }
.flex.container { display:flex; justify-content:center; }
.flex.container > article, .flex.container > section { background:#fff; flex:1; width:100%; max-width:728px; margin:auto; }
.flex.container > article { padding:48px; }
.flex.container > section { padding:10%; }
.ui-helper-hidden-accessible { display:none; }
@media all and (max-width:1279px){
  .flex.container { flex-direction:column; }
}
@media all and (min-width:1280px){
  .flex.container > *:not(:nth-child(2)) { width:300px; }
  .flex.container > *:nth-child(2) { margin:0 20px; }
  #main { padding:20px; }
  #main > *:not(:first-child) { margin-top:20px; }
}