.uscc-wrap{max-width:900px;margin:30px auto;font-family:inherit;color:#12202b}
.uscc-hero,.uscc-card{border-radius:22px;padding:28px;box-shadow:0 8px 30px rgba(0,0,0,.08);background:#fff}
.uscc-hero{margin-bottom:18px;background:linear-gradient(135deg,#fff8dc,#e9f7ff)}
.uscc-eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#5b6872}
.uscc-hero h1{margin:8px 0;font-size:38px;color:#12202b}.uscc-hero p{color:#40505b}
.uscc-form-row{display:flex;gap:18px;flex-wrap:wrap;margin:25px 0}.uscc-form-row label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#12202b}
.uscc-form-row select{min-width:170px;padding:10px;border-radius:10px;border:1px solid #ccd4dc;background:#fff;color:#12202b}
.uscc-button{border:0;border-radius:12px;padding:13px 20px;font-weight:700;cursor:pointer;font-size:16px;color:#12202b;background:#edf2f6}
.uscc-button:disabled{opacity:.55;cursor:not-allowed}.uscc-button:hover:not(:disabled){transform:translateY(-1px)}
.uscc-message{margin-top:15px;color:#33434f;font-weight:600}.uscc-message.is-error{color:#a12626}
.uscc-stat{display:flex;gap:10px;align-items:center;font-size:18px}.uscc-stat span{font-weight:400;font-size:14px}
.uscc-game-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}
.uscc-pill{display:inline-block;padding:7px 10px;border-radius:999px;background:#eef4f7;font-size:13px;font-weight:700;margin-right:7px}
.uscc-timer{font-size:24px;font-weight:800;min-width:70px;text-align:right}
.uscc-question-meta{font-size:13px;color:#667681;margin-bottom:10px}.uscc-game h2{font-size:27px;line-height:1.35;margin:10px 0 22px;color:#12202b}
.uscc-options{display:grid;gap:12px}.uscc-option{display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%;padding:15px;border:2px solid #dbe3e8;border-radius:14px;background:#fff;color:#12202b;cursor:pointer;font-size:16px}
.uscc-option:hover:not(:disabled){border-color:#98aebc}.uscc-option:disabled{cursor:default;opacity:1}
.uscc-option-letter{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;border-radius:50%;background:#edf2f6;font-weight:800}
.uscc-option.is-correct{border-color:#57a66b;background:#edf9f0}.uscc-option.is-wrong{border-color:#d86c6c;background:#fff0f0}
.uscc-feedback{margin-top:18px;padding:17px;border-radius:14px;background:#f4f7f9;color:#172832}.uscc-feedback strong{font-size:18px}.uscc-feedback p{margin:7px 0 0}
.uscc-next,.uscc-finish{margin-top:16px}.uscc-result{text-align:center}.uscc-result-emoji{font-size:52px}.uscc-result h2{margin:8px 0;font-size:30px}.uscc-score{font-size:50px;font-weight:900;margin:12px 0 24px}
.uscc-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 24px}.uscc-result-grid div{padding:15px;border-radius:14px;background:#f4f7f9}.uscc-result-grid strong{display:block;font-size:24px}.uscc-result-grid span{font-size:13px;color:#61717b}
.uscc-access-denied{max-width:900px;margin:30px auto;padding:28px;border-radius:18px;background:#fff;color:#12202b;box-shadow:0 8px 30px rgba(0,0,0,.08)}
@media(max-width:650px){.uscc-wrap{margin:15px auto}.uscc-hero,.uscc-card{padding:20px;border-radius:17px}.uscc-hero h1{font-size:30px}.uscc-result-grid{grid-template-columns:repeat(2,1fr)}.uscc-game h2{font-size:23px}.uscc-timer{font-size:20px}}

.uscc-profile{margin-bottom:18px}.uscc-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.uscc-section-head h2{margin:4px 0 18px;color:#12202b}.uscc-mini-button{border:1px solid #dbe3e8;background:#fff;border-radius:10px;padding:8px 11px;cursor:pointer;font-size:18px;color:#12202b}
.uscc-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.uscc-stats-grid div{background:#f4f7f9;border-radius:14px;padding:14px;text-align:center;min-width:0}.uscc-stats-grid strong{display:block;font-size:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uscc-stats-grid span{display:block;color:#61717b;font-size:12px;margin-top:5px}
.uscc-history{margin-bottom:18px}.uscc-history-list{display:grid;gap:8px}.uscc-history-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border:1px solid #e1e7eb;border-radius:13px;background:#fff}.uscc-history-item small{display:block;color:#6a7880;margin-top:4px;font-size:12px}.uscc-history-score{font-size:23px;font-weight:900;min-width:45px;text-align:right}.uscc-muted{color:#697880}
@media(max-width:800px){.uscc-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.uscc-stats-grid{grid-template-columns:repeat(2,1fr)}}

/* V1.4 visual refresh */
.uscc-wrap{max-width:940px;margin:42px auto 70px}
.uscc-hero{position:relative;overflow:hidden;padding:38px 40px;margin-bottom:24px;background:linear-gradient(135deg,#fff8dc 0%,#eef9ff 55%,#eaf7ef 100%);border:1px solid rgba(255,255,255,.9)}
.uscc-hero:before,.uscc-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.uscc-hero:before{width:220px;height:220px;right:-70px;top:-80px;background:rgba(255,196,72,.18)}.uscc-hero:after{width:150px;height:150px;left:-65px;bottom:-75px;background:rgba(65,170,190,.13)}
.uscc-hero>*{position:relative;z-index:1}.uscc-hero h1{font-size:44px;letter-spacing:-1px;margin:9px 0 10px}.uscc-hero p{font-size:16px;max-width:650px}
.uscc-card{padding:30px;margin-bottom:24px;border:1px solid rgba(220,228,234,.8)}
.uscc-settings-row{margin:20px 0 12px}.uscc-form-row label{min-width:210px}.uscc-form-row input[type=number]{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:10px;border:1px solid #ccd4dc;background:#fff;color:#12202b;font-size:16px}.uscc-form-row small{font-size:11px;font-weight:500;color:#71808a}
.uscc-presets{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:8px 0 24px;color:#63727b;font-size:12px}.uscc-preset{border:1px solid #dce4e9;background:#fff;color:#344650;border-radius:999px;padding:7px 11px;cursor:pointer}.uscc-preset:hover{border-color:#8da3af;background:#f7fafb}
.uscc-game{margin-top:8px}.uscc-question-image{display:block;width:auto;max-width:100%;max-height:330px;object-fit:contain;border-radius:16px;margin:0 auto 22px;box-shadow:0 5px 20px rgba(0,0,0,.08)}
.uscc-option{align-items:flex-start}.uscc-option-content{display:flex;flex-direction:column;gap:9px;line-height:1.45}.uscc-option-image{display:block;width:auto;max-width:100%;max-height:150px;object-fit:contain;border-radius:10px}
.uscc-history{margin-top:8px;margin-bottom:24px}.uscc-history-item{min-height:54px}
.uscc-mini-button{min-width:105px}.uscc-mini-button:disabled{opacity:.65}
@media(max-width:650px){.uscc-wrap{margin:20px auto 45px}.uscc-hero{padding:28px 22px}.uscc-hero h1{font-size:34px}.uscc-card{padding:22px}.uscc-form-row label{min-width:100%}.uscc-question-image{max-height:230px}.uscc-option-image{max-height:120px}}

/* V1.4.2 focused play view */
.uscc-game{scroll-margin-top:18px}.uscc-result{scroll-margin-top:18px}
.uscc-game .uscc-game-top{position:sticky;top:10px;z-index:5}
@media(max-width:650px){.uscc-game .uscc-game-top{top:5px}}

/* V1.5 gamification */
.uscc-record-card{margin-bottom:24px}.uscc-record-grid{display:grid;grid-template-columns:repeat(2,1fr) 2fr;gap:12px}.uscc-record-grid>div{background:#f4f7f9;border-radius:14px;padding:17px}.uscc-record-grid strong{display:block;font-size:27px}.uscc-record-grid span{display:block;color:#667681;font-size:12px;margin-top:4px}.uscc-record-message{display:flex;align-items:center;font-weight:700;line-height:1.45}
.uscc-badges{margin-bottom:24px}.uscc-badges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.uscc-badge-card{display:flex;gap:12px;align-items:center;padding:14px;border-radius:14px;border:1px solid #e0e6ea;background:#fff}.uscc-badge-card.is-earned{background:#f3fbf5;border-color:#b9ddc3}.uscc-badge-card.is-locked{opacity:.58}.uscc-badge-icon{font-size:34px;min-width:40px;text-align:center}.uscc-badge-card strong{display:block}.uscc-badge-card small{display:block;color:#65757f;font-size:11px;line-height:1.35;margin-top:3px}.uscc-badge-card em{display:block;font-style:normal;font-size:11px;font-weight:700;margin-top:5px}
.uscc-record-result{margin:0 0 16px;padding:15px;border-radius:14px;background:#fff7d9;text-align:left}.uscc-record-result strong{display:block}.uscc-record-result span{display:block;margin-top:4px;font-size:12px;color:#687680}
.uscc-new-badges{margin:0 0 18px;padding:15px;border-radius:14px;background:#edf9f0;text-align:left}.uscc-new-badge{display:flex;gap:10px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #cfe8d5}.uscc-new-badge>span:first-child{font-size:30px}.uscc-new-badge b,.uscc-new-badge small{display:block}.uscc-new-badge small{font-size:11px;color:#61717b;margin-top:2px}
@media(max-width:650px){.uscc-record-grid{grid-template-columns:1fr 1fr}.uscc-record-message{grid-column:1/-1}.uscc-badges-grid{grid-template-columns:1fr}}

/* V1.6 dashboard layout refresh
   Desktop: compact two-column dashboard. Mobile: natural single column. */
.uscc-wrap{max-width:1120px;margin:28px auto 60px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.9fr);grid-template-areas:
  "hero stats"
  "dashboard record"
  "dashboard badges"
  "history history";gap:18px;align-items:start}
.uscc-wrap>.uscc-area-hero{grid-area:hero;margin:0;min-height:220px}
.uscc-wrap>.uscc-area-stats{grid-area:stats;margin:0}
.uscc-wrap>.uscc-area-dashboard{grid-area:dashboard;margin:0}
.uscc-wrap>.uscc-area-record{grid-area:record;margin:0}
.uscc-wrap>.uscc-area-badges{grid-area:badges;margin:0}
.uscc-wrap>.uscc-area-history{grid-area:history;margin:0}
.uscc-wrap>.uscc-area-game{grid-area:game}
.uscc-wrap>.uscc-area-result{grid-area:result}

.uscc-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;position:relative;overflow:hidden;padding:32px 34px;background:linear-gradient(135deg,#fff7d9 0%,#edf9ff 54%,#eaf7ef 100%)}
.uscc-hero-copy{position:relative;z-index:2;max-width:700px}.uscc-hero h1{font-size:42px;line-height:1.05;margin:10px 0 12px;letter-spacing:-1.2px}.uscc-hero p{font-size:16px;line-height:1.55;margin:0;max-width:620px}.uscc-hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.uscc-hero-chips span{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.95);font-size:11px;font-weight:800}
.uscc-hero-orbit{position:relative;z-index:1;flex:0 0 145px;height:145px;border-radius:50%;background:rgba(255,255,255,.5);box-shadow:inset 0 0 0 14px rgba(255,255,255,.24);display:flex;align-items:center;justify-content:center;font-size:38px;transform:rotate(-8deg)}.uscc-hero-orbit:before{content:"";position:absolute;inset:17px;border:2px dashed rgba(75,105,125,.22);border-radius:50%}.uscc-hero-orbit b{font-size:48px;font-style:normal}.uscc-hero-orbit span,.uscc-hero-orbit i{position:absolute;font-style:normal;font-size:22px;background:#fff;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;box-shadow:0 5px 16px rgba(0,0,0,.08)}.uscc-hero-orbit span{top:3px;right:18px}.uscc-hero-orbit i{bottom:10px;left:5px}

.uscc-card{padding:24px;border-radius:18px}.uscc-section-head h2{font-size:19px;margin:3px 0 15px}.uscc-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.uscc-stats-grid div{padding:12px 8px;border-radius:12px}.uscc-stats-grid strong{font-size:21px}.uscc-stats-grid span{font-size:10px}
.uscc-dashboard-card{display:flex;flex-direction:column;justify-content:center;min-height:100%}.uscc-dashboard-card .uscc-stat{margin-bottom:8px}.uscc-dashboard-card .uscc-form-row{margin:18px 0 10px}.uscc-dashboard-card .uscc-presets{margin:8px 0 20px}
.uscc-record-grid{grid-template-columns:1fr 1fr;gap:8px}.uscc-record-grid>div{padding:14px;border-radius:12px}.uscc-record-message{grid-column:1/-1;font-size:13px}
.uscc-badges-grid{grid-template-columns:repeat(2,1fr);gap:8px}.uscc-badge-card{padding:10px;border-radius:12px;gap:8px}.uscc-badge-icon{font-size:28px;min-width:32px}.uscc-badge-card small{font-size:10px}.uscc-badge-card em{font-size:10px}
.uscc-history .uscc-section-head{margin-bottom:2px}.uscc-history-item{padding:11px 13px}.uscc-history-score{font-size:21px}

@media(max-width:900px){
  .uscc-wrap{grid-template-columns:1fr 1fr;grid-template-areas:"hero hero" "stats stats" "dashboard dashboard" "record badges" "history history"}
  .uscc-area-stats .uscc-stats-grid{grid-template-columns:repeat(6,1fr)}
}
@media(max-width:650px){
  .uscc-wrap{display:block;margin:18px auto 45px}.uscc-wrap>.uscc-card,.uscc-wrap>.uscc-hero{margin-bottom:14px}.uscc-hero{padding:25px 22px;min-height:0!important}.uscc-hero h1{font-size:34px}.uscc-hero-orbit{flex-basis:95px;height:95px}.uscc-hero-orbit b{font-size:36px}.uscc-hero-orbit span,.uscc-hero-orbit i{width:30px;height:30px;font-size:16px}.uscc-area-stats .uscc-stats-grid{grid-template-columns:repeat(3,1fr)}.uscc-record-grid,.uscc-badges-grid{grid-template-columns:1fr 1fr}
}

/* Focused play/result states still take the full dashboard width. */
.uscc-wrap.uscc-is-playing{grid-template-columns:1fr;grid-template-areas:"game"}.uscc-wrap.uscc-is-result{grid-template-columns:1fr;grid-template-areas:"result"}

/* V1.6.1 - closer to the UniversalScout dashboard composition */
.uscc-wrap{
  max-width:1240px;
  padding:20px 18px 42px;
  box-sizing:border-box;
  grid-template-columns:minmax(0,1.55fr) minmax(310px,.78fr);
  grid-template-areas:
    "hero sideintro"
    "dashboard stats"
    "history record"
    "history badges";
  gap:14px;
  background:linear-gradient(180deg,#f7fbff 0%,#f2f8fc 100%);
  border-radius:24px;
}
.uscc-wrap>.uscc-area-hero{grid-area:hero}
.uscc-wrap>.uscc-area-side-intro{grid-area:sideintro}
.uscc-wrap>.uscc-area-stats{grid-area:stats}
.uscc-wrap>.uscc-area-dashboard{grid-area:dashboard}
.uscc-wrap>.uscc-area-record{grid-area:record}
.uscc-wrap>.uscc-area-badges{grid-area:badges}
.uscc-wrap>.uscc-area-history{grid-area:history}

.uscc-hero{min-height:0;padding:30px 32px;border-radius:18px}
.uscc-hero h1{font-size:39px;margin:8px 0 9px}.uscc-hero p{font-size:14px;max-width:560px}
.uscc-hero-orbit{flex-basis:120px;height:120px}
.uscc-side-intro{display:grid;gap:12px}
.uscc-quote-card,.uscc-level-card{background:#fff;border:1px solid rgba(220,228,234,.8);border-radius:18px;padding:18px;box-shadow:0 8px 25px rgba(24,60,80,.06)}
.uscc-quote-card{position:relative;min-height:92px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#edf8ff,#f7fbff)}
.uscc-quote-card p{margin:0 22px;text-align:center;font-size:14px;font-weight:700;line-height:1.55;color:#173957}
.uscc-quote-mark{position:absolute;left:10px;top:2px;font-size:46px;font-weight:900;color:#8eabc1;line-height:1}.uscc-quote-end{left:auto;right:10px;top:auto;bottom:-15px}
.uscc-level-head{display:flex;gap:9px;align-items:center;color:#173957;font-size:15px}.uscc-level-head span{font-size:22px}
.uscc-level-body{display:flex;gap:12px;align-items:center;margin-top:10px}.uscc-level-medal{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#fff0a8,#ffe18a);font-size:29px;color:#8a6500;border:1px solid #f2d77a}
.uscc-level-copy{flex:1}.uscc-level-copy small{display:block;font-size:9px;letter-spacing:1px;color:#71808a}.uscc-level-copy b{display:block;font-size:18px;color:#142c3e}.uscc-level-bar{height:7px;border-radius:999px;background:#dfeaf2;margin:7px 0 5px;overflow:hidden}.uscc-level-bar i{display:block;height:100%;width:0%;background:#2f8bea;border-radius:inherit;transition:width .35s ease}.uscc-level-copy span{font-size:10px;color:#607483}.uscc-level-note{display:block;color:#72818b;font-size:10px;margin-top:7px}
.uscc-profile{height:100%;box-sizing:border-box}.uscc-profile .uscc-section-head{margin-bottom:0}.uscc-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.uscc-stats-grid div{padding:12px 7px}.uscc-stats-grid strong{font-size:20px}.uscc-stats-grid span{font-size:10px}
.uscc-dashboard-card{min-height:0;justify-content:flex-start;padding:25px}.uscc-dashboard-card .uscc-stat{font-size:16px}.uscc-dashboard-card .uscc-form-row{display:grid;grid-template-columns:1fr 1fr;margin:15px 0 9px;gap:12px}.uscc-dashboard-card .uscc-form-row label{min-width:0}.uscc-dashboard-card .uscc-presets{margin:7px 0 17px}.uscc-dashboard-card #uscc-start{align-self:center;min-width:260px}
.uscc-record-grid{grid-template-columns:1fr 1fr;gap:8px}.uscc-record-grid>div{padding:13px}.uscc-record-message{font-size:11px}
.uscc-badges-grid{grid-template-columns:repeat(3,1fr);gap:7px}.uscc-badge-card{padding:9px 7px;display:block;text-align:center}.uscc-badge-icon{font-size:27px;margin-bottom:4px}.uscc-badge-card strong{font-size:11px}.uscc-badge-card small{font-size:9px}.uscc-badge-card em{font-size:9px}
.uscc-history{margin-bottom:0}.uscc-history-item{padding:10px 13px;min-height:0}.uscc-history-score{font-size:20px}
@media(max-width:900px){
 .uscc-wrap{grid-template-columns:1fr 1fr;grid-template-areas:"hero hero" "sideintro sideintro" "dashboard stats" "history history" "record badges"}
 .uscc-area-side-intro{grid-area:sideintro;grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .uscc-wrap{display:block;padding:12px 10px 32px;border-radius:0}.uscc-wrap>.uscc-hero,.uscc-wrap>.uscc-card,.uscc-wrap>.uscc-side-intro{margin-bottom:12px}
 .uscc-side-intro{display:block}.uscc-quote-card{margin-bottom:12px}.uscc-dashboard-card .uscc-form-row{grid-template-columns:1fr 1fr}.uscc-badges-grid{grid-template-columns:repeat(2,1fr)}
}

/* V1.6.2 - visual polish: illustrated UniversalScout portal composition */
.uscc-wrap{max-width:1280px!important;padding:18px 20px 0!important;margin:18px auto 0!important;background:#f4f9fd!important;border-radius:28px!important;box-shadow:0 0 0 100vmax #f4f9fd;clip-path:inset(0 -100vmax);position:relative}
.uscc-wrap>.uscc-area-hero{position:relative;overflow:hidden;padding:0!important;min-height:318px!important;background:#eaf6fb!important;border-radius:20px!important;box-shadow:0 8px 28px rgba(24,60,80,.08)!important}
.uscc-hero-scene{position:absolute;inset:0;z-index:0}.uscc-hero-scene img{width:100%;height:100%;object-fit:cover;display:block}.uscc-hero-copy{position:absolute!important;left:34px;bottom:30px;z-index:2;max-width:590px;padding:18px 22px;border-radius:18px;background:rgba(11,42,61,.72);backdrop-filter:blur(3px);color:#fff}.uscc-hero-copy .uscc-eyebrow{color:#d9f1fa}.uscc-hero-copy h1{color:#fff!important;font-size:40px!important;margin:5px 0 7px!important;text-shadow:0 2px 5px rgba(0,0,0,.2)}.uscc-hero-copy p{color:#f5fbff!important;font-weight:600}.uscc-hero-chips span{background:rgba(255,255,255,.9)!important;color:#173957}
.uscc-hero-orbit{display:none!important}
.uscc-wrap>.uscc-area-side-intro{gap:12px}.uscc-quote-card{min-height:110px!important}.uscc-level-card{min-height:154px!important}
.uscc-wrap>.uscc-area-dashboard,.uscc-wrap>.uscc-area-stats,.uscc-wrap>.uscc-area-history,.uscc-wrap>.uscc-area-record,.uscc-wrap>.uscc-area-badges{box-shadow:0 7px 24px rgba(24,60,80,.06)!important;border:1px solid #e0eaf0}
.uscc-dashboard-card{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='160' viewBox='0 0 220 160'%3E%3Cpath d='M0 140Q45 105 85 135t75-2 60 7v20H0z' fill='%23eef8f1'/%3E%3Ccircle cx='182' cy='34' r='25' fill='%23fff4cf'/%3E%3C/svg%3E") bottom right/220px auto no-repeat!important}
.uscc-dashboard-card #uscc-start{background:linear-gradient(135deg,#1687f2,#2f6eea)!important;color:#fff!important;box-shadow:0 8px 18px rgba(47,110,234,.22);min-width:280px!important}
.uscc-feature-row{grid-area:features;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:0}.uscc-feature-card{min-height:98px;border-radius:18px;padding:16px 18px;display:flex;gap:12px;align-items:center;border:1px solid rgba(220,230,235,.85);box-shadow:0 7px 20px rgba(24,60,80,.05)}.uscc-feature-card strong{display:block;font-size:15px;color:#173957}.uscc-feature-card p{margin:5px 0 0;font-size:11px;line-height:1.45;color:#526976}.feature-blue{background:#eaf6ff}.feature-yellow{background:#fff7dc}.feature-green{background:#e9faf2}.feature-icon{font-size:33px;min-width:38px;text-align:center}
.uscc-scenic-footer{grid-column:1/-1;position:relative;min-height:190px;margin:0 -20px;border-radius:0 0 28px 28px;overflow:hidden;background:linear-gradient(180deg,#edf7fc 0%,#dfeef6 100%)}.uscc-scenic-footer img{position:absolute;left:0;right:0;bottom:0;width:100%;height:150px;object-fit:cover;object-position:center bottom}.uscc-footer-copy{position:absolute;left:40px;top:26px;z-index:2;color:#153752}.uscc-footer-copy strong{font-size:24px;line-height:1.1;display:block;font-style:italic}.uscc-footer-copy span{display:block;margin-top:12px;font-size:12px;font-weight:700}.uscc-footer-brand{position:absolute;right:35px;top:28px;z-index:2;text-align:right;color:#153752}.uscc-footer-brand b{display:block;font-size:17px}.uscc-footer-brand small{font-size:10px}
@media(min-width:901px){.uscc-wrap{grid-template-areas:"hero sideintro" "dashboard stats" "history record" "history badges" "features features"}.uscc-feature-row{margin-top:0}.uscc-scenic-footer{grid-area:footer}}
@media(max-width:900px){.uscc-feature-row{grid-template-columns:1fr}.uscc-scenic-footer{margin:0 -12px;border-radius:0 0 22px 22px}}
@media(max-width:650px){.uscc-wrap{padding:10px 10px 0!important;box-shadow:0 0 0 100vmax #f4f9fd}.uscc-wrap>.uscc-area-hero{min-height:270px!important}.uscc-hero-copy{left:16px;right:16px;bottom:16px;padding:14px 16px}.uscc-hero-copy h1{font-size:30px!important}.uscc-feature-card{min-height:84px}.uscc-scenic-footer{min-height:180px}.uscc-footer-copy{left:20px;top:22px}.uscc-footer-copy strong{font-size:19px}.uscc-footer-brand{right:20px;top:22px}}

/* V1.6.3 — Reference-faithful UniversalScout dashboard composition.
   Only presentation/layout rules are changed; quiz/data behavior remains untouched. */
.uscc-wrap{
  max-width:1280px!important;
  margin:24px auto 55px!important;
  padding:16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,2.05fr) minmax(315px,.82fr)!important;
  grid-template-areas:
    "hero sideintro"
    "dashboard stats"
    "history record"
    "history badges"
    "features features"
    "footer footer"!important;
  gap:14px!important;
  align-items:start!important;
  background:linear-gradient(180deg,#f6fbff 0%,#eef6fb 100%)!important;
  border-radius:24px!important;
  box-sizing:border-box!important;
}
.uscc-wrap>.uscc-area-hero{grid-area:hero!important;margin:0!important}
.uscc-wrap>.uscc-area-side-intro{grid-area:sideintro!important;margin:0!important}
.uscc-wrap>.uscc-area-dashboard{grid-area:dashboard!important;margin:0!important}
.uscc-wrap>.uscc-area-stats{grid-area:stats!important;margin:0!important}
.uscc-wrap>.uscc-area-history{grid-area:history!important;margin:0!important}
.uscc-wrap>.uscc-area-record{grid-area:record!important;margin:0!important}
.uscc-wrap>.uscc-area-badges{grid-area:badges!important;margin:0!important}
.uscc-wrap>.uscc-area-features{grid-area:features!important;margin:0!important}
.uscc-wrap>.uscc-scenic-footer{grid-area:footer!important;margin:0!important}

/* Exact reference hero art: image carries the illustrated composition. */
.uscc-reference-hero{padding:0!important;overflow:hidden!important;border-radius:18px!important;background:transparent!important;box-shadow:none!important}
.uscc-reference-hero-image{display:block;width:100%;height:auto;aspect-ratio:909/295;object-fit:cover;border-radius:18px!important}

/* Reference quote art, no duplicated text over the image. */
.uscc-reference-quote{padding:0!important;min-height:0!important;overflow:hidden!important;background:transparent!important;border-radius:18px!important}
.uscc-reference-quote img{display:block;width:100%;height:auto;aspect-ratio:327/163;object-fit:cover;border-radius:18px!important}

/* Match the mockup's generous white cards and restrained shadows. */
.uscc-card,.uscc-level-card,.uscc-quote-card{box-shadow:0 7px 22px rgba(26,62,83,.055)!important;border:1px solid #dfe8ee!important}
.uscc-dashboard-card{min-height:298px!important;padding:28px 30px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.uscc-dashboard-card .uscc-stat{font-size:14px;margin-bottom:20px!important}
.uscc-dashboard-card .uscc-settings-row{margin:0 0 10px!important}
.uscc-dashboard-card .uscc-presets{margin:8px 0 18px!important}
.uscc-dashboard-card #uscc-start{max-width:330px;margin:0 auto!important}
.uscc-profile{padding:22px!important}
.uscc-profile .uscc-section-head{margin-bottom:10px!important}
.uscc-stats-grid{gap:8px!important}
.uscc-stats-grid div{min-height:58px;padding:10px 6px!important;background:#f3f7fa!important;border-radius:12px!important}
.uscc-record-card,.uscc-badges{padding:22px!important}
.uscc-record-grid{gap:8px!important}
.uscc-badge-card{min-height:92px!important}

/* Feature strip like the supplied UniversalScout mockup. */
.uscc-feature-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
.uscc-feature-card{min-height:82px!important;padding:16px 18px!important;border:1px solid #dce8ee!important;border-radius:16px!important;display:flex!important;align-items:center!important;gap:13px!important;box-sizing:border-box!important;box-shadow:0 5px 16px rgba(24,60,80,.04)!important}
.uscc-feature-card .feature-icon{font-size:31px!important;line-height:1!important}
.uscc-feature-card strong{font-size:14px!important}
.uscc-feature-card p{font-size:10px!important;line-height:1.4!important;margin:4px 0 0!important;color:#5f7380!important}
.uscc-feature-card.feature-blue{background:#e9f5ff!important}
.uscc-feature-card.feature-yellow{background:#fff7df!important}
.uscc-feature-card.feature-green{background:#e8faf1!important}

/* Scenic closing strip: the supplied mockup's mountain/silhouette artwork. */
.uscc-scenic-footer{position:relative!important;min-height:125px!important;margin-top:2px!important;overflow:hidden!important;border-radius:18px!important;background:#dcecf5!important}
.uscc-scenic-footer>img{display:block!important;width:100%!important;height:125px!important;object-fit:cover!important;object-position:center bottom!important}
.uscc-footer-copy,.uscc-footer-brand{position:absolute!important;z-index:2!important}
.uscc-footer-copy{left:3.5%!important;top:27%!important;color:#17344a!important;display:flex!important;flex-direction:column!important;gap:15px!important}
.uscc-footer-copy strong{font-size:18px!important;line-height:1.15!important}
.uscc-footer-copy span{font-size:11px!important}
.uscc-footer-brand{right:3.5%!important;bottom:14%!important;color:#17344a!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important}
.uscc-footer-brand b{font-size:14px!important}.uscc-footer-brand small{font-size:10px!important}

/* Do not let the legacy play/result grid interfere with focused modes. */
.uscc-wrap.uscc-is-playing{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"game"!important}
.uscc-wrap.uscc-is-result{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"result"!important}

@media(max-width:900px){
  .uscc-wrap{grid-template-columns:1fr 1fr!important;grid-template-areas:"hero hero" "sideintro sideintro" "dashboard dashboard" "stats stats" "history history" "record badges" "features features" "footer footer"!important}
}
@media(max-width:650px){
  .uscc-wrap{display:block!important;padding:10px!important;margin:12px auto 35px!important}
  .uscc-wrap>.uscc-card,.uscc-wrap>.uscc-hero,.uscc-wrap>.uscc-side-intro,.uscc-wrap>.uscc-feature-row,.uscc-wrap>.uscc-scenic-footer{margin-bottom:12px!important}
  .uscc-feature-row{grid-template-columns:1fr!important}
  .uscc-reference-hero-image{aspect-ratio:1.6;object-fit:cover}
  .uscc-dashboard-card{min-height:0!important;padding:22px!important}
}

/* V1.7.0 — Focused worksheet / quiz arena */
.uscc-wrap.uscc-is-playing{
  max-width:1100px!important;
  margin:22px auto 50px!important;
  padding:18px!important;
  background:linear-gradient(180deg,#f7fbff,#eef6fb)!important;
  border-radius:24px!important;
}
.uscc-wrap.uscc-is-playing>.uscc-area-game{
  grid-area:game!important;
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:34px 42px 40px!important;
  border-radius:24px!important;
  box-shadow:0 14px 38px rgba(20,55,78,.10)!important;
}
.uscc-game .uscc-game-top{
  position:sticky!important;top:10px!important;
  padding:10px 0 12px!important;margin:-4px 0 25px!important;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(8px)!important;
  border-bottom:1px solid #e5edf2!important;
}
.uscc-game .uscc-pill{font-size:12px;padding:8px 11px}
.uscc-game .uscc-timer{font-size:28px;letter-spacing:.3px}
.uscc-game .uscc-question-meta{text-align:center;font-size:12px;margin:4px 0 12px}
.uscc-game h2#uscc-question{
  max-width:900px!important;margin:0 auto 24px!important;
  text-align:center!important;font-size:32px!important;line-height:1.35!important;
}
.uscc-game .uscc-question-image{
  width:auto!important;max-width:min(860px,100%)!important;max-height:430px!important;
  margin:0 auto 28px!important;border-radius:18px!important;
}
.uscc-game .uscc-options{
  max-width:900px!important;margin:0 auto!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;
}
.uscc-game .uscc-option{
  min-height:76px!important;padding:17px 18px!important;border-radius:16px!important;
  font-size:16px!important;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease!important;
}
.uscc-game .uscc-option:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 15px rgba(25,62,84,.06)}
.uscc-game .uscc-option-image{max-height:180px!important;border-radius:12px!important}
.uscc-game .uscc-feedback{max-width:900px!important;margin:18px auto 0!important;font-size:14px!important}
.uscc-game .uscc-next,.uscc-game .uscc-finish{
  display:block!important;min-width:210px!important;margin:18px auto 0!important;
}
.uscc-wrap.uscc-is-result{
  max-width:900px!important;display:block!important;
  margin:30px auto 60px!important;padding:0!important;background:transparent!important;
}
.uscc-wrap.uscc-is-result>.uscc-area-result{display:block!important;margin:0!important}

/* When an image is attached to an option, let that option breathe. */
.uscc-option-content{min-width:0!important}.uscc-option-content>span:last-child{display:block!important}

/* Reference dashboard should use the available parent width instead of leaving a narrow rail. */
.uscc-wrap:not(.uscc-is-playing):not(.uscc-is-result){width:100%!important}

/* Avoid the scenic footer becoming a detached floating object. */
.uscc-scenic-footer{width:100%!important;box-sizing:border-box!important}

/* Keep feature strip legible on smaller desktop widths. */
@media(max-width:900px){
  .uscc-game .uscc-options{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  .uscc-wrap.uscc-is-playing{padding:8px!important;margin:10px auto 30px!important}
  .uscc-wrap.uscc-is-playing>.uscc-area-game{padding:22px 16px 28px!important;border-radius:18px!important}
  .uscc-game .uscc-game-top{margin-bottom:20px}
  .uscc-game h2#uscc-question{font-size:25px!important}
  .uscc-game .uscc-question-image{max-height:280px!important}
  .uscc-game .uscc-option{min-height:64px!important;font-size:14px!important}
}

/* V1.7.1 — hard isolation for worksheet mode.
   Only the game may participate in layout while a session is active/result is shown. */
.uscc-wrap.uscc-is-playing,
.uscc-wrap.uscc-is-result{
  display:block!important;
  width:100%!important;
  max-width:1100px!important;
  box-sizing:border-box!important;
  margin:22px auto 50px!important;
  padding:18px!important;
}
.uscc-wrap.uscc-is-playing>.uscc-area-hero,
.uscc-wrap.uscc-is-playing>.uscc-area-side-intro,
.uscc-wrap.uscc-is-playing>.uscc-area-dashboard,
.uscc-wrap.uscc-is-playing>.uscc-area-stats,
.uscc-wrap.uscc-is-playing>.uscc-area-history,
.uscc-wrap.uscc-is-playing>.uscc-area-record,
.uscc-wrap.uscc-is-playing>.uscc-area-badges,
.uscc-wrap.uscc-is-playing>.uscc-area-features,
.uscc-wrap.uscc-is-playing>.uscc-scenic-footer,
.uscc-wrap.uscc-is-result>.uscc-area-hero,
.uscc-wrap.uscc-is-result>.uscc-area-side-intro,
.uscc-wrap.uscc-is-result>.uscc-area-dashboard,
.uscc-wrap.uscc-is-result>.uscc-area-stats,
.uscc-wrap.uscc-is-result>.uscc-area-history,
.uscc-wrap.uscc-is-result>.uscc-area-record,
.uscc-wrap.uscc-is-result>.uscc-area-badges,
.uscc-wrap.uscc-is-result>.uscc-area-features,
.uscc-wrap.uscc-is-result>.uscc-scenic-footer{
  display:none!important;
}
.uscc-wrap.uscc-is-playing>.uscc-area-game,
.uscc-wrap.uscc-is-result>.uscc-area-result{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0!important;
}
.uscc-wrap.uscc-is-playing>.uscc-area-game{
  min-height:0!important;
}
.uscc-wrap.uscc-is-playing>.uscc-area-game .uscc-options{
  width:100%!important;
}
@media(max-width:650px){
  .uscc-wrap.uscc-is-playing,
  .uscc-wrap.uscc-is-result{
    width:100%!important;
    margin:8px auto 30px!important;
    padding:8px!important;
  }
}

/* V1.7.2 — only the three requested visual corrections:
   1) remove non-functional hero carousel dots,
   2) make hero-side quote/level stack symmetrical,
   3) replace broken footer overlays with one clean scenic artwork. */
.uscc-reference-hero-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:909/295!important;
  object-fit:cover!important;
}
/* The side stack exactly fills the hero height; quote image keeps its complete artwork. */
.uscc-wrap>.uscc-area-side-intro{
  display:grid!important;
  grid-template-rows:1fr 1fr!important;
  gap:12px!important;
  height:100%!important;
  align-self:stretch!important;
}
.uscc-reference-quote{
  min-height:0!important;
  height:auto!important;
  display:flex!important;
  align-items:stretch!important;
}
.uscc-reference-quote img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:fill!important;
  border-radius:18px!important;
}
.uscc-wrap>.uscc-area-side-intro>.uscc-level-card{
  min-height:0!important;
  height:auto!important;
  box-sizing:border-box!important;
}
/* Footer is one coherent artwork. No competing SVG, absolute copy, or text overlays. */
.uscc-reference-footer{
  position:relative!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#dcecf5!important;
}
.uscc-reference-footer-image{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}
.uscc-reference-footer .uscc-footer-module{
  position:absolute!important;
  right:3.5%!important;
  top:18%!important;
  z-index:3!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  text-align:right!important;
  color:#153752!important;
  text-shadow:0 1px 1px rgba(255,255,255,.35)!important;
}
.uscc-reference-footer .uscc-footer-module b{font-size:14px!important;line-height:1.2!important}
.uscc-reference-footer .uscc-footer-module small{font-size:9px!important;margin-top:3px!important}
.uscc-reference-footer .uscc-footer-copy{display:none!important}
.uscc-reference-footer>img:not(.uscc-reference-footer-image){display:none!important}

@media(max-width:900px){
  .uscc-wrap>.uscc-area-side-intro{height:auto!important;grid-template-rows:1fr 1fr!important}
}
@media(max-width:650px){
  .uscc-wrap>.uscc-area-side-intro{display:block!important;height:auto!important}
  .uscc-wrap>.uscc-area-side-intro>.uscc-level-card{margin-top:12px!important}
  .uscc-reference-footer .uscc-footer-module{right:5%!important;top:12%!important}
  .uscc-reference-footer .uscc-footer-module b{font-size:11px!important}
  .uscc-reference-footer .uscc-footer-module small{font-size:8px!important}
}

/* V1.7.3 — final reference-art cleanup only.
   Fixes visible remnants in the quote/footer artwork. */
.uscc-reference-quote img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:18px!important;
}
.uscc-reference-footer{
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
}
.uscc-reference-footer-image{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}
.uscc-reference-footer .uscc-footer-module,
.uscc-reference-footer .uscc-footer-copy{
  display:none!important;
}

/* V1.7.4 — footer only.
   Restore the complete scenic footer composition from the approved visual reference. */
.uscc-reference-footer{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:transparent!important;
  line-height:0!important;
}
.uscc-reference-footer-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}
.uscc-reference-footer .uscc-footer-module,
.uscc-reference-footer .uscc-footer-copy{
  display:none!important;
}

/* V1.7.5 — footer-only correction: show the complete scenic artwork from its top edge. */
.uscc-reference-footer{display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:18px!important;background:transparent!important;line-height:0!important;}
.uscc-reference-footer-image{display:block!important;position:relative!important;width:100%!important;height:auto!important;aspect-ratio:1044/197!important;max-height:none!important;min-height:0!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center center!important;}

/* V2.0.0 — game modes UI only */
.uscc-mode-picker{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:0 0 10px;
}
.uscc-mode-choice{
  appearance:none;
  border:1px solid #d9e4ec;
  background:#fff;
  border-radius:14px;
  padding:11px 12px;
  text-align:left;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.uscc-mode-choice:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(19,55,82,.07)}
.uscc-mode-choice.is-active{border-color:#3e82ed;background:#eef6ff;box-shadow:0 4px 12px rgba(62,130,237,.12)}
.uscc-mode-choice strong{display:block;font-size:13px;line-height:1.25;color:#153752}
.uscc-mode-choice small{display:block;margin-top:3px;color:#6d8496;font-size:10px}
.uscc-mode-note{font-size:11px;color:#6d8496;margin:0 0 14px}
.uscc-mode-choice:disabled{opacity:.6}
@media(max-width:800px){
  .uscc-mode-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .uscc-mode-picker{grid-template-columns:1fr}
}

/* V2.1.0 — category challenge UI */
.uscc-category-wrap{margin:0 0 14px;max-width:100%}
.uscc-category-wrap label{display:block;font-weight:600;font-size:13px;color:#153752}
.uscc-category-wrap select{
  display:block;width:100%;margin-top:7px;padding:11px 13px;
  border:1px solid #d9e4ec;border-radius:12px;background:#fff;
  color:#153752;font:inherit;box-sizing:border-box;
}
.uscc-category-wrap small{display:block;margin-top:4px;color:#6d8496;font-size:10px;font-weight:400}

.uscc-result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}.uscc-button-secondary{background:#fff!important;color:#1769aa!important;border:1px solid #cfe0eb!important}.uscc-result-detail{margin-top:24px;text-align:left;border-top:1px solid #e4ebef;padding-top:22px}.uscc-result-detail h3{margin:0;font-size:22px}.uscc-detail-list{display:grid;gap:14px}.uscc-detail-item{padding:18px;border:1px solid #e0e8ed;border-radius:16px;background:#fff}.uscc-detail-item.is-correct{border-left:5px solid #3a9b6d}.uscc-detail-item.is-wrong{border-left:5px solid #df6b6b}.uscc-detail-item.is-unanswered{border-left:5px solid #a7b4bb}.uscc-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.uscc-detail-status{font-weight:800;font-size:13px}.uscc-detail-meta{font-size:12px;color:#6a7880;margin:6px 0 12px}.uscc-detail-question{font-size:17px;line-height:1.6;font-weight:700;margin:12px 0 16px}.uscc-detail-question-image{display:block;max-width:100%;max-height:280px;object-fit:contain;border-radius:12px;margin:10px auto 14px}.uscc-detail-answer{display:grid;grid-template-columns:1fr 1fr;gap:10px}.uscc-detail-answer>div{padding:12px;border-radius:12px;background:#f5f8fa}.uscc-detail-answer small,.uscc-detail-explanation small{display:block;color:#687780;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.04em;margin-bottom:5px}.uscc-detail-answer strong{display:block;line-height:1.45}.uscc-detail-explanation{margin-top:10px;padding:13px 14px;border-radius:12px;background:#fff8dc}.uscc-detail-explanation p{margin:4px 0 0;line-height:1.55}.uscc-history-actions{display:flex;align-items:center;gap:10px}.uscc-history-detail{border:0;background:#eef6fb;color:#1769aa;border-radius:10px;padding:7px 10px;font-weight:700;cursor:pointer}.uscc-history-detail:hover{background:#dceef9}@media(max-width:650px){.uscc-detail-answer{grid-template-columns:1fr}.uscc-history-actions{flex-direction:column;align-items:flex-end}}


/* V2.3.0 — daily challenge consistency card. No gameplay layout changes. */
.uscc-daily-card{grid-column:1 / -1}
.uscc-daily-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.uscc-daily-grid>div{padding:14px;border:1px solid #e1eaf0;border-radius:14px;background:#f8fbfd;text-align:center}
.uscc-daily-grid strong{display:block;font-size:25px;line-height:1.1;color:#1769aa}
.uscc-daily-grid span{display:block;margin-top:5px;color:#6d7e88;font-size:11px}
.uscc-daily-status{margin-top:10px;padding:12px 14px;border-radius:12px;background:#eef7ff;color:#315a73;font-size:12px;line-height:1.5}
@media(max-width:650px){.uscc-daily-grid{grid-template-columns:1fr}.uscc-daily-grid>div{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px}.uscc-daily-grid span{margin-top:0}}


/* V2.4.0 — personal knowledge map. Uses existing per-member category stats; no shared leaderboard data. */
.uscc-knowledge-map{margin-top:18px;padding-top:18px;border-top:1px solid #e4edf2}
.uscc-knowledge-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.uscc-knowledge-head strong{display:block;font-size:14px;color:#153752}
.uscc-knowledge-head small{display:block;margin-top:3px;color:#6d8496;font-size:10px;line-height:1.45}
.uscc-knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.uscc-knowledge-item{padding:10px 11px;border:1px solid #e1eaf0;border-radius:12px;background:#fbfdfe}
.uscc-knowledge-title{display:flex;align-items:center;gap:7px;min-width:0}
.uscc-knowledge-title>span{font-size:18px;flex:0 0 auto}
.uscc-knowledge-title strong{font-size:11px;color:#29495e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.uscc-knowledge-title em{font-style:normal;font-size:9px;font-weight:800;color:#6d8496;white-space:nowrap}
.uscc-knowledge-item.is-active .uscc-knowledge-title em{color:#1769aa}
.uscc-knowledge-bar{height:6px;border-radius:999px;background:#e9f0f4;overflow:hidden;margin:8px 0 5px}
.uscc-knowledge-bar i{display:block;height:100%;border-radius:inherit;background:#5b9ee8;min-width:0}
.uscc-knowledge-meta{display:flex;justify-content:space-between;gap:8px;color:#7a8b95;font-size:9px}
.uscc-knowledge-meta b{color:#29495e}
@media(max-width:650px){.uscc-knowledge-grid{grid-template-columns:1fr}}

/* V2.4.0 — expose the existing category challenge mode in the picker. */
.uscc-mode-picker{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:900px){.uscc-mode-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.uscc-mode-picker{grid-template-columns:1fr}}

.uscc-leaderboard{margin-bottom:24px}.uscc-leaderboard-note{padding:12px 14px;border-radius:12px;background:#eef7ff;color:#315a73;font-size:12px;line-height:1.5;margin-bottom:10px}.uscc-my-rank{padding:11px 14px;border-radius:12px;background:#fff7d9;font-weight:700;font-size:12px;margin-bottom:10px}.uscc-leaderboard-list{display:grid;gap:8px}.uscc-leaderboard-item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:11px 13px;border:1px solid #e0e7eb;border-radius:13px;background:#fff}.uscc-leaderboard-item.is-top{background:#f8fbff}.uscc-leaderboard-rank{text-align:center;font-size:20px;font-weight:800}.uscc-leaderboard-person strong{display:block;font-size:13px}.uscc-leaderboard-person small{display:block;color:#6b7a83;font-size:10px;margin-top:3px}.uscc-leaderboard-score{text-align:right}.uscc-leaderboard-score strong{display:block;font-size:20px}.uscc-leaderboard-score small{display:block;color:#6b7a83;font-size:9px}.uscc-leaderboard{grid-column:1 / -1}@media(max-width:650px){.uscc-leaderboard-item{grid-template-columns:40px 1fr auto}.uscc-leaderboard-rank{font-size:17px}}


/* V2.8.1 — footer placement + UniversalScout footer branding.
   Presentation-only correction. Existing gameplay/data behavior unchanged. */
@media(min-width:901px){
  .uscc-wrap{
    grid-template-areas:
      "hero sideintro"
      "dashboard stats"
      "history record"
      "history badges"
      "daily daily"
      "leaderboard leaderboard"
      "features features"
      "footer footer"!important;
  }
  .uscc-wrap>.uscc-area-daily{grid-area:daily!important;margin:0!important}
  .uscc-wrap>.uscc-area-leaderboard{grid-area:leaderboard!important;margin:0!important}
  .uscc-wrap>.uscc-area-features{grid-area:features!important;margin:0!important}
  .uscc-wrap>.uscc-scenic-footer{grid-area:footer!important;margin:0!important}
}
@media(max-width:900px){
  .uscc-wrap{
    grid-template-areas:
      "hero hero"
      "sideintro sideintro"
      "dashboard dashboard"
      "stats stats"
      "history history"
      "record badges"
      "daily daily"
      "leaderboard leaderboard"
      "features features"
      "footer footer"!important;
  }
  .uscc-wrap>.uscc-area-daily{grid-area:daily!important}
  .uscc-wrap>.uscc-area-leaderboard{grid-area:leaderboard!important}
  .uscc-wrap>.uscc-area-features{grid-area:features!important}
  .uscc-wrap>.uscc-scenic-footer{grid-area:footer!important}
}
@media(max-width:650px){
  .uscc-wrap{display:block!important}
  .uscc-wrap>.uscc-area-daily,
  .uscc-wrap>.uscc-area-leaderboard,
  .uscc-wrap>.uscc-area-features,
  .uscc-wrap>.uscc-scenic-footer{margin-bottom:12px!important}
}
.uscc-reference-footer-image{width:100%!important;height:auto!important;object-fit:contain!important;object-position:center center!important}

/* V2.8.2 — compact UniversalScout footer branding + scenic leaderboard backdrop.
   Presentation-only. Existing game/data behavior remains untouched. */
.uscc-scenic-footer{overflow:hidden!important}
.uscc-reference-footer-image{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center center!important}
.uscc-leaderboard{position:relative!important;overflow:visible!important;background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.99) 42%,#fff 100%)!important}
.uscc-leaderboard:before{content:"";position:absolute;left:0;right:0;top:0;height:112px;background-image:linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.78) 88%,rgba(255,255,255,1) 100%),url('../images/uscc-reference-footer.png');background-repeat:no-repeat;background-position:center top;background-size:100% auto;opacity:.72;pointer-events:none;border-radius:18px 18px 0 0;z-index:0}
.uscc-leaderboard>*{position:relative;z-index:1}
@media(max-width:650px){.uscc-leaderboard:before{height:90px;background-size:auto 90px;background-position:center top}}


/* V2.8.3 — unified scenic footer composition.
   The landscape is ONE background layer that rises naturally behind the feature strip
   and continues into the footer. No second image/card is used. */
.uscc-wrap{position:relative!important;isolation:isolate!important}
.uscc-wrap:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:245px;
  background-image:url('../images/uscc-scenic-background-clean.png');
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:100% auto;
  pointer-events:none;
  z-index:0;
}
.uscc-wrap>*{position:relative;z-index:1}
.uscc-scenic-footer{
  min-height:158px!important;
  margin:0!important;
  border-radius:0 0 28px 28px!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  display:block!important;
}
.uscc-scenic-footer .uscc-footer-branding{
  position:absolute!important;
  left:28px!important;
  bottom:20px!important;
  width:155px!important;
  z-index:3!important;
}
.uscc-scenic-footer .uscc-footer-branding img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left bottom!important;
}
.uscc-footer-message{
  position:absolute!important;
  left:50%!important;
  bottom:25px!important;
  transform:translateX(-50%)!important;
  z-index:3!important;
  color:#fff!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-shadow:0 1px 3px rgba(0,0,0,.22)!important;
}
.uscc-footer-message strong{font-size:12px!important;line-height:1.35!important;font-weight:500!important}
.uscc-footer-corner{
  position:absolute!important;
  right:28px!important;
  bottom:23px!important;
  z-index:3!important;
  color:#fff!important;
  text-align:right!important;
  text-shadow:0 1px 3px rgba(0,0,0,.22)!important;
}
.uscc-footer-corner b{display:block!important;font-size:14px!important;line-height:1.2!important}
.uscc-footer-corner small{display:block!important;margin-top:4px!important;font-size:9px!important;opacity:.9!important}
/* The scenic layer owns the visual transition; the old standalone footer image is no longer rendered. */
.uscc-reference-footer-image{display:none!important}
.uscc-feature-row{position:relative!important;z-index:2!important}
.uscc-feature-card{position:relative!important;z-index:3!important}
.uscc-leaderboard{position:relative!important;z-index:3!important}
@media(max-width:900px){
  .uscc-wrap:after{height:220px;background-size:auto 220px;background-position:center bottom}
  .uscc-scenic-footer{min-height:150px!important}
}
@media(max-width:650px){
  .uscc-wrap:after{height:210px;background-size:auto 210px;background-position:center bottom}
  .uscc-scenic-footer{min-height:150px!important}
  .uscc-scenic-footer .uscc-footer-branding{left:16px!important;bottom:18px!important;width:118px!important}
  .uscc-footer-message{bottom:18px!important;max-width:42%!important;white-space:normal!important}
  .uscc-footer-message strong{font-size:9px!important}
  .uscc-footer-corner{right:16px!important;bottom:18px!important}
  .uscc-footer-corner b{font-size:11px!important}
  .uscc-footer-corner small{font-size:8px!important}
}
/* Focused play/result views should stay clean and never inherit the dashboard landscape. */
.uscc-wrap.uscc-is-playing:after,.uscc-wrap.uscc-is-result:after{display:none!important}


/* V2.8.3 FINAL — one landscape, no separate leaderboard image/card artwork. */
.uscc-leaderboard:before{display:none!important}
.uscc-leaderboard{background:#fff!important}
.uscc-scenic-footer{background:transparent!important}

/* v2.9.0 — badge progress: additive only, preserves existing badge layout. */
.uscc-badge-copy{min-width:0;flex:1}.uscc-badge-progress{height:5px;background:#e7eef3;border-radius:999px;overflow:hidden;margin-top:7px}.uscc-badge-progress i{display:block;height:100%;width:0;background:#2f7df4;border-radius:999px;transition:width .25s ease}.uscc-badge-card.is-earned .uscc-badge-progress i{background:#38a169}.uscc-badge-card em{white-space:normal}

/* V2.10.0 — member performance trend. Additive, no schema changes. */
.uscc-performance{margin-top:14px;padding-top:14px;border-top:1px solid #edf2f5}.uscc-performance-head{align-items:center}.uscc-performance-trend{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;background:#eef7ff;color:#2365a6;font-size:10px;font-weight:800;white-space:nowrap}.uscc-performance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.uscc-performance-summary>div{padding:10px 9px;border:1px solid #e5edf2;border-radius:12px;background:#fbfdff;text-align:center}.uscc-performance-summary strong{display:block;font-size:18px;color:#173957}.uscc-performance-summary span{display:block;margin-top:3px;font-size:9px;color:#71818b}.uscc-performance-chart{height:126px;display:flex;align-items:flex-end;gap:7px;padding:10px 10px 4px;border:1px solid #e5edf2;border-radius:13px;background:linear-gradient(180deg,#fbfdff 0%,#f4f9fc 100%);overflow:hidden}.uscc-performance-bar-wrap{height:100%;min-width:22px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px}.uscc-performance-score{font-size:8px;font-weight:800;color:#356078;line-height:1}.uscc-performance-bar{width:100%;height:82px;display:flex;align-items:flex-end;justify-content:center}.uscc-performance-bar i{display:block;width:min(26px,100%);min-height:3px;border-radius:6px 6px 2px 2px;background:#5a9eea;box-shadow:0 2px 6px rgba(42,111,170,.14)}.uscc-performance-bar-wrap small{font-size:8px;color:#7b8b95}.uscc-performance-chart .uscc-muted{margin:auto;font-size:10px}@media(max-width:650px){.uscc-performance-summary{grid-template-columns:repeat(3,1fr)}.uscc-performance-chart{gap:4px;height:112px}.uscc-performance-bar-wrap{min-width:16px}.uscc-performance-score{font-size:7px}.uscc-performance-bar i{width:16px}}


/* V2.11.0 — smart practice recommendation. Additive member guidance; no schema changes. */
.uscc-practice-recommendation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:14px;padding:14px 15px;border:1px solid #dcebf4;border-radius:15px;background:linear-gradient(135deg,#f6fbff 0%,#eef8f4 100%)}
.uscc-practice-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#fff;font-size:21px;box-shadow:0 3px 10px rgba(36,76,96,.08)}
.uscc-practice-copy strong{display:block;font-size:13px;color:#173957}.uscc-practice-copy p{margin:4px 0 0;font-size:10px;line-height:1.5;color:#627681}.uscc-practice-copy .uscc-eyebrow{margin-bottom:3px}.uscc-practice-recommendation .uscc-mini-button{white-space:nowrap}
@media(max-width:650px){.uscc-practice-recommendation{grid-template-columns:auto minmax(0,1fr);}.uscc-practice-recommendation .uscc-mini-button{grid-column:1 / -1;width:100%}}

/* V2.12.0 — polished dashboard composition.
   Presentation-only restructure: same IDs/data/actions, but columns flow independently
   so the long right sidebar can never create a giant empty gap beside the main content. */
.uscc-wrap{
  width:min(1180px, calc(100% - 36px))!important;
  max-width:none!important;
  margin:24px auto 0!important;
  padding:0!important;
  display:block!important;
  position:relative!important;
  isolation:isolate!important;
  color:#102b43!important;
}
.uscc-wrap:before{
  content:"";
  position:absolute!important;
  z-index:-2!important;
  top:-80px!important;
  bottom:-20px!important;
  left:50%!important;
  width:100vw!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(180deg,#eef8fc 0%,#f7fbfd 45%,#edf7fb 100%)!important;
  pointer-events:none!important;
}
.uscc-wrap:after{
  height:470px!important;
  bottom:0!important;
  left:50%!important;
  right:auto!important;
  width:100vw!important;
  transform:translateX(-50%)!important;
  background-size:cover!important;
  background-position:center bottom!important;
  opacity:1!important;
  z-index:0!important;
}

/* Top navigation / portal bar */
.uscc-topbar{
  min-height:66px!important;
  margin:0 0 16px!important;
  padding:8px 12px 8px 18px!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(210,228,238,.9)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 7px 24px rgba(26,62,83,.055)!important;
  backdrop-filter:blur(10px)!important;
  position:relative!important;
  z-index:5!important;
}
.uscc-topbar-brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;text-decoration:none!important}
.uscc-topbar-brand img{
  display:block!important;
  width:142px!important;
  height:58px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:brightness(0) saturate(100%)!important;
}
.uscc-topbar-nav{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;flex:1 1 auto!important}
.uscc-topbar-nav a{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:38px!important;
  padding:0 11px!important;
  border-radius:11px!important;
  color:#173a59!important;
  text-decoration:none!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  transition:.18s ease!important;
}
.uscc-topbar-nav a:hover{background:#f0f7fb!important;color:#126fe5!important}
.uscc-topbar-nav a.is-active{background:#e8f3ff!important;color:#126fe5!important;box-shadow:inset 0 0 0 1px #d8eaff!important}
.uscc-topbar-tools{display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important}
.uscc-topbar-tools>button{
  position:relative!important;
  width:36px!important;height:36px!important;
  display:grid!important;place-items:center!important;
  border:1px solid #d8e7ef!important;
  border-radius:50%!important;
  background:#f8fcfe!important;
  color:#123b5d!important;
  font-size:18px!important;
  padding:0!important;
  cursor:pointer!important;
}
.uscc-topbar-tools>button i{position:absolute!important;right:1px!important;top:1px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#e94d5f!important;border:2px solid #fff!important}
.uscc-topbar-user{display:flex!important;align-items:center!important;gap:7px!important;padding:4px 7px 4px 4px!important;min-width:0!important}
.uscc-avatar{width:34px!important;height:34px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#fff3df!important;font-size:18px!important;flex:0 0 auto!important}
.uscc-topbar-user span:nth-child(2){display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.1!important}
.uscc-topbar-user small{font-size:8px!important;color:#6f8493!important}
.uscc-topbar-user strong{max-width:125px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;color:#153752!important}
.uscc-topbar-user>b{font-size:14px!important;color:#6b8090!important;margin-left:2px!important}

/* Independent left/right streams — fixes the giant vertical gap. */
.uscc-dashboard-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.9fr) minmax(300px,.82fr)!important;
  gap:16px!important;
  align-items:start!important;
  position:relative!important;
  z-index:2!important;
}
.uscc-main-column,.uscc-side-column{min-width:0!important;display:flex!important;flex-direction:column!important;gap:14px!important}
.uscc-main-column>.uscc-card,.uscc-main-column>.uscc-hero,
.uscc-side-column>.uscc-card,.uscc-side-column>.uscc-side-intro{margin:0!important}

/* Hero and side intro become one visual row, without forcing row heights. */
.uscc-reference-hero{width:100%!important;border-radius:18px!important;overflow:hidden!important}
.uscc-reference-hero-image{width:100%!important;height:auto!important;aspect-ratio:909/295!important;object-fit:cover!important;border-radius:18px!important}
.uscc-side-intro{display:flex!important;flex-direction:column!important;gap:12px!important;height:auto!important}
.uscc-side-intro .uscc-quote-card{margin:0!important;min-height:0!important;height:auto!important}
.uscc-reference-quote img{width:100%!important;height:auto!important;aspect-ratio:303/163!important;object-fit:cover!important;border-radius:17px!important}
.uscc-side-intro .uscc-level-card{margin:0!important;min-height:0!important;height:auto!important}

/* Cards: clean, airy, consistent with the supplied reference. */
.uscc-dashboard-card,.uscc-knowledge-card,.uscc-history,.uscc-daily-card,.uscc-leaderboard,
.uscc-profile,.uscc-record-card,.uscc-badges{
  border-radius:17px!important;
  background:rgba(255,255,255,.97)!important;
  border:1px solid #dce8ef!important;
  box-shadow:0 7px 22px rgba(26,62,83,.055)!important;
  box-sizing:border-box!important;
}
.uscc-dashboard-card{min-height:0!important;padding:22px 24px!important;justify-content:flex-start!important}
.uscc-dashboard-card .uscc-stat{margin-bottom:13px!important}
.uscc-dashboard-card .uscc-form-row{margin:11px 0 9px!important}
.uscc-dashboard-card .uscc-presets{margin:7px 0 16px!important}
.uscc-dashboard-card #uscc-start{min-height:42px!important;max-width:300px!important}
.uscc-mode-picker{gap:7px!important}
.uscc-mode-choice{min-height:55px!important;padding:9px 8px!important;border-radius:11px!important}
.uscc-mode-choice strong{font-size:11px!important}
.uscc-mode-choice small{font-size:9px!important}

/* Knowledge map is intentionally its own left-column card. */
.uscc-knowledge-card{padding:17px 18px!important}
.uscc-knowledge-card .uscc-knowledge-map{margin:0!important;padding:0!important;border:0!important}
.uscc-knowledge-card .uscc-knowledge-head{margin-bottom:10px!important}
.uscc-text-link{border:0!important;background:transparent!important;color:#1474df!important;font-size:10px!important;font-weight:800!important;padding:4px 5px!important;cursor:pointer!important;white-space:nowrap!important}
.uscc-knowledge-card .uscc-knowledge-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.uscc-knowledge-card .uscc-knowledge-item{min-width:0!important;padding:9px!important;background:#fbfdff!important}
.uscc-knowledge-card .uscc-practice-recommendation{margin-top:10px!important;padding:10px 12px!important;grid-template-columns:auto minmax(0,1fr) auto!important}
.uscc-knowledge-card .uscc-practice-icon{width:34px!important;height:34px!important;font-size:18px!important}
.uscc-knowledge-card .uscc-practice-copy strong{font-size:11px!important}
.uscc-knowledge-card .uscc-practice-copy p{font-size:9px!important}

/* Stats sidebar: compact but readable. */
.uscc-profile{padding:17px!important}
.uscc-profile .uscc-section-head{margin-bottom:8px!important}
.uscc-profile .uscc-section-head h2{font-size:15px!important;margin:3px 0 12px!important}
.uscc-stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
.uscc-stats-grid div{min-height:54px!important;padding:9px 5px!important;border-radius:10px!important}
.uscc-stats-grid strong{font-size:18px!important}
.uscc-stats-grid span{font-size:9px!important}
.uscc-performance{margin-top:11px!important;padding-top:11px!important}
.uscc-performance-head{margin-bottom:6px!important}
.uscc-performance-head strong{font-size:11px!important}
.uscc-performance-head small{font-size:8px!important}
.uscc-performance-summary{gap:6px!important;margin:7px 0!important}
.uscc-performance-summary>div{padding:8px 5px!important;border-radius:9px!important}
.uscc-performance-summary strong{font-size:16px!important}
.uscc-performance-summary span{font-size:8px!important}
.uscc-performance-chart{height:108px!important;border-radius:10px!important}

/* Right-side record and badges stack independently. */
.uscc-record-card,.uscc-badges{padding:17px!important}
.uscc-record-card .uscc-section-head h2,.uscc-badges .uscc-section-head h2{font-size:15px!important;margin:3px 0 12px!important}
.uscc-record-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
.uscc-record-grid>div{padding:11px!important;border-radius:10px!important}
.uscc-record-grid strong{font-size:22px!important}
.uscc-record-grid span{font-size:9px!important}
.uscc-record-message{grid-column:1/-1!important;font-size:10px!important;padding:9px!important}
.uscc-badges-grid{grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
.uscc-badge-card{min-height:84px!important;padding:8px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:4px!important;text-align:center!important;border-radius:10px!important}
.uscc-badge-icon{font-size:24px!important;min-width:0!important}
.uscc-badge-copy strong{font-size:9px!important;line-height:1.2!important}
.uscc-badge-copy small{font-size:7px!important;line-height:1.25!important}
.uscc-badge-copy em{font-size:7px!important}
.uscc-badge-progress{height:4px!important}

/* Lower main column remains contiguous — no giant empty middle. */
.uscc-history,.uscc-daily-card,.uscc-leaderboard{padding:17px 18px!important}
.uscc-history .uscc-section-head h2,.uscc-daily-card .uscc-section-head h2,.uscc-leaderboard .uscc-section-head h2{font-size:15px!important;margin:3px 0 12px!important}
.uscc-history-item{padding:9px 11px!important;min-height:48px!important;border-radius:10px!important}
.uscc-history-item small{font-size:9px!important}
.uscc-history-score{font-size:18px!important}
.uscc-history-detail{font-size:9px!important;padding:6px 8px!important}
.uscc-daily-card .uscc-daily-grid{gap:7px!important}
.uscc-daily-grid>div{padding:11px!important;border-radius:10px!important}
.uscc-daily-grid strong{font-size:21px!important}
.uscc-daily-grid span{font-size:9px!important}
.uscc-daily-status{font-size:9px!important;padding:9px 11px!important}
.uscc-leaderboard{margin-bottom:0!important}
.uscc-leaderboard-note{font-size:9px!important;padding:9px 11px!important}
.uscc-leaderboard-item{padding:8px 10px!important;border-radius:10px!important}
.uscc-leaderboard-person strong{font-size:10px!important}.uscc-leaderboard-person small{font-size:8px!important}
.uscc-leaderboard-score strong{font-size:17px!important}.uscc-leaderboard-score small{font-size:7px!important}

/* Feature strip floats naturally above the scenic layer. */
.uscc-feature-row{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:0!important;position:relative!important;z-index:3!important}
.uscc-feature-card{min-height:72px!important;padding:12px 14px!important;border-radius:13px!important}
.uscc-feature-card .feature-icon{font-size:25px!important}
.uscc-feature-card strong{font-size:11px!important}.uscc-feature-card p{font-size:8px!important}

/* Footer becomes transparent so the landscape is the page background, not a box. */
.uscc-scenic-footer{
  min-height:180px!important;
  height:180px!important;
  margin:0!important;
  border-radius:0 0 18px 18px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
  z-index:2!important;
}
.uscc-scenic-footer .uscc-footer-branding{left:18px!important;bottom:20px!important;width:150px!important}
.uscc-footer-message{bottom:21px!important;font-size:10px!important}
.uscc-footer-message strong{font-size:11px!important}
.uscc-footer-corner{right:18px!important;bottom:20px!important}
.uscc-footer-corner b{font-size:12px!important}.uscc-footer-corner small{font-size:8px!important}

/* Focused play/result views: keep the existing clean worksheet behavior. */
.uscc-wrap.uscc-is-playing,.uscc-wrap.uscc-is-result{
  width:min(1100px,calc(100% - 36px))!important;
  max-width:1100px!important;
  margin:22px auto 50px!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-areas:"game"!important;
}
.uscc-wrap.uscc-is-result{grid-template-areas:"result"!important}
.uscc-wrap.uscc-is-playing:before,.uscc-wrap.uscc-is-result:before{display:none!important}

@media(max-width:1050px){
  .uscc-topbar{gap:10px!important}.uscc-topbar-nav a{padding:0 7px!important;font-size:10px!important}.uscc-topbar-nav a span{display:none!important}
  .uscc-topbar-brand img{width:125px!important}
  .uscc-dashboard-layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,.9fr)!important}
}
@media(max-width:900px){
  .uscc-wrap{width:min(100% - 24px,760px)!important;margin-top:12px!important}
  .uscc-dashboard-layout{grid-template-columns:1fr!important}
  .uscc-side-column{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;align-items:start!important}
  .uscc-side-column .uscc-area-stats{grid-column:1/-1!important}
  .uscc-side-column .uscc-side-intro{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
  .uscc-side-column .uscc-area-record,.uscc-side-column .uscc-area-badges{min-width:0!important}
  .uscc-knowledge-card .uscc-knowledge-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .uscc-topbar{padding:7px 9px!important}.uscc-topbar-nav{display:none!important}.uscc-topbar-brand{margin-right:auto!important}.uscc-topbar-brand img{width:125px!important;height:52px!important}
  .uscc-topbar-user span:nth-child(2),.uscc-topbar-user>b{display:none!important}
  .uscc-side-column{display:flex!important}.uscc-side-column .uscc-side-intro{display:flex!important}.uscc-knowledge-card .uscc-knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .uscc-feature-row{grid-template-columns:1fr!important}
  .uscc-scenic-footer{height:170px!important;min-height:170px!important}
  .uscc-scenic-footer .uscc-footer-branding{left:12px!important;bottom:16px!important;width:112px!important}
  .uscc-footer-message{max-width:40%!important;white-space:normal!important;bottom:16px!important}.uscc-footer-message strong{font-size:8px!important}
  .uscc-footer-corner{right:12px!important;bottom:16px!important}.uscc-footer-corner b{font-size:10px!important}.uscc-footer-corner small{font-size:7px!important}
}


/* V2.12.1 — full-bleed top treatment. Keep the navigation tight to the page top. */
.uscc-wrap{margin-top:0!important;margin-bottom:0!important}
.uscc-topbar{margin-top:0!important;margin-bottom:14px!important;border-radius:0 0 18px 18px!important}
@media(max-width:900px){.uscc-wrap{margin-top:0!important}.uscc-topbar{margin-bottom:12px!important}}
@media(max-width:650px){.uscc-wrap{margin-top:0!important}.uscc-topbar{margin-bottom:10px!important;border-radius:0 0 15px 15px!important}}


/* V2.12.2 — true edge-to-edge shell. Keep content centered, let the portal chrome and scenic closing touch the viewport edges. */
.uscc-wrap{
  width:100vw!important;
  max-width:none!important;
  margin-top:-1px!important;
  margin-left:50%!important;
  margin-right:0!important;
  margin-bottom:-1px!important;
  transform:translateX(-50%)!important;
  padding:0!important;
}
.uscc-topbar{
  width:100%!important;
  margin:0 0 14px!important;
  border-radius:0 0 18px 18px!important;
}
.uscc-dashboard-layout{
  width:min(1180px,calc(100% - 36px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
.uscc-scenic-footer{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  border-radius:0!important;
}
@media(max-width:700px){
  .uscc-dashboard-layout{width:calc(100% - 24px)!important}
}


/* v2.13 Mission System */
.uscc-missions { margin-top: 0; }
.uscc-mission-hint { font-size: 12px; color: #54708c; align-self: center; }
.uscc-missions-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.uscc-mission-card { display:flex; gap:12px; align-items:flex-start; padding:14px; border:1px solid #dce9f3; border-radius:14px; background:linear-gradient(135deg,#fff,#f6fbff); min-height:108px; }
.uscc-mission-card.is-complete { border-color:#bfe6cf; background:linear-gradient(135deg,#f7fffa,#eefaf4); }
.uscc-mission-icon { width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; border-radius:12px; background:#eef6ff; font-size:22px; }
.uscc-mission-copy { min-width:0; flex:1; }
.uscc-mission-top { display:flex; gap:8px; justify-content:space-between; align-items:flex-start; }
.uscc-mission-top strong { color:#123b63; font-size:14px; line-height:1.3; }
.uscc-mission-top span { white-space:nowrap; font-size:11px; font-weight:700; color:#2878c8; background:#eaf5ff; padding:4px 7px; border-radius:999px; }
.uscc-mission-card.is-complete .uscc-mission-top span { color:#21834b; background:#e8f8ef; }
.uscc-mission-copy p { margin:5px 0 10px; font-size:11px; line-height:1.45; color:#688096; }
.uscc-mission-bar { height:7px; background:#e7eef4; border-radius:999px; overflow:hidden; }
.uscc-mission-bar i { display:block; height:100%; background:linear-gradient(90deg,#4b92f5,#58c9a5); border-radius:inherit; }
.uscc-mission-meta { display:flex; justify-content:space-between; margin-top:5px; color:#8295a7; font-size:10px; }
.uscc-mission-meta b { color:#3e719b; }
@media (max-width: 760px) { .uscc-missions-grid { grid-template-columns:1fr; } .uscc-mission-hint { display:none; } }

.uscc-new-missions { border:1px solid #c7ead6; background:#f1fbf5; color:#23683f; }
.uscc-new-missions strong { color:#1e7a45; }

/* v2.14.0 — Adaptive practice mode */
.uscc-mode-picker{grid-template-columns:repeat(6,minmax(0,1fr))!important}
@media(max-width:1100px){.uscc-mode-picker{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:650px){.uscc-mode-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* V2.15.0 — leaderboard period tabs */
.uscc-leaderboard-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}
.uscc-leaderboard-tab{appearance:none;border:1px solid #dbe7ee;background:#f7fafc;color:#31516a;border-radius:999px;padding:8px 12px;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:.18s ease}
.uscc-leaderboard-tab:hover{transform:translateY(-1px);border-color:#9bc9f4;background:#fff}
.uscc-leaderboard-tab.is-active{background:#eaf4ff;border-color:#63a9f5;color:#1668b4;box-shadow:0 3px 10px rgba(48,133,214,.10)}
@media(max-width:650px){.uscc-leaderboard-tabs{gap:5px}.uscc-leaderboard-tab{padding:7px 9px;font-size:10px}}
\n\n/* v2.16.0 — Member Identity */\n.uscc-member-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px 17px;margin:0 0 18px;border:1px solid rgba(220,228,234,.85);border-radius:18px;background:linear-gradient(135deg,#ffffff 0%,#f4faff 65%,#eef9f4 100%);box-shadow:0 8px 24px rgba(24,72,104,.07);position:relative;overflow:hidden}\n.uscc-member-card:after{content:"";position:absolute;width:150px;height:150px;right:-70px;top:-80px;border-radius:50%;background:rgba(87,170,225,.11);pointer-events:none}\n.uscc-member-avatar-wrap{position:relative;width:68px;height:68px;z-index:1}.uscc-member-avatar{width:68px;height:68px;border-radius:50%;display:block;object-fit:cover;background:#eaf3f8;border:3px solid #fff;box-shadow:0 5px 16px rgba(26,77,109,.14)}\n.uscc-member-level-badge{position:absolute;right:-5px;bottom:-3px;display:grid;place-items:center;min-width:27px;height:27px;padding:0 6px;border-radius:999px;background:#176eb3;color:#fff;border:2px solid #fff;font-size:10px;font-weight:900;box-shadow:0 3px 8px rgba(23,110,179,.25)}\n.uscc-member-main{min-width:0;position:relative;z-index:1}.uscc-member-main .uscc-eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:3px}.uscc-member-main h2{margin:0;color:#123b63;font-size:21px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uscc-member-title{display:inline-block;margin-top:5px;padding:4px 8px;border-radius:999px;background:#e8f5ff;color:#1668ad;font-size:10px;font-weight:800}.uscc-member-meta{display:flex;gap:6px;margin-top:7px;color:#71869a;font-size:9px;align-items:center;white-space:nowrap}\n.uscc-member-stats{display:grid;grid-template-columns:repeat(3,62px);gap:6px;position:relative;z-index:1}.uscc-member-stats div{text-align:center;padding:8px 5px;border-radius:10px;background:rgba(255,255,255,.72);border:1px solid rgba(215,229,239,.8)}.uscc-member-stats strong{display:block;color:#164f79;font-size:15px;line-height:1.1}.uscc-member-stats span{display:block;margin-top:3px;color:#71869a;font-size:8px}\n@media(max-width:700px){.uscc-member-card{grid-template-columns:auto minmax(0,1fr);gap:12px}.uscc-member-stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.uscc-member-main h2{font-size:18px}}\n@media(max-width:420px){.uscc-member-avatar-wrap,.uscc-member-avatar{width:58px;height:58px}.uscc-member-main h2{font-size:16px}.uscc-member-meta{font-size:8px}.uscc-member-stats{grid-template-columns:repeat(3,1fr)}}\n
/* v2.17.0 — Member Journey */
.uscc-journey-card{margin:0 0 18px!important;padding:16px 17px!important;background:linear-gradient(135deg,#fff,#f7fbff 58%,#f0faf5);position:relative;overflow:hidden}
.uscc-journey-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;margin-bottom:13px;border-radius:12px;background:rgba(255,255,255,.72);border:1px solid #e1edf3}
.uscc-journey-current span{display:block;color:#7890a1;font-size:8px;font-weight:800;letter-spacing:1px}.uscc-journey-current strong{display:block;color:#155887;font-size:16px;margin-top:2px}.uscc-journey-next{font-size:9px;line-height:1.4;color:#617b8f;text-align:right;max-width:58%}
.uscc-journey-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;position:relative}
.uscc-journey-track:before{content:"";position:absolute;left:7%;right:7%;top:16px;height:3px;background:#dfeaf0;border-radius:999px}
.uscc-journey-step{position:relative;z-index:1;text-align:center;min-width:0}.uscc-journey-node{width:31px;height:31px;margin:0 auto 7px;display:grid;place-items:center;border-radius:50%;background:#eef3f6;border:3px solid #fff;box-shadow:0 2px 8px rgba(40,79,105,.08);font-size:10px;font-weight:900;color:#8397a5}
.uscc-journey-step.is-reached .uscc-journey-node{background:#dff4e7;color:#24804b}.uscc-journey-step.is-current .uscc-journey-node{background:#176eb3;color:#fff;box-shadow:0 0 0 4px rgba(23,110,179,.12)}
.uscc-journey-step strong{display:block;color:#365e78;font-size:8px;line-height:1.2;white-space:normal}.uscc-journey-step small{display:block;color:#91a0aa;font-size:7px;margin-top:3px}
@media(max-width:700px){.uscc-journey-intro{align-items:flex-start;flex-direction:column}.uscc-journey-next{max-width:none;text-align:left}.uscc-journey-track{grid-template-columns:1fr}.uscc-journey-track:before{left:15px;right:auto;top:15px;bottom:15px;width:3px;height:auto}.uscc-journey-step{text-align:left;display:grid;grid-template-columns:31px 1fr;gap:9px;align-items:center}.uscc-journey-node{margin:0}.uscc-journey-step strong{font-size:9px}.uscc-journey-step small{font-size:8px}}


/* v2.18.0 — Achievement Showcase */
.uscc-badge-collection-count{font-size:10px;font-weight:900;color:#176eb3;background:#eaf5ff;border:1px solid #cfe6f7;border-radius:999px;padding:6px 9px;white-space:nowrap}
.uscc-badge-collection-summary{display:grid;grid-template-columns:repeat(2,minmax(70px,90px)) minmax(0,1fr);gap:7px;margin:-2px 0 10px}
.uscc-badge-collection-summary>div{padding:9px 8px;border-radius:10px;background:#f7fbfd;border:1px solid #e0ebf1;text-align:center}
.uscc-badge-collection-summary strong{display:block;color:#16547f;font-size:16px;line-height:1.1}
.uscc-badge-collection-summary span{display:block;color:#7a8e9d;font-size:7px;margin-top:3px}
.uscc-badge-collection-copy{text-align:left!important;padding:8px 10px!important}
.uscc-badge-collection-copy b{display:block;color:#315e78;font-size:9px}
.uscc-badge-collection-copy small{display:block;color:#718694;font-size:7px;line-height:1.35;margin-top:3px}
.uscc-badge-filters{display:flex;gap:5px;margin:0 0 9px}
.uscc-badge-filter{appearance:none;border:1px solid #dce8ee;background:#fff;color:#567080;border-radius:999px;padding:5px 8px;font:inherit;font-size:8px;font-weight:800;cursor:pointer}
.uscc-badge-filter:hover{border-color:#9cc9e9}
.uscc-badge-filter.is-active{background:#eaf5ff;border-color:#76b7e8;color:#176eb3}
.uscc-badge-card{appearance:none;width:100%;font:inherit;color:inherit;cursor:pointer;position:relative;transition:transform .16s ease,box-shadow .16s ease}
.uscc-badge-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(28,82,112,.10)}
.uscc-badge-card:focus-visible{outline:2px solid #55a7df;outline-offset:2px}
.uscc-badge-detail{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:9px;padding:10px;border-radius:12px;background:linear-gradient(135deg,#f0f9ff,#f2fbf5);border:1px solid #d7e8ef;position:relative}
.uscc-badge-detail-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#fff;font-size:25px;box-shadow:0 3px 9px rgba(35,79,105,.08)}
.uscc-badge-detail-copy{min-width:0}.uscc-badge-detail-copy .uscc-eyebrow{font-size:7px;margin-bottom:2px}.uscc-badge-detail-copy strong{display:block;color:#205574;font-size:10px}.uscc-badge-detail-copy p{margin:3px 0;color:#718694;font-size:8px;line-height:1.35}.uscc-badge-detail-copy small{font-size:7px;color:#617c8d;font-weight:700}
.uscc-badge-detail-progress{height:4px;background:#dfeaf0;border-radius:99px;overflow:hidden;margin:5px 0}.uscc-badge-detail-progress i{display:block;height:100%;background:#4ba1d8;border-radius:inherit}
.uscc-badge-detail-close{appearance:none;border:0;background:transparent;color:#7c929f;font-size:18px;line-height:1;cursor:pointer;align-self:start;padding:0 2px}
@media(max-width:700px){.uscc-badge-collection-summary{grid-template-columns:1fr 1fr}.uscc-badge-collection-copy{grid-column:1/-1}.uscc-badge-detail{grid-template-columns:auto minmax(0,1fr) auto}}
@media(max-width:420px){.uscc-badge-collection-summary>div{padding:8px 6px}.uscc-badge-filter{font-size:7px;padding:5px 7px}}


/* v2.18.1 — Achievement Showcase visual repair
   Keep the existing dashboard composition; make the collection readable and
   stable inside the narrow right rail. No gameplay/layout logic changes. */
.uscc-area-badges .uscc-badges{
  margin:0;
  padding:22px;
}
.uscc-area-badges .uscc-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.uscc-area-badges .uscc-section-head h2{
  margin:3px 0 0;
  font-size:18px;
  line-height:1.2;
}
.uscc-area-badges .uscc-eyebrow{
  font-size:8px;
  letter-spacing:.08em;
}
.uscc-badge-collection-count{
  flex:0 0 auto;
  font-size:10px!important;
  padding:6px 9px!important;
}
.uscc-badge-collection-summary{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:0 0 11px!important;
}
.uscc-badge-collection-summary>div{
  min-width:0;
  box-sizing:border-box;
  padding:10px 8px!important;
  border-radius:11px!important;
}
.uscc-badge-collection-summary strong{
  font-size:18px!important;
}
.uscc-badge-collection-summary span{
  font-size:8px!important;
}
.uscc-badge-collection-copy{
  grid-column:1/-1;
  text-align:left!important;
  padding:10px 11px!important;
  background:linear-gradient(135deg,#f6fbff,#f6fcf7)!important;
}
.uscc-badge-collection-copy b{
  font-size:10px!important;
}
.uscc-badge-collection-copy small{
  font-size:8px!important;
  line-height:1.45!important;
}
.uscc-badge-filters{
  display:flex!important;
  flex-wrap:wrap;
  gap:6px!important;
  margin:0 0 10px!important;
}
.uscc-badge-filter{
  font-size:9px!important;
  padding:6px 10px!important;
}
.uscc-badges-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}
.uscc-badge-card{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:64px;
  box-sizing:border-box;
  padding:10px 11px!important;
  border-radius:12px!important;
  text-align:left;
  overflow:hidden;
}
.uscc-badge-icon{
  flex:0 0 34px;
  width:34px;
  min-width:34px!important;
  height:34px;
  display:grid;
  place-items:center;
  font-size:25px!important;
  border-radius:10px;
  background:#f5fafc;
}
.uscc-badge-copy{
  min-width:0;
  flex:1;
}
.uscc-badge-card strong{
  font-size:11px!important;
  line-height:1.25;
}
.uscc-badge-card small{
  font-size:8px!important;
  line-height:1.35!important;
  margin-top:3px!important;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.uscc-badge-progress{
  display:block;
  height:4px;
  margin:6px 0 4px;
  background:#e5edf1;
  border-radius:99px;
  overflow:hidden;
}
.uscc-badge-progress i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:#55a5d9;
}
.uscc-badge-card em{
  font-size:8px!important;
  line-height:1.2;
  margin-top:0!important;
}
.uscc-badge-card.is-locked{
  opacity:.72;
}
.uscc-badge-detail{
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:9px!important;
  padding:11px!important;
  margin-top:10px!important;
}
.uscc-badge-detail-copy strong{
  font-size:11px!important;
}
.uscc-badge-detail-copy p{
  font-size:8px!important;
  line-height:1.4!important;
}
@media(max-width:900px){
  .uscc-area-badges .uscc-badges{padding:20px}
  .uscc-badges-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .uscc-badge-card{min-height:62px}
}
@media(max-width:650px){
  .uscc-area-badges .uscc-badges{padding:18px}
  .uscc-badges-grid{grid-template-columns:1fr!important}
}

/* v2.19.0 — Member Identity titles */
.uscc-member-level-line{
  margin-top:4px;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.02em;
  opacity:.72;
}
@media (max-width:700px){
  .uscc-member-level-line{font-size:.74rem}
}

/* v2.20.0 — Recent activity */
.uscc-activity-card{overflow:hidden}
.uscc-activity-list{display:grid;gap:8px}
.uscc-activity-item{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;
  padding:11px 13px;border:1px solid rgba(28,76,125,.10);border-radius:14px;background:rgba(255,255,255,.72)
}
.uscc-activity-icon{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:rgba(36,132,214,.10);font-size:20px
}
.uscc-activity-item div{min-width:0;display:grid;gap:2px}
.uscc-activity-item strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;opacity:.58}
.uscc-activity-item div span{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uscc-activity-item time{font-size:.72rem;font-weight:700;opacity:.55;white-space:nowrap}
@media(max-width:600px){
 .uscc-activity-item{grid-template-columns:38px minmax(0,1fr);gap:9px}
 .uscc-activity-item time{grid-column:2}
}

/* v2.21.0 — Personal goal */
.uscc-goal-content{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px}
.uscc-goal-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:24px;background:rgba(36,132,214,.10)}
.uscc-goal-copy{min-width:0}.uscc-goal-copy strong{display:block;font-size:1rem}.uscc-goal-copy p{margin:4px 0 9px;opacity:.68;font-size:.82rem}
.uscc-goal-progress{height:8px;border-radius:99px;overflow:hidden;background:rgba(28,76,125,.10)}.uscc-goal-progress i{display:block;height:100%;width:0;border-radius:inherit;background:currentColor;transition:width .35s ease}
.uscc-goal-meta{display:flex;justify-content:space-between;margin-top:5px;font-size:.72rem;font-weight:800;opacity:.65}
.uscc-goal-badge{font-size:.72rem;font-weight:900;letter-spacing:.04em}
@media(max-width:600px){.uscc-goal-content{grid-template-columns:42px minmax(0,1fr)}.uscc-goal-action{grid-column:2;justify-self:start}.uscc-goal-icon{width:42px;height:42px}}

/* v2.21.4 — FINAL layout repair.
   The shortcode can live inside a narrow WordPress/page-builder column.
   The application shell must therefore escape that column and occupy the
   viewport, while the actual dashboard content remains centered.
   No gameplay, data, footer, logo, or feature behavior is changed. */
.uscc-wrap{
  display:block!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
  position:relative!important;
  left:0!important;
  box-sizing:border-box!important;
}
.uscc-topbar{
  width:100%!important;
  box-sizing:border-box!important;
}
.uscc-dashboard-layout{
  display:grid!important;
  width:min(1180px,calc(100vw - 36px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.uscc-scenic-footer{width:100%!important;box-sizing:border-box!important}
@media(max-width:700px){
  .uscc-dashboard-layout{width:calc(100vw - 24px)!important}
}

/* v2.21.5 — FINAL focused-view isolation.
   The dashboard was moved into .uscc-dashboard-layout in v2.12, while the
   worksheet/result remain direct children of .uscc-wrap.  Older grid rules
   therefore cannot be allowed to participate when a game/result is active.
   Keep the focused view clean: one white worksheet, no dashboard, no portal
   background/artwork bleeding through. */
.uscc-wrap.uscc-is-playing,
.uscc-wrap.uscc-is-result{
  display:block!important;
  width:min(1100px,calc(100vw - 36px))!important;
  max-width:1100px!important;
  margin:22px auto 50px!important;
  padding:0!important;
  box-sizing:border-box!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  clip-path:none!important;
  overflow:visible!important;
}
.uscc-wrap.uscc-is-playing::before,
.uscc-wrap.uscc-is-playing::after,
.uscc-wrap.uscc-is-result::before,
.uscc-wrap.uscc-is-result::after{
  display:none!important;
  content:none!important;
}
.uscc-wrap.uscc-is-playing > .uscc-dashboard-layout,
.uscc-wrap.uscc-is-result > .uscc-dashboard-layout,
.uscc-wrap.uscc-is-playing > .uscc-topbar,
.uscc-wrap.uscc-is-result > .uscc-topbar,
.uscc-wrap.uscc-is-playing > .uscc-scenic-footer,
.uscc-wrap.uscc-is-result > .uscc-scenic-footer{
  display:none!important;
}
.uscc-wrap.uscc-is-playing > .uscc-area-game,
.uscc-wrap.uscc-is-result > .uscc-area-result{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.uscc-wrap.uscc-is-playing > .uscc-area-game{
  padding:34px 42px 40px!important;
  background:#fff!important;
  border:1px solid #dce8ef!important;
  border-radius:24px!important;
  box-shadow:0 14px 38px rgba(20,55,78,.10)!important;
}
.uscc-wrap.uscc-is-result > .uscc-area-result{
  padding:34px 42px 40px!important;
  background:#fff!important;
  border:1px solid #dce8ef!important;
  border-radius:24px!important;
  box-shadow:0 14px 38px rgba(20,55,78,.10)!important;
}
@media(max-width:650px){
  .uscc-wrap.uscc-is-playing,
  .uscc-wrap.uscc-is-result{
    width:calc(100vw - 20px)!important;
    margin:10px auto 30px!important;
  }
  .uscc-wrap.uscc-is-playing > .uscc-area-game,
  .uscc-wrap.uscc-is-result > .uscc-area-result{
    padding:22px 16px 28px!important;
    border-radius:18px!important;
  }
}



/* v2.21.7 — standalone-site navigation: editable WordPress menu + logout */
.uscc-topbar-nav .uscc-primary-menu{
  display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important;list-style:none!important;
}
.uscc-topbar-nav .uscc-primary-menu>li{margin:0!important;padding:0!important;list-style:none!important}
.uscc-topbar-nav .uscc-primary-menu>li>a{display:flex!important;align-items:center!important;gap:4px!important;text-decoration:none!important}
.uscc-topbar-user .uscc-logout{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  margin-left:5px!important;padding:5px 8px!important;border-radius:9px!important;
  background:#edf6ff!important;color:#126fe5!important;font-size:9px!important;font-weight:700!important;
  text-decoration:none!important;border:1px solid #d8eaff!important;white-space:nowrap!important;
}
.uscc-topbar-user .uscc-logout:hover{background:#e1f0ff!important;color:#0b5fc7!important}
@media(max-width:650px){.uscc-topbar-user .uscc-logout{padding:5px 7px!important;font-size:8px!important}}


/* V2.21.17 — final adult-service layout isolation.
   The WordPress theme must not visually wrap the active app with a second shell.
   Keep dashboard/game data and interaction unchanged. */
.uscc-wrap{
  width:100%!important;
  max-width:1280px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.uscc-topbar{
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
}
.uscc-topbar-brand img{
  width:120px!important;
  height:58px!important;
  object-fit:contain!important;
  filter:none!important;
}
.uscc-topbar-nav{
  min-width:0!important;
}
.uscc-topbar-nav a{
  flex:0 0 auto!important;
}
.uscc-dashboard-layout{
  width:100%!important;
  min-width:0!important;
}
.uscc-main-column,.uscc-side-column{
  min-width:0!important;
}
.uscc-main-column>*,
.uscc-side-column>*{
  max-width:100%!important;
}

/* Active game/result: one clean surface, no dashboard grid remnants. */
.uscc-wrap.uscc-is-playing,
.uscc-wrap.uscc-is-result{
  display:block!important;
  width:min(1100px,100%)!important;
  max-width:1100px!important;
  margin:20px auto 48px!important;
  padding:16px!important;
  box-sizing:border-box!important;
}
.uscc-wrap.uscc-is-playing>.uscc-area-game,
.uscc-wrap.uscc-is-result>.uscc-area-result{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.uscc-wrap.uscc-is-playing>.uscc-area-game{
  padding:30px 36px 38px!important;
  border-radius:20px!important;
}
.uscc-game .uscc-game-top{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  margin:-4px 0 24px!important;
  padding:10px 0 12px!important;
  background:rgba(255,255,255,.96)!important;
}
.uscc-game h2#uscc-question{
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.uscc-game .uscc-options{
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.uscc-game .uscc-feedback{
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:900px){
  .uscc-topbar{gap:10px!important}
  .uscc-topbar-nav{overflow-x:auto!important;scrollbar-width:none!important}
  .uscc-topbar-nav::-webkit-scrollbar{display:none}
  .uscc-topbar-nav a{padding:0 9px!important}
}
@media(max-width:650px){
  .uscc-topbar{
    min-height:58px!important;
    padding:6px 8px!important;
    border-radius:14px!important;
  }
  .uscc-topbar-brand img{width:88px!important;height:46px!important}
  .uscc-topbar-nav a{font-size:10px!important;min-height:34px!important}
  .uscc-topbar-tools>button{width:32px!important;height:32px!important}
  .uscc-topbar-user span:nth-child(2){display:none!important}
  .uscc-wrap.uscc-is-playing,
  .uscc-wrap.uscc-is-result{
    margin:8px auto 30px!important;
    padding:8px!important;
  }
  .uscc-wrap.uscc-is-playing>.uscc-area-game{
    padding:20px 14px 26px!important;
    border-radius:17px!important;
  }
}

/* V2.21.18 — final responsive polish + reliable media presentation.
   Presentation only; quiz/data behavior is unchanged. */
.uscc-wrap:not(.uscc-is-playing):not(.uscc-is-result){
  width:min(1320px,calc(100% - 32px))!important;
  max-width:1320px!important;
  margin:0 auto 42px!important;
  padding:14px 0 0!important;
  background:transparent!important;
  box-shadow:none!important;
  clip-path:none!important;
  border-radius:0!important;
}
.uscc-topbar{
  width:100%!important;
  max-width:1320px!important;
  margin:0 auto 14px!important;
  padding:8px 14px!important;
  border-radius:0 0 16px 16px!important;
}
.uscc-topbar-brand img{
  width:116px!important;height:58px!important;
  max-width:none!important;
  object-fit:contain!important;
  display:block!important;
}
.uscc-dashboard-layout{
  grid-template-columns:minmax(0,2.12fr) minmax(300px,.88fr)!important;
  gap:14px!important;
}
.uscc-main-column,.uscc-side-column{gap:14px!important;}
.uscc-reference-hero-image{display:block!important;width:100%!important;height:100%!important;min-height:260px!important;object-fit:cover!important;object-position:center!important;}
.uscc-reference-quote img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;object-fit:cover!important;}
.uscc-card,.uscc-level-card,.uscc-quote-card{overflow:hidden!important;}

/* Media from the question bank: never collapse a valid image into a tiny/broken box. */
.uscc-game .uscc-question-image,
.uscc-game img.uscc-question-image{
  display:block!important;
  width:auto!important;
  max-width:min(100%,900px)!important;
  height:auto!important;
  max-height:420px!important;
  min-height:40px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:8px auto 24px!important;
  border-radius:14px!important;
  background:#f7fafc!important;
  border:1px solid #e2ebf0!important;
  padding:4px!important;
}
.uscc-game .uscc-option-image,
.uscc-game img.uscc-option-image{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:170px!important;
  min-height:30px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto 9px!important;
  border-radius:10px!important;
  background:#f7fafc!important;
}
.uscc-game .uscc-option-content{min-width:0!important;}
.uscc-game .uscc-option-content>span{min-width:0!important;}

/* Keep the active worksheet comfortable rather than stretching it edge-to-edge. */
.uscc-wrap.uscc-is-playing,
.uscc-wrap.uscc-is-result{
  width:min(1120px,calc(100% - 32px))!important;
  max-width:1120px!important;
  margin:18px auto 42px!important;
  padding:12px!important;
  background:#f4f9fd!important;
  border-radius:22px!important;
}
.uscc-wrap.uscc-is-playing>.uscc-area-game{
  padding:28px clamp(18px,4vw,42px) 34px!important;
  border-radius:18px!important;
}
.uscc-game .uscc-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
.uscc-game .uscc-option{min-width:0!important;overflow:hidden!important;}

@media(max-width:1100px){
  .uscc-wrap:not(.uscc-is-playing):not(.uscc-is-result){width:min(100% - 22px,1040px)!important;}
  .uscc-dashboard-layout{grid-template-columns:minmax(0,1.72fr) minmax(280px,.92fr)!important;}
  .uscc-topbar-nav a{padding:0 7px!important;font-size:10px!important;}
  .uscc-topbar-brand img{width:104px!important;}
}
@media(max-width:820px){
  .uscc-wrap:not(.uscc-is-playing):not(.uscc-is-result){width:100%!important;padding:0 12px 30px!important;}
  .uscc-topbar{border-radius:0 0 15px 15px!important;margin-bottom:12px!important;}
  .uscc-dashboard-layout{grid-template-columns:1fr!important;}
  .uscc-side-column{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .uscc-side-column>.uscc-side-intro{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  .uscc-side-column>.uscc-area-stats,.uscc-side-column>.uscc-area-badges{min-width:0!important;}
  .uscc-main-column>.uscc-knowledge-card .uscc-knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .uscc-reference-hero-image{min-height:230px!important;aspect-ratio:16/7!important;}
}
@media(max-width:620px){
  .uscc-topbar{min-height:56px!important;padding:5px 7px!important;gap:6px!important;}
  .uscc-topbar-brand img{width:84px!important;height:46px!important;}
  .uscc-topbar-tools{gap:4px!important;}
  .uscc-topbar-tools>button{width:30px!important;height:30px!important;font-size:15px!important;}
  .uscc-topbar-user .uscc-logout{padding:5px 7px!important;font-size:8px!important;}
  .uscc-side-column{display:flex!important;}
  .uscc-side-column>.uscc-side-intro{display:flex!important;}
  .uscc-main-column>.uscc-knowledge-card .uscc-knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .uscc-reference-hero-image{min-height:205px!important;aspect-ratio:1.55!important;}
  .uscc-dashboard-card{padding:20px 16px!important;}
  .uscc-dashboard-card .uscc-mode-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .uscc-dashboard-card .uscc-settings-row{grid-template-columns:1fr!important;}
  .uscc-dashboard-card #uscc-start{width:100%!important;min-width:0!important;max-width:none!important;}
  .uscc-game .uscc-options{grid-template-columns:1fr!important;}
  .uscc-wrap.uscc-is-playing,.uscc-wrap.uscc-is-result{width:100%!important;margin:8px auto 30px!important;padding:6px!important;border-radius:16px!important;}
  .uscc-wrap.uscc-is-playing>.uscc-area-game{padding:18px 12px 24px!important;border-radius:15px!important;}
  .uscc-game .uscc-game-top{position:sticky!important;top:0!important;margin:-2px -2px 18px!important;padding:9px 4px 10px!important;}
  .uscc-game h2#uscc-question{font-size:22px!important;line-height:1.4!important;}
  .uscc-game .uscc-question-image{max-height:260px!important;margin-bottom:18px!important;}
  .uscc-game .uscc-option-image{max-height:130px!important;}
}


/* V2.21.19 — adult audience polish, reliable brand asset, and affiliate slot */
.uscc-topbar-brand{
  width:132px!important;
  min-width:132px!important;
  justify-content:center!important;
  overflow:visible!important;
}
.uscc-topbar-brand img{
  width:122px!important;
  height:64px!important;
  max-height:64px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  opacity:1!important;
}
.uscc-member-avatar-wrap{
  display:grid!important;
  place-items:center!important;
  flex:0 0 68px!important;
}
.uscc-member-avatar{
  object-fit:cover!important;
  background:#eef6fb!important;
}
.uscc-member-avatar:not([src]),
.uscc-member-avatar[src=""]{
  opacity:1!important;
}

/* Affiliate/product recommendation: one quiet, useful slot on the dashboard.
   It is part of the dashboard only; active game/result surfaces remain clean. */
.uscc-affiliate-slot{
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.uscc-affiliate-card{
  display:grid!important;
  grid-template-columns:minmax(150px,31%) minmax(0,1fr)!important;
  min-height:112px!important;
  width:100%!important;
  overflow:hidden!important;
  border:1px solid #dce8e4!important;
  border-radius:16px!important;
  background:linear-gradient(110deg,#f8fcfa,#fffdf7)!important;
  text-decoration:none!important;
  box-shadow:0 6px 18px rgba(25,65,55,.06)!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
.uscc-affiliate-card:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 10px 24px rgba(25,65,55,.10)!important;
  border-color:#cbded6!important;
}
.uscc-affiliate-media{
  min-height:112px!important;
  background:#f1f5f2!important;
  overflow:hidden!important;
}
.uscc-affiliate-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:112px!important;
  object-fit:cover!important;
  object-position:center!important;
}
.uscc-affiliate-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  padding:14px 18px!important;
  color:#173c38!important;
}
.uscc-affiliate-eyebrow{
  display:block!important;
  margin-bottom:5px!important;
  color:#9a7510!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:1.3px!important;
}
.uscc-affiliate-copy strong{
  display:block!important;
  max-width:100%!important;
  color:#173c38!important;
  font-size:16px!important;
  line-height:1.25!important;
}
.uscc-affiliate-copy small{
  display:block!important;
  margin-top:4px!important;
  color:#667d78!important;
  font-size:10px!important;
  line-height:1.4!important;
}
.uscc-affiliate-cta{
  display:inline-flex!important;
  align-items:center!important;
  margin-top:8px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#e8f4ee!important;
  color:#17614d!important;
  font-size:9px!important;
  font-weight:900!important;
}

/* More comfortable dashboard proportions on medium screens. */
@media(max-width:1100px){
  .uscc-dashboard-layout{
    grid-template-columns:minmax(0,1.68fr) minmax(270px,.92fr)!important;
  }
}
@media(max-width:820px){
  .uscc-wrap:not(.uscc-is-playing):not(.uscc-is-result){
    width:100%!important;
    max-width:760px!important;
    padding:0 14px 30px!important;
    box-sizing:border-box!important;
  }
  .uscc-topbar{
    width:100%!important;
    max-width:none!important;
  }
  .uscc-dashboard-layout{
    grid-template-columns:1fr!important;
  }
  .uscc-main-column,.uscc-side-column{
    width:100%!important;
  }
  .uscc-affiliate-card{
    grid-template-columns:minmax(135px,35%) minmax(0,1fr)!important;
  }
}
@media(max-width:620px){
  .uscc-topbar{
    padding:5px 9px!important;
  }
  .uscc-topbar-brand{
    width:82px!important;
    min-width:82px!important;
  }
  .uscc-topbar-brand img{
    width:78px!important;
    height:46px!important;
  }
  .uscc-topbar-nav{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .uscc-topbar-nav a{
    font-size:9px!important;
    padding:0 7px!important;
  }
  .uscc-topbar-tools{
    flex:0 0 auto!important;
  }
  .uscc-affiliate-card{
    grid-template-columns:112px minmax(0,1fr)!important;
    min-height:104px!important;
    border-radius:14px!important;
  }
  .uscc-affiliate-media,
  .uscc-affiliate-media img{
    min-height:104px!important;
  }
  .uscc-affiliate-copy{
    padding:12px 12px!important;
  }
  .uscc-affiliate-copy strong{
    font-size:14px!important;
  }
  .uscc-affiliate-copy small{
    font-size:9px!important;
  }
  .uscc-affiliate-eyebrow{
    font-size:8px!important;
    letter-spacing:1px!important;
  }
  .uscc-affiliate-cta{
    margin-top:6px!important;
    padding:5px 9px!important;
  }
  .uscc-member-card{
    grid-template-columns:58px minmax(0,1fr)!important;
  }
  .uscc-member-avatar-wrap,
  .uscc-member-avatar{
    width:58px!important;
    height:58px!important;
  }
  .uscc-member-stats{
    grid-column:1/-1!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
  }
}
@media(max-width:430px){
  .uscc-wrap:not(.uscc-is-playing):not(.uscc-is-result){
    padding-left:9px!important;
    padding-right:9px!important;
  }
  .uscc-topbar-brand{
    width:72px!important;
    min-width:72px!important;
  }
  .uscc-topbar-brand img{
    width:68px!important;
  }
  .uscc-topbar-nav a{
    font-size:8px!important;
    padding:0 5px!important;
  }
  .uscc-topbar-tools>button{
    width:28px!important;
    height:28px!important;
  }
  .uscc-topbar-user .uscc-logout{
    font-size:7px!important;
    padding:4px 6px!important;
  }
}


/* V2.21.20 — affiliate reliability + mobile game hardening.
   No gameplay/data behavior changes. */
.uscc-affiliate-slot{
  display:block!important;
  visibility:visible!important;
  box-sizing:border-box!important;
  margin:12px 0 16px!important;
}
.uscc-affiliate-card,
.uscc-affiliate-card *{box-sizing:border-box!important;}
.uscc-affiliate-media{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.uscc-affiliate-placeholder{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  min-height:112px!important;
  font-size:36px!important;
  background:linear-gradient(145deg,#edf7f2,#fff8df)!important;
}

/* Active game is a standalone worksheet: prevent inherited theme grids,
   fixed widths and overflowing controls from making a narrow/mobile layout. */
.uscc-wrap.uscc-is-playing{
  width:min(1120px,calc(100% - 24px))!important;
  max-width:1120px!important;
  margin:12px auto 36px!important;
  padding:10px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.uscc-wrap.uscc-is-playing .uscc-game{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0!important;
  overflow:hidden!important;
}
.uscc-wrap.uscc-is-playing .uscc-game *,
.uscc-wrap.uscc-is-playing .uscc-game *:before,
.uscc-wrap.uscc-is-playing .uscc-game *:after{
  box-sizing:border-box!important;
}
.uscc-wrap.uscc-is-playing .uscc-game-top{
  width:100%!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:48px!important;
  position:relative!important;
  top:auto!important;
  margin:0 0 22px!important;
  padding:0!important;
  background:transparent!important;
}
.uscc-wrap.uscc-is-playing .uscc-question-meta{
  width:100%!important;
  overflow-wrap:anywhere!important;
}
.uscc-wrap.uscc-is-playing #uscc-question{
  width:100%!important;
  max-width:960px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.uscc-wrap.uscc-is-playing .uscc-options{
  width:100%!important;
  max-width:960px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.uscc-wrap.uscc-is-playing .uscc-option{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  overflow:hidden!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.uscc-wrap.uscc-is-playing .uscc-option-content{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
}
.uscc-wrap.uscc-is-playing .uscc-option-content>span{
  display:block!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
.uscc-wrap.uscc-is-playing .uscc-question-image{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:440px!important;
}
.uscc-wrap.uscc-is-playing .uscc-option-image{
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:180px!important;
}
.uscc-wrap.uscc-is-playing .uscc-feedback,
.uscc-wrap.uscc-is-playing #uscc-next,
.uscc-wrap.uscc-is-playing #uscc-finish{
  max-width:960px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.uscc-wrap.uscc-is-playing #uscc-next,
.uscc-wrap.uscc-is-playing #uscc-finish{
  display:block!important;
}

/* The affiliate card never appears in the active worksheet. */
.uscc-wrap.uscc-is-playing .uscc-affiliate-slot,
.uscc-wrap.uscc-is-result .uscc-affiliate-slot{display:none!important;}

@media(max-width:760px){
  .uscc-wrap.uscc-is-playing{
    width:100%!important;
    margin:0 auto 24px!important;
    padding:5px!important;
    border-radius:14px!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-area-game{
    padding:18px 14px 24px!important;
    border-radius:14px!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-game-top{
    margin-bottom:16px!important;
    padding-bottom:10px!important;
    border-bottom:1px solid #e4edf2!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-pill{
    font-size:11px!important;
    padding:6px 8px!important;
    margin-right:4px!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-timer{
    min-width:0!important;
    font-size:20px!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-question-meta{
    font-size:11px!important;
    line-height:1.4!important;
    margin-bottom:8px!important;
  }
  .uscc-wrap.uscc-is-playing #uscc-question{
    font-size:21px!important;
    line-height:1.42!important;
    margin:8px 0 18px!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-question-image{
    max-height:250px!important;
    width:auto!important;
    max-width:100%!important;
    margin:4px auto 18px!important;
    padding:3px!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-options{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-option{
    display:flex!important;
    align-items:flex-start!important;
    gap:9px!important;
    padding:12px!important;
    border-width:1px!important;
    border-radius:12px!important;
    font-size:14px!important;
    line-height:1.42!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-option-letter{
    flex:0 0 28px!important;
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-option-image{
    max-height:120px!important;
    margin:0 auto 7px!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-feedback{
    padding:13px!important;
    margin-top:14px!important;
    font-size:13px!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-button{
    width:100%!important;
    max-width:none!important;
    min-height:44px!important;
  }

  .uscc-affiliate-card{
    grid-template-columns:104px minmax(0,1fr)!important;
    min-height:96px!important;
  }
  .uscc-affiliate-media,
  .uscc-affiliate-media img,
  .uscc-affiliate-placeholder{
    min-height:96px!important;
    height:96px!important;
  }
  .uscc-affiliate-copy{
    padding:10px 11px!important;
  }
  .uscc-affiliate-copy strong{
    font-size:13px!important;
  }
  .uscc-affiliate-copy small{
    font-size:9px!important;
  }
}
@media(max-width:420px){
  .uscc-wrap.uscc-is-playing .uscc-area-game{
    padding:15px 10px 20px!important;
  }
  .uscc-wrap.uscc-is-playing #uscc-question{
    font-size:19px!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-option{
    padding:10px!important;
    font-size:13px!important;
  }
  .uscc-affiliate-card{
    grid-template-columns:88px minmax(0,1fr)!important;
  }
  .uscc-affiliate-media,
  .uscc-affiliate-media img,
  .uscc-affiliate-placeholder{
    min-height:88px!important;
    height:88px!important;
  }
}


/* V2.21.21 — mobile dashboard comfort + readable typography.
   Presentation-only. No quiz/data/auth behavior changes.
   Keep secondary dashboard content compact on phones without making text tiny. */
@media (max-width:620px){
  /* Main dashboard typography: comfortable for adult users. */
  .uscc-wrap:not(.uscc-is-playing):not(.uscc-is-result){
    font-size:15px!important;
  }
  .uscc-wrap:not(.uscc-is-playing):not(.uscc-is-result) .uscc-eyebrow{
    font-size:10px!important;
    line-height:1.35!important;
    letter-spacing:.08em!important;
  }
  .uscc-wrap:not(.uscc-is-playing):not(.uscc-is-result) .uscc-section-head h2{
    font-size:18px!important;
    line-height:1.3!important;
  }
  .uscc-wrap:not(.uscc-is-playing):not(.uscc-is-result) .uscc-muted{
    font-size:13px!important;
    line-height:1.5!important;
  }

  /* Give the lower/sidebar area breathing room and remove the
     excessively tall vertical journey on phones. */
  .uscc-side-column{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  .uscc-side-column > *{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  .uscc-side-intro{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .uscc-side-intro .uscc-quote-card,
  .uscc-side-intro .uscc-level-card{
    min-width:0!important;
  }
  .uscc-side-intro .uscc-quote-card img{
    width:100%!important;
    aspect-ratio:1.45!important;
    object-fit:cover!important;
  }

  /* Member identity: readable, compact and balanced. */
  .uscc-member-card{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:10px!important;
    padding:14px!important;
  }
  .uscc-member-main h2{
    font-size:17px!important;
    line-height:1.25!important;
  }
  .uscc-member-title,
  .uscc-member-level-line{
    font-size:12px!important;
  }
  .uscc-member-meta{
    font-size:11px!important;
  }
  .uscc-member-stats{
    margin-top:10px!important;
  }
  .uscc-member-stats strong{
    font-size:19px!important;
  }
  .uscc-member-stats span{
    font-size:11px!important;
  }

  /* Journey: horizontal, compact roadmap instead of a long vertical list. */
  .uscc-journey-card{
    padding:16px!important;
  }
  .uscc-journey-intro{
    margin-bottom:10px!important;
  }
  .uscc-journey-next{
    font-size:12px!important;
    line-height:1.45!important;
  }
  .uscc-journey-track{
    display:flex!important;
    gap:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:5px 2px 9px!important;
    scrollbar-width:thin!important;
  }
  .uscc-journey-track:before{
    left:7%!important;
    right:7%!important;
    top:20px!important;
    bottom:auto!important;
    width:auto!important;
    height:3px!important;
  }
  .uscc-journey-step{
    flex:0 0 92px!important;
    display:block!important;
    text-align:center!important;
  }
  .uscc-journey-node{
    margin:0 auto 7px!important;
  }
  .uscc-journey-step strong{
    font-size:11px!important;
    line-height:1.25!important;
  }
  .uscc-journey-step small{
    font-size:9px!important;
    line-height:1.25!important;
  }

  /* Compact activity/goal cards, while keeping the information intact. */
  .uscc-activity-item{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:9px!important;
    padding:11px!important;
  }
  .uscc-activity-item strong{
    font-size:10px!important;
  }
  .uscc-activity-item div span{
    font-size:13px!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .uscc-activity-item time{
    font-size:10px!important;
  }
  .uscc-goal-content{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .uscc-goal-icon{
    width:44px!important;
    height:44px!important;
  }
  .uscc-goal-copy strong{
    font-size:14px!important;
    line-height:1.35!important;
  }
  .uscc-goal-copy p{
    font-size:12px!important;
    line-height:1.45!important;
  }
  .uscc-goal-action{
    grid-column:2!important;
    justify-self:start!important;
    min-height:40px!important;
    font-size:13px!important;
  }

  /* Stats: two comfortable columns rather than six cramped cells. */
  .uscc-stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .uscc-stats-grid div{
    padding:12px 9px!important;
  }
  .uscc-stats-grid strong{
    font-size:20px!important;
  }
  .uscc-stats-grid span{
    font-size:11px!important;
    line-height:1.3!important;
  }
  .uscc-performance-summary{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .uscc-performance-summary strong{
    font-size:17px!important;
  }
  .uscc-performance-summary span{
    font-size:10px!important;
  }

  /* Record and badge collection: readable without excessive height. */
  .uscc-record-grid{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .uscc-record-grid>div{
    padding:12px 9px!important;
  }
  .uscc-record-grid strong{
    font-size:20px!important;
  }
  .uscc-record-grid span{
    font-size:11px!important;
  }
  .uscc-record-message{
    grid-column:1/-1!important;
    font-size:12px!important;
    line-height:1.45!important;
  }
  .uscc-badge-collection-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .uscc-badge-collection-copy{
    grid-column:1/-1!important;
  }
  .uscc-badges-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .uscc-badge-card{
    padding:11px!important;
    gap:8px!important;
    align-items:flex-start!important;
  }
  .uscc-badge-icon{
    font-size:28px!important;
    min-width:32px!important;
  }
  .uscc-badge-card strong{
    font-size:12px!important;
    line-height:1.3!important;
  }
  .uscc-badge-card small,
  .uscc-badge-card em{
    font-size:10px!important;
    line-height:1.35!important;
  }

  /* Feature cards at the bottom: retain three features without a giant
     vertical tail. */
  .uscc-feature-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .uscc-feature-card{
    padding:10px 8px!important;
  }
  .uscc-feature-card .feature-icon{
    font-size:18px!important;
  }
  .uscc-feature-card strong{
    font-size:11px!important;
    line-height:1.3!important;
  }
  .uscc-feature-card p{
    font-size:10px!important;
    line-height:1.35!important;
  }
}

/* Very small phones: prioritize readable text over three-column compression. */
@media (max-width:390px){
  .uscc-wrap:not(.uscc-is-playing):not(.uscc-is-result){
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .uscc-side-intro{
    grid-template-columns:1fr!important;
  }
  .uscc-side-intro .uscc-quote-card img{
    aspect-ratio:2.05!important;
  }
  .uscc-feature-row{
    grid-template-columns:1fr!important;
  }
  .uscc-feature-card{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    text-align:left!important;
  }
  .uscc-feature-card p{
    margin-top:2px!important;
  }
  .uscc-badges-grid{
    grid-template-columns:1fr!important;
  }
}

/* Active quiz: keep type large enough for adult eyes even on very small phones. */
@media (max-width:620px){
  .uscc-wrap.uscc-is-playing #uscc-question{
    font-size:21px!important;
    line-height:1.45!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-option{
    font-size:15px!important;
    line-height:1.5!important;
    padding:13px!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-option-letter{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    font-size:13px!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-question-meta{
    font-size:12px!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-feedback{
    font-size:14px!important;
    line-height:1.5!important;
  }
}
@media (max-width:420px){
  .uscc-wrap.uscc-is-playing #uscc-question{
    font-size:20px!important;
  }
  .uscc-wrap.uscc-is-playing .uscc-option{
    font-size:14px!important;
  }
}

/* v2.21.22 — Mobile visual polish: adult-readable, compact, app-like layout. */
@media (max-width:700px){
  .uscc-wrap:not(.uscc-is-playing):not(.uscc-is-result){
    width:100%!important;
    max-width:100%!important;
    padding:0 12px 28px!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  .uscc-dashboard-layout{display:block!important;width:100%!important;}
  .uscc-main-column,.uscc-side-column{display:flex!important;width:100%!important;min-width:0!important;gap:12px!important;}
  .uscc-main-column>.uscc-card,
  .uscc-main-column>.uscc-hero,
  .uscc-side-column>.uscc-card,
  .uscc-side-column>.uscc-side-intro,
  .uscc-side-column>.uscc-member-card{width:100%!important;min-width:0!important;box-sizing:border-box!important;}

  /* Adult-readable baseline. */
  .uscc-section-head h2{font-size:19px!important;line-height:1.25!important;}
  .uscc-eyebrow{font-size:10px!important;letter-spacing:1.4px!important;}
  .uscc-muted{font-size:13px!important;line-height:1.5!important;}
  .uscc-card{padding:18px!important;border-radius:18px!important;margin-bottom:0!important;}

  /* Level + quote: one clean column, no squeezed side-by-side cards. */
  .uscc-side-intro{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;}
  .uscc-quote-card{width:100%!important;}
  .uscc-quote-card img{display:block!important;width:100%!important;height:auto!important;max-height:190px!important;object-fit:cover!important;border-radius:14px!important;}
  .uscc-level-card{width:100%!important;padding:18px!important;box-sizing:border-box!important;}
  .uscc-level-head strong{font-size:18px!important;}
  .uscc-level-copy b{font-size:21px!important;}
  .uscc-level-copy small{font-size:10px!important;}
  .uscc-level-xp,.uscc-level-note{font-size:13px!important;line-height:1.45!important;}

  /* Member identity: full-width profile with three compact stats. */
  .uscc-member-card{width:100%!important;padding:16px!important;border-radius:18px!important;box-sizing:border-box!important;}
  .uscc-member-avatar-wrap,.uscc-member-avatar{width:62px!important;height:62px!important;}
  .uscc-member-main h2{font-size:20px!important;line-height:1.2!important;white-space:normal!important;}
  .uscc-member-title{font-size:11px!important;}
  .uscc-member-level-line{font-size:13px!important;}
  .uscc-member-meta{font-size:11px!important;white-space:normal!important;flex-wrap:wrap!important;}
  .uscc-member-stats{grid-column:1/-1!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:7px!important;}
  .uscc-member-stats div{padding:10px 5px!important;}
  .uscc-member-stats strong{font-size:19px!important;}
  .uscc-member-stats span{font-size:10px!important;}

  /* Journey: horizontal milestone rail, like a real progress path. */
  .uscc-journey-intro{display:block!important;margin-bottom:12px!important;}
  .uscc-journey-current strong{font-size:20px!important;}
  .uscc-journey-next{font-size:13px!important;line-height:1.45!important;margin-top:5px!important;}
  .uscc-journey-track{display:flex!important;position:relative!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;padding:10px 2px 12px!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;}
  .uscc-journey-track:before{content:""!important;position:absolute!important;left:9%!important;right:9%!important;top:28px!important;bottom:auto!important;width:auto!important;height:3px!important;background:#dceaf3!important;border-radius:99px!important;z-index:0!important;}
  .uscc-journey-step{flex:0 0 94px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:0!important;position:relative!important;z-index:1!important;scroll-snap-align:center!important;}
  .uscc-journey-node{margin:0 auto 8px!important;width:38px!important;height:38px!important;min-width:38px!important;display:grid!important;place-items:center!important;}
  .uscc-journey-step strong{font-size:11px!important;line-height:1.25!important;display:block!important;}
  .uscc-journey-step small{font-size:10px!important;line-height:1.3!important;display:block!important;margin-top:3px!important;}

  /* Activity/goal cards: remove excessive empty vertical space. */
  .uscc-activity-list{min-height:0!important;}
  .uscc-activity-card .uscc-muted{margin:8px 0!important;}
  .uscc-activity-item{grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;padding:12px!important;}
  .uscc-activity-item strong{font-size:13px!important;line-height:1.35!important;}
  .uscc-activity-item div span{font-size:13px!important;line-height:1.45!important;}
  .uscc-activity-item time{font-size:10px!important;}
  .uscc-goal-content{grid-template-columns:48px minmax(0,1fr)!important;gap:11px!important;}
  .uscc-goal-icon{width:48px!important;height:48px!important;}
  .uscc-goal-copy strong{font-size:17px!important;line-height:1.35!important;}
  .uscc-goal-copy p{font-size:13px!important;line-height:1.5!important;}
  .uscc-goal-action{grid-column:1/-1!important;width:100%!important;min-height:44px!important;font-size:15px!important;}

  /* Stats: 2 x 3 is easier to read than tiny 3 x 2 blocks. */
  .uscc-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .uscc-stats-grid div{padding:13px 8px!important;min-height:68px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
  .uscc-stats-grid strong{font-size:22px!important;line-height:1.1!important;}
  .uscc-stats-grid span{font-size:12px!important;line-height:1.35!important;margin-top:5px!important;}
  .uscc-performance-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
  .uscc-performance-summary>div{padding:11px 6px!important;}
  .uscc-performance-summary strong{font-size:18px!important;}
  .uscc-performance-summary span{font-size:10px!important;line-height:1.3!important;}
  .uscc-performance-chart{height:120px!important;}

  /* Records and badges: comfortable touch targets, less dead space. */
  .uscc-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .uscc-record-grid>div{padding:13px 8px!important;}
  .uscc-record-grid strong{font-size:22px!important;}
  .uscc-record-grid span{font-size:12px!important;}
  .uscc-record-message{font-size:13px!important;line-height:1.45!important;padding:12px!important;}
  .uscc-badge-collection-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .uscc-badge-collection-summary>div{padding:11px 8px!important;}
  .uscc-badge-collection-summary strong{font-size:20px!important;}
  .uscc-badges-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .uscc-badge-card{padding:12px!important;min-height:88px!important;}
  .uscc-badge-card strong{font-size:13px!important;line-height:1.35!important;}
  .uscc-badge-card small,.uscc-badge-card em{font-size:10px!important;line-height:1.4!important;}

  /* Feature row becomes a compact benefit strip. */
  .uscc-feature-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
  .uscc-feature-card{padding:12px 8px!important;min-height:92px!important;}
  .uscc-feature-card .feature-icon{font-size:20px!important;}
  .uscc-feature-card strong{font-size:11px!important;line-height:1.3!important;}
  .uscc-feature-card p{font-size:10px!important;line-height:1.4!important;}

  /* Keep affiliate attractive but subordinate to the training controls. */
  .uscc-affiliate-card{grid-template-columns:112px minmax(0,1fr)!important;min-height:112px!important;border-radius:15px!important;overflow:hidden!important;}
  .uscc-affiliate-media,.uscc-affiliate-media img{min-height:112px!important;height:100%!important;}
  .uscc-affiliate-copy{padding:12px!important;}
  .uscc-affiliate-copy strong{font-size:15px!important;line-height:1.3!important;}
  .uscc-affiliate-copy small{font-size:11px!important;line-height:1.4!important;}
  .uscc-affiliate-cta{font-size:12px!important;padding:7px 10px!important;}
}

@media (max-width:430px){
  .uscc-wrap:not(.uscc-is-playing):not(.uscc-is-result){padding-left:10px!important;padding-right:10px!important;}
  .uscc-card{padding:16px!important;}
  .uscc-section-head h2{font-size:18px!important;}
  .uscc-member-main h2{font-size:19px!important;}
  .uscc-journey-step{flex-basis:88px!important;}
  .uscc-journey-step strong{font-size:10px!important;}
  .uscc-journey-step small{font-size:9px!important;}
  .uscc-feature-card{min-height:86px!important;}
}

@media (max-width:360px){
  .uscc-stats-grid{grid-template-columns:1fr 1fr!important;}
  .uscc-badges-grid{grid-template-columns:1fr!important;}
  .uscc-feature-row{grid-template-columns:1fr!important;}
  .uscc-feature-card{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;text-align:left!important;align-items:center!important;}
}

/* V2.21.23 — mobile-first simplification for adult users.
   Keep the light UniversalScout palette; do not introduce a dark theme.
   Presentation only: no quiz/data/feature behavior is changed. */
@media (max-width:700px){
  /* Mobile is a focused reading surface: one clear card at a time. */
  .uscc-wrap:not(.uscc-is-playing):not(.uscc-is-result){
    background:#f4f9fd!important;
    box-shadow:0 0 0 100vmax #f4f9fd!important;
    clip-path:inset(0 -100vmax)!important;
  }

  /* Remove the repeated decorative benefit strip from the mobile flow.
     The same destinations remain available elsewhere in the dashboard/nav. */
  .uscc-feature-row{display:none!important;}

  /* The quote is decorative on mobile; keep it compact so the useful controls
     and profile information arrive sooner. */
  .uscc-side-intro{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  .uscc-side-intro .uscc-quote-card img{
    width:100%!important;
    aspect-ratio:2.15!important;
    max-height:165px!important;
    object-fit:cover!important;
  }

  /* Member identity: the L1 badge duplicates the level text and was colliding
     with the eyebrow on small screens, so use the explicit level line instead. */
  .uscc-member-card{
    grid-template-columns:68px minmax(0,1fr)!important;
    gap:12px!important;
    padding:16px!important;
    align-items:start!important;
  }
  .uscc-member-avatar-wrap,
  .uscc-member-avatar{
    width:64px!important;
    height:64px!important;
  }
  .uscc-member-level-badge{display:none!important;}
  .uscc-member-main .uscc-eyebrow{
    margin:2px 0 4px!important;
    line-height:1.25!important;
  }
  .uscc-member-main h2{
    font-size:20px!important;
    line-height:1.2!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .uscc-member-title{font-size:12px!important;margin-top:6px!important;}
  .uscc-member-level-line{font-size:14px!important;line-height:1.4!important;margin-top:5px!important;}
  .uscc-member-meta{font-size:11px!important;line-height:1.4!important;margin-top:6px!important;}
  .uscc-member-stats{
    grid-column:1/-1!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:4px!important;
  }
  .uscc-member-stats div{
    min-height:58px!important;
    padding:9px 5px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .uscc-member-stats strong{font-size:20px!important;line-height:1.1!important;}
  .uscc-member-stats span{font-size:11px!important;margin-top:4px!important;}

  /* Three benefit cards become three short, readable rows instead of narrow
     columns. This is intentionally different from desktop. */
  .uscc-feature-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .uscc-feature-card{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    min-height:0!important;
    padding:13px 14px!important;
    text-align:left!important;
  }
  .uscc-feature-card .feature-icon{font-size:25px!important;text-align:center!important;}
  .uscc-feature-card strong{font-size:14px!important;line-height:1.25!important;}
  .uscc-feature-card p{
    font-size:12px!important;
    line-height:1.4!important;
    margin:3px 0 0!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  /* Compact but readable secondary cards. */
  .uscc-activity-card,.uscc-goal-card,.uscc-profile,.uscc-record-card,.uscc-badges{padding:16px!important;}
  .uscc-activity-card .uscc-muted{font-size:14px!important;}
  .uscc-goal-copy strong{font-size:17px!important;}
  .uscc-goal-copy p{font-size:13px!important;}
  .uscc-goal-action{min-height:44px!important;font-size:15px!important;}

  /* Journey stays horizontal, but each milestone gets enough room to read. */
  .uscc-journey-card{padding:16px!important;overflow:hidden!important;}
  .uscc-journey-track{
    width:100%!important;
    box-sizing:border-box!important;
    padding:8px 4px 12px!important;
    overflow-x:auto!important;
  }
  .uscc-journey-step{flex:0 0 104px!important;}
  .uscc-journey-step strong{font-size:11px!important;line-height:1.3!important;}
  .uscc-journey-step small{font-size:10px!important;line-height:1.3!important;}

  /* Statistics and records: large numbers, simple two-column rhythm. */
  .uscc-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  .uscc-stats-grid div{min-height:72px!important;padding:12px 8px!important;}
  .uscc-stats-grid strong{font-size:23px!important;}
  .uscc-stats-grid span{font-size:12px!important;}
  .uscc-performance-summary{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .uscc-performance-summary>div:last-child{grid-column:1/-1;}
  .uscc-performance-summary strong{font-size:19px!important;}
  .uscc-performance-summary span{font-size:11px!important;}
  .uscc-performance-chart{height:115px!important;}
  .uscc-record-grid{grid-template-columns:1fr 1fr!important;gap:9px!important;}
  .uscc-record-grid>div{padding:13px 9px!important;}
  .uscc-record-grid strong{font-size:23px!important;}
  .uscc-record-grid span{font-size:12px!important;}
  .uscc-record-message{grid-column:1/-1!important;font-size:13px!important;}

  /* Badge collection: two columns with a predictable reading order. */
  .uscc-badge-collection-summary{grid-template-columns:1fr 1fr!important;gap:9px!important;}
  .uscc-badge-collection-copy{grid-column:1/-1!important;}
  .uscc-badges-grid{grid-template-columns:1fr 1fr!important;gap:9px!important;}
  .uscc-badge-card{min-height:94px!important;padding:12px!important;}
  .uscc-badge-card strong{font-size:13px!important;}
  .uscc-badge-card small,.uscc-badge-card em{font-size:10px!important;}
}

@media (max-width:390px){
  .uscc-member-card{grid-template-columns:60px minmax(0,1fr)!important;gap:10px!important;}
  .uscc-member-avatar-wrap,.uscc-member-avatar{width:58px!important;height:58px!important;}
  .uscc-member-main h2{font-size:18px!important;}
  .uscc-member-level-line{font-size:13px!important;}
  .uscc-member-meta{font-size:10px!important;}
  .uscc-feature-card{grid-template-columns:38px minmax(0,1fr)!important;padding:12px!important;}
  .uscc-feature-card .feature-icon{font-size:23px!important;}
  .uscc-feature-card strong{font-size:13px!important;}
  .uscc-feature-card p{font-size:11px!important;}
  .uscc-badges-grid{grid-template-columns:1fr!important;}
}