.position-page{padding:18px 0 56px}.position-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:265px;padding:38px 44px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 82% 20%,rgba(20,135,255,.22),transparent 31%),linear-gradient(145deg,var(--surface-2),var(--surface));box-shadow:var(--shadow)}.position-hero h1{margin:.12em 0;font-family:'Bebas Neue',sans-serif;font-size:clamp(3.4rem,7vw,6rem);line-height:.9;text-transform:uppercase}.position-hero p{max-width:690px;color:var(--muted)}.position-hero img{width:min(20vw,190px);filter:drop-shadow(0 22px 32px rgba(0,0,0,.35))}.position-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:18px;margin-top:18px;align-items:start}.position-form{display:grid;gap:16px;padding:22px}.position-step{padding-bottom:18px;border-bottom:1px solid var(--line)}.position-step>header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.position-step>header>b{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:11px;background:rgba(20,135,255,.13);color:#74baff}.position-step h2,.position-rule h2,.position-confirmation h2{margin:0;font-family:'Bebas Neue',sans-serif;font-size:1.7rem;text-transform:uppercase}.position-step header p{margin:2px 0 0;color:var(--muted);font-size:.68rem}.position-form label{display:grid;gap:7px;color:var(--muted);font-size:.72rem}.position-form input,.position-form select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#081321;color:var(--text);font:inherit}.position-team-picker{border:1px solid var(--line);border-radius:12px;background:#081321}.position-team-picker summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;list-style:none}.position-team-picker summary::-webkit-details-marker{display:none}.position-team-picker summary>span{display:flex;align-items:center;gap:9px;color:var(--text);font-weight:700}.position-team-picker summary img{width:30px;height:30px;object-fit:contain}.position-team-picker summary small{color:#71b8ff}.position-team-picker>div{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:360px;overflow:auto;padding:10px;border-top:1px solid var(--line)}.position-team-picker>div label{display:grid;grid-template-columns:auto 34px 1fr;align-items:center;gap:8px;padding:8px;border:1px solid transparent;border-radius:9px;cursor:pointer}.position-team-picker>div label:hover,.position-team-picker>div label:has(input:checked){border-color:#32618f;background:rgba(20,135,255,.1)}.position-team-picker input{width:auto}.position-team-picker img{width:32px;height:32px;object-fit:contain}.position-team-picker label span{display:grid}.position-team-picker label strong{color:var(--text);font-size:.68rem}.position-team-picker label small{font-size:.58rem}.position-current{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(20,135,255,.06)}.position-current span{color:var(--muted);font-size:.68rem}.position-current strong{color:#7abfff;font-size:1rem}.position-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:0;padding:0;border:0}.position-options legend{grid-column:1/-1;margin-bottom:7px;color:var(--muted);font-size:.72rem}.position-options label{display:grid;place-items:center;gap:3px;padding:10px 4px;border:1px solid var(--line);border-radius:10px;background:#081321;cursor:pointer;text-align:center}.position-options label:has(input:checked){border-color:#1487ff;background:rgba(20,135,255,.12)}.position-options input{width:auto}.position-options b{color:var(--text)}.position-options span{font-size:.56rem}.position-options:disabled{opacity:.48}.position-diff{display:flex;gap:8px;margin-top:10px;color:var(--muted);font-size:.67rem}.position-diff span{padding:6px 9px;border-radius:8px;background:rgba(20,135,255,.08)}.roster-status{margin:8px 0;padding:8px 10px;border-radius:8px;font-size:.65rem}.roster-status.loading{color:#79bcff;background:rgba(20,135,255,.08)}.roster-status.success{color:#63dfac;background:rgba(54,211,153,.08)}.roster-status.error{color:#fb9aaa;background:rgba(251,113,133,.09)}.position-consent{grid-template-columns:auto 1fr!important;align-items:flex-start}.position-consent input{width:auto;margin-top:3px}.position-submit{width:100%;padding:14px}.position-rule{position:sticky;top:105px;padding:22px}.position-rule p,.position-rule li{color:var(--muted);font-size:.7rem;line-height:1.65}.position-rule ul{display:grid;gap:8px;padding-left:18px}.position-rule a{font-size:.68rem;font-weight:800}.position-confirmation{max-width:850px;margin:18px auto 0;padding:26px}.position-confirmation>span{color:#62dfa9;font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.confirmation-player{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;margin:15px 0;padding:15px;border:1px solid rgba(54,211,153,.28);border-radius:13px;background:rgba(54,211,153,.06)}.confirmation-player img{width:60px;height:60px;object-fit:contain}.confirmation-player small{color:var(--muted)}.confirmation-player strong{font-size:1.05rem}.confirmation-player i{margin:0 7px;color:#5caeff;font-style:normal}.position-confirmation p{color:var(--muted)}html[data-theme="light"] .position-hero,html[data-theme="light"] .position-form,html[data-theme="light"] .position-rule{background:#fff}html[data-theme="light"] .position-form input,html[data-theme="light"] .position-form select,html[data-theme="light"] .position-team-picker,html[data-theme="light"] .position-options label{background:#f4f7fa;color:#13283e}@media(max-width:900px){.position-layout{grid-template-columns:1fr}.position-rule{position:static;order:-1}}@media(max-width:640px){.position-page{padding-top:10px}.position-page>.container{width:min(calc(100% - 20px),var(--container))}.position-hero{min-height:220px;padding:25px 20px}.position-hero img{width:85px}.position-hero h1{font-size:3.5rem}.position-form{padding:14px}.position-team-picker>div{grid-template-columns:1fr}.position-options{grid-template-columns:repeat(3,1fr)}.confirmation-player{grid-template-columns:50px 1fr}.confirmation-player img{width:48px;height:48px}.confirmation-player>strong{grid-column:1/-1;text-align:center}}
