@font-face{font-family:Montserrat;src:url('fonts/montserrat/Montserrat.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('fonts/source-sans-3/SourceSans3.ttf') format('truetype');font-weight:200 900;font-display:swap}
/* Credit Challenge: Southeastern Louisiana-inspired green, gold, and white. */
.ready-games .game-card.credit{--card-border:#c9d7cb;--card-bg:#ffffff;--card-ink:#173b27;--card-shadow:#103a24;border:2px solid #c9d7cb;border-radius:24px;font-family:'Source Sans 3',Arial,sans-serif}
.ready-games .credit .game-copy{background:linear-gradient(140deg,#ffffff,#f4f7ee);color:#173b27}
.ready-games .credit .game-copy::before{height:6px;background:linear-gradient(90deg,#ffc629 0 32%,#ffc629 32% 100%)}
.ready-games .credit h2{font:750 clamp(28px,3vw,36px)/1.15 Montserrat,Arial,sans-serif;letter-spacing:-1px;color:#1a5632}
.ready-games .credit .game-copy small{font-weight:900;color:#1a5632;letter-spacing:1.4px}
.ready-games .credit .game-copy p{font:500 17px/1.55 'Source Sans 3',Arial,sans-serif}
.ready-games .credit .game-action{background:#1a5632;color:#ffffff;border:1px solid #ffc629;border-radius:12px;box-shadow:0 4px 0 #ffc629;font:850 16px/1.35 'Source Sans 3',Arial,sans-serif}
.ready-games .credit:hover .game-action{background:#124526}
.ready-games .credit .game-art{background:radial-gradient(ellipse at 85% 10%,#1a563255,transparent 60%),repeating-linear-gradient(135deg,transparent 0 22px,#ffc62909 22px 23px),#123a24;border-bottom:4px solid #ffc629;overflow:hidden}
.ready-games .credit .credit-art{padding:26px;min-height:180px}
.credit-card-art{width:100%;max-width:230px;aspect-ratio:1.6;padding:18px;border:2px solid #ffc629;border-radius:18px;background:linear-gradient(120deg,#287344,#1a5632 64%,#123a24);color:#ffffff;box-shadow:7px 12px 0 #09271855,inset 0 1px 0 #ffffff66;transform:rotate(-7deg)}
.credit-card-top,.credit-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.credit-card-top{color:#ffc629;font-size:22px}
.credit-card-art>strong{display:block;margin:12px 0;font:750 19px/1.2 Montserrat,Arial,sans-serif;letter-spacing:-.4px}
.ready-games .credit-card-bottom span{margin:0;font:750 9px/1.2 Montserrat,Arial,sans-serif;letter-spacing:2px;filter:none}
.credit-card-bottom i{font-size:19px;color:#ffc629}
body:is([data-game="credit-challenge"],.credit-active){background:radial-gradient(ellipse at 90% 5%,#28734455,transparent 55%),#0c2b1b;color:#ffffff;font-family:'Source Sans 3',Arial,sans-serif}
body[data-page="play"].credit-active{background:radial-gradient(ellipse at 90% 5%,#28734455,transparent 55%),#0c2b1b}
body:is([data-game="credit-challenge"],.credit-active) :is(h1,#game-title){font:750 clamp(32px,5.5vw,54px)/1.15 Montserrat,Arial,sans-serif;letter-spacing:-1.5px;color:#ffffff}
body:is([data-game="credit-challenge"],.credit-active) :is(.eyebrow,main>p){color:#dcead9}
body.credit-active .controller-title{background:transparent;border-color:#8aad92}
body:is([data-game="credit-challenge"],.credit-active) :is(.profile,.credit-skills){color:#ffffff;border:2px solid #ffc629;border-radius:22px;background:linear-gradient(125deg,#287344,#123a24 75%);box-shadow:0 7px 0 #082316}
body:is([data-game="credit-challenge"],.credit-active) :is(.profile h2,.credit-skills strong){font-family:Montserrat,Arial,sans-serif;font-weight:650}
body:is([data-game="credit-challenge"],.credit-active) progress{accent-color:#ffc629}
body:is([data-game="credit-challenge"],.credit-active) :is(.decision,.student-question){background:#ffffff;color:#173b27;border:2px solid #c9d7cb;border-left:6px solid #ffc629;border-radius:18px;box-shadow:0 6px 0 #082316}
body.credit-active .student-question :is(h2,.eyebrow),body[data-game="credit-challenge"] .decision .eyebrow{color:#1a5632}
/* Keep each foreground/background pair together above the shared classroom shell. */
body[data-page="play"].credit-active .student-question{background:#ffffff;color:#173b27;border:2px solid #c9d7cb;border-left:6px solid #ffc629;border-radius:18px;box-shadow:0 6px 0 #082316}
body[data-page="play"].credit-active .student-question h2{color:#173b27;font:800 clamp(23px,3.6vw,32px)/1.5 'Source Sans 3',Arial,sans-serif;letter-spacing:0}
body[data-page="play"].credit-active .student-question .eyebrow{color:#1a5632}
body[data-page="play"][data-game="credit-challenge"] .controller-bar>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:auto;max-width:100%;min-height:46px;padding:10px 13px;background:#1a5632;color:#ffffff;border:2px solid #ffc629;border-radius:12px;font:800 15px/1.3 'Source Sans 3',Arial,sans-serif;box-shadow:0 3px 0 #082316}
body[data-page="play"][data-game="credit-challenge"] .controller-bar>a .back-games-label{display:inline;color:#ffffff}
body[data-page="play"][data-game="credit-challenge"] .controller-bar>a i{color:#ffc629;font-size:20px}
body[data-page="play"][data-game="credit-challenge"] .controller-bar>a:hover{background:#124526}
body[data-page="play"][data-game="credit-challenge"] .controller-bar>a:focus-visible{outline:3px solid #ffc629;outline-offset:4px}
body[data-page="play"].credit-active .answer-grid button:where(:not(.correct-reveal):not(.incorrect-reveal)){background:#1a5632;color:#ffffff;border:2px solid #94b59c;box-shadow:0 4px 0 #082316}
body[data-page="play"].credit-active .answer-grid button:hover:not(:disabled){background:#124526;color:#ffffff;border-color:#ffc629}
body[data-page="play"].credit-active .credit-skills progress{accent-color:#ffc629}
body:is([data-game="credit-challenge"],.credit-active) :is(.decision h2,.student-question h2){font-family:'Source Sans 3',Arial,sans-serif;font-weight:800}
body:is([data-game="credit-challenge"],.credit-active) :is(button,.answer-copy){font-family:'Source Sans 3',Arial,sans-serif}
body:is([data-game="credit-challenge"],.credit-active) :is(.moves,.answer-grid) button{background:#1a5632;color:#ffffff;border:2px solid #94b59c;border-radius:16px;box-shadow:0 4px 0 #082316;font-weight:800}
body:is([data-game="credit-challenge"],.credit-active) :is(.moves,.answer-grid) button:enabled:hover{background:#124526;border-color:#ffc629}
body[data-game="credit-challenge"] .moves .selected{outline:4px solid #ffc629;outline-offset:3px}
body[data-game="credit-challenge"] .moves .recommended{background:#1a5632;border-color:#ffc629}
body[data-game="credit-challenge"] :is(#feedback,#finish){background:#ffffff;color:#173b27;border:2px solid #ffc629}
body[data-game="credit-challenge"] #trail span{background:#e9efe6;color:#173b27}
body[data-game="credit-challenge"] #trail .current{background:#1a5632;color:#fff;outline-color:#ffc629}
body[data-game="credit-challenge"] #trail .done{background:#ffc629;color:#173b27}
body:is([data-game="credit-challenge"],.credit-active) .game-instructions-reopen{background:#1a5632;color:#ffffff;border-color:#ffc629;box-shadow:0 4px 0 #082316;font-family:'Source Sans 3',Arial,sans-serif}
.game-instructions-dialog[data-instructions-game="credit-challenge"]{background:#ffffff;color:#173b27;border:3px solid #ffc629;border-top:8px solid #ffc629;border-radius:22px}
.game-instructions-dialog[data-instructions-game="credit-challenge"]>h2{font:700 28px/1.25 Montserrat,Arial,sans-serif;color:#1a5632}
body:is([data-game="credit-challenge"],.credit-active) .game-instructions p,.game-instructions-dialog[data-instructions-game="credit-challenge"] .game-instructions p{font-family:'Source Sans 3',Arial,sans-serif}
.cards a[href="credit/index.html"]{background:#ffffff;color:#173b27;border:2px solid #ffc629;font-family:'Source Sans 3',Arial,sans-serif}
.cards a[href="credit/index.html"] h2{font-family:Montserrat,Arial,sans-serif;color:#1a5632}
@media(max-width:400px){.credit-card-art{padding:14px}.credit-card-art>strong{font-size:17px}}

.ready-games .credit h2{font-weight:850;text-transform:uppercase;font-size:clamp(26px,3vw,34px);line-height:1.12;letter-spacing:-.6px}
.ready-games .credit .game-copy::before{background:#ffc629;height:7px}
.ready-games .credit .game-action{background:#ffc629;color:#173b27;border-color:#ffc629;box-shadow:0 4px 0 #1a5632}
.ready-games .credit:hover .game-action{background:#ffda6b;color:#173b27}
.credit-card-art{border-color:#ffc629;box-shadow:7px 12px 0 #09271855,inset 0 1px 0 #ffffff66}
body:is([data-game="credit-challenge"],.credit-active) :is(h1,#game-title){color:#ffffff;font-weight:850}
body[data-page="play"].credit-active .controller-title #game-art{background:#1a5632;border-color:#ffc629;box-shadow:0 5px 0 #082316}

/* Supplied varsity Starsky, shared by Credit Challenge pages. */
.ready-games .credit .credit-art{position:relative;padding:0}
.ready-games .credit .credit-card-mascot{position:absolute;top:8px;left:50%;transform:translateX(-50%);height:180%;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 6px 8px #0003)}
.credit-mascot{display:none}
body:is([data-game="credit-challenge"],.credit-active) :is(.profile,.credit-skills){position:relative;min-height:205px;padding-right:165px}
body:is([data-game="credit-challenge"],.credit-active) .credit-mascot{display:block;position:absolute;right:12px;bottom:0;width:140px;height:195px;object-fit:contain;object-position:center bottom;pointer-events:none}
@media(max-width:480px){
 body:is([data-game="credit-challenge"],.credit-active) :is(.profile,.credit-skills){padding-right:105px;min-height:160px}
 body:is([data-game="credit-challenge"],.credit-active) .credit-mascot{right:6px;width:90px;height:145px}
}