.prototype-panel{width:min(100%,920px);margin:28px auto;padding:28px 32px;color:#152e52}
.prototype-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px}.prototype-heading h1{font-size:28px;margin:0;line-height:1.4}.prototype-heading>span{font-size:12px;border-radius:6px;padding:4px 8px;background:#e5effb;color:#52739b}
.prototype-lead{font-weight:700;margin:0 0 24px}.prototype-panel button,.prototype-panel input,.prototype-panel textarea{font:inherit}.prototype-panel button{cursor:pointer}.prototype-panel button:disabled{cursor:default;opacity:.5}
.prototype-panel .bq-button{min-height:44px;padding:10px 20px;font-size:15px;white-space:nowrap}.prototype-panel input,.prototype-panel textarea{width:100%;border:1.5px solid #9ab6d8;border-radius:10px;padding:12px;color:#152e52;background:white;box-sizing:border-box;line-height:1.5}.prototype-panel textarea{resize:vertical;min-height:100px}
.community-author{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;font-size:14px}.community-author strong{font-size:16px}.prototype-text-button{border:0;background:transparent;color:#156aca;padding:6px 0;font-weight:700}.community-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.prototype-note{font-size:12px;color:#62758c;line-height:1.65;margin:12px 0}.prototype-status{min-height:24px;margin:12px 0;font-size:14px;color:#3f648c}.prototype-status[data-error=true]{color:#b02b41}
.community-posts{list-style:none;margin:0;padding:0;border-top:1px solid #d1deed}.community-posts li{padding:16px 2px;border-bottom:1px solid #d1deed}.community-post-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#62758c}.community-post-meta strong{font-size:15px;color:#233f65;overflow-wrap:anywhere}.community-posts p{font-size:15px;line-height:1.65;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.prototype-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.prototype-nav{display:flex;gap:20px;flex-wrap:wrap;margin:26px 0 0;font-size:13px}.prototype-nav a{color:#52739b}
@media(max-width:640px){.prototype-panel{margin:16px auto;padding:20px 16px}.prototype-heading h1{font-size:23px}.prototype-lead{font-size:14px;margin-bottom:18px}.prototype-panel .bq-button{padding:10px 12px}}
.baseball-quiz-layout .prototype-panel{max-width:920px!important}
body[data-mode="career"] .app-shell>.career-play-area{grid-template-columns:minmax(0,1fr)}
body[data-mode="career"] .career-play-area>.career-panel{width:min(100%,960px)!important;max-width:960px!important;justify-self:center}
body[data-mode="career"] .career-panel>.panel-header{display:none!important}
@media(min-width:641px){body[data-mode="career"] .career-play-area>.career-panel{padding-inline:28px!important}}
.career-panel{min-width:0;--career-columns:minmax(190px,.8fr) clamp(72px,8.5vw,116px) minmax(0,1.8fr);--career-board-width:1000px}
.career-panel .panel-header-top{align-items:center;gap:12px}
.career-panel #mode-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.career-panel .career-match-count{display:flex;align-items:baseline;justify-content:center}
.career-match-meta{display:grid;grid-template-columns:var(--career-columns);max-width:var(--career-board-width);margin:0 auto 10px;color:var(--ink-strong);font-size:14px;font-weight:800}
.career-match-meta>span:last-child{grid-column:3}
.career-match-count{font-variant-numeric:tabular-nums}
.career-match-board{position:relative;display:grid;grid-template-columns:var(--career-columns);max-width:var(--career-board-width);margin-inline:auto;grid-auto-rows:minmax(88px,auto);row-gap:12px;isolation:isolate}
.career-match-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.career-connection-port{position:absolute;top:50%;width:10px;height:10px;box-sizing:border-box;border:2px solid #7d9cbe;border-radius:50%;background:#fff;transform:translateY(-50%);pointer-events:none}
.career-match-player>.career-connection-port{right:-6px}
.career-match-choice>.career-connection-port{left:-6px}
.is-linked>.career-connection-port,.is-selected>.career-connection-port{border-color:var(--pair-color);background:var(--pair-color)}
.career-match-player,.career-match-choice{position:relative;z-index:1;display:flex;align-items:center;gap:10px;min-width:0;border:2px solid #a9bfd9;border-radius:12px;background:#fff;color:#193858;padding:14px 12px;text-align:left;box-shadow:0 3px 0 #bbcbdc;touch-action:manipulation}
@media(hover:hover) and (pointer:fine){.career-match-player:hover,.career-match-choice:hover{background:#edf6ff}.career-match-choice.is-awaiting:hover{background:#e5f3ff;border-color:#2486df}}
.career-match-player:focus-visible,.career-match-choice:focus-visible{outline:3px solid #efaa30;outline-offset:3px}
.career-card-badge{flex-shrink:0;width:24px;height:24px;display:inline-flex;justify-content:center;align-items:center;border-radius:7px;font-weight:800;font-size:13px;background:#e8f0fa;color:#527298}
.career-player-name{font-size:19px;font-weight:800;line-height:1.5;overflow-wrap:anywhere;min-width:0}
.career-player-label{display:flex;align-items:center;gap:7px;flex:1;min-width:0}
.career-player-label .career-player-name{flex:0 1 auto;min-width:0}
.career-player-team{flex:0 0 auto;color:#527298;font-size:11px;font-weight:700;white-space:nowrap}
.career-pair-mark{margin-left:auto;color:var(--pair-color);font-weight:800;font-size:15px;flex-shrink:0}
.career-pair-mark.is-wrong{color:#c9364a}
.career-match-player.is-linked,.career-match-choice.is-linked{border-color:var(--pair-color)}
.career-match-player.is-linked .career-card-badge{background:var(--pair-color);color:#fff}
.career-match-player.is-selected,.career-match-choice.is-selected{background:#e5f3ff;border-color:var(--pair-color);box-shadow:0 0 0 3px #79bfff52,0 3px 0 #a6bdd7}
.career-match-choice{flex-wrap:wrap;column-gap:10px;row-gap:6px}
.career-choice-path{flex:1;min-width:0;font-weight:700;font-size:17px;line-height:1.6;overflow-wrap:anywhere}
.career-path-part{display:inline}.career-path-arrow{color:#7498bb;white-space:normal}
.career-right-answer{width:100%;padding-left:34px;color:#37769f;font-size:13px;font-weight:700}
.career-right-answer:empty{display:none}
.career-panel .career-match-player:disabled,.career-panel .career-match-choice:disabled{opacity:1;cursor:default}
.career-match-player:disabled:hover,.career-match-choice:disabled:hover{background:#fff}
.career-panel .career-match-actions{display:grid;grid-template-columns:minmax(0,1fr) auto!important;align-items:center;width:100%;max-width:var(--career-board-width);gap:12px;margin:20px auto 0}
.career-panel .career-match-actions #guess-submit{width:100%}
.career-panel .career-match-actions #give-up-button{justify-self:stretch;margin:0}
.career-panel .career-match-actions button[hidden]{display:none!important}
.career-panel .career-match-actions[hidden]{display:none!important}
.career-match-result{font-size:20px;font-weight:800;color:#1f527f;min-height:0;margin:14px 0 0}
.career-match-result:empty{display:none}
.career-match-result[data-outcome=correct]{color:#158454}
.career-result[hidden]{display:none!important}
.career-result{min-width:0;width:100%;grid-column:1/-1}
.career-result::before{content:none}
.career-result .career-match-result.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:-1px}
:root .result-screen[data-result-mode=career] .result-answer-card__answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
:root .result-screen[data-result-mode=career] .result-answer-card__answer:nth-child(-n+2){border-top:0}
:root .result-screen[data-result-mode=career] .result-answer-card__answer strong{overflow-wrap:anywhere}
.career-path-part{display:inline-block;max-width:100%;vertical-align:top}
@media(max-width:640px){
  .prototype-panel .prototype-lead{line-height:1.6}
  .career-match-meta{margin-bottom:10px}
  .career-panel #mode-title{gap:6px;font-size:18px}
  .career-panel .panel-header-top{flex-wrap:nowrap}
  .career-panel #mode-title{flex:1;min-width:0}
  .career-panel{--career-columns:minmax(112px,.85fr) 44px minmax(0,1.75fr)}
  .career-match-board{grid-auto-rows:minmax(64px,auto);row-gap:8px}
  .career-match-player,.career-match-choice{padding:10px 8px;border-radius:10px;gap:5px;box-shadow:0 2px 0 #bbcbdc}
  .career-match-player{flex-wrap:wrap;align-content:center}
  .career-player-name{font-size:15px;width:100%;order:1;line-height:1.5}
  .career-player-label{width:100%;flex:none;order:1;gap:2px 4px;flex-wrap:wrap}
  .career-player-label .career-player-name{width:auto;order:0}
  .career-player-team{font-size:9px}
  .career-card-badge{width:21px;height:21px;font-size:12px}
  .career-pair-mark{font-size:13px}
  .career-choice-path{font-size:13px;line-height:1.45}
  .career-match-choice{display:block;align-content:center;padding-block:8px}
  .career-match-choice>.career-card-badge{position:static;margin:0 4px 0 0;vertical-align:middle}
  .career-match-choice .career-choice-path{display:inline;padding-top:0}
  .career-match-choice .career-path-part{display:inline}
  .career-right-answer{display:block;font-size:12px;padding-left:0}
}
@media(max-width:380px){
  .career-panel{--career-columns:minmax(104px,.85fr) 32px minmax(0,1.75fr)}
  .career-match-player{padding-inline:6px}
}