/* Pixel-art skin. Layout, cards, breakpoints and game mechanics stay in place. */
@font-face{font-family:'DJC Pixel';src:url('pixel/PixelifySans.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
.cc[data-djc]{--bg:#070e1c;--panel:#111f32;--line:#36516d;--accent:#a9fa68;--muted:#becde0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:linear-gradient(90deg,#0b1626ee,#08111dee),url('pixel/club-small.webp') center/cover;border:2px solid #35536d;border-top:4px solid var(--accent);border-radius:0;box-shadow:4px 4px 0 #030813,inset 2px 2px 0 #5a749333;color:#edf5ff}
.cc[data-djc] :is(h1,h2,h3,h4,.cc-brand,.cc-eyebrow){font-family:'DJC Pixel',ui-monospace,monospace!important;font-weight:600;letter-spacing:.02em}
.cc[data-djc] .cc-brand{font-size:23px;color:var(--accent);text-shadow:2px 2px #172f26}
.cc[data-djc] :is(.cc-main,.cc-player,.cc-online-board,.cc-card,.cc-feedback,.cc-goal,.cc-career-choice,.cc-unlocked,.cc-global-status,.cc-warning,.cc-reset,.cc-production-status,.cc-profile-ranks,.cc-deltas>div,.cc-landing-intro,.cc-auth-box,.cc-landing-path-grid article,.cc-landing-steps>div,.cc-character,.cc-invitation){border-radius:0;background:#111e30;border-color:#385773;box-shadow:inset 2px 2px 0 #6b8ca326,inset -2px -2px 0 #020b1670,3px 3px 0 #02081360}
.cc[data-djc] .cc-main{background:#101d2e;border-top:3px solid #99d66e}
.cc[data-djc] .cc-card{background:#14243a;border:1px solid #4a6a88;transition:border-color .12s}
.cc[data-djc] .cc-card.is-locked{background:#101b2b;border-color:#34465d}
.cc[data-djc] .cc-card:focus-within,.cc[data-djc] .cc-card:hover{border-color:#9ad977}
.cc[data-djc] .cc-card.is-locked:hover{border-color:#526b83}
.cc[data-djc] .cc-photo,.cc[data-djc] .cc-portrait,.cc[data-djc] .cc-portrait-grid img,.cc[data-djc] .cc-landing-backdrop,.cc[data-djc] .cc-landing-path-grid img{image-rendering:pixelated;border-radius:0;object-position:center!important;filter:none}
.cc[data-djc] .cc-photo{outline:1px solid #6385a142;box-shadow:2px 2px 0 #040a16;object-position:center 35%!important}
.cc[data-djc] .cc-invitation>.cc-photo{width:130px;object-fit:contain;background:#0a1727}
.cc[data-djc] :is(button,input,select,textarea,.cc-tabs,.cc-live-stats>div,details,progress,meter,.cc-calendar,.cc-history,.cc-inventory,.cc-season){border-radius:0}
.cc[data-djc] button{background:#a9fa68;border:2px solid #ddffb5;border-right-color:#548d39;border-bottom-color:#548d39;box-shadow:2px 2px 0 #030b13,inset 2px 2px 0 #e2ffb340;color:#122315;text-shadow:none;transition:filter .1s,background-color .1s;touch-action:manipulation}
.cc[data-djc] button:enabled:hover{filter:brightness(1.09)}
.cc[data-djc] button:enabled:active{box-shadow:inset 2px 2px 0 #466d2a66;background:#9ce85b}
.cc[data-djc] button.secondary{background:#1b3046;border:2px solid #496783;border-right-color:#0b1728;border-bottom-color:#0b1728;color:#e2ebf7;box-shadow:2px 2px 0 #050b15}
.cc[data-djc] button:disabled{background:#26384b;color:#a4b3c5;border-color:#405268;box-shadow:none;filter:none}
.cc[data-djc] .cc-tabs{background:#071321;box-shadow:inset 2px 2px 0 #020611}
.cc[data-djc] .cc-tabs button{border:2px solid transparent;background:transparent;box-shadow:none;color:#c8d8eb}
.cc[data-djc] .cc-tabs button[aria-current="page"]{background:#294b31;border-color:#a9fa68;color:#d6ffb6;box-shadow:inset 2px 2px 0 #76a96936}
.cc[data-djc] input:not([type=checkbox]),.cc[data-djc] select,.cc[data-djc] textarea{background:#071422;border:2px solid #456582;box-shadow:inset 2px 2px 0 #010813;color:#f2f7ff}
.cc[data-djc] :is(button,input,summary,a):focus-visible{outline:3px solid #82d8ff;outline-offset:3px}
.cc[data-djc] .cc-feedback,.cc[data-djc] .cc-goal,.cc[data-djc] .cc-career-choice{border-color:#719c57;background:#162c29}
.cc[data-djc] .cc-unlocked{background:#1c3a27;border:2px solid #b1fb71}
.cc[data-djc] .cc-warning,.cc[data-djc] .cc-global-status{background:#32291d;border-color:#d4ac61;color:#ffdfad}
.cc[data-djc] .cc-live-stats>div{background:#17322c;border:2px solid #a0d66b;box-shadow:inset 2px 2px 0 #b5ff7f2b,3px 3px 0 #030913}
.cc[data-djc] .cc-live-stats strong{color:#c3ff88}
.cc[data-djc] .cc-quick dd,.cc[data-djc] .cc-live-stats strong,.cc[data-djc] .cc-yield{font-variant-numeric:tabular-nums}
.cc[data-djc] .cc-player summary{background:#1b3045;border-bottom:1px solid #39546e}
.cc[data-djc] .cc-online-board h3{color:#bcfa88}
.cc[data-djc] :is(progress,meter){accent-color:#adfa68}
.cc[data-djc] progress::-webkit-progress-bar{background:#071321;border:1px solid #3a5670;border-radius:0}
.cc[data-djc] progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,#adfa68 0 8px,#7fc653 8px 10px);border-radius:0}
.cc[data-djc] progress::-moz-progress-bar{background:repeating-linear-gradient(90deg,#adfa68 0 8px,#7fc653 8px 10px)}
.cc[data-djc] .cc-landing-backdrop{opacity:.55}
.cc[data-djc] .cc-landing-intro h2{font-size:clamp(36px,5vw,62px);letter-spacing:0}
.cc[data-djc] .cc-landing-story{background:linear-gradient(90deg,#081321ed,#08132177)}
.cc[data-djc] .cc-account-tabs button{box-shadow:none}
.cc[data-djc] .cc-result-modal,.cc[data-djc] .cc-action-progress,.cc[data-djc] .cc-legal-modal{border-radius:0;border:2px solid #a8e879;background:#112137;box-shadow:6px 6px 0 #020711,inset 2px 2px 0 #bde8ff1c}
.cc[data-djc] dialog::backdrop{background:#020916e8;backdrop-filter:none}
.cc[data-djc] .cc-result-modal h2{color:#d5ffb4}
.cc[data-djc] .cc-monthly-summary{background:#172b42;border-radius:0}
.cc[data-djc] .cc-pixel-progress{padding:22px;width:min(92vw,500px);text-align:center;overflow:auto}
.cc[data-djc] .cc-pixel-progress h3{font-size:24px;margin:8px 0 16px}
.cc[data-djc] .cc-pixel-motion{width:min(100%,300px);aspect-ratio:1;margin:auto;overflow:hidden;position:relative;border:2px solid #4d718e;background:#091725;image-rendering:pixelated}
.cc[data-djc] .cc-action-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.cc[data-djc] .cc-action-poster[hidden]{display:none}
.cc[data-djc] .cc-pixel-frames{position:absolute;inset:0;background-repeat:no-repeat;background-size:400% 100%;background-position:0 0;image-rendering:pixelated;opacity:0}
.cc[data-djc] .cc-pixel-frames.is-ready{opacity:1;animation:djc-pixel-loop .8s steps(1,end) infinite}
@keyframes djc-pixel-loop{0%,24.999%{background-position-x:0}25%,49.999%{background-position-x:33.333333%}50%,74.999%{background-position-x:66.666667%}75%,100%{background-position-x:100%}}
.cc[data-djc] .cc-pixel-progress progress{display:block;width:100%;height:14px;margin:16px 0 10px}
.cc[data-djc] .cc-pixel-progress [data-motion-caption]{font-size:14px;color:#d7ffb7;margin:12px 0}
.cc[data-djc] .cc-pixel-progress [data-save-status]{font-size:12px;color:#bdcde1;margin:8px 0}
@media(max-width:600px){.cc[data-djc] .cc-brand{font-size:19px}.cc[data-djc] .cc-pixel-progress{padding:16px}.cc[data-djc] .cc-pixel-motion{width:min(100%,240px)}.cc[data-djc] .cc-pixel-progress h3{font-size:21px}.cc[data-djc] .cc-card h4{font-size:16px;line-height:1.2}.cc[data-djc] .cc-stage-heading h2{font-size:25px}.cc[data-djc] .cc-landing-intro h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.cc[data-djc] .cc-pixel-frames{animation:none!important}.cc[data-djc] *{transition:none!important;scroll-behavior:auto!important}}
.cc[data-djc] .cc-cvd-earnings{border:2px solid #b3f97a;background:#193329;padding:14px;margin:18px 0;box-shadow:3px 3px 0 #020a15}
.cc[data-djc] .cc-cvd-earnings>p{font-size:12px;line-height:1.6}
.cc[data-djc] .cc-cvd-earnings h3{margin:8px 0;font-size:22px}
.cc[data-djc] .cc-online-counts{overflow-wrap:anywhere;line-height:1.8}
.cc[data-djc] .cc-chat{min-width:0;border:1px solid #496d89;background:#111f32;padding:14px;margin-top:16px;box-shadow:3px 3px 0 #030a15}
.cc[data-djc] .cc-chat h3{font-size:20px;margin:0 0 12px;color:#c4ff9a}
.cc[data-djc] .cc-chat-messages{height:270px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
.cc[data-djc] .cc-chat-messages article{padding:10px 0;border-bottom:1px solid #334c65;overflow-wrap:anywhere}
.cc[data-djc] .cc-chat-messages header{display:flex;gap:6px;flex-wrap:wrap;justify-content:space-between;font-size:11px}
.cc[data-djc] .cc-chat-messages time{font-size:10px;color:#b8c8dc}
.cc[data-djc] .cc-chat-messages article p{font-size:12px;line-height:1.55;white-space:pre-wrap;margin:6px 0}
.cc[data-djc] .cc-chat form label{font-size:11px;display:block}
.cc[data-djc] .cc-chat textarea{display:block;width:100%;box-sizing:border-box;margin:6px 0 10px;padding:9px;resize:vertical;min-height:78px;font:14px/1.5 system-ui,sans-serif;max-height:220px}
.cc[data-djc] .cc-chat form>button{width:100%;font-size:12px;min-height:44px}
.cc[data-djc] .cc-chat-status{font-size:11px;color:#efdbb3;min-height:1em;overflow-wrap:anywhere}
.cc[data-djc] .cc-chat-controls{display:flex;gap:5px;flex-wrap:wrap}
.cc[data-djc] .cc-chat-controls button{font-size:10px;padding:5px;min-height:32px}
.cc[data-djc] .cc-chat details{font-size:11px;margin:12px 0 0;padding:8px 0}
.cc[data-djc] .cc-chat details p{font-size:11px;line-height:1.6}
.cc[data-djc] .cc-guide>h2{font-size:30px;line-height:1.15;margin:12px 0}
.cc[data-djc] .cc-guide>p{font-size:13px;line-height:1.6}
.cc[data-djc] .cc-guide-chapter{margin:16px 0;border:1px solid #466784;background:#13243a;padding:0;box-shadow:3px 3px 0 #030b18}
.cc[data-djc] .cc-guide-chapter>summary{display:flex;align-items:center;gap:14px;padding:14px;min-height:64px;cursor:pointer;list-style:none}
.cc[data-djc] .cc-guide-chapter>summary:after{content:'+';margin-left:auto;font-size:24px;color:#b9f97c}
.cc[data-djc] .cc-guide-chapter[open]>summary:after{content:'−'}
.cc[data-djc] .cc-guide-chapter summary img{image-rendering:pixelated;object-fit:cover;flex:0 0 64px}
.cc[data-djc] .cc-guide-chapter summary strong{display:block;font-family:'DJC Pixel',monospace;font-size:23px;line-height:1.2;color:#ceffa8}
.cc[data-djc] .cc-guide-chapter summary small{display:block;color:#b8c9dd;font-size:11px;margin-bottom:4px}
.cc[data-djc] .cc-guide-body{padding:0 18px 18px;font-size:13px;line-height:1.7}
.cc[data-djc] .cc-guide-body li{margin:12px 0}
.cc[data-djc] .cc-guide-body ol,.cc[data-djc] .cc-guide-body ul{padding-left:22px}
.cc[data-djc] .cc-guide-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 18px}
.cc[data-djc] .cc-guide-flow span{border:1px solid #507393;background:#0b192b;padding:5px 8px;font-size:12px}
.cc[data-djc] .cc-guide-flow b{color:#b3f77c}
.cc[data-djc] .cc-guide-tip{border-left:3px solid #b1f37d;background:#20362c;padding:12px;font-size:12px}
.cc[data-djc] .cc-guide-footer{padding:14px;border:1px solid #506c8a;background:#122134;margin-top:20px;font-size:12px;line-height:1.7}
.cc[data-djc] .cc-guide-modal{width:min(94vw,850px);max-width:850px}
.cc[data-djc] .cc-guide-modal>[data-guide-close]:first-child{position:sticky;top:0;z-index:2;width:100%;margin:0 0 20px}
.cc[data-djc] .cc-guide-modal>[data-guide-close]:last-child{width:100%}
@media(max-width:600px){.cc[data-djc] .cc-guide-chapter>summary{padding:12px;gap:10px}.cc[data-djc] .cc-guide-chapter summary img{width:48px;height:48px;flex-basis:48px}.cc[data-djc] .cc-guide-chapter summary strong{font-size:20px}.cc[data-djc] .cc-guide-body{padding:0 12px 12px}.cc[data-djc] .cc-guide>h2{font-size:26px}}

/* 0.27: compact mobile HUD, career beside rankings, result explanation spacing. */
.cc[data-djc] .cc-career-sidebar{margin:0 0 14px;min-width:0;overflow-wrap:anywhere}
.cc[data-djc] .cc-career-sidebar .cc-career-choice{padding:12px;margin:0 0 10px;font-size:12px}
.cc[data-djc] .cc-career-sidebar .cc-career-choice p{font-size:11px;margin:6px 0 0}
.cc[data-djc] .cc-career-sidebar .cc-production-status{margin:0;padding:12px}
.cc[data-djc] .cc-career-sidebar summary{font-size:12px;line-height:1.6}
.cc[data-djc] .cc-result-modal>.cc-repeat-reason{display:block;clear:both;margin:18px 0 0;padding-top:4px;line-height:1.6;overflow-wrap:anywhere}
.cc[data-djc] .cc-result-modal>[data-close-popup]{display:block;position:static}
@media(max-width:600px){
 .cc[data-djc] .cc-live-stats{gap:8px;margin:6px 0;padding:4px 0}
 .cc[data-djc] .cc-live-stats>div{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 9px;min-height:40px;box-sizing:border-box}
 .cc[data-djc] .cc-live-stats span{font-size:11px;line-height:1.3}
 .cc[data-djc] .cc-live-stats strong{font-size:17px;line-height:1.3;text-align:right}
 .cc[data-djc] .cc-layout{margin-top:8px}
}

/* Compact contextual guidance; requirements are read from engine. */
.cc[data-djc] .cc-next-step{border-left:3px solid #b1f37d;background:#172e2c;padding:10px 12px;margin:0 0 14px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.cc[data-djc] .cc-next-step p{margin:5px 0 0;font-size:12px}
.cc[data-djc] .cc-next-step details{margin:8px 0 0;padding:0;border:0;background:transparent;box-shadow:none}
.cc[data-djc] .cc-next-step summary{font-size:11px}
.cc[data-djc] .cc-guide-body h3{font-size:17px;margin:22px 0 8px}

/* 0.30: quiet course promotion and readable inline consent controls. */
.cc[data-djc] .cc-course-banner{margin:16px 0 0;padding:12px;border:1px solid #3d5368;background:#101d2a;box-shadow:none;min-width:0}
.cc[data-djc] .cc-course-banner-link{display:flex;gap:14px;align-items:center;color:#dae8f1;text-decoration:none;min-width:0}
.cc[data-djc] .cc-course-banner-link img{width:88px;height:55px;object-fit:cover;flex:0 0 88px;border:1px solid #415c73}
.cc[data-djc] .cc-course-banner-link>span{flex:1;min-width:0}
.cc[data-djc] .cc-course-banner-link :is(small,strong,span span){display:block}
.cc[data-djc] .cc-course-banner-link small{font-size:9px;letter-spacing:.06em;color:#a2b4c6}
.cc[data-djc] .cc-course-banner-link strong{font:700 14px/1.5 Arial,sans-serif;color:#e1ebf5}
.cc[data-djc] .cc-course-banner-link span span,.cc[data-djc] .cc-course-banner>p{font-size:11px;color:#b3c6d5;margin:4px 0 0}
.cc[data-djc] .cc-course-banner-link>b{font-size:12px;color:#c0df9c;text-decoration:underline;text-underline-offset:3px}
.cc[data-djc] .cc-course-banner-link:hover strong{color:#d5ffad}
.cc[data-djc] .cc-course-photo{display:block;width:100%;height:auto;max-height:210px;object-fit:cover;margin:0 0 18px;border:1px solid #496783}
.cc[data-djc] .cc-course-link{display:block;color:#d3ffab;font-size:18px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;line-height:1.6;margin:14px 0}
.cc[data-djc] .cc-course-coupon{display:grid;gap:10px;justify-items:start;padding:14px;border:1px solid #83b66a;background:#19352f;margin:18px 0}
.cc[data-djc] .cc-course-coupon code{font:700 26px/1.4 monospace;letter-spacing:.08em;color:#e2ffbf;background:transparent;user-select:all}
.cc[data-djc] .cc-course-coupon small{min-height:1.4em;font-size:12px}
.cc[data-djc] .cc-course-note{font-size:12px;line-height:1.6;color:#b4c5d3}
.cc[data-djc] :is(.cc-account-check,.cc-account-note) button[data-legal],.cc[data-djc] :is(.cc-account-check,.cc-account-note) button[data-legal]:is(:hover,:active,:focus-visible){display:inline;width:auto;min-width:0;min-height:0;margin:0;padding:0;border:0;background:transparent!important;box-shadow:none!important;color:#d5ffb2!important;text-shadow:none;filter:none;font:inherit;line-height:inherit;vertical-align:baseline;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;white-space:normal;overflow-wrap:anywhere}
@media(max-width:600px){.cc[data-djc] .cc-course-banner{padding:10px}.cc[data-djc] .cc-course-banner-link{flex-wrap:wrap;gap:6px 10px}.cc[data-djc] .cc-course-banner-link img{display:none}.cc[data-djc] .cc-course-banner-link>b{flex-basis:100%}.cc[data-djc] .cc-course-link{font-size:16px}.cc[data-djc] .cc-course-coupon code{font-size:24px}}

/* 0.31: centered banner, profile rewards and full course images. */
.cc[data-djc] .cc-course-banner{padding:20px 16px;background:radial-gradient(ellipse at 50% 0,#85bd3b14,transparent 72%),#101d2a;border-color:#627b50}
.cc[data-djc] .cc-course-banner-link{display:grid;grid-template-columns:1fr;justify-items:center;gap:10px;max-width:720px;margin:0 auto;text-align:center}
.cc[data-djc] .cc-course-banner-link img{display:block;width:200px;height:auto;max-width:100%;object-fit:contain;border:1px solid #8da965;box-shadow:0 0 18px #b5e25e16}
.cc[data-djc] .cc-course-banner-link>span{width:100%}
.cc[data-djc] .cc-course-banner-link strong{font-size:17px;color:#d8f5bb;margin:5px 0}
.cc[data-djc] .cc-course-banner-link>b{font-size:13px}
.cc[data-djc] .cc-course-rewards{margin:16px 0;padding:12px;border:1px solid #536e47;background:#13272a}
.cc[data-djc] .cc-course-rewards>summary{font-size:13px;line-height:1.6}
.cc[data-djc] .cc-course-rewards>p,.cc[data-djc] .cc-course-reward>p{font-size:12px;line-height:1.6}
.cc[data-djc] .cc-course-reward{margin:12px 0 0;padding:12px;border:1px solid #3b5a70;background:#111e30}
.cc[data-djc] .cc-course-reward>summary{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.cc[data-djc] .cc-course-reward>summary small{display:block;font:400 11px/1.6 Arial,sans-serif;margin-top:3px}
.cc[data-djc] .cc-course-reward .is-unlocked{color:#c4f69e}
.cc[data-djc] .cc-course-reward .is-locked{color:#c5cbd3}
.cc[data-djc] .cc-reward-photo{display:block;width:100%;max-width:280px;max-height:220px;height:auto;object-fit:contain;margin:14px auto;border:1px solid #496783}
.cc[data-djc] .cc-course-reward .cc-course-link{font-size:14px}
.cc[data-djc] .cc-course-locked-code{color:#b6c9d7;letter-spacing:.03em}
.cc[data-djc] .cc-course-profile-note{padding:10px;border-left:3px solid #a0d76b;background:#1b302b;font-size:13px;line-height:1.6}
.cc[data-djc] .cc-course-photo{height:auto;max-height:280px;object-fit:contain;object-position:center;background:#0b1522}
.cc[data-djc] .cc-course-modal .cc-course-coupon{gap:8px;margin:14px 0;padding:12px}
.cc[data-djc] .cc-course-modal .cc-course-coupon code{font-size:24px}
@media(max-width:600px){.cc[data-djc] .cc-course-banner-link img{display:block;width:180px;height:auto}.cc[data-djc] .cc-course-banner-link strong{font-size:15px}.cc[data-djc] .cc-course-banner{padding:16px 12px}.cc[data-djc] .cc-course-reward{padding:10px}.cc[data-djc] .cc-course-modal .cc-course-photo{max-height:25vh}.cc[data-djc] .cc-course-modal h2{font-size:23px}.cc[data-djc] .cc-course-modal .cc-course-profile-note{font-size:12px}.cc[data-djc] .cc-course-modal .cc-course-link{margin:10px 0;font-size:16px}}
.cc[data-djc] .cc-course-coupon [data-course-copy-status]:empty{display:none}

/* 0.32: always-visible compact reward cards and shortcuts below chat. */
.cc[data-djc] .cc-course-rewards{border:2px solid #b6f477;background:#142b2b;padding:14px;box-shadow:inset 0 1px 0 #d4ffa322}
.cc[data-djc] .cc-course-rewards>h3{font-size:19px;line-height:1.5;color:#d3ffad;margin:0 0 8px}
.cc[data-djc] .cc-course-reward{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;align-items:start;border:2px solid #a9df75;padding:12px;margin-top:12px;background:#142439;box-shadow:2px 2px 0 #040e19}
.cc[data-djc] .cc-reward-copy{min-width:0}
.cc[data-djc] .cc-reward-copy h4{font:700 14px/1.5 Arial,sans-serif;color:#ecffd8;margin:0 0 5px;overflow-wrap:anywhere}
.cc[data-djc] .cc-reward-status{display:inline-block;font-size:11px;line-height:1.6;padding:2px 6px;background:#213b36;border:1px solid #6e995b;color:#e0efdc}
.cc[data-djc] .cc-reward-copy>p{font-size:11px;line-height:1.6;margin:8px 0}
.cc[data-djc] .cc-reward-image{align-self:start;display:block}
.cc[data-djc] .cc-reward-image img{width:100%;height:auto;max-height:150px;margin:0;border:1px solid #a2c97a;object-fit:contain}
.cc[data-djc] .cc-course-reward .cc-reward-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;margin:4px 0;color:#132518;background:#c2f786;border:1px solid #e0ffb8;font:700 12px/1.5 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;box-sizing:border-box}
.cc[data-djc] .cc-course-reward .cc-reward-cta:hover{background:#d4ffa4}
.cc[data-djc] .cc-course-reward>.cc-course-coupon{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:8px 10px}
.cc[data-djc] .cc-course-reward>.cc-course-coupon>span{font-size:11px;flex-basis:100%}
.cc[data-djc] .cc-course-reward>.cc-course-coupon code{font-size:19px;letter-spacing:.04em}
.cc[data-djc] .cc-course-reward>.cc-course-coupon button{font-size:11px;min-height:36px;padding:7px 10px;margin:0 0 0 auto}
.cc[data-djc] .cc-course-reward>.cc-course-coupon small{flex-basis:100%;font-size:11px}
.cc[data-djc] .cc-reward-shortcuts{padding:12px;margin-top:16px;border:2px solid #a4df70;background:#132a2b}
.cc[data-djc] .cc-reward-shortcuts h3{font-size:17px;color:#d1ffa8;margin:0 0 10px}
.cc[data-djc] .cc-reward-shortcuts h3 small{font:400 11px/1.5 Arial,sans-serif}
.cc[data-djc] .cc-reward-shortcut{display:flex;align-items:center;gap:8px;padding:8px 0;color:#e8f6df;text-decoration:none;border-top:1px solid #4c704e}
.cc[data-djc] .cc-reward-shortcut img{width:44px;height:32px;object-fit:contain;flex:0 0 44px}
.cc[data-djc] .cc-reward-shortcut strong{font:700 11px/1.5 Arial,sans-serif;display:block}
.cc[data-djc] .cc-reward-shortcut small{font:400 10px/1.5 Arial,sans-serif;display:block;color:#c3ef9c;text-decoration:underline}
.cc[data-djc] .cc-reward-shortcuts>button{width:100%;font-size:10px;margin-top:8px;min-height:42px;padding:8px 4px}
.cc[data-djc] .cc-startup-modal{border-color:#cbff8e}
@media(max-width:600px){.cc[data-djc] .cc-course-rewards{padding:10px}.cc[data-djc] .cc-course-rewards>h3{font-size:18px}.cc[data-djc] .cc-course-reward{grid-template-columns:minmax(0,1fr) 90px;gap:10px;padding:10px}.cc[data-djc] .cc-reward-copy h4{font-size:12px}.cc[data-djc] .cc-course-reward .cc-reward-cta{min-height:44px;padding:8px 10px}.cc[data-djc] .cc-reward-image img{max-height:110px}.cc[data-djc] .cc-course-reward>.cc-course-coupon code{font-size:18px}}
.cc[data-djc] .cc-reward-copy h4{font-family:system-ui,-apple-system,Segoe UI,sans-serif!important;letter-spacing:0}.cc[data-djc] .cc-course-rewards{scroll-margin-top:64px}

/* 0.33: navigation cues, quieter outer reward frame and square artwork. */
.cc[data-djc] .cc-course-rewards{border:1px solid #334d46;background:transparent;box-shadow:none}
.cc[data-djc] .cc-course-rewards .cc-course-coupon{border:0;border-top:1px solid #49664c;background:#1a3030}
.cc[data-djc] .cc-reward-image img{aspect-ratio:1;max-height:none;object-fit:contain}
.cc[data-djc] .cc-course-banner-link img{width:180px;height:auto;aspect-ratio:1}
.cc[data-djc] button.cc-guidance-link,.cc[data-djc] button.cc-guidance-link:is(:hover,:active,:focus-visible){display:block;min-height:34px;width:auto;margin:5px 0;padding:5px 0;border:0;background:transparent;box-shadow:none;color:#9edfff;font-size:11px;line-height:1.6;text-align:left;text-decoration:underline;text-underline-offset:3px}
.cc[data-djc] button.cc-guidance-button{display:block;width:100%;min-height:44px;margin:12px 0;border-color:#94cbe0;background:#193c4a;color:#d6f5ff;font-size:12px}
.cc[data-djc] .cc-guided-target{outline:3px solid #c3ff87;outline-offset:3px;scroll-margin-top:70px;box-shadow:0 0 0 6px #b5ef6233}
.cc[data-djc] .cc-requirements button.cc-guidance-link{margin:2px 0;font-size:10px}
.cc[data-djc] .cc-reward-copy button.cc-guidance-link{margin-bottom:7px}
@media(max-width:600px){.cc[data-djc] button.cc-guidance-link{min-height:40px}.cc[data-djc] .cc-guidance-button{padding:10px;font-size:11px}.cc[data-djc] .cc-reward-image img{max-height:none}}

/* Visible commercial disclosure, without adding another frame. */
.cc-ad-label{display:block;color:#d6e8ba;font:600 10px/1.5 system-ui,sans-serif;letter-spacing:.04em;margin-bottom:5px}

/* 0.39: compact persistent HUD, readable player progress, desktop course banner. */
.cc[data-djc] .cc-player-meta{gap:8px;padding:12px 9px;background:#1b3043;border-left:3px solid #b2ed78;color:#e0eaf4;font-size:12px;line-height:1.6}
.cc[data-djc] .cc-player-meta b{color:#c8ff95;font-weight:800}
.cc[data-djc] .cc-player .cc-reward-shortcuts{margin-top:18px;padding:12px;min-width:0}
.cc[data-djc] .cc-player .cc-reward-shortcuts h3{font-size:15px;line-height:1.5}
.cc[data-djc] .cc-live-stats>div{min-width:0}
.cc[data-djc] .cc-live-stats strong small{font-size:.65em;color:#d2e0cb;font-weight:500}
@media(min-width:701px){
 .cc[data-djc] .cc-course-banner-link{grid-template-columns:180px minmax(0,1fr);grid-template-rows:auto auto;column-gap:24px;row-gap:8px;max-width:760px;text-align:left;justify-items:start}
 .cc[data-djc] .cc-course-banner-link img{grid-row:1/3;grid-column:1;width:180px}
 .cc[data-djc] .cc-course-banner-link>span{grid-column:2;align-self:end}
 .cc[data-djc] .cc-course-banner-link>b{grid-column:2;align-self:start}
}
@media(max-width:600px){
 .cc[data-djc] .cc-live-stats{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:6px}
 .cc[data-djc] .cc-live-stats>div{display:block;padding:5px 7px;min-height:44px}
 .cc[data-djc] .cc-live-stats span{font-size:10px;line-height:1.3}
 .cc[data-djc] .cc-live-stats strong{display:block;font:700 clamp(12px,3.7vw,16px)/1.5 Arial,sans-serif;text-align:left;overflow-wrap:anywhere}
}

/* 0.41 compact health HUD and unbroken ranking amounts. */
.cc[data-djc] .cc-ranking-value{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;font-variant-numeric:tabular-nums}
.cc[data-djc] .cc-gear-warning{padding:8px;border-left:3px solid #ffd17a;background:#6d441b33;color:#ffe1a9;font-size:12px}
@media(max-width:600px){.cc[data-djc] .cc-live-stats{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:4px}.cc[data-djc] .cc-live-stats>div{padding:5px}.cc[data-djc] .cc-live-stats strong{font-size:clamp(10px,3.15vw,13px)}}


.cc[data-djc] .cc-side-activity{margin:10px 0 16px;padding:10px 12px;background:#1b302b;border-left:3px solid #9cd96a;font-size:12px}.cc[data-djc] .cc-side-activity p{margin:4px 0;font-size:12px}.cc[data-djc] .cc-side-activity>strong{color:#c6f49e}

.cc[data-djc] .cc-contact-modal{max-width:440px}
.cc[data-djc] .cc-contact-modal a{font-size:18px;color:#c5f296;overflow-wrap:anywhere}
.djc-fixed-course-cta{display:none!important;position:fixed;top:16px;z-index:18;box-sizing:border-box;padding:10px 14px;border:1px solid #73865d;border-radius:7px;background:#172331f5;color:#d8e8bc!important;box-shadow:0 2px 8px #0003;font:600 13px/1.5 Arial,sans-serif;text-decoration:none!important}
.djc-fixed-course-cta:hover{border-color:#b8d48d;background:#213342;color:#ecffca!important}
.djc-fixed-course-cta:focus-visible{outline:3px solid #d3f5a2;outline-offset:3px}
.djc-fixed-course-cta{width:208px;max-width:none;white-space:nowrap;text-align:center;min-height:42px}
@media(min-width:1100px) and (pointer:fine){.djc-fixed-course-cta.has-room{display:block!important}}

.cc[data-djc] .cc-repertoire-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto;max-width:45%}
.cc[data-djc] .cc-music-news{padding:14px;border:1px solid #415d71;background:#101e30}
.cc[data-djc] .cc-music-news p{font-size:13px}
.cc[data-djc] .cc-music-player{width:100%;min-height:240px;background:#081320;border:1px solid #415d71;display:grid;place-items:center;padding:16px}
.cc[data-djc] .cc-music-player:has(iframe){padding:0}
.cc[data-djc] .cc-music-player iframe{display:block;width:100%;min-height:240px;aspect-ratio:16/9;max-height:440px;border:0}
.cc[data-djc] .cc-music-note{margin-top:14px;color:#bdcbd8}
@media(max-width:600px){.cc[data-djc] .cc-repertoire-actions{max-width:100%;justify-content:flex-start}.cc[data-djc] .cc-music-news{padding:10px}}

.cc[data-djc] .cc-reward-shortcuts button.cc-music-shortcut{width:100%;border:0;border-bottom:1px solid #415d49;background:none;box-shadow:none;text-align:left;padding:10px 0;color:#d5edc9;font:inherit;white-space:normal}

/* Forum uses only the middle column; sidebars remain intact. */
.cc[data-djc].cc-forum-open .cc-main>:not(.cc-panel){display:none!important}
.cc[data-djc].cc-forum-open .cc-panel>:not(.cc-forum){display:none!important}
.cc[data-djc] .cc-forum{min-width:0}
.cc[data-djc] .cc-forum-top{position:sticky;top:var(--djc-forum-top,0px);z-index:8;background:#111e30;padding:10px 0;border-bottom:1px solid #43617a;margin-bottom:12px}
.cc[data-djc] .cc-forum-top>button{width:100%;min-height:48px;font-weight:800;border:2px solid #b1ff63}
.cc[data-djc] .cc-forum-top h2{font-size:20px;margin:14px 0 6px}
.cc[data-djc] .cc-forum-sections{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cc[data-djc] .cc-forum-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}
.cc[data-djc] .cc-forum-topics article,.cc[data-djc] .cc-forum-posts article{padding:12px;border:1px solid #44657b;margin:12px 0;background:#0b1828}
.cc[data-djc] .cc-forum-topics button{width:100%;text-align:left;white-space:normal}
.cc[data-djc] .cc-forum small{display:block;margin-top:8px}
.cc[data-djc] .cc-forum-posts header{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}
.cc[data-djc] .cc-forum-posts p{white-space:pre-wrap;overflow-wrap:anywhere}
.cc[data-djc] .cc-forum a{color:#beff83;text-decoration:underline;overflow-wrap:anywhere}
.cc[data-djc] .cc-forum input,.cc[data-djc] .cc-forum textarea{width:100%;box-sizing:border-box;min-width:0}
.cc[data-djc] .cc-forum label{display:block;margin:12px 0}
.cc[data-djc] .cc-forum-notice{color:#ffe29c}
.cc[data-djc] .cc-forum-shortcut{width:100%;margin-top:14px;border:1px solid #b1ff63}
@media(max-width:600px){.cc[data-djc] .cc-forum-sections{grid-template-columns:1fr}.cc[data-djc] .cc-forum-top h2{font-size:18px}}