@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;600;700&display=swap');
.identity-fields{display:grid;grid-template-columns:2fr 1fr;gap:24px}.identity input{border:0;border-bottom:3px solid var(--paper);border-radius:0;padding:13px 8px;background:transparent;color:var(--paper);font:700 20px 'DM Sans';width:100%;text-transform:uppercase}.identity input::placeholder{color:#999686}@media(max-width:650px){.identity-fields{grid-template-columns:1fr}}
:root{--ink:#171712;--paper:#f2efdf;--red:#ef3e2f;--blue:#2456d8;--line:#29291f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}main{width:min(960px,calc(100% - 32px));margin:auto;padding:52px 0}header{border-top:12px solid var(--ink);padding:22px 0 34px}.eyebrow,label,.section-title{font:16px 'Archivo Black';letter-spacing:.08em}h1{font:clamp(48px,10vw,106px)/.86 'Archivo Black';letter-spacing:-.06em;margin:20px 0;text-transform:uppercase}h1 em{color:var(--red);font-style:normal}header p{font-size:20px;margin:0}.identity{background:var(--ink);color:var(--paper);padding:24px;display:grid;gap:10px}select{appearance:none;border:0;border-bottom:3px solid var(--paper);border-radius:0;padding:13px 40px 13px 0;background:transparent;color:var(--paper);font:700 20px 'DM Sans';width:100%}select option{color:var(--ink)}small{opacity:.65}.matches{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0 52px}.match{border:3px solid var(--line);padding:22px;box-shadow:7px 7px 0 var(--line);background:#fffdf3}.match.final{background:#ffd43b}.tag{display:flex;justify-content:space-between;font:14px 'Archivo Black';letter-spacing:.05em}.teams{display:grid;gap:10px;margin-top:28px}.team{border:3px solid var(--line);background:transparent;color:var(--ink);padding:18px;text-align:left;font:22px 'Archivo Black';cursor:pointer;transition:.12s}.team:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--line)}.team.selected{background:var(--blue);color:white}.team:disabled{cursor:not-allowed;opacity:.55}.status{min-height:22px;margin-top:14px;font-size:13px;font-weight:700}.board{border-top:10px solid var(--line)}.section-title{display:flex;justify-content:space-between;padding:14px 0;border-bottom:3px solid var(--line)}.row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;padding:15px 4px;border-bottom:1px solid #aaa68f}.rank{font:22px 'Archivo Black'}.name{font-weight:700}.score{font:20px 'Archivo Black'}.picks{font-size:12px;color:#676454;margin-top:3px}footer{text-align:center;padding-top:48px;font-weight:700}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,120px);background:var(--ink);color:white;padding:13px 20px;font-weight:700;transition:.25s;z-index:5}#toast.show{transform:translate(-50%,0)}@media(max-width:650px){main{padding-top:26px}.matches{grid-template-columns:1fr}h1{font-size:58px}.identity{padding:18px}.match{box-shadow:5px 5px 0 var(--line)}}