.game-instructions {
  box-sizing:border-box;margin:18px 0 24px;padding:20px;border:1px solid #7894a5;
  border-radius:16px;background:#f0f6fb;color:#173149;text-align:left;line-height:1.6;
}
.game-instructions h2 {margin:0 0 12px;font-size:23px;line-height:1.25;color:inherit;}
.game-instructions p {margin:0 0 14px;font:400 16px/1.6 Arial,sans-serif;color:inherit;}
.game-instructions p:last-child {margin-bottom:0;}
.game-instructions[hidden],.game-instructions-reopen[hidden] {display:none;}
.game-instructions-header {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;}
.game-instructions .game-instructions-header h2 {margin:0;}
.game-instructions-reopen {margin:18px 0 24px;}
.game-instructions-listen,
.game-instructions-reopen,
.game-instructions-dialog form button {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:100%;
  min-height:46px;padding:11px 17px;border:1px solid #44677f;border-radius:11px;
  background:#143c5a;color:#fff;font:700 16px/1.3 Arial,sans-serif;cursor:pointer;
}
.game-instructions-listen:disabled {opacity:.55;cursor:default;}
.game-instructions-listen:focus-visible,.game-instructions-reopen:focus-visible,.game-instructions-dialog button:focus-visible {outline:3px solid #dba428;outline-offset:3px;}
.game-instructions .game-instructions-audio-status:empty {display:none;}
.game-instructions .game-instructions-audio-status {margin-top:10px;font-size:14px;}
dialog.has-game-instructions,dialog.game-instructions-dialog {max-height:calc(100dvh - 32px);overflow-y:auto;}
dialog.has-game-instructions .game-instructions-close-bar {display:flex;justify-content:flex-end;margin:0 0 8px;}
dialog.has-game-instructions .game-instructions-close-bar[hidden] {display:none;}
dialog.has-game-instructions .game-instructions-close-bar .game-instructions-close,
.game-instructions .game-instructions-header .game-instructions-close {
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;
  border:2px solid #8fa9bb;border-radius:50%;background:#f1f7fc;color:#18394f;
  box-shadow:none;font-size:21px;line-height:1;cursor:pointer;
}
dialog.has-game-instructions .game-instructions-close:hover,.game-instructions .game-instructions-close:hover {background:#dcecf7;}
dialog.has-game-instructions .game-instructions-close:focus-visible,.game-instructions .game-instructions-close:focus-visible {outline:3px solid #dba428;outline-offset:3px;}
.game-instructions-dialog {box-sizing:border-box;width:min(620px,calc(100% - 28px));padding:26px;margin:auto;border:2px solid #8caebf;border-radius:24px;background:#102c40;color:#f3f7fb;}
.game-instructions-dialog::backdrop {background:#03121ddb;}
.game-instructions-dialog>h2 {font-size:28px;line-height:1.2;margin:0 0 18px;}
.game-instructions-dialog[data-instructions-game="money-chase"]>h2 {font-family:'Risque',Georgia,serif;font-weight:400;}
.game-instructions-dialog[data-instructions-game="the-final-offer"]>h2 {font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;}
.game-instructions-dialog[data-instructions-game="quick-choice"]>h2 {font-family:'Gafata',Arial,sans-serif;font-weight:400;}
.game-instructions-mascot {display:block;width:100%;height:180px;object-fit:contain;margin:0 auto 18px;}
body:is([data-game="money-chase"],.sample-snake-active) .game-instructions {background:#edf5da;border-color:#91b86c;color:#254e36;}
body:is([data-game="money-chase"],.sample-snake-active) .game-instructions-listen {background:#254e36;border-color:#254e36;}
body:is([data-game="money-chase"],.sample-snake-active) .game-instructions-reopen {
  background:#bde96c;color:#1e4229;border:1px solid #81ae46;border-radius:13px;
  box-shadow:0 4px 0 #689c39;font:400 22px/1.15 "Risque",Georgia,serif;
}
body:is([data-game="money-chase"],.sample-snake-active) .game-instructions-reopen .fa-solid {font-size:16px;}
body:is([data-game="money-chase"],.sample-snake-active) .game-instructions-reopen:hover {background:#cdef91;border-color:#689c39;}
body:is([data-game="money-chase"],.sample-snake-active) .game-instructions-reopen:focus-visible {outline:3px solid #254e36;outline-offset:5px;}
body[data-game="candy-bingo"] .game-instructions {background:#fff5fb;border-color:#d59abd;color:#603552;}
body[data-game="candy-bingo"] .game-instructions-listen {background:#943465;border-color:#943465;}
body[data-game="candy-bingo"] .game-instructions-reopen {
  background:linear-gradient(125deg,#744386,#a23976);color:#fff5fb;
  border:2px solid #f2b7d7;border-radius:999px;
  box-shadow:0 4px 0 #bc7bab,inset 0 1px 0 #ffffff40;
  font:400 22px/1.25 "Emilys Candy",Georgia,serif;
}
body[data-game="candy-bingo"] .game-instructions-reopen .fa-solid {font-size:16px;color:#ffe3f1;}
body[data-game="candy-bingo"] .game-instructions-reopen:hover {background:linear-gradient(125deg,#865096,#b34385);border-color:#fff5fb;}
body[data-game="candy-bingo"] .game-instructions-reopen:focus-visible {outline:3px solid #744386;outline-offset:5px;}
body[data-game="the-final-offer"] .game-instructions {background:#151e29;border-color:#8495a8;color:#f3f7fc;}
body[data-game="the-final-offer"] .game-instructions-listen {background:#832039;border-color:#cb7588;}
body[data-game="the-final-offer"] .game-instructions-reopen,
body[data-game="the-final-offer"] dialog.offer-rules > form > button {
  background:linear-gradient(#9c2d45,#641829);color:#f3f7fc;
  border:2px solid #aeb8c5;border-radius:12px;
  box-shadow:0 3px 0 #05080d,inset 0 1px 0 #ffffff26;
}
body[data-game="the-final-offer"] .game-instructions-reopen:hover,
body[data-game="the-final-offer"] dialog.offer-rules > form > button:hover {
  background:linear-gradient(#b33852,#812039);border-color:#e1e7ef;
}
body[data-game="the-final-offer"] .game-instructions-reopen:focus-visible,
body[data-game="the-final-offer"] dialog.offer-rules > form > button:focus-visible {
  outline:3px solid #f5b3c0;outline-offset:4px;
}
body[data-game="fraud-detection"] .game-instructions {background:#132a3d;border-color:#8098ab;color:#f4f7fc;}
body[data-game="fraud-detection"] .game-instructions-reopen {
  background:linear-gradient(#263c52,#132a3d);color:#f4f7fc;
  border:1px solid #8098ab;border-top:3px solid #edb844;border-radius:6px;
  box-shadow:0 4px 0 #071621;font:600 15px/1.4 "Orbitron",Arial,sans-serif;
}
body[data-game="fraud-detection"] .game-instructions-reopen .fa-solid {color:#ffe092;font-size:16px;}
body[data-game="fraud-detection"] .game-instructions-reopen:hover {background:#304c68;border-color:#ffe092;}
body[data-game="fraud-detection"] .game-instructions-reopen:focus-visible {outline:3px solid #ffe092;outline-offset:4px;}
body[data-game="quick-choice"] .game-instructions {background:#082e59;border-color:#89c7f5;color:#edf6ff;}
body:is([data-game="investing"],[data-game="credit-challenge"],[data-game="needs-vs-wants"],[data-game="budget-challenge"]) .game-instructions-reopen {
  background:#125797;color:#fff;border:1px solid #4382b6;border-bottom:4px solid #69b437;
  border-radius:14px;box-shadow:0 3px 0 #07335c;
  font:700 16px/1.3 Arial,sans-serif;
}
body:is([data-game="investing"],[data-game="credit-challenge"],[data-game="needs-vs-wants"],[data-game="budget-challenge"]) .game-instructions-reopen .fa-solid {color:#d7efbf;}
body:is([data-game="investing"],[data-game="credit-challenge"],[data-game="needs-vs-wants"],[data-game="budget-challenge"]) .game-instructions-reopen:hover {background:#1a6bb2;border-color:#92cf6a;}
body:is([data-game="investing"],[data-game="credit-challenge"],[data-game="needs-vs-wants"],[data-game="budget-challenge"]) .game-instructions-reopen:focus-visible {outline:3px solid #a4db7e;outline-offset:4px;}
body[data-game="quick-choice"] .game-instructions-reopen {
  background:linear-gradient(#164f88,#082e59);color:#edf6ff;
  border:1px solid #89c7f5;border-top:3px solid #8fca42;border-radius:14px;
  box-shadow:0 4px 0 #032b52;font:400 22px/1.2 "Gafata",Arial,sans-serif;
}
body[data-game="quick-choice"] .game-instructions-reopen .fa-solid {color:#bfed83;font-size:16px;}
body[data-game="quick-choice"] .game-instructions-reopen:hover {background:#1d6099;border-color:#bfed83;}
body[data-game="quick-choice"] .game-instructions-reopen:focus-visible {outline:3px solid #bfed83;outline-offset:4px;}
dialog.has-game-instructions .game-instructions p {font:400 16px/1.6 Arial,sans-serif;color:inherit;}
@media(max-width:540px){.game-instructions{padding:16px;}.game-instructions-dialog{padding:20px;}.game-instructions-listen{width:100%;}}