.cc{--bg:#10141c;--panel:#191f2a;--line:#30394b;--muted:#b1bbcf;--accent:#c3f97a;box-sizing:border-box;background:var(--bg);color:#f4f6fc;border:1px solid #293143;border-radius:22px;padding:clamp(16px,3vw,32px);width:100%;max-width:1120px;margin:20px auto;font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;color-scheme:dark;overflow-wrap:anywhere;isolation:isolate}.cc *{box-sizing:border-box;min-width:0}.cc h2,.cc h3,.cc h4,.cc p{font-family:inherit;color:inherit;padding:0;letter-spacing:normal}.cc h2{font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-1px;font-weight:800;margin:10px 0}.cc h3{font-size:22px;font-weight:750;line-height:1.3;margin:0 0 12px}.cc h4{font-size:18px;font-weight:750;line-height:1.35;margin:0}.cc p{margin:0 0 14px;color:var(--muted);font-size:14px}.cc button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0;padding:12px 16px;border:1px solid transparent;border-radius:10px;background:var(--accent);color:#19250d;font:750 14px/1.4 system-ui,sans-serif;letter-spacing:normal;text-transform:none;text-decoration:none;box-shadow:none;white-space:normal;cursor:pointer;touch-action:manipulation}.cc button:hover:enabled{background:#d7ffaa;color:#19250d}.cc button:disabled{background:#2c3545;color:#9faac0;cursor:default}.cc button.secondary{background:transparent;color:var(--muted);border-color:var(--line)}.cc button.secondary:hover:enabled{background:#232d3b;color:#fff}.cc button:focus-visible,.cc input:focus-visible,.cc summary:focus-visible{outline:3px solid #baabff;outline-offset:3px}.cc-header{display:flex;gap:12px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.cc-brand{font-size:17px;letter-spacing:-.4px;font-weight:850;color:var(--accent)}.cc-tag,.cc-season{font-size:10px;letter-spacing:1px;border:1px solid var(--line);padding:5px 9px;border-radius:20px;color:var(--muted)}.cc-eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--accent);font-weight:800}.cc-entry{max-width:610px;margin:36px auto}.cc-entry h2{font-size:clamp(32px,6vw,55px);margin:16px 0 22px;line-height:1.15}.cc-entry em{font-style:normal;color:var(--accent)}.cc-entry form{display:grid;gap:12px;margin:28px 0 16px}.cc-entry label{font-weight:700;font-size:14px}.cc input{display:block;width:100%;min-height:52px;background:#191f2a;color:#fff;border:1px solid #65718a;border-radius:10px;padding:12px 14px;font:16px/1.5 system-ui,sans-serif;box-shadow:none}.cc input::placeholder{color:#a3aec3}.cc small{font-size:11px;color:var(--muted)}.cc-identity{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:26px 0 18px}.cc-identity p{margin-bottom:0;font-size:12px}.cc-age{flex-shrink:0;text-align:right}.cc-age strong{display:block;color:var(--accent);font-size:46px;line-height:1.1;font-variant-numeric:tabular-nums}.cc-age span{font-size:11px;color:var(--muted)}.cc-timeline{display:grid;grid-template-columns:1fr auto 1fr;gap:5px;font-size:10px;color:var(--muted);margin-bottom:20px}.cc-timeline>span:last-child{text-align:right}.cc progress{width:100%;height:6px;display:block;accent-color:var(--accent);border:0;border-radius:5px;overflow:hidden}.cc progress::-webkit-progress-bar{background:#343e50}.cc progress::-webkit-progress-value{background:var(--accent)}.cc-timeline progress{grid-column:1/-1}.cc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cc-stats>div{padding:16px;border:1px solid var(--line);background:var(--panel);border-radius:12px}.cc-stats span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.cc-stats strong{display:block;font-size:25px;line-height:1.5;font-variant-numeric:tabular-nums}.cc-stats small{font-size:11px;margin-left:4px;font-weight:500}.cc meter{width:100%;height:7px;display:block;margin-top:3px}.cc-mini{display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0;color:var(--muted);font-size:11px}.cc-mini b{color:#f4f6fc;font-weight:700}.cc-feedback{font-size:13px;line-height:1.7;background:#c3f97a0b;border:1px solid #4a6036;padding:13px 16px;border-radius:12px;margin:16px 0}.cc-feedback:empty{display:none}.cc-feedback.cc-event{border-color:#a78954;background:#f9c6750a}.cc-goal{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#c3f97a0a;border:1px solid #4a6036;padding:18px;border-radius:14px;margin:20px 0}.cc-goal>div{flex:1}.cc-goal strong{font-size:15px}.cc-goal p{font-size:12px;margin:4px 0 12px}.cc-goal button{flex:0 0 auto}.cc-warning{font-size:12px;padding:12px;border:1px solid #ad8a58;color:#f9d39a;border-radius:10px;margin:16px 0}.cc-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:22px 0;padding:5px;background:#090d14;border-radius:12px}.cc-tabs button{background:transparent;color:#b1bbcf;padding:10px 8px;min-height:48px;font-size:12px}.cc-tabs button[aria-current="page"]{background:#303e29;color:var(--accent);border-color:#50623f}.cc-tabs button:hover:enabled{background:#293525;color:#e7ffd0}.cc-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 16px}.cc-panel-heading h3{margin:0;font-size:20px}.cc-panel-heading>span{color:var(--muted);font-size:10px;text-align:right}.cc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cc-card{padding:20px;border:1px solid var(--line);background:var(--panel);border-radius:14px;display:flex;flex-direction:column}.cc-card.is-locked{background:#151b25}.cc-card-heading{display:flex;gap:8px;align-items:start;justify-content:space-between}.cc-season{font-size:9px;color:var(--accent);padding:3px 6px}.cc-card p{font-size:12px;margin:12px 0 16px;flex:1}.cc-yield{color:var(--accent);font-size:14px;font-weight:750;min-height:23px;margin:0 0 7px}.cc-cost{font-size:10px;color:var(--muted);margin-bottom:8px}.cc-reason{font-size:11px;color:#d4bda0;min-height:34px;margin-bottom:12px}.cc-card button{width:100%;font-size:12px}.cc-transport{font-size:12px;color:var(--muted);margin:20px 0}.cc details{border-top:1px solid var(--line);padding-top:16px;margin-top:22px}.cc summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:13px;font-weight:650;color:#d7dfec}.cc details p{font-size:12px}.cc-history ol{list-style:none;margin:0;padding:0}.cc-history li{padding:12px 0;border-bottom:1px solid var(--line)}.cc-history li.with-event{border-left:2px solid #a78954;padding-left:12px}.cc-history p{font-size:12px;margin:4px 0}.cc-history small{font-size:10px}.cc-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);font-size:10px;border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.cc-footer button{font-size:11px}.cc-finish{padding:24px;border:1px solid #739d4c;border-radius:14px;background:#c3f97a0b;margin:24px 0}.cc-finish h3{font-size:28px;color:var(--accent);margin-top:10px}.cc-board{margin:24px 0}.cc-board>p{font-size:12px}.cc-table-wrap{overflow-x:auto}.cc table{border-collapse:collapse;width:100%;margin:0;font-size:13px;color:#f4f6fc;background:transparent;border:0}.cc th,.cc td{border:0;border-bottom:1px solid var(--line);padding:12px 8px;text-align:left;background:transparent;color:inherit;word-break:normal}.cc thead th{color:var(--muted);font-size:11px;font-weight:500}.cc tr> :last-child{text-align:right;font-variant-numeric:tabular-nums}.cc-empty{border:1px dashed var(--line);border-radius:12px;padding:20px;color:var(--muted);font-size:12px}.cc-loading{text-align:center;padding:40px 12px}
@media(max-width:900px){.cc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-goal{align-items:stretch;flex-direction:column;gap:14px}.cc-panel-heading{align-items:start;flex-direction:column;gap:5px}.cc-panel-heading>span{text-align:left}}
@media(max-width:600px){.cc{padding:16px;border-radius:16px;margin:12px auto}.cc-grid{grid-template-columns:1fr}.cc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-stats>div{padding:13px}.cc-stats strong{font-size:24px}.cc-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.cc-tabs button{font-size:12px}.cc-card{padding:18px}.cc-reason{min-height:0}.cc-identity h2{font-size:30px}.cc-age strong{font-size:40px}.cc-identity{gap:12px}.cc-header>.secondary{padding:10px;font-size:11px}.cc-header{gap:8px}.cc-brand{font-size:15px}.cc-footer{align-items:stretch;flex-direction:column;gap:10px}.cc-entry{margin:28px 0}.cc-entry h2{font-size:35px}.cc-finish{padding:18px}.cc-finish button{width:100%}.cc th,.cc td{padding:11px 4px;font-size:12px}.cc-mini{gap:8px 14px}.cc-card p{margin:10px 0 14px}.cc-card .cc-yield{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.cc *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* 0.4: central play area, separate player panel and future online ranking. */
.cc{max-width:1480px;background:#0b1017;container:career / inline-size;padding:clamp(12px,2vw,24px)}.cc-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:20px;align-items:start}.cc-main{padding:clamp(16px,2vw,26px);background:#151d29;border:1px solid #485b77;border-top:3px solid var(--accent);border-radius:16px;min-width:0;box-shadow:0 12px 40px #0002}.cc-main h2{font-size:clamp(26px,3vw,34px);line-height:1.17}.cc-stage-heading p{font-size:12px;margin:10px 0 18px}.cc-grid{grid-template-columns:1fr}.cc-player{border:1px solid var(--line);border-radius:14px;background:#111823;overflow:hidden}.cc-player details{margin:0;border:0;padding:0}.cc-player summary{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center;padding:14px 16px;background:#1b2634;list-style:revert;min-height:52px}.cc-player summary::after{content:'⌄';color:var(--accent)}.cc-player summary small{font-weight:400}.cc-player-body{padding:18px}.cc-player h2{font-size:24px;line-height:1.2;margin-top:8px}.cc-player p{font-size:11px}.cc-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin:18px 0}.cc-quick>div{padding-bottom:10px;border-bottom:1px solid var(--line)}.cc-quick dt{font-size:10px;color:var(--muted)}.cc-quick dd{margin:4px 0 0;font-size:20px;font-weight:750;line-height:1.4;font-variant-numeric:tabular-nums}.cc-quick dd small{font-size:10px;margin-left:3px}.cc-player-meta{display:grid;gap:6px;font-size:10px;color:var(--muted);margin:18px 0}.cc-player-body>button{width:100%;font-size:11px}.cc-right{display:none}.cc-online,.cc-side-note{padding:18px;border:1px solid var(--line);border-radius:14px;background:#111823}.cc-online h3{font-size:19px;margin-top:8px}.cc-online p,.cc-side-note p{font-size:11px}.cc-online .cc-tag{display:inline-block;line-height:1.7;font-size:8px;letter-spacing:.4px}.cc-lock{display:grid;place-items:center;height:58px;font-size:35px;color:#64738a;background:#161f2b;border:1px dashed #3a485f;border-radius:9px;margin:16px 0}.cc-side-note{margin-top:14px}.cc-side-note h3{font-size:15px}.cc-side-note p{margin:0}.cc-header-actions{display:flex;gap:12px;align-items:center}.cc-header-actions>span{font-size:10px;color:var(--muted)}.cc-brand small{font-weight:400;font-size:10px;color:var(--muted);margin-left:5px}.cc-repertoire{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;font-size:11px;color:var(--muted)}.cc-repertoire b{color:#eef3ff}.cc-repertoire button{font-size:11px;padding:10px}.cc-event-chance{font-size:10px;color:var(--muted);margin:0 0 8px;display:block}.cc-calendar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:24px;padding:16px;background:#0d1420;border:1px dashed #3c4b62;border-radius:12px}.cc-calendar strong{font-size:12px}.cc-calendar p{font-size:11px;margin:5px 0 0}.cc-calendar button{flex:0 0 auto;font-size:11px}.cc-professions{margin-top:24px}.cc-professions h3{font-size:17px}.cc-profession{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}.cc-profession strong{font-size:12px;color:#c4cedf}.cc-profession span{font-size:10px;color:var(--muted);text-align:right}.cc-profession.is-open strong,.cc-profession.is-open span{color:var(--accent)}.cc-professions>p{font-size:11px;margin-top:14px}.cc-invitation{padding:16px;border:1px solid #9f935f;background:#b7a36c0d;border-radius:12px;margin:0 0 20px}.cc-invitation strong{font-size:15px;color:#f1dfab}.cc-invitation p{font-size:12px;margin:6px 0 12px}.cc-invitation button{width:100%}.cc-reset{padding:18px;border:1px solid #c49871;border-radius:12px;margin:18px 0;background:#bd845412}.cc-reset h3{font-size:19px}.cc-reset p{font-size:12px}.cc-reset>div{display:flex;gap:8px;flex-wrap:wrap}.cc-reset button{font-size:12px}.cc-tabs{margin:22px 0;background:#0a1019}.cc-main .cc-feedback{margin-top:14px}.cc-card p{flex:none}.cc-card .cc-reason{min-height:0}.cc-locked-list .cc-card{background:#101824}.cc-main .cc-yield{font-size:13px}.cc-main .cc-panel-heading{align-items:start;flex-direction:column;gap:5px}.cc-main .cc-panel-heading>span{text-align:left}
@container career (min-width:650px) and (max-width:949px){.cc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-quick{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container career (min-width:950px){.cc-layout{grid-template-columns:195px minmax(0,1fr)175px;gap:14px}.cc-right{display:block}.cc-player summary small{display:none}.cc-player summary{font-size:12px}.cc-player-body{padding:16px}.cc-player h2{font-size:23px}.cc-quick dd{font-size:18px}.cc-quick{gap:12px 10px}.cc-main{padding:22px}.cc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-main .cc-calendar{align-items:stretch;flex-direction:column}.cc-card{padding:18px}}
@container career (min-width:1250px){.cc-layout{grid-template-columns:220px minmax(0,1fr)200px;gap:18px}.cc-main .cc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-main .cc-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.cc-player-body{padding:20px}}
@media(max-width:600px){.cc-header-actions>span{display:none}.cc-header-actions button{padding:10px;font-size:11px}.cc-main{padding:16px}.cc-repertoire{align-items:stretch;flex-direction:column;gap:8px}.cc-repertoire button{width:100%}.cc-calendar{align-items:stretch;flex-direction:column;gap:12px}.cc-profession{align-items:start;flex-direction:column;gap:4px}.cc-profession span{text-align:left}.cc-main h2{font-size:28px}.cc-card h4{font-size:18px}.cc-stage-heading p{margin-bottom:14px}.cc-reset>div{flex-direction:column}.cc-reset button{width:100%}.cc-main .cc-table-wrap th,.cc-main .cc-table-wrap td{font-size:11px;padding:10px 3px}.cc-online{display:none}}
/* 0.5: two cards per row, contextual vector scenes and visible action results. */
.cc .cc-grid,.cc .cc-main .cc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cc-scene{display:block;width:100%;height:auto;max-height:86px;margin:0 0 12px}.cc-stage-heading{display:flex;gap:18px;align-items:center}.cc-stage-heading>.cc-scene{flex:0 0 120px;width:120px;margin:0}.cc .cc-fee{padding:0;margin:3px 0 12px;border:0}.cc .cc-fee summary{font-size:10px;min-height:40px;padding:8px 0;color:var(--accent)}.cc .cc-fee p{font-size:10px;margin:3px 0 8px}.cc-feedback{scroll-margin-top:100px}.cc-feedback:focus{outline:2px solid var(--accent);outline-offset:3px}.cc-invitation>.cc-scene{max-width:130px}.cc-player-body h2{font-size:22px}.cc-player-body>p{color:var(--accent)}.cc-card{min-width:0}.cc .cc-card p{overflow-wrap:anywhere}.cc-warning button{width:100%;margin-top:8px}
@media(max-width:600px){.cc .cc-grid,.cc .cc-main .cc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cc .cc-card{padding:10px}.cc .cc-card h4{font-size:13px;line-height:1.3}.cc .cc-card>p{font-size:10px;margin:8px 0 10px}.cc .cc-card .cc-yield{font-size:11px;line-height:1.5}.cc .cc-card .cc-cost,.cc .cc-card .cc-event-chance,.cc .cc-card .cc-reason{font-size:9px}.cc .cc-card button{font-size:10px;min-height:46px;padding:10px 6px}.cc .cc-card .cc-scene{margin-bottom:10px}.cc .cc-card-heading{flex-wrap:wrap;gap:5px}.cc-stage-heading{gap:10px}.cc-stage-heading>.cc-scene{flex-basis:68px;width:68px}.cc-main .cc-stage-heading h2{font-size:23px}.cc .cc-main{padding:12px}.cc .cc-fee summary{font-size:9px}.cc .cc-fee p{font-size:10px}.cc .cc-season{font-size:8px}.cc-feedback{scroll-margin-top:80px}}
/* 0.6: stock photos, setup status, prominent unlocks and native result dialogs. */
.cc-photo{display:block;width:100%;height:100px;object-fit:cover;border-radius:8px;margin:0 0 12px;background:#111823}.cc-stage-heading>.cc-photo{width:120px;height:84px;flex:0 0 120px;margin:0}.cc .cc-card>.cc-photo{height:92px}.cc-setup,.cc-rank-progress{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.cc-setup h3{font-size:16px}.cc-setup>strong{font-size:12px}.cc-setup p,.cc-rank-progress p{font-size:10px;margin:8px 0}.cc-setup button{width:100%;margin-top:10px;font-size:11px}.cc-rank-progress>strong{color:var(--accent);font-size:13px}.cc-unlocked{background:#c3f97120;border:2px solid var(--accent);border-radius:12px;padding:18px;margin:18px 0;box-shadow:0 0 24px #c3f97112}.cc-unlocked ul,.cc-unlock-list{padding-left:20px;margin:10px 0 0;font-size:17px;font-weight:750;color:var(--accent)}.cc-global-status{padding:12px;border:1px solid #aa9668;color:#e7d8b7;border-radius:9px;font-size:12px;margin:12px 0}.cc .cc-result-modal,.cc .cc-action-progress{position:fixed;inset:0;width:min(92vw,620px);max-width:620px;max-height:88vh;margin:auto;padding:24px;overflow:auto;border:1px solid #91b765;border-radius:18px;background:#141e2b;color:#f3f6fc;box-shadow:0 24px 100px #0009;box-sizing:border-box}.cc dialog::backdrop{background:#030911dc;backdrop-filter:blur(3px)}.cc-result-modal>.cc-photo{height:170px}.cc-result-modal h2{font-size:27px;margin:12px 0}.cc-result-modal>p{font-size:14px}.cc-result-modal>button{width:100%;margin-top:18px;position:sticky;bottom:0}.cc-modal-event{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line)}.cc-modal-event>.cc-photo{width:72px;height:72px;margin:0}.cc-modal-event strong{font-size:13px;color:#ddecbd}.cc-modal-event p{font-size:12px;margin:4px 0}.cc-action-progress{text-align:center}.cc-action-progress progress{height:14px;margin:20px 0}.cc-action-progress strong{display:block;font-size:26px;color:var(--accent)}.cc-action-progress p{margin-top:14px;font-size:12px}.cc-production-status{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:12px}.cc-production-status h3{font-size:17px}.cc-production-status p{font-size:12px}.cc .cc-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){.cc .cc-card>.cc-photo{height:65px}.cc-stage-heading>.cc-photo{width:68px;height:64px;flex-basis:68px}.cc .cc-result-modal,.cc .cc-action-progress{padding:16px;max-height:90vh}.cc-result-modal>.cc-photo{height:125px}.cc-unlock-list{font-size:15px}.cc .cc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-result-modal h2{font-size:24px}.cc-modal-event{grid-template-columns:54px minmax(0,1fr);gap:9px}.cc-modal-event>.cc-photo{width:54px;height:60px}.cc .cc-result-modal p{font-size:12px}}
.cc-deltas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.cc-deltas>div{padding:10px;border:1px solid #35465b;border-radius:8px;background:#0d1622}.cc-deltas dt{font-size:10px;color:#b1bbcf}.cc-deltas dd{margin:4px 0 0;font-size:18px;font-weight:750;color:#e3f9bd}@media(max-width:600px){.cc-deltas{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-deltas dd{font-size:16px}}
/* 0.7.1: shared ranking on desktop and in the results tab on phones. */
.cc-online-board{padding:14px;border:1px solid var(--line);border-radius:12px;background:#101925;margin-bottom:20px;min-width:0}.cc-online-board h3{font-size:16px;margin:12px 0}.cc-online-board p,.cc-online-board>small{font-size:11px;line-height:1.5}.cc-online-board>small{display:block;color:var(--muted)}.cc-online-board>button{width:100%;margin-top:12px;font-size:11px}.cc .cc-online-id{display:block;font-size:9px;color:var(--muted);font-weight:400}.cc-online-board th{overflow-wrap:anywhere}.cc-online-board .cc-table-wrap{max-width:100%;overflow-x:auto}.cc-online-board td,.cc-online-board th{font-size:11px;padding:9px 4px}.cc-entry+.cc-online-board{margin-top:24px}
.cc-shop-group{margin:0 0 24px;grid-column:1/-1;min-width:0}.cc-shop-group>h3{font-size:18px;margin:0 0 12px}.cc-shop-group:last-child{margin-bottom:0}
/* 0.8: persistent balance/fans and bottom rankings on phones. */
.cc-live-stats{display:flex;gap:12px;margin:14px 0}.cc-live-stats>div{flex:1;background:#1c2a39;border:1px solid #718c50;border-radius:10px;padding:12px;min-width:0}.cc-live-stats span{display:block;font-size:12px;color:#c1cedb}.cc-live-stats strong{font-size:24px;color:#d2ff9d;overflow-wrap:anywhere}.cc-mobile-ranking{display:block;margin-top:24px}.cc-online-counts{font-size:12px!important}.cc-online-counts b{color:var(--accent)}
@container career (min-width:950px){.cc-mobile-ranking{display:none}.cc-live-stats{display:none}}
@media(max-width:600px){.cc-live-stats{position:sticky;top:0;z-index:15;background:#0b1017;padding:8px 0}.cc-live-stats strong{font-size:24px}.cc-live-stats>div{padding:10px}.cc .cc-mobile-ranking{display:block}.cc .cc-mobile-ranking .cc-online-board{padding:12px}}
.cc-live-stats strong.is-debt{color:#ffa7a7}

.cc-boosts{margin:8px 0 0;line-height:1.6;overflow-wrap:anywhere}.cc-entry-rules{max-width:760px;margin:20px auto;padding:18px}.cc-entry-rules li{margin:9px 0}.cc-career-group{margin:20px 0}.cc-month-limit{font-size:12px}

/* 0.11: mobile breakout from WordPress content padding, compact disclosure and profile. */
@media(max-width:600px){.cc{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:8px;border:0;border-radius:0}.cc-main{padding:10px;border-left:0;border-right:0}.cc-layout{gap:10px}.cc-repertoire{flex-wrap:wrap}.cc-repertoire>div{min-width:0;width:100%}}
.cc-economy details,.cc-boosts{margin-top:5px;padding-top:3px}.cc-economy h3{margin-bottom:5px}.cc-economy>p{margin-top:0}.cc-profile-section{margin:20px 0}.cc-profile-section dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.cc-profile-section dt,.cc-profile-section dd{margin:0;font-size:12px;overflow-wrap:anywhere}.cc-profile-section dd{text-align:right}.cc-information{margin:22px 0 0}.cc-boosts p{line-height:1.7}

.cc-requirements ul{list-style:none;padding:0}.cc-requirements li{margin:8px 0;font-size:11px;overflow-wrap:anywhere}.cc-requirements .is-met{color:var(--accent)}.cc-requirements .is-missing{color:#f0bf9b}.cc-profile-section summary{font-size:15px}.cc-work{margin-bottom:20px}

/* Keep both result actions visible instead of overlapping sticky buttons. */
.cc .cc-result-modal>button{position:static}
.cc .cc-modal-choices{position:sticky;bottom:0;display:grid;gap:10px;padding-top:12px;background:#141e2b}
.cc .cc-modal-choices>button{width:100%;position:static}

.cc .cc-career-choice{margin:16px 0;padding:16px;border:1px solid var(--accent);border-radius:12px}
.cc .cc-career-choice button{margin:6px 6px 0 0}
.cc .cc-other-career{margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}
.cc .cc-other-career>summary{cursor:pointer;color:var(--muted);font-weight:700}

.cc .cc-monthly-summary{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:10px}
.cc .cc-monthly-summary>strong{display:block;margin-bottom:6px}
.cc .cc-monthly-summary>p{margin-bottom:8px}
.cc .cc-monthly-summary summary{cursor:pointer;font-weight:700}
.cc .cc-monthly-summary li{font-size:12px;margin:6px 0}

/* 0.14: aligned career choices, local player portraits. */
.cc .cc-career-choice>.cc-grid>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.cc .cc-career-choice>.cc-grid>div>p{flex:1}
.cc .cc-career-choice>.cc-grid>div>button{margin-top:auto;white-space:normal;max-width:100%}
.cc .cc-character{margin:16px 0 24px}.cc .cc-character details{margin-top:12px}
.cc .cc-portrait{width:120px;height:120px;object-fit:cover;object-position:center 30%;border-radius:16px;border:2px solid var(--accent);display:block}
.cc .cc-portrait-small{width:80px;height:80px;margin:12px 0}
.cc .cc-portrait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;max-width:540px}
.cc .cc-portrait-grid button{display:block;padding:5px;min-width:0;width:100%;background:#182331;color:var(--text);border:2px solid var(--line);border-radius:12px;white-space:normal}
.cc .cc-portrait-grid button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}
.cc .cc-portrait-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center 30%;border-radius:7px}
.cc .cc-portrait-grid span{display:block;font-size:11px;padding:6px 0;overflow-wrap:anywhere}
.cc .cc-portrait-grid [data-avatar="2"] img,.cc .cc-portrait[src$="avatar-2.jpg"]{object-position:center 85%}
.cc .cc-portrait-grid [data-avatar="3"] img,.cc .cc-portrait[src$="avatar-3.jpg"]{object-position:center 15%}
.cc .cc-photo[src$="car2.jpg"]{object-position:center 85%}
.cc .cc-photo[src$="fog.jpg"]{object-position:center 90%}
.cc .cc-photo[src$="politicians.jpg"]{object-position:center 70%}
.cc .cc-photo[src$="own-club.jpg"]{object-position:center 65%}
.cc .cc-photo[src$="birthday.jpg"]{object-position:center 60%}

.cc .cc-profile-ranks{padding:12px;margin:12px 0 18px;border:1px solid var(--line);border-radius:10px}.cc .cc-profile-ranks p{margin:6px 0;font-size:12px;overflow-wrap:anywhere}.cc .cc-profile-ranks b{color:var(--accent)}