/* Visual layer only. Existing layout, dimensions and breakpoints belong to career.css. */
.cc{--bg:#0b1017;--panel:#17212c;--line:#334154;--muted:#b8c5d5;--accent:#c3f97a;background:radial-gradient(ellipse at 15% 0%,#25423124,transparent 45%),linear-gradient(145deg,#0e151e,#0b1017 65%);border-color:#354252;box-shadow:0 24px 70px #0003,inset 0 1px 0 #ffffff0b}
.cc .cc-main{background:linear-gradient(150deg,#182330,#141e2a 65%);border-color:#3a485a;box-shadow:inset 0 1px 0 #ffffff0a}
.cc .cc-player,.cc .cc-online-board{background:linear-gradient(160deg,#141f2b,#101923 75%);border-color:#334255;box-shadow:inset 0 1px 0 #ffffff09,0 8px 24px #00000010}
.cc .cc-card{background:linear-gradient(150deg,#1d2936,#17212c 68%);border-color:#3b4b5e;box-shadow:inset 0 1px 0 #ffffff0b,0 5px 18px #00000017;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.cc .cc-card.is-locked{background:linear-gradient(150deg,#17212c,#121b26);border-color:#2d3b4c;box-shadow:inset 0 1px 0 #ffffff05}
.cc .cc-card:focus-within{border-color:#8fae68;box-shadow:inset 0 1px 0 #ffffff0c,0 0 0 1px #c3f97a18}
.cc .cc-card h4,.cc .cc-panel-heading h3,.cc .cc-shop-group>h3{color:#f4f7fc}
.cc .cc-card .cc-yield{color:#d0ff96;text-shadow:0 0 16px #c3f97a12;font-variant-numeric:tabular-nums}
.cc .cc-card .cc-cost{color:#bdcbdc}
.cc .cc-card .cc-reason{color:#d6bfaa}
.cc .cc-photo{box-shadow:inset 0 0 0 1px #ffffff0a,0 3px 12px #0002}
.cc button{background:linear-gradient(180deg,#d2ff9a,#bcef70);border-color:#dcffae40;box-shadow:inset 0 1px 0 #ffffff55,0 3px 10px #0002;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease}
.cc button:enabled:active{filter:brightness(.94);box-shadow:inset 0 2px 5px #0002}
.cc button.secondary{background:linear-gradient(180deg,#1b273440,#121b2630);border-color:#3a495d;box-shadow:inset 0 1px 0 #ffffff06;color:#c1cede}
.cc button:disabled{background:linear-gradient(180deg,#2b3545,#252f3e);border-color:#3b465640;color:#a6b4c8;box-shadow:inset 0 1px 0 #ffffff04;filter:none}
.cc .cc-tabs{background:linear-gradient(180deg,#0b131d,#0c141e);box-shadow:inset 0 1px 4px #0003}
.cc .cc-tabs button{background:transparent;border-color:transparent;box-shadow:none;color:#b5c3d6}
.cc .cc-tabs button[aria-current="page"]{background:linear-gradient(145deg,#364a2e,#273a28);border-color:#8eae6155;box-shadow:inset 0 1px 0 #deffae20,0 0 16px #b7f56e0a;color:#d2ff9a}
.cc .cc-feedback,.cc .cc-goal{background:linear-gradient(130deg,#263b2a80,#17251d44);border-color:#5d7749;box-shadow:inset 0 1px 0 #d8ffb00a}
.cc .cc-feedback.cc-event,.cc .cc-warning,.cc .cc-global-status{background:linear-gradient(135deg,#70512722,#30281b22);border-color:#9a7b4d;color:#f0d8af}
.cc .cc-unlocked{background:linear-gradient(135deg,#29452be6,#192e21e6);border-color:#b7ec78;box-shadow:0 0 24px #b6ed6d12,inset 0 1px 0 #e5ffc329}
.cc .cc-career-choice{background:linear-gradient(135deg,#29412b30,#14211d20);border-color:#91b765;box-shadow:inset 0 1px 0 #d8ffab14}
.cc .cc-result-modal{background:radial-gradient(ellipse at 0 0,#3d613b25,transparent 60%),linear-gradient(145deg,#1b2835,#131e2b);border-color:#8eaf68;box-shadow:0 24px 100px #0009,inset 0 1px 0 #ffffff18}
.cc dialog::backdrop{background:#030911d9}
.cc .cc-deltas>div,.cc .cc-monthly-summary,.cc .cc-production-status,.cc .cc-profile-ranks{background:linear-gradient(145deg,#1c2b3a70,#10192570);border-color:#3d4e61;box-shadow:inset 0 1px 0 #ffffff07}
.cc .cc-deltas dd,.cc .cc-quick dd,.cc .cc-live-stats strong,.cc .cc-table-wrap td{font-variant-numeric:tabular-nums}
.cc .cc-live-stats>div{background:linear-gradient(145deg,#22362d,#182633);border-color:#779554;box-shadow:inset 0 1px 0 #e2ffc619,0 3px 12px #0002}
.cc .cc-live-stats strong{color:#d2ff9c}
.cc .cc-live-stats strong.is-debt{color:#ffb0ad}
.cc .cc-season,.cc .cc-tag{background:#1b2a372e;border-color:#455669;color:#c3d0df}
.cc .cc-portrait{box-shadow:0 0 18px #c3f97a10,inset 0 1px 0 #ffffff0d}
.cc .cc-portrait-grid button{background:linear-gradient(150deg,#1d2a38,#15212d);border-color:#3b4c61;box-shadow:inset 0 1px 0 #ffffff08}
.cc .cc-portrait-grid button[aria-pressed="true"]{background:linear-gradient(150deg,#2b402c,#1d3026);border-color:#b6ee77;box-shadow:0 0 16px #c3f97a12}
.cc summary{transition:color .16s ease}
.cc details[open]>summary{color:#d8efbe}
.cc summary:focus-visible,.cc button:focus-visible,.cc input:focus-visible{outline-color:#c0b1ff}
.cc .cc-profile-section dl>div,.cc .cc-modal-event,.cc .cc-table-wrap th,.cc .cc-table-wrap td{border-bottom-color:#344255}
.cc .cc-online-board tbody tr:first-child{background:#b7e87a09}
.cc .cc-online-board tbody tr:first-child>td:first-child{color:#d4efa6}
.cc input{background:linear-gradient(180deg,#111b27,#17222e);border-color:#586c83;box-shadow:inset 0 2px 6px #0002}
.cc progress::-webkit-progress-bar{background:#0b1520;box-shadow:inset 0 1px 3px #0005}
.cc progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,transparent 0 15px,#07120b30 15px 17px),linear-gradient(90deg,#8ec35d,#c8fb83);box-shadow:0 0 7px #c3f97a28}
.cc progress::-moz-progress-bar{background:repeating-linear-gradient(90deg,transparent 0 15px,#07120b30 15px 17px),linear-gradient(90deg,#8ec35d,#c8fb83)}
.cc meter::-webkit-meter-bar{background:#0b1520;border-color:#334357;box-shadow:inset 0 1px 2px #0004}
.cc meter::-webkit-meter-optimum-value{background:repeating-linear-gradient(90deg,transparent 0 12px,#07120b30 12px 14px),linear-gradient(90deg,#83b75b,#c0ee82)}
.cc meter::-webkit-meter-suboptimum-value{background:linear-gradient(90deg,#b18342,#e3bd76)}
.cc meter::-webkit-meter-even-less-good-value{background:linear-gradient(90deg,#a74f4d,#e68b7d)}
@media(hover:hover) and (pointer:fine){
 .cc .cc-card:not(.is-locked):hover{border-color:#7d9b61;box-shadow:inset 0 1px 0 #e3ffbc15,0 7px 22px #0003,0 0 18px #b9ef7609}
 .cc button:enabled:hover{background:linear-gradient(180deg,#e1ffb3,#cafa84);color:#19250d;border-color:#edffc966;box-shadow:inset 0 1px 0 #ffffff70,0 0 16px #b5ee7318}
 .cc button.secondary:enabled:hover,.cc .cc-tabs button:not([aria-current="page"]):hover{background:linear-gradient(180deg,#293b4c,#1b2c3c);color:#f2f7fc;border-color:#61768a;box-shadow:inset 0 1px 0 #ffffff0d}
 .cc .cc-tabs button[aria-current="page"]:hover{background:linear-gradient(145deg,#3b5131,#2d422c);border-color:#9ec67277;color:#d9ffaa;box-shadow:inset 0 1px 0 #deffae20,0 0 16px #b7f56e12}
 .cc .cc-portrait-grid button:enabled:hover{background:#293c32;color:#e3ffc3;border-color:#a5c57e}
 .cc summary:hover{color:#e1f7c3}
}
/* One short highlight per actual unlock; no continuous motion in the playfield. */
.cc .cc-unlock-flash{animation:cc-unlock-light .75s ease-out 1}
.cc .cc-unlock-flash .cc-eyebrow{animation:cc-unlock-text .75s ease-out 1}
.cc .cc-result-modal.cc-result-enter{animation:cc-result-in .2s ease-out 1}
@keyframes cc-unlock-text{0%,100%{text-shadow:none}40%{text-shadow:0 0 12px #c3f97a88}}
@keyframes cc-unlock-light{0%{box-shadow:0 0 0 #c3f97a00,inset 0 0 0 #c3f97a00}35%{box-shadow:0 0 28px #c3f97a32,inset 0 0 22px #c3f97a0d}100%{box-shadow:0 0 24px #b6ed6d12,inset 0 1px 0 #e5ffc329}}
@keyframes cc-result-in{from{opacity:.5}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.cc *, .cc *::before,.cc *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* 0.18: stage lighting and hardware surfaces, without changing the layout. */
.cc{--muted:#c1ccdb;--line:#435167;--accent:#ccff79;background:radial-gradient(ellipse at 3% 0%,#95e35b24,transparent 32%),radial-gradient(ellipse at 100% 32%,#678eff19,transparent 38%),repeating-linear-gradient(135deg,#ffffff02 0 1px,transparent 1px 7px),#080e17;border-color:#516277;box-shadow:0 25px 80px #0005,inset 0 3px 0 #ccff79,inset 0 0 65px #0004}
.cc .cc-header{border-bottom-color:#77934e;box-shadow:0 1px 0 #caff781a}
.cc .cc-brand{color:#d6ff97;text-shadow:0 0 20px #baff7b66}
.cc .cc-main{background:radial-gradient(ellipse at 100% 0%,#6385b92e,transparent 42%),linear-gradient(150deg,#233145,#121c2a 70%);border-color:#62758f;box-shadow:inset 0 3px 0 #71859f,inset 0 0 35px #0002,0 12px 35px #0003}
.cc .cc-player,.cc .cc-online-board{background:linear-gradient(135deg,#273344,#111b29 65%);border-color:#4b6078;box-shadow:inset 3px 0 0 #a6d65e,0 12px 30px #0004}
.cc .cc-player>summary{background:linear-gradient(100deg,#354c39,#1d2c3c);color:#e0ffb5;box-shadow:inset 0 -1px 0 #a8d76c44}
.cc .cc-card{background:radial-gradient(ellipse at 100% 0%,#6e8dc12e,transparent 55%),linear-gradient(145deg,#2c3c50,#1a2535 70%);border-color:#6c819b;box-shadow:inset 0 3px 0 #bff477,inset 0 0 0 1px #ffffff06,0 10px 22px #0004}
.cc .cc-card.is-locked{background:linear-gradient(145deg,#243043,#172131);border-color:#425268;box-shadow:inset 0 3px 0 #69778b,0 7px 18px #0003}
.cc .cc-photo{filter:saturate(1.12) contrast(1.06);box-shadow:0 0 0 1px #adc2df44,0 7px 17px #0006}
.cc .cc-card h4{color:#fff;text-shadow:0 2px 5px #0005}
.cc .cc-card .cc-yield{color:#dcffa2;background:linear-gradient(90deg,#a5e85c24,transparent);box-shadow:inset 3px 0 0 #bdff71;text-shadow:0 0 16px #bdff7138}
.cc .cc-card.is-locked .cc-yield{background:linear-gradient(90deg,#a5e85c10,transparent);box-shadow:inset 3px 0 0 #81926d}
.cc .cc-card .cc-cost{color:#d3deed}
.cc button{background:linear-gradient(110deg,#e0ff9c,#b5f855 65%,#91dc35);border-color:#d7ff9b;box-shadow:inset 0 2px 0 #f5ffdbb0,inset 0 -3px 0 #527e3666,0 4px 16px #9fe44b30;text-shadow:0 1px 0 #edffb877}
.cc button.secondary{background:linear-gradient(135deg,#34465c,#1b2c40);border-color:#647b98;color:#e0ebfb;box-shadow:inset 0 1px 0 #afc8ec33,0 4px 12px #0003;text-shadow:none}
.cc button:disabled{background:linear-gradient(135deg,#354052,#273242);color:#aab8cb;border-color:#4c5c72;box-shadow:inset 0 1px 0 #ffffff0a;text-shadow:none}
.cc .cc-tabs{background:linear-gradient(125deg,#070e18,#162235);box-shadow:inset 0 1px 0 #7d94b650,inset 0 -1px 0 #7d94b630,0 7px 20px #0003}
.cc .cc-tabs button{background:transparent;box-shadow:none;color:#cad7e8;text-shadow:none}
.cc .cc-tabs button[aria-current="page"]{background:linear-gradient(130deg,#d5ff89,#a6ed4f);border-color:#e1ffac;color:#18230b;box-shadow:inset 0 2px 0 #efffc0,0 0 22px #b0f35c30;text-shadow:none}
.cc .cc-quick dd{color:#f0ffda;text-shadow:0 0 16px #baf17822}
.cc .cc-quick>div{background:linear-gradient(125deg,#a9da7312,transparent);border-bottom-color:#61748b}
.cc .cc-live-stats>div{background:linear-gradient(125deg,#3e5d38,#1f3640);border-color:#c2f17b;box-shadow:inset 0 3px 0 #d5ff95,0 6px 18px #0005}
.cc .cc-live-stats strong{color:#e4ffb4;text-shadow:0 0 18px #baff7555}
.cc .cc-goal,.cc .cc-feedback,.cc .cc-career-choice{background:radial-gradient(ellipse at 0 0,#baff7830,transparent 65%),linear-gradient(125deg,#23392d,#1a2938);border-color:#a7d275;box-shadow:inset 4px 0 0 #c5ff7c,0 7px 18px #0003}
.cc .cc-warning,.cc .cc-global-status,.cc .cc-feedback.cc-event{background:linear-gradient(125deg,#5c472b,#282a31);border-color:#dfb46c;color:#ffe5b6;box-shadow:inset 4px 0 0 #f2c16d}
.cc .cc-unlocked{background:linear-gradient(125deg,#405b2c,#1d3a2e);border-color:#dcff9b;box-shadow:inset 4px 0 0 #ddff9d,0 0 28px #baff7828}
.cc .cc-result-modal{background:radial-gradient(ellipse at 0 0,#bbff7830,transparent 48%),linear-gradient(140deg,#2a3c4e,#142032 75%);border-color:#c6f58a;box-shadow:inset 0 4px 0 #c9ff82,0 30px 110px #000b,0 0 40px #b2f77216}
.cc .cc-deltas>div,.cc .cc-monthly-summary{background:linear-gradient(125deg,#334a42,#213348);border-color:#728d86;box-shadow:inset 0 2px 0 #b7e47b55}
.cc .cc-deltas dd{color:#e0ffae;text-shadow:0 0 16px #baff7933}
.cc .cc-profile-section,.cc .cc-requirements,.cc .cc-other-career,.cc .cc-fee{border-color:#566b87}
.cc details>summary{color:#d3e0ef}
.cc details[open]>summary{color:#d7ff9a;text-shadow:0 0 15px #bdff7925}
.cc .cc-season{color:#ffe2a2;background:#594425;border-color:#c5a05e}
.cc .cc-online-board tbody tr:first-child{background:linear-gradient(90deg,#b5ee6630,#b5ee6606)}
.cc .cc-online-board tbody tr:first-child>td:first-child{color:#e3ff9f}
.cc .cc-eyebrow{color:#d3ff91;text-shadow:0 0 14px #c3f97a40}
.cc .cc-panel-heading h3,.cc .cc-shop-group>h3{color:#ecf5ff;text-shadow:0 2px 6px #0005}
.cc progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,transparent 0 10px,#14200d55 10px 12px),linear-gradient(90deg,#91db42,#d9ff91);box-shadow:0 0 12px #c3f97a55}
@media(hover:hover) and (pointer:fine){
 .cc .cc-card:not(.is-locked):hover{border-color:#ccff8b;box-shadow:inset 0 3px 0 #d8ffa6,0 10px 28px #0005,0 0 22px #bbf87920}
 .cc button:enabled:hover{background:linear-gradient(110deg,#eeffc3,#c8ff78);border-color:#edffca;box-shadow:inset 0 2px 0 #fff9,0 0 24px #baff7955}
 .cc .cc-tabs button[aria-current="page"]:hover{background:linear-gradient(125deg,#e8ffac,#baff65);color:#18230b;border-color:#e1ffac;box-shadow:0 0 24px #baff7940}
}
@media(forced-colors:active){.cc button:focus-visible,.cc summary:focus-visible{outline:2px solid Highlight}.cc button,.cc .cc-card,.cc .cc-result-modal{box-shadow:none}}

/* Career progress and earned honors use existing card/profile surfaces. */
.cc .cc-next-gig{margin:12px 0;padding:10px 12px;border:1px solid #6e8853;border-radius:9px;background:linear-gradient(120deg,#b9ee7020,#172638);box-shadow:inset 3px 0 0 #c9ff80}
.cc .cc-next-gig p{font-size:12px;margin:0 0 5px}.cc .cc-next-gig strong{color:#e2ffba}.cc .cc-next-gig small{font-size:10px}
.cc .cc-profile-honors{margin:14px 0;padding:14px;border:1px solid #aacd78;border-radius:12px;background:linear-gradient(130deg,#adc97525,#172638)}
.cc .cc-profile-honors>strong{color:#dcffa8}.cc .cc-profile-honors ul{margin:8px 0 0;padding-left:20px}
.cc .cc-nye-levels{margin:12px 0}.cc .cc-nye-levels>div{padding:10px 0;border-bottom:1px solid #4d5f77}.cc .cc-nye-levels p{font-size:12px;margin:5px 0}.cc .cc-nye-levels summary{font-size:12px}