.match-section{min-width:0;padding:clamp(20px,3vw,40px);scroll-margin-top:120px}.match-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.match-heading h2{font-size:clamp(28px,4vw,42px)}.match-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:32px;display:grid}.match-side{background:color-mix(in srgb, var(--decorLavender) 16%, var(--backgroundSurface));border-radius:24px;padding:24px}.match-games{border:0;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;min-width:0;padding:0;display:grid}.match-games legend{margin-bottom:16px;font-weight:700}.match-game{border:1px solid var(--borderDefault);background:var(--backgroundSurface);overflow-wrap:anywhere;border-radius:20px;align-content:start;gap:12px;padding:20px;display:grid}.match-assigned{background:color-mix(in srgb, var(--decorSage) 20%, var(--backgroundSurface));border-radius:24px;padding:24px}.match-preferences-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:20px;display:grid}.match-result{border:1px solid var(--borderDefault);border-radius:20px;padding:20px}.match-result summary{cursor:pointer;padding:4px;font-weight:700}.match-result[open] summary{margin-bottom:20px}.match-result summary:focus-visible{outline:2px solid var(--actionPrimary);outline-offset:4px}.match-roster{gap:12px;margin:0;padding:0;list-style:none;display:grid}.match-roster li{border-bottom:1px solid var(--borderDefault);grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr);align-items:center;gap:16px;padding:16px 0;display:grid}.match-section button{border-radius:8px}@media (width<=760px){.match-layout,.match-preferences-grid,.match-roster li{grid-template-columns:1fr}.match-heading{align-items:flex-start}.match-side,.match-assigned{padding:20px}.match-section .row{flex-wrap:wrap}}.match-table-form{border:1px solid var(--borderDefault);background:var(--backgroundCanvas);border-radius:16px;padding:clamp(16px,3vw,32px)}.match-guide{border-block:1px solid var(--borderDefault);gap:20px;padding-block:24px;display:grid}.match-guide-intro h3{margin:0 0 8px;font-size:clamp(22px,3vw,30px)}.match-guide p{margin:0}.match-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.match-steps li{align-items:flex-start;gap:14px;display:flex}.match-step-number{background:color-mix(in srgb, var(--decorLavender) 30%, var(--backgroundSurface));border-radius:8px;flex-shrink:0;padding:8px;font-size:18px;font-weight:700}.match-steps li:nth-child(2) .match-step-number{background:color-mix(in srgb, var(--decorButter) 35%, var(--backgroundSurface))}.match-steps li:nth-child(3) .match-step-number{background:color-mix(in srgb, var(--decorSage) 30%, var(--backgroundSurface))}.match-steps h4{margin:4px 0 8px;font-size:18px}.match-steps p{color:var(--textSecondary);font-size:14px;line-height:1.6}.match-sign-in{justify-items:start;gap:16px;max-width:680px;display:grid}.match-sign-in h3,.match-sign-in p{margin:0}.match-games{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}.match-game-choice{white-space:normal;text-align:left;width:100%;min-width:0;height:100%;color:var(--textPrimary);border:1px solid var(--borderDefault);background:var(--backgroundSurface);padding:0;transition:border-color .15s,box-shadow .15s;display:block;overflow:hidden}.match-game-choice>span{grid-template-rows:auto 1fr;height:100%;display:grid}.match-choice-art{background:color-mix(in srgb, var(--decorLavender) 12%, var(--backgroundSurface));place-items:center;height:180px;padding:16px;display:grid;position:relative}.match-choice-art img{object-fit:contain;width:100%;height:148px}.match-choice-fallback{color:var(--textSecondary);font-size:64px}.match-choice-check{background:var(--backgroundSurface);border:1px solid var(--borderDefault);border-radius:8px;place-items:center;width:28px;height:28px;font-size:20px;display:grid;position:absolute;top:12px;right:12px}.match-choice-body{align-content:start;justify-items:start;gap:10px;padding:16px;display:grid}.match-choice-name{overflow-wrap:anywhere;font-size:20px;line-height:1.25}.match-choice-meta{color:var(--textSecondary);font-size:13px;font-weight:400}.match-choice-description{font-size:14px;font-weight:400;line-height:1.5}.match-game-selection{font-size:13px;font-weight:600}.match-game-choice[aria-pressed=true]{border-color:var(--actionPrimary);box-shadow:inset 0 0 0 1px var(--actionPrimary);background:color-mix(in srgb, var(--decorSage) 15%, var(--backgroundSurface))}.match-game-choice[aria-pressed=true] .match-choice-check{background:var(--decorSage);color:#23483e;border-color:var(--actionPrimary)}.match-game-choice:hover:not(:disabled){border-color:var(--actionPrimary)}.match-game-choice:focus-visible{outline:3px solid var(--actionPrimary);outline-offset:3px}@media (width<=760px){.match-steps{grid-template-columns:1fr;gap:20px}}@media (prefers-reduced-motion:reduce){.match-game-choice{transition:none}}.match-table-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (width<=760px){.match-table-form .form-grid{grid-template-columns:1fr}}.match-game:has(form){grid-column:1/-1}.match-brand-heading{align-items:center;gap:20px;display:flex}.match-brand-icon{background:color-mix(in srgb, var(--decorLavender) 25%, var(--backgroundSurface));border-radius:24px;flex:none;place-items:center;width:80px;height:80px;display:grid}.match-icon{width:60px;height:60px}.match-icon-table{fill:var(--decorButter)}.match-icon-seat-one{fill:var(--decorLavender)}.match-icon-seat-two{fill:var(--decorSage)}.match-icon-link{stroke:var(--textSecondary)}.match-icon-center{fill:#23483e}.match-organizer{gap:24px;display:grid}.match-overview{background:color-mix(in srgb, var(--decorLavender) 12%, var(--backgroundSurface));border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:20px 24px;display:grid}.match-overview>div{border-right:1px solid var(--borderDefault);padding-inline:20px}.match-overview>div:first-child{padding-left:0}.match-overview>div:last-child{border:0}.match-overview dt{color:var(--textSecondary);font-size:14px}.match-overview dd{margin:6px 0 0;font-size:28px;font-weight:700;line-height:1.1}.match-overview dd span{color:var(--textSecondary);font-size:18px;font-weight:400}.match-organizer-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.match-organizer-toolbar h3{margin:0 0 6px}.match-organizer-toolbar p{margin:0}.match-table-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px;display:grid}.match-table-card{border:1px solid var(--borderDefault);border-top:4px solid var(--decorLavender);background:var(--backgroundSurface);border-radius:20px;gap:20px;padding:24px;display:grid}.match-table-card[data-enabled=true]{border-top-color:var(--actionPrimary)}.match-table-card:has(form){grid-column:1/-1}.match-table-heading{align-items:center;gap:16px;display:flex}.match-table-heading>div{overflow-wrap:anywhere;flex:1;min-width:0}.match-table-heading p,.match-table-heading h4{margin:0}.match-table-heading h4{margin-top:4px;font-size:26px;line-height:1.2}.match-table-art{width:56px;height:56px;color:var(--textPrimary);background:color-mix(in srgb, var(--decorButter) 40%, var(--backgroundSurface));border-radius:16px;flex:none;place-items:center;display:grid}.match-table-time{color:var(--textSecondary);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.match-table-occupancy{background:color-mix(in srgb, var(--decorSage) 14%, var(--backgroundSurface));border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.match-table-occupancy>div{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.match-table-occupancy strong{font-size:28px;line-height:1}.match-table-occupancy strong span{color:var(--textSecondary);font-size:18px;font-weight:400}.match-table-occupancy>div>span{color:var(--textSecondary);font-size:14px}.match-table-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.match-table-actions:has(form){display:grid}.match-roster-heading{border-top:1px solid var(--borderDefault);align-items:center;gap:10px;padding-top:12px;display:flex}.match-roster-heading h3{margin:0}.match-organizer>.muted{margin:-12px 0 0}@media (width<=600px){.match-brand-heading{align-items:flex-start;gap:12px}.match-brand-icon{border-radius:16px;width:52px;height:52px}.match-icon{width:44px;height:44px}.match-overview{padding:16px}.match-overview>div{padding-inline:10px}.match-overview dt{font-size:12px}.match-overview dd{font-size:24px}.match-table-card{padding:18px}.match-table-heading{flex-wrap:wrap;gap:12px}.match-table-heading>div{flex-basis:calc(100% - 68px)}.match-table-heading h4{font-size:23px}.match-table-actions{flex-direction:column;align-items:stretch}.match-organizer-toolbar>button{width:100%}}.match-table-occupancy>span{white-space:nowrap;flex-shrink:0}.match-table-art img{object-fit:contain;border-radius:inherit;background:#fff;width:100%;height:100%}.match-game-cover{object-fit:contain;background:#fff;border-radius:8px}.match-table-form .match-preferences-grid{align-items:start}.match-duration-options fieldset{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.match-duration-options legend{margin-bottom:8px}.match-duration-options label{border:1px solid var(--borderDefault);border-radius:8px;min-height:44px;padding:10px;font-size:16px;line-height:1.4}.match-duration-options label:has(input:checked){border-color:var(--actionPrimary);background:color-mix(in srgb, var(--decorSage) 25%, var(--backgroundSurface))}.match-duration-options input{flex-shrink:0}
