@font-face{font-family:Manrope;src:url('/site-manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}body{font-family:Manrope,system-ui,sans-serif;background:#0d121d;color:#edf2fc}body button,body input,body select,body textarea{font-family:inherit}body .card{background:#151e2c;border-color:#2c3c53}body a{color:#a9c7fc}body .brand{color:#f3f6ff}body .primary{background:#b9d2ff;color:#101b2e}body .legal-links{font-size:13px}body .legal-check{font-size:15px}body:not(.signed-in) .radar-preview{background-image:url('/site-cover.png');background-size:cover;background-position:center;border-color:#3b5072}body:not(.signed-in) .radar-preview svg{opacity:0}body:not(.signed-in) .radar-caption,body:not(.signed-in) .radar-bottom{background:#101a2cd9}body:not(.signed-in) #about{display:none}#accessInfo p, #login p{font-size:15px}.player-menu-tile:hover,.founder-choice:hover{transform:translateY(-3px);border-color:#829dd2}.legal-register a{display:inline-block;margin:5px 6px 5px 0}.brand span{letter-spacing:0}@media(prefers-reduced-motion:reduce){.player-menu-tile:hover,.founder-choice:hover{transform:none}}
body:not(.signed-in) #welcome{display:block;min-height:0;padding:32px 0 24px;margin:0;border:0}body:not(.signed-in) #welcome h1{font-size:38px;line-height:1.2;letter-spacing:-1px;margin:8px 0 16px}body:not(.signed-in) #welcome #intro{max-width:640px;font-size:16px}body:not(.signed-in) #radarPreview,body:not(.signed-in) #heroActions,body:not(.signed-in) #heroNote{display:none}body:not(.signed-in) .access-layout{margin-top:12px}body:not(.signed-in) .access-info{padding-top:28px}body:not(.signed-in) .access-info h2{font-size:28px}body:not(.signed-in) #login input{background:#101927;border-color:#3b4b66}body:not(.signed-in) .eyebrow{color:#a7c6fa}body:not(.signed-in) .tab.active{color:#bfd5fc;border-color:#92b7f4}@media(max-width:850px){body:not(.signed-in) #welcome h1{font-size:32px}}
#accountSettingsDialog{width:min(760px,calc(100vw - 48px));max-height:85dvh;box-sizing:border-box;overflow:auto;border:1px solid #385065;border-radius:20px;padding:24px;background:#101b29;color:#e1eaf3}#accountSettingsDialog::backdrop{background:#030b14bd}#accountSettingsDialog .account-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}#accountSettingsDialog .card{margin:20px 0;max-width:none}#accountSettingsDialog .account-skins{display:flex;gap:20px;flex-wrap:wrap;border:0;padding:12px 0}#accountSettingsDialog .account-skins label{display:flex;flex-direction:column;align-items:center;border:1px solid #385065;border-radius:14px;padding:12px;cursor:pointer}#accountSettingsDialog .account-skins label:has(:checked){border-color:#6fd1eb;background:#163545}#accountSettingsDialog .account-skins input{width:auto}#accountSettingsDialog .account-skin{display:block;width:120px;height:120px;background-size:500% 200%;background-position:0 0;background-repeat:no-repeat}#accountSettingsDialog .account-skin.male{background-image:url('/character-male.png')}#accountSettingsDialog .account-skin.female{height:150px;background-image:url('/character-female.png')}

#accountSettingsDialog #passwordSettings{display:flex;flex-direction:column;align-items:flex-start;gap:16px}#accountSettingsDialog #passwordSettings[hidden]{display:none}#accountSettingsDialog #passwordSettings>details{width:100%}#accountSettingsDialog #passwordSettings>button{max-width:100%;white-space:normal;text-align:left}

#pendingAccountRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch;margin:24px 0}#pendingAccountRow>.card{margin:0;min-width:0;width:auto;max-width:none}#planChoiceDialog{width:min(980px,calc(100vw - 48px));max-height:85dvh;overflow:auto;box-sizing:border-box;border:1px solid #385065;border-radius:20px;padding:24px;background:#101b29;color:#e1eaf3}#planChoiceDialog::backdrop{background:#030b14bd}.plan-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}#planChoiceDialog .player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#planChoiceDialog .player-tile{min-width:0}#planChoiceDialog .player-tile button{white-space:normal;max-width:100%}@media(max-width:650px){#pendingAccountRow,#planChoiceDialog .player-grid{grid-template-columns:1fr}}

body.account-loading main,body.account-loading header{visibility:hidden}#accountLoading{position:fixed;inset:0;display:grid;place-items:center;background:#0d121d;color:#edf2fc;font:18px Manrope,system-ui,sans-serif}
body.free-account #participation,body.free-account #student,body.free-account #instructor,body.free-account #exerciseCatalog,body.free-account #exerciseEditor{display:none}
body.free-account #pendingAccountRow>#accountPlan{grid-column:1}
@media(max-width:650px){body.free-account #pendingAccountRow>#accountPlan{grid-column:1}}

#freeAccountActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}#freeAccountActions>.card{margin:0;min-width:0;max-width:none;width:100%;min-height:104px;padding:24px;text-align:left;font-size:22px;font-weight:700;white-space:normal;color:#edf2fc;cursor:pointer}#freeAccountActions>.card:hover{border-color:#829dd2;background:#1b2b40}#freeAccountActions>.card:focus-visible{outline:2px solid #b9d2ff;outline-offset:3px}@media(max-width:650px){#freeAccountActions{grid-template-columns:1fr}}

#activeTrainingDialog{width:min(880px,calc(100vw - 48px));max-height:85dvh;overflow:auto;box-sizing:border-box;border:1px solid #385065;border-radius:20px;padding:24px;background:#101b29;color:#e1eaf3}#activeTrainingDialog::backdrop{background:#030b14bd}#activeTrainingDialog [data-training-list]{display:grid;gap:16px;margin-top:20px}

/* Category accents keep the existing card dimensions and grid. */
.site-account #learningLibrary [data-categories]>.player-tile{--learning-accent:106,178,255;background:linear-gradient(125deg,rgba(var(--learning-accent),.18),rgba(var(--learning-accent),.04) 75%),#142034;border-color:rgba(var(--learning-accent),.48);box-shadow:inset 4px 0 0 rgba(var(--learning-accent),.85);color:#f1f5fc;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.site-account #learningLibrary [data-categories]>.player-tile:nth-child(6n+2){--learning-accent:73,209,183}
.site-account #learningLibrary [data-categories]>.player-tile:nth-child(6n+3){--learning-accent:239,190,101}
.site-account #learningLibrary [data-categories]>.player-tile:nth-child(6n+4){--learning-accent:175,147,255}
.site-account #learningLibrary [data-categories]>.player-tile:nth-child(6n+5){--learning-accent:245,145,170}
.site-account #learningLibrary [data-categories]>.player-tile:nth-child(6n+6){--learning-accent:105,207,231}
.site-account #learningLibrary [data-categories]>.player-tile p{color:#c9d6e8}
.site-account #learningLibrary [data-categories]>.player-tile:hover{border-color:rgb(var(--learning-accent));box-shadow:inset 4px 0 0 rgb(var(--learning-accent)),0 7px 20px rgba(0,0,0,.18)}
.site-account #learningLibrary [data-categories]>.player-tile:focus-visible{outline:2px solid rgb(var(--learning-accent));outline-offset:4px}
@media(prefers-reduced-motion:reduce){.site-account #learningLibrary [data-categories]>.player-tile{transition:none;transform:none}}

body.free-account #learningLibrary [data-library-content]>.eyebrow,body.free-account #learningLibrary [data-library-content]>h2+p,body.free-account #learningLibrary [data-library-content]>label{display:none}
body.free-account #learningLibrary[data-category-open="false"] [data-all],body.free-account #learningLibrary[data-category-open="false"] [data-materials],body.free-account #learningLibrary[data-category-open="false"] [data-reader]{display:none}

#instructorDirectory [data-directory]{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}#instructorDirectory .instructor-mini{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px;border:1px solid #34455e;border-radius:16px;background:#172235;text-align:center;min-width:0}#instructorDirectory .instructor-mini h3{margin:0;font-size:17px;overflow-wrap:anywhere}#instructorDirectory .instructor-avatar{display:block;width:56px;height:56px;color:#89a9d3;background:#22344f;border-radius:50%;overflow:hidden}#instructorDirectory .instructor-avatar svg{width:100%;height:100%}#instructorDirectory .instructor-states{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}#instructorDirectory .instructor-status{font-size:12px;padding:4px 8px;border-radius:16px;background:#263344;color:#bac5d5}#instructorDirectory .instructor-status[data-active=true]{color:#adeac3;background:#1b3b32}#instructorDirectory .instructor-mini>button{margin-top:auto}#instructorDirectory [data-instructor-info]{width:min(720px,calc(100vw - 48px));max-height:85dvh;overflow:auto;box-sizing:border-box;padding:24px;background:#101b29;color:#edf2fc;border:1px solid #385065;border-radius:20px}#instructorDirectory [data-instructor-info]::backdrop{background:#030b14bd}#instructorDirectory [data-info-content]>p{white-space:pre-wrap}body.free-account #instructorDirectory>h2+p,body.free-account #instructorDirectory>[data-refresh]{display:none}body.free-account #instructorDirectory>details:has([data-requests]:empty){display:none}

#freeGamesDialog{width:min(1100px,calc(100vw - 48px));max-height:90dvh;overflow:auto;box-sizing:border-box;padding:24px;border:1px solid #385065;border-radius:20px;background:#101b29;color:#edf2fc}#freeGamesDialog::backdrop{background:#030b14bd}

#headerCurrentPlan{align-self:center;color:#b9c9df;font-size:14px;white-space:nowrap}

.training-launch-dialog{width:min(640px,calc(100vw - 48px));max-height:85dvh;overflow:auto;box-sizing:border-box;padding:28px;background:#101b29;color:#edf2fc;border:1px solid #385065;border-radius:20px}.training-launch-dialog::backdrop{background:#030b14bd}.training-launch-dialog label{display:grid;gap:10px;margin:20px 0}.training-launch-dialog select{width:100%;padding:12px;background:#172235;color:#edf2fc;border:1px solid #385065;border-radius:10px}.training-launch-roles{padding:12px 18px;background:#172235;border-radius:12px;margin-top:16px}

body.free-account:has(.player-nav [data-player-section="catalog"]) #exerciseCatalog{display:block}