/* /Components/GameAudioControls.razor.rz.scp.css */
.game-audio[b-ix14f28bng] { position: relative; max-width: 100%; }
.game-audio > summary[b-ix14f28bng] { cursor: pointer; min-height: 44px; padding: .5rem .6rem; box-sizing: border-box; }
.game-audio > summary:focus-visible[b-ix14f28bng] { outline: 3px solid #fde047; outline-offset: 2px; }
.game-audio-options[b-ix14f28bng] { padding: .65rem; border: 1px solid #7594c1; border-radius: .4rem; background: #112b43; color: #f4f7ff; max-width: 25rem; }
.game-audio-options label[b-ix14f28bng] { display: flex; align-items: center; gap: .4rem; min-height: 44px; }
.game-audio-options p[b-ix14f28bng] { margin: .5rem 0; overflow-wrap: anywhere; }
.game-audio-options input:focus-visible[b-ix14f28bng] { outline: 3px solid #fde047; outline-offset: 3px; }
/* /Components/GameRuleIcon.razor.rz.scp.css */
.rule-icon[b-7cdqtzbzcx] { display: block; flex: 0 0 auto; width: 2.75rem; height: 2.75rem; overflow: visible; }
/* /Components/GameRules.razor.rz.scp.css */
.game-rules-content[b-s9goxnmsb7] { color: #eaf4ff; font-size: 1rem; line-height: 1.5; }
.game-rules-content p[b-s9goxnmsb7] { margin: 0; }
.game-rules-content h3[b-s9goxnmsb7] { font-size: 1.45rem; margin: 0 0 .4rem; color: #fff; }
.rules-introduction[b-s9goxnmsb7] { display: flex; align-items: center; gap: .8rem; padding: .8rem; margin-bottom: 1rem; border-radius: .75rem; background: #132e47; }
.rules-goal[b-s9goxnmsb7] { font-size: 1.08rem; color: #d9ffef; }
.rules-steps[b-s9goxnmsb7] { display: grid; gap: .6rem; list-style: none; padding: 0; margin: 1.1rem 0; }
.rules-steps li[b-s9goxnmsb7] { display: flex; align-items: flex-start; gap: .7rem; }
.rules-step-number[b-s9goxnmsb7] { flex: 0 0 1.7rem; height: 1.7rem; display: grid; place-items: center; border-radius: 50%; background: #ffe079; color: #142238; font-weight: 800; line-height: 1; }
.rules-legend[b-s9goxnmsb7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin: 1rem 0; }
.rules-legend > div[b-s9goxnmsb7] { display: flex; gap: .7rem; align-items: flex-start; border: 1px solid #3c587b; border-radius: .65rem; padding: .75rem; background: #0d213a; }
.rules-legend strong[b-s9goxnmsb7] { display: block; color: #a1ece2; margin-bottom: .15rem; }
.rules-controls[b-s9goxnmsb7] { padding: .85rem; border-left: 4px solid #95d6fa; background: #152c48; border-radius: .2rem .6rem .6rem .2rem; }
.rules-route[b-s9goxnmsb7] { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: .35rem; margin: 1rem 0; padding: .9rem .4rem; border: 1px solid #45627c; border-radius: .75rem; background: #102943; }
.rules-route > div[b-s9goxnmsb7] { display: flex; flex-direction: column; align-items: center; gap: .4rem; text-align: center; font-weight: 700; font-size: .9rem; min-width: 0; overflow-wrap: anywhere; }
.rules-arrow[b-s9goxnmsb7] { color: #a2eddd; font-size: 1.5rem; font-weight: 800; }
.rules-deliveries[b-s9goxnmsb7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin: 1rem 0; }
.rules-deliveries > div[b-s9goxnmsb7] { display: flex; justify-content: center; align-items: center; gap: .5rem; flex-wrap: wrap; padding: .7rem; background: #142842; border: 1px solid #486389; border-radius: .75rem; }
.rules-deliveries p[b-s9goxnmsb7] { flex-basis: 100%; text-align: center; font-weight: 700; }
@media (max-width: 560px) {
    .rules-legend[b-s9goxnmsb7], .rules-deliveries[b-s9goxnmsb7] { grid-template-columns: minmax(0, 1fr); }
    .rules-route[b-s9goxnmsb7] { gap: .2rem; }
    .rules-route > div[b-s9goxnmsb7] { font-size: .78rem; }
    .rules-route .rules-arrow[b-s9goxnmsb7] { font-size: 1.1rem; }
    .rules-route[b-s9goxnmsb7]  .rule-icon { width: 2.4rem; height: 2.4rem; }
}
/* /Components/GameShell.razor.rz.scp.css */
.game-rules-dialog[b-u16lngw3y2] { box-sizing: border-box; width: min(49rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); margin: auto; padding: 0; overflow-y: auto; overscroll-behavior: contain; color: #eaf4ff; background: #0b1931; border: 2px solid #7797bd; border-radius: 1rem; box-shadow: 0 1rem 4rem #0009; }
.game-rules-dialog[b-u16lngw3y2]::backdrop { background: rgb(3 10 24 / 85%); }
.rules-dialog-heading[b-u16lngw3y2] { padding: 1.25rem 1.35rem .85rem; border-bottom: 1px solid #385477; background: #112842; }
.rules-dialog-heading h2[b-u16lngw3y2] { margin: 0 0 .4rem; font-size: 1.6rem; }
.rules-dialog-heading h2:focus-visible[b-u16lngw3y2] { outline: 3px solid #ffe278; outline-offset: 3px; }
.rules-dialog-heading p[b-u16lngw3y2] { margin: 0; color: #c0d6ef; line-height: 1.5; }
.rules-dialog-body[b-u16lngw3y2] { padding: 1.1rem 1.35rem; }
.rules-dialog-footer[b-u16lngw3y2] { position: sticky; bottom: 0; display: flex; justify-content: flex-end; padding: .9rem 1.35rem; background: #112842; border-top: 1px solid #496283; }
.rules-dialog-footer button[b-u16lngw3y2] { min-height: 3rem; white-space: normal; }
@media (max-width: 600px) {
    .game-rules-dialog[b-u16lngw3y2] { width: 100%; max-width: none; height: 100dvh; max-height: 100dvh; border: 0; border-radius: 0; }
    .rules-dialog-heading[b-u16lngw3y2] { padding: 1rem; }
    .rules-dialog-body[b-u16lngw3y2] { padding: 1rem; }
    .rules-dialog-footer[b-u16lngw3y2] { padding: .8rem 1rem max(.8rem, env(safe-area-inset-bottom)); }
    .rules-dialog-footer button[b-u16lngw3y2] { width: 100%; }
}
/* /Components/StudyCodeAdministration.razor.rz.scp.css */
.study-code-print-sheet[b-qyvbn7n50m] { display: flex; flex-wrap: wrap; gap: 1rem; margin-block: 1rem; }
.study-code-card[b-qyvbn7n50m] { border: 1px dashed currentColor; border-radius: .25rem; padding: 1rem; break-inside: avoid; }
.study-code-card code[b-qyvbn7n50m] { font-size: 1.1rem; overflow-wrap: anywhere; }
.study-code-card h3[b-qyvbn7n50m] { margin-top: 0; }
th[b-qyvbn7n50m], td[b-qyvbn7n50m] { text-align: left; padding: .4rem; overflow-wrap: anywhere; }
table[b-qyvbn7n50m] { width: 100%; }
fieldset[b-qyvbn7n50m] { margin-block: 1rem; }
@media print {
    .study-code-card[b-qyvbn7n50m] { color: black; background: white; width: 8cm; font-size: 10pt; }
}
/* /Components/StudyCollectible.razor.rz.scp.css */
.study-collectible[b-uf2d68k7ye] { display: inline-flex; flex-direction: column; align-items: center; gap: .3rem; margin: .4rem; max-width: 10rem; }
figcaption[b-uf2d68k7ye] { text-align: center; overflow-wrap: anywhere; }
svg[b-uf2d68k7ye] { flex: none; }
/* /Components/StudyDataAdministration.razor.rz.scp.css */
.data-administration[b-efchkved0b] { display: grid; gap: 1rem; min-width: 0; }
.data-administration h2[b-efchkved0b], .data-administration h3[b-efchkved0b], .data-administration p[b-efchkved0b] { margin: 0; }
.data-administration label[b-efchkved0b] { min-width: 0; display: grid; gap: .45rem; font-weight: 650; }
.data-administration label:has(input[type="checkbox"])[b-efchkved0b] { display: flex; align-items: flex-start; }
.data-administration input[b-efchkved0b], .data-administration select[b-efchkved0b], .data-administration textarea[b-efchkved0b] { max-width: 100%; min-width: 0; width: 100%; box-sizing: border-box; }
.data-administration input[b-efchkved0b], .data-administration select[b-efchkved0b], .data-administration textarea[b-efchkved0b], .data-administration button[b-efchkved0b] {
    min-height: 44px;
    font: inherit;
    line-height: 1.4;
    padding: .65rem .8rem;
    border: 1px solid #7192b7;
    border-radius: .55rem;
    background: #0a1a30;
    color: #f4f8ff;
}
.data-administration button[b-efchkved0b] { cursor: pointer; background: #244468; font-weight: 700; }
.data-administration button:not(:disabled):hover[b-efchkved0b] { background: #315983; border-color: #afd0f1; }
.data-administration :is(input, select, textarea, button):disabled[b-efchkved0b] { opacity: .65; cursor: not-allowed; }
.data-administration :is(input, select, textarea, button, a, summary):focus-visible[b-efchkved0b] { outline: 3px solid #ffdf68; outline-offset: 3px; }
.data-administration input[type="checkbox"][b-efchkved0b] { width: 1.25rem; min-height: 1.25rem; height: 1.25rem; flex: 0 0 1.25rem; margin-top: .2rem; padding: 0; accent-color: #a6e0d7; }
.data-administration label:has(input[type="checkbox"])[b-efchkved0b] { min-height: 44px; padding-block: .5rem; }
.data-administration textarea[b-efchkved0b] { resize: vertical; }
.data-administration select[b-efchkved0b] { text-overflow: ellipsis; }
.data-run-picker[b-efchkved0b] { display: flex; gap: 1rem; align-items: end; flex-wrap: wrap; }
.data-run-picker label[b-efchkved0b] { flex: 1 1 24rem; }
.data-reference[b-efchkved0b], .data-help[b-efchkved0b] { color: #bad0e7; font-size: .94rem; line-height: 1.5; overflow-wrap: anywhere; }
.export-form[b-efchkved0b] { min-width: 0; display: grid; gap: 1rem; padding: 1.25rem; background: #112744; border: 1px solid #52769a; border-radius: 1rem; max-width: 54rem; }
.export-form input[autocomplete="one-time-code"][b-efchkved0b] { max-width: 16rem; }
.data-administration .export-primary[b-efchkved0b] { justify-self: start; background: #a6e0d7; color: #082234; font-weight: 750; }
.data-administration .export-primary:not(:disabled):hover[b-efchkved0b] { background: #c1f0e8; color: #082234; }
.data-alert[b-efchkved0b], .data-field-error[b-efchkved0b] { color: #ffe7eb; background: #542738; border: 1px solid #df8097; border-radius: .65rem; padding: .85rem; }
.data-status[b-efchkved0b], .export-pending[b-efchkved0b] { padding: 1rem; border: 1px solid #8fc9c2; border-radius: .75rem; background: #163b44; }
.export-pending[b-efchkved0b] { display: grid; gap: .75rem; overflow-wrap: anywhere; }
.export-pending button[b-efchkved0b] { justify-self: start; }
.data-table-scroll[b-efchkved0b] { max-width: 100%; overflow-x: auto; }
.data-administration table[b-efchkved0b] { width: 100%; border-collapse: collapse; font-size: .94rem; }
.data-administration th[b-efchkved0b], .data-administration td[b-efchkved0b] { text-align: left; padding: .75rem; border-bottom: 1px solid #3c5674; vertical-align: top; overflow-wrap: anywhere; }
.data-administration td:first-child[b-efchkved0b] { max-width: 19rem; }
.data-administration td small[b-efchkved0b] { display: block; color: #bad0e7; margin-top: .35rem; }
.data-administration a[b-efchkved0b] { display: inline-flex; align-items: center; min-height: 44px; color: #aff1e4; text-decoration: underline; font-weight: 700; }
.data-advanced[b-efchkved0b] { padding: 1rem; border: 1px solid #405d7d; border-radius: .75rem; }
.data-advanced summary[b-efchkved0b] { cursor: pointer; font-weight: 700; min-height: 44px; padding-block: .6rem; box-sizing: border-box; }
.data-advanced[open] > :not(summary)[b-efchkved0b] { margin-top: 1rem; }
@media (max-width: 600px) { .export-form[b-efchkved0b] { padding: .9rem; } .data-run-picker[b-efchkved0b] { display: grid; } .data-administration .export-primary[b-efchkved0b] { width: 100%; } }
/* /Components/StudyDemoAdministration.razor.rz.scp.css */
.demo-panel[b-hy6xgjvf49] { margin-block: 1.5rem; padding: clamp(1rem, 3vw, 2rem); border: 1px solid #42638c; border-radius: 1rem; background: #101f35; color: #eff6ff; }
.demo-panel h2[b-hy6xgjvf49] { font-size: clamp(1.6rem, 4vw, 2.1rem); margin: .25rem 0 .75rem; }
.demo-eyebrow[b-hy6xgjvf49] { color: #90e0d5; font-size: .85rem; font-weight: 800; letter-spacing: .07em; }
.demo-note[b-hy6xgjvf49] { padding: .7rem 1rem; border-left: 3px solid #90e0d5; background: #172c43; }
.demo-panel fieldset[b-hy6xgjvf49] { border: 0; margin: 1.5rem 0; padding: 0; min-width: 0; }
.demo-panel legend[b-hy6xgjvf49] { font-size: 1.2rem; font-weight: 700; margin-bottom: .8rem; }
.demo-panel label[b-hy6xgjvf49] { display: block; font-weight: 700; margin-bottom: .6rem; }
.demo-panel input[b-hy6xgjvf49], .demo-panel select[b-hy6xgjvf49] { display: block; min-height: 48px; max-width: 100%; margin-top: .5rem; padding: .65rem .8rem; color: #eff6ff; background: #1b3657; border: 1px solid #7195bd; border-radius: .5rem; }
.demo-panel select[b-hy6xgjvf49] { width: 100%; }
.demo-panel input[b-hy6xgjvf49] { width: 8rem; }
.demo-description[b-hy6xgjvf49] { color: #bdcee3; }
.demo-panel button[b-hy6xgjvf49] { min-height: 46px; padding: .65rem 1rem; border: 1px solid #7195bd; border-radius: .6rem; background: #25476f; color: white; font-weight: 700; cursor: pointer; }
.demo-panel .demo-primary[b-hy6xgjvf49] { background: #9be0d5; border-color: #9be0d5; color: #071d29; margin-top: .5rem; }
.demo-panel button:disabled[b-hy6xgjvf49] { opacity: .55; cursor: wait; }
.demo-panel button:focus-visible[b-hy6xgjvf49], .demo-panel select:focus-visible[b-hy6xgjvf49], .demo-panel input:focus-visible[b-hy6xgjvf49], .demo-panel summary:focus-visible[b-hy6xgjvf49], .demo-panel a:focus-visible[b-hy6xgjvf49] { outline: 3px solid #ffe66b; outline-offset: 3px; }
.demo-panel [role=alert][b-hy6xgjvf49] { padding: 1rem; background: #502000; color: white; border-radius: .5rem; }
.demo-progress[b-hy6xgjvf49] { color: #9be0d5; font-weight: 700; }
.demo-result[b-hy6xgjvf49] { border-top: 1px solid #42638c; padding-top: 1.2rem; }
.demo-result small[b-hy6xgjvf49], .demo-existing small[b-hy6xgjvf49] { overflow-wrap: anywhere; }
.demo-actions[b-hy6xgjvf49] { display: flex; flex-wrap: wrap; gap: .5rem; }
.demo-codes[b-hy6xgjvf49] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 1rem; margin-block: 1rem; }
.demo-code[b-hy6xgjvf49] { border: 1px dashed #90e0d5; border-radius: .6rem; padding: 1rem; break-inside: avoid; }
.demo-code h4[b-hy6xgjvf49] { margin: 0 0 .7rem; }
.demo-code code[b-hy6xgjvf49] { color: #ffe66b; font-size: 1.25rem; letter-spacing: .03em; overflow-wrap: anywhere; }
.demo-panel a[b-hy6xgjvf49] { color: #9bdcff; }
.demo-existing[b-hy6xgjvf49] { margin-top: 1.5rem; border-top: 1px solid #42638c; padding-top: 1rem; }
.demo-existing summary[b-hy6xgjvf49] { cursor: pointer; font-weight: 700; min-height: 44px; }
.demo-existing-run[b-hy6xgjvf49] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; padding-block: 1rem; border-bottom: 1px solid #42638c; }
@media print { .demo-panel[b-hy6xgjvf49] { color: black; background: white; border: 0; } .demo-panel > :not(.demo-result)[b-hy6xgjvf49], .demo-result > :not(.demo-codes)[b-hy6xgjvf49], .demo-code .demo-actions[b-hy6xgjvf49] { display: none; } .demo-code[b-hy6xgjvf49] { border-color: black; } .demo-code code[b-hy6xgjvf49] { color: black; } }
/* /Components/StudyGame.razor.rz.scp.css */
.study-game[b-hznamf7nq4] { margin-top: .6rem; }
.study-game > h2[b-hznamf7nq4] { margin: 0 0 .5rem; }
.study-game > p[b-hznamf7nq4] { margin: .4rem 0; }
.study-game button[b-hznamf7nq4] { min-height: 44px; margin: .25rem; padding: .5rem .75rem; border: 1px solid #7594c1; border-radius: .45rem; background: #193452; color: #f4f7ff; cursor: pointer; }
.study-game button:disabled[b-hznamf7nq4] { opacity: .55; cursor: default; }
.study-game button:focus-visible[b-hznamf7nq4] { outline: 3px solid #fde047; outline-offset: 3px; }
.study-game > label input[type=number][b-hznamf7nq4], .study-game details > label select[b-hznamf7nq4] { width: 5rem; min-height: 44px; padding: .35rem; }
.study-game[b-hznamf7nq4]  .crystal-board-wrap { max-width: 34rem; }

@media (min-width: 1050px) {
    .study-game:has(.crystal-board-wrap)[b-hznamf7nq4] { display: grid; grid-template-columns: 23rem minmax(0, 1fr); column-gap: 1.5rem; align-items: start; }
    .study-game:has(.crystal-board-wrap) > *[b-hznamf7nq4] { grid-column: 2; }
    .study-game:has(.crystal-board-wrap)[b-hznamf7nq4]  .crystal-board-wrap { grid-column: 1; grid-row: 1 / span 24; width: 100%; margin: 0; }
    .study-game:has(.crystal-board-wrap)[b-hznamf7nq4]  .crystal-board { padding: .5rem; gap: .25rem; }
    .study-game:has(.crystal-board-wrap)[b-hznamf7nq4]  .crystal-row { gap: .25rem; }
    .study-game:has(.crystal-board-wrap)[b-hznamf7nq4]  .crystal-symbol { font-size: 1.75rem; }
    .study-game:has(.crystal-board-wrap)[b-hznamf7nq4]  .board-instructions { font-size: .85rem; margin-top: .5rem; }
    .study-game:has(.crystal-board-wrap) > button[b-hznamf7nq4] { margin: .2rem 0; }
}

.study-game summary[b-hznamf7nq4] { min-height: 44px; padding: .65rem .25rem; cursor: pointer; }
.study-game summary:focus-visible[b-hznamf7nq4] { outline: 3px solid #fde047; outline-offset: 3px; }
.study-collection-slots[b-hznamf7nq4] { display: grid; grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)); gap: .5rem; list-style: none; padding: 0; }
.study-collection-slots > li[b-hznamf7nq4] { border: 1px solid #7594c1; border-radius: .45rem; padding: .5rem; text-align: center; }

@media (min-width: 1050px) {
    .study-game:has(.skyline-board-wrap)[b-hznamf7nq4] { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(18rem, 1fr); gap: .2rem 1rem; align-items: start; }
    .study-game:has(.skyline-board-wrap) > *[b-hznamf7nq4] { grid-column: 2; }
    .study-game:has(.skyline-board-wrap)[b-hznamf7nq4]  .skyline-board-wrap { grid-column: 1; grid-row: 1 / span 24; padding: .65rem; }
    .study-game:has(.skyline-board-wrap)[b-hznamf7nq4]  .study-skyline-feedback { grid-column: 2; }
    .study-game:has(.skyline-board-wrap)[b-hznamf7nq4]  .study-skyline-feedback p { margin: .4rem 0; }
    .study-game:has(.skyline-board-wrap)[b-hznamf7nq4]  .board-instructions { font-size: .85rem; }
    .study-game:has(.skyline-board-wrap) > button[b-hznamf7nq4] { margin: .2rem 0; }
    .study-skyline-actions[b-hznamf7nq4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem; }
    .study-skyline-actions > button[b-hznamf7nq4] { margin: 0; }
    .study-skyline-actions > p[b-hznamf7nq4] { grid-column: 1 / -1; margin: .3rem 0; }
}

.study-game > .study-objective[b-hznamf7nq4] { padding: .55rem .7rem; border-left: 3px solid #9ddcf4; background: #112b43; }

@media (min-width: 1050px) {
    .study-game:has(.neon-board-panel)[b-hznamf7nq4] { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 1fr); gap: .25rem 1rem; align-items: start; }
    .study-game:has(.neon-board-panel) > *[b-hznamf7nq4] { grid-column: 2; }
    .study-game:has(.neon-board-panel)[b-hznamf7nq4]  .neon-board-panel { grid-column: 1; grid-row: 1 / span 24; padding: .6rem; }
    .study-game:has(.neon-board-panel)[b-hznamf7nq4]  .neon-board-heading { grid-template-columns: 1fr; gap: .15rem; }
    .study-game:has(.neon-board-panel)[b-hznamf7nq4]  .neon-board-heading .eyebrow { margin: 0; }
    .study-game:has(.neon-board-panel)[b-hznamf7nq4]  .board-instructions { margin: .2rem 0; font-size: .85rem; text-align: left; }
    .study-game:has(.neon-board-panel)[b-hznamf7nq4]  .neon-city { margin-top: .35rem; }
    .study-game:has(.neon-board-panel)[b-hznamf7nq4]  .neon-city svg { max-height: 14.5rem; }
    .study-game:has(.neon-board-panel)[b-hznamf7nq4]  .neon-objective-legend,
    .study-game:has(.neon-board-panel)[b-hznamf7nq4]  .neon-route-legend { gap: .2rem .5rem; margin-top: .35rem; font-size: .82rem; }
    .study-game:has(.neon-board-panel)[b-hznamf7nq4]  .neon-objective-legend li { padding: .2rem; flex-wrap: wrap; }
    .study-game:has(.neon-board-panel) > button[b-hznamf7nq4] { margin: .2rem 0; }
}

.study-crystal-actions[b-hznamf7nq4] { min-width: 0; }
.study-crystal-actions label input[type=number][b-hznamf7nq4] { width: 5rem; min-height: 44px; padding: .35rem; }
@media (min-width: 1050px) {
    .study-crystal-actions[b-hznamf7nq4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem; }
    .study-crystal-actions > button[b-hznamf7nq4] { margin: 0; }
    .study-crystal-actions > p[b-hznamf7nq4], .study-crystal-actions > label[b-hznamf7nq4] { grid-column: 1 / -1; margin: .3rem 0; }
}

.study-display-settings[b-hznamf7nq4] { display: flex; align-items: start; flex-wrap: wrap; gap: .1rem .65rem; }
.study-display-settings > label[b-hznamf7nq4] { min-height: 44px; display: flex; align-items: center; gap: .3rem; }

.study-game[b-hznamf7nq4], .study-game > *[b-hznamf7nq4] { min-width: 0; }
.study-game > button[b-hznamf7nq4] { font-weight: 700; }
.study-game[b-hznamf7nq4]  .skyline-board-heading { grid-template-columns: 1fr; gap: .2rem; }
.study-game[b-hznamf7nq4]  .skyline-board-heading h2 { margin: 0; font-size: 1.1rem; }
.study-game[b-hznamf7nq4]  .skyline-board-heading .board-instructions { margin: 0; text-align: left; }
.study-game[b-hznamf7nq4]  .crystal-board-actions button,
.study-game[b-hznamf7nq4]  .skyline-board-actions button { margin: 0; }

.study-rules-panel[b-hznamf7nq4] { width: min(100%, 64rem); margin: .5rem auto 1rem; }
.study-rules-panel > h3[b-hznamf7nq4] { font-size: 1.5rem; margin: 0 0 .75rem; }
.study-display-settings .study-rules-trigger[b-hznamf7nq4] { margin: 0; min-height: 44px; padding: .35rem .65rem; }

.study-rules-panel.is-introduction[b-hznamf7nq4] { max-height: max(16rem, calc(100dvh - 20rem)); overflow: auto; overscroll-behavior: contain; padding: .5rem; border: 1px solid #486389; border-radius: .75rem; }
.study-rules-panel.is-introduction:focus-visible[b-hznamf7nq4] { outline: 3px solid #fde047; outline-offset: 3px; }

.study-crystal-tutorial[b-hznamf7nq4] { padding: .85rem; margin: .5rem 0; border: 1px solid #53729a; border-radius: .65rem; background: #0f243e; }
.study-crystal-tutorial h3[b-hznamf7nq4] { margin: 0 0 .5rem; font-size: 1.1rem; }
.study-crystal-tutorial p[b-hznamf7nq4] { margin: .5rem 0; line-height: 1.5; }
.study-crystal-checklist[b-hznamf7nq4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; padding: 0; margin: .75rem 0; list-style: none; }
.study-crystal-checklist li[b-hznamf7nq4] { padding: .6rem; border: 1px solid #566d8f; border-radius: .45rem; line-height: 1.45; font-size: .9rem; }
.study-crystal-checklist strong[b-hznamf7nq4] { display: block; color: #ffe28c; }
.study-crystal-checklist li[data-complete=true][b-hznamf7nq4] { background: #143e38; border-color: #6ab4a1; }
.study-crystal-checklist li[data-complete=true] strong[b-hznamf7nq4] { color: #b2f3d8; }
.study-crystal-restart[b-hznamf7nq4] { margin: .75rem 0; padding: .8rem; border: 2px solid #f2d478; border-radius: .5rem; background: #3d311d; }
.study-game .study-crystal-primary[b-hznamf7nq4] { background: #9de1d1; color: #082231; border-color: #bdfff0; font-weight: 750; }
.study-crystal-restart .study-crystal-primary[b-hznamf7nq4] { width: 100%; margin-inline: 0; min-height: 3rem; }
.study-game > .study-crystal-completion[b-hznamf7nq4] { padding: .85rem; border-left: 4px solid #9de1d1; border-radius: .35rem; background: #14382f; line-height: 1.5; font-weight: 650; }
@media (max-width: 600px) {
    .study-crystal-checklist[b-hznamf7nq4] { grid-template-columns: 1fr; }
}
/* /Components/StudyRunAdministration.razor.rz.scp.css */
.run-preparation[b-2kezcbjcma] { min-width: 0; color: #eef4ff; }
.run-heading[b-2kezcbjcma] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.run-heading h2[b-2kezcbjcma] { margin: 0 0 .6rem; }
.run-heading p[b-2kezcbjcma] { margin: 0; max-width: 48rem; line-height: 1.55; }
.run-heading > button[b-2kezcbjcma] { flex-shrink: 0; }
.run-steps[b-2kezcbjcma] { padding: .85rem 1rem; border-left: 3px solid #9de4d7; background: #142f43; line-height: 1.7; }
.run-form[b-2kezcbjcma], .run-preview[b-2kezcbjcma] { min-width: 0; margin: 1.2rem 0; padding: 1.1rem; border: 1px solid #446181; border-radius: .7rem; background: #10223b; }
.run-form legend[b-2kezcbjcma] { font-size: 1.1rem; font-weight: 700; padding: 0 .35rem; }
.run-form label[b-2kezcbjcma] { display: block; margin: .8rem 0; }
.run-form input:not([type=checkbox])[b-2kezcbjcma], .run-form select[b-2kezcbjcma] { display: block; box-sizing: border-box; width: min(100%, 38rem); min-height: 44px; margin: .4rem 0 0; }
.run-hint[b-2kezcbjcma] { color: #c2d4e9; line-height: 1.5; font-size: .94rem; }
.run-preparation button[b-2kezcbjcma] { min-height: 44px; padding: .6rem .8rem; white-space: normal; }
.run-primary[b-2kezcbjcma] { background: #9ce1d1; border: 1px solid #c1fff0; color: #102b38; font-weight: 750; }
.run-primary:disabled[b-2kezcbjcma] { opacity: .6; }
.run-preparation details[b-2kezcbjcma] { margin: .85rem 0; padding: .75rem; border: 1px solid #3b5577; border-radius: .5rem; }
.run-preparation summary[b-2kezcbjcma] { cursor: pointer; line-height: 1.5; }
.run-preparation pre[b-2kezcbjcma] { max-width: 100%; max-height: 23rem; overflow: auto; font-size: .8rem; line-height: 1.45; padding: .75rem; background: #09182c; }
.run-preparation code[b-2kezcbjcma], .run-preparation dd[b-2kezcbjcma] { overflow-wrap: anywhere; }
.run-table-scroll[b-2kezcbjcma] { max-width: 100%; overflow-x: auto; margin: 1.2rem 0; }
.run-table[b-2kezcbjcma] { border-collapse: collapse; width: 100%; min-width: 40rem; }
.run-table th[b-2kezcbjcma], .run-table td[b-2kezcbjcma] { text-align: left; vertical-align: top; padding: .9rem .7rem; border-bottom: 1px solid #3f5574; }
.run-table th[b-2kezcbjcma] { color: #aee7df; }
.run-table td:first-child[b-2kezcbjcma] { min-width: 11rem; }
.run-table .run-identity[b-2kezcbjcma] { margin: .55rem 0 0; padding: .4rem 0; border: 0; font-size: .8rem; color: #c4d7ef; }
.run-identity p[b-2kezcbjcma] { margin: .5rem 0; }
.run-status[b-2kezcbjcma] { display: inline-block; padding: .25rem .5rem; border: 1px solid #8a9abc; border-radius: .4rem; white-space: nowrap; background: #26374f; }
.run-status.is-ready[b-2kezcbjcma] { color: #c1fae5; background: #174738; border-color: #5aab8e; }
.run-row-actions[b-2kezcbjcma] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.run-notice[b-2kezcbjcma] { padding: 1rem; background: #42341b; border-left: 3px solid #edc66c; border-radius: .4rem; }
.run-notice p:first-child[b-2kezcbjcma] { margin-top: 0; }
.run-confirmation[b-2kezcbjcma] { display: flex; gap: .55rem; align-items: flex-start; margin: 1rem 0; line-height: 1.5; }
.run-confirmation input[b-2kezcbjcma] { margin-top: .25rem; }
.run-empty[b-2kezcbjcma] { padding: 1rem; border: 1px dashed #5b7698; border-radius: .5rem; }
.run-preparation :is(button, input, select, summary, .run-table-scroll):focus-visible[b-2kezcbjcma] { outline: 3px solid #ffe17b; outline-offset: 3px; }
@media (max-width: 600px) {
    .run-heading[b-2kezcbjcma] { flex-direction: column; }
    .run-form[b-2kezcbjcma], .run-preview[b-2kezcbjcma] { padding: .85rem; }
    .run-row-actions > button[b-2kezcbjcma] { flex: 1 1 12rem; }
}
/* /Games/CrystalRelay/CrystalRelayBoard.razor.rz.scp.css */
.crystal-board-wrap[b-gle2742ccz] { position: relative; }
.crystal-board[b-gle2742ccz] { position: relative; isolation: isolate; }
.crystal-cell[b-gle2742ccz] { position: relative; overflow: visible; }
.crystal-cell.is-selected[b-gle2742ccz] { z-index: 1; box-shadow: 0 0 0 2px #fff7b1, 0 0 1rem #ffdc6370; }
.crystal-cell.is-selected .crystal-symbol[b-gle2742ccz] { animation: crystal-select-b-gle2742ccz .18s ease-out; }
.crystal-selection-mark[b-gle2742ccz] { position: absolute; right: 1px; top: 0; color: #142444; background: #fff5ba; border-radius: 50%; width: .9rem; height: .9rem; font-size: .7rem; line-height: .9rem; font-weight: 900; }
.crystal-symbol.crystal-refill[b-gle2742ccz] { display: inline-block; animation: crystal-refill-b-gle2742ccz .4s cubic-bezier(.18,.75,.35,1) both; }
.crystal-clear-ghost[b-gle2742ccz] { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; color: white; font-size: 1.6em; text-shadow: 0 0 .7rem #ffdc63; z-index: 4; animation: crystal-clear-b-gle2742ccz .45s ease-out forwards; }
.crystal-pulse-wave[b-gle2742ccz] { position: absolute; pointer-events: none; z-index: 5; background: #e8fbff; box-shadow: 0 0 1rem .2rem #86dfff; animation: crystal-pulse-wave-b-gle2742ccz .45s ease-out forwards; }
.crystal-pulse-wave.is-row[b-gle2742ccz] { top: var(--pulse-position); left: 0; right: 0; height: 4px; transform-origin: left; }
.crystal-pulse-wave.is-column[b-gle2742ccz] { left: var(--pulse-position); top: 0; bottom: 0; width: 4px; transform-origin: top; }
.crystal-board-actions[b-gle2742ccz] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .4rem; padding: .65rem; margin-top: .45rem; border: 1px solid #5277ae; border-radius: .85rem; background: #0c2040; }
.crystal-board-actions .button[b-gle2742ccz] { min-height: 2.75rem; padding: .55rem .6rem; white-space: normal; font-size: .84rem; line-height: 1.2; }
.crystal-board-actions[data-action-ready="true"][b-gle2742ccz] { border-color: #ffdc63; }
.crystal-board-actions .crystal-confirm[b-gle2742ccz] { font-weight: 850; }
.crystal-pulse-controls[b-gle2742ccz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; grid-column: 1 / -1; }
.crystal-pulse-controls [aria-pressed="true"][b-gle2742ccz] { outline: 2px solid #fff7b1; outline-offset: -4px; }
@keyframes crystal-select-b-gle2742ccz { from { transform: scale(.82); } to { transform: scale(1); } }
@keyframes crystal-refill-b-gle2742ccz { from { opacity: .3; transform: translateY(-45%) scale(.72); } to { opacity: 1; transform: none; } }
@keyframes crystal-clear-b-gle2742ccz { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: translateY(-35%) scale(1.65); } }
@keyframes crystal-pulse-wave-b-gle2742ccz { from { opacity: 1; scale: .1; } to { opacity: 0; scale: 1; } }
.reduce-motion .crystal-symbol[b-gle2742ccz], .reduce-motion .crystal-clear-ghost[b-gle2742ccz], .reduce-motion .crystal-pulse-wave[b-gle2742ccz] { animation: none !important; transition: none !important; }
.reduce-motion .crystal-clear-ghost[b-gle2742ccz], .reduce-motion .crystal-pulse-wave[b-gle2742ccz] { display: none; }
@media (prefers-reduced-motion: reduce) {
    .crystal-symbol[b-gle2742ccz], .crystal-clear-ghost[b-gle2742ccz], .crystal-pulse-wave[b-gle2742ccz] { animation: none !important; transition: none !important; }
    .crystal-clear-ghost[b-gle2742ccz], .crystal-pulse-wave[b-gle2742ccz] { display: none; }
}
/* /Games/NeonRelay/NeonRelayBoard.razor.rz.scp.css */
.neon-touch-controls [data-neon-key][b-rwkfgi7lun] {
    touch-action: none;
    user-select: none;
}

.neon-touch-controls [data-neon-held="true"][b-rwkfgi7lun],
.neon-dash[aria-pressed="true"][b-rwkfgi7lun] {
    outline: 2px solid currentColor;
    outline-offset: -5px;
    font-weight: 800;
}

.neon-cargo-count[b-rwkfgi7lun] {
    fill: #08142b;
    stroke: #fff;
    stroke-width: .35px;
    paint-order: stroke fill;
    font-size: 3.4px;
    font-weight: 800;
    text-anchor: middle;
    dominant-baseline: central;
}

.neon-cargo-status[b-rwkfgi7lun] {
    font-weight: 700;
    white-space: nowrap;
}

/* Controls belong to the city, without covering a route or moving the keyboard surface. */
.neon-touch-controls[b-rwkfgi7lun] {
    width: min(100%, 68rem);
    box-sizing: border-box;
    grid-template-columns: repeat(3, minmax(2.75rem, 3rem)) minmax(5rem, 7rem);
    grid-template-areas: ". up . dash" "left down right dash";
    gap: .3rem;
    padding: .5rem;
    margin: .35rem auto 0;
    border: 1px solid #5277ae;
    border-radius: .8rem;
    background: #0c2040;
}
.neon-touch-controls .button[b-rwkfgi7lun] { min-height: 2.75rem; padding: .35rem; }
.neon-touch-controls .neon-dash[b-rwkfgi7lun] { font-size: .9rem; font-weight: 850; }
.neon-dash-status[b-rwkfgi7lun] { display: block; min-height: 1.25em; margin: .2rem auto 0; color: #c4e8ff; font-size: .78rem; text-align: center; }
.neon-city[b-rwkfgi7lun] { isolation: isolate; }
.neon-map-feedback[b-rwkfgi7lun] { position: absolute; left: 50%; bottom: .5rem; width: max-content; max-width: calc(100% - 1rem); box-sizing: border-box; margin: 0; padding: .5rem .75rem; border: 1px solid #91ffe1; border-radius: .7rem; background: #061c30ed; color: #edfffa; font-size: clamp(.7rem, 1.4vw, .88rem); line-height: 1.25; text-align: center; pointer-events: none; transform: translateX(-50%); animation: neon-feedback-b-rwkfgi7lun .2s ease-out; }
.neon-map-feedback.is-collision[b-rwkfgi7lun] { border-color: #ffbb93; }
.neon-map-feedback span[b-rwkfgi7lun] { display: inline-block; margin-right: .3rem; font-weight: 900; color: #ffdf72; }
.neon-motion-streak[b-rwkfgi7lun] { fill: none; stroke: #c8fcff; stroke-width: .8; stroke-linecap: round; opacity: .8; }
.neon-courier-arrow[b-rwkfgi7lun] { transition: transform .1s ease-out; }
.neon-delivery-gate.is-target[b-rwkfgi7lun] { stroke-width: 1.8; stroke-dasharray: 2 1; }
.neon-event-effect[b-rwkfgi7lun] { pointer-events: none; color: #c7ffee; }
.neon-event-effect.is-collision[b-rwkfgi7lun] { color: #ffb088; }
.neon-event-effect.is-token[b-rwkfgi7lun] { color: #ffdc63; }
.neon-event-ring[b-rwkfgi7lun] { fill: none; stroke: currentColor; stroke-width: 1.2; transform-box: fill-box; transform-origin: center; animation: neon-event-ring-b-rwkfgi7lun .65s ease-out forwards; }
.neon-event-sparks[b-rwkfgi7lun] { fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; animation: neon-event-sparks-b-rwkfgi7lun .6s ease-out forwards; }
.neon-event-symbol[b-rwkfgi7lun] { fill: currentColor; stroke: #071124; stroke-width: .55; paint-order: stroke fill; text-anchor: middle; font-size: 4px; font-weight: 900; animation: neon-event-symbol-b-rwkfgi7lun 1s ease-out forwards; }
/* Ambient objects remain still; motion now reports an actual pickup, delivery, dash or impact. */
.neon-energy-cell[b-rwkfgi7lun], .neon-route-token[b-rwkfgi7lun], .neon-boost-zone[b-rwkfgi7lun] { animation: none; }
@keyframes neon-feedback-b-rwkfgi7lun { from { opacity: 0; translate: 0 .35rem; } to { opacity: 1; translate: none; } }
@keyframes neon-event-ring-b-rwkfgi7lun { from { opacity: .95; scale: .5; } to { opacity: 0; scale: 2.3; } }
@keyframes neon-event-sparks-b-rwkfgi7lun { from { opacity: 1; } to { opacity: 0; } }
@keyframes neon-event-symbol-b-rwkfgi7lun { from { opacity: 1; translate: 0 0; } to { opacity: 0; translate: 0 -5px; } }
.reduce-motion .neon-event-ring[b-rwkfgi7lun], .reduce-motion .neon-event-sparks[b-rwkfgi7lun], .reduce-motion .neon-event-symbol[b-rwkfgi7lun], .reduce-motion .neon-map-feedback[b-rwkfgi7lun], .reduce-motion .neon-courier[b-rwkfgi7lun], .reduce-motion .neon-courier-arrow[b-rwkfgi7lun] { animation: none !important; transition: none !important; }
.reduce-motion .neon-event-ring[b-rwkfgi7lun], .reduce-motion .neon-event-sparks[b-rwkfgi7lun], .reduce-motion .neon-event-symbol[b-rwkfgi7lun] { display: none; }
@media (prefers-reduced-motion: reduce) {
    .neon-event-ring[b-rwkfgi7lun], .neon-event-sparks[b-rwkfgi7lun], .neon-event-symbol[b-rwkfgi7lun], .neon-map-feedback[b-rwkfgi7lun], .neon-courier[b-rwkfgi7lun], .neon-courier-arrow[b-rwkfgi7lun] { animation: none !important; transition: none !important; }
    .neon-event-ring[b-rwkfgi7lun], .neon-event-sparks[b-rwkfgi7lun], .neon-event-symbol[b-rwkfgi7lun] { display: none; }
}
/* /Games/SkylineSignals/SkylineSignalsBoard.razor.rz.scp.css */
.skyline-board-wrap[b-ep14mq7v38] { min-width: 0; padding: clamp(.55rem, 1.5vw, 1rem); overflow: visible; }
.skyline-board-heading[b-ep14mq7v38] { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
.skyline-board-heading .board-instructions[b-ep14mq7v38] { text-align: left; margin: 0; max-width: 70ch; font-size: .875rem; line-height: 1.4; }
.skyline-board-wrap .skyline-map[b-ep14mq7v38] { container-type: inline-size; position: relative; width: min(100%, 52rem); height: calc(var(--skyline-row-count) * 5.25rem * var(--skyline-target-scale, 1)); min-height: 0; margin: .75rem auto 0; padding: 0; overflow: visible; }
.skyline-map .skyline-map-row[b-ep14mq7v38] { display: contents; min-width: 0; min-height: 0; }
.skyline-board-wrap .skyline-map .skyline-node[b-ep14mq7v38] { position: absolute; z-index: 2; grid-column: auto; width: calc(clamp(3.5rem, 16cqw, 7rem) * var(--skyline-target-scale, 1)); min-width: 44px; min-height: calc(clamp(4rem, 15cqw, 4.75rem) * var(--skyline-target-scale, 1)); padding: .3rem; transform: translate(-50%, -50%); border-width: 2px; border-radius: 35%; }
.skyline-board-wrap .skyline-map .skyline-node:hover[b-ep14mq7v38] { transform: translate(-50%, calc(-50% - 3px)); }
.skyline-board-wrap .skyline-map .skyline-node[aria-disabled=true][b-ep14mq7v38] { cursor: default; }
.skyline-map .skyline-node-name[b-ep14mq7v38] { max-width: 100%; margin-top: .25rem; font-size: clamp(.68rem, 2.1cqw, .85rem); line-height: 1.15; overflow-wrap: anywhere; }
.skyline-map .skyline-node-symbol[b-ep14mq7v38] { font-size: clamp(1.1rem, 5cqw, 1.8rem); }
.skyline-map .skyline-route-order[b-ep14mq7v38] { width: 1.35rem; height: 1.35rem; top: -.55rem; right: -.35rem; font-size: .75rem; }
.skyline-map .skyline-edge-layer[b-ep14mq7v38] { min-width: 0; width: 100%; height: 100%; overflow: visible; }
.skyline-map .skyline-edge[b-ep14mq7v38] { stroke-width: 3; opacity: .8; }
.skyline-map .skyline-edge.is-wind-rail[b-ep14mq7v38] { stroke-dasharray: 8 7; animation: skyline-wind-flow-b-ep14mq7v38 2.6s linear infinite; }
.skyline-draft-path[b-ep14mq7v38] { fill: none; stroke: #ffdf70; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; stroke-dasharray: 10 7; animation: skyline-route-flow-b-ep14mq7v38 1.5s linear infinite; }
.skyline-map-legend[b-ep14mq7v38] { display: flex; flex-wrap: wrap; gap: .35rem 1.1rem; margin: .5rem 0; color: #c1d5ed; font-size: .8rem; }
.skyline-map-legend b[b-ep14mq7v38] { color: #a9efdf; margin-right: .25rem; }
.skyline-board-actions[b-ep14mq7v38] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; padding-top: .5rem; border-top: 1px solid #416183; }
.skyline-board-actions .button[b-ep14mq7v38] { min-height: 48px; padding: .5rem .6rem; font-size: .875rem; line-height: 1.2; white-space: normal; overflow-wrap: anywhere; display: flex; gap: .35rem; justify-content: space-between; align-items: center; }
.skyline-board-actions kbd[b-ep14mq7v38] { font-family: inherit; font-size: .75em; white-space: nowrap; flex-shrink: 0; background: rgb(4 15 32 / 45%); color: #e0eaff; border: 1px solid #7191b5; border-radius: .25rem; padding: .12rem .25rem; }
.skyline-board-actions .skyline-dispatch:not(:disabled)[b-ep14mq7v38] { box-shadow: 0 0 0 2px #c4ffeb, 0 3px 15px #71d8bf30; }
.skyline-pip-badge[b-ep14mq7v38] { position: absolute; left: 50%; top: -.95rem; transform: translateX(-50%); color: #13243c; background: #b3f0e1; padding: .12rem .35rem; border-radius: .45rem; white-space: nowrap; font-size: .7rem; line-height: 1.3; font-weight: 900; box-shadow: 0 2px 5px #061226; }
.skyline-pip-badge.has-arrived[b-ep14mq7v38] { animation: skyline-pip-arrival-b-ep14mq7v38 .95s both; }
.skyline-flight-layer[b-ep14mq7v38] { position: absolute; inset: 0; z-index: 4; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.skyline-flying-pip[b-ep14mq7v38] { animation: skyline-flight-visibility-b-ep14mq7v38 .95s both; }
.skyline-node.is-completed[b-ep14mq7v38] { animation: skyline-delivered-b-ep14mq7v38 .85s ease-out; }
.reduce-motion .skyline-flight-layer[b-ep14mq7v38] { display: none; }
@keyframes skyline-route-flow-b-ep14mq7v38 { to { stroke-dashoffset: -34; } }
@keyframes skyline-wind-flow-b-ep14mq7v38 { to { stroke-dashoffset: -30; } }
@keyframes skyline-flight-visibility-b-ep14mq7v38 { 0%, 93% { opacity: 1; } 100% { opacity: 0; } }
@keyframes skyline-pip-arrival-b-ep14mq7v38 { 0%, 89% { opacity: 0; } 100% { opacity: 1; } }
@keyframes skyline-delivered-b-ep14mq7v38 { 25% { box-shadow: 0 0 0 8px #74e7c970, 0 0 1.5rem #74e7c9; } }
@media (prefers-reduced-motion: reduce) { .skyline-flight-layer[b-ep14mq7v38] { display: none; } }
@media (min-width: 1000px) { .skyline-board-actions[b-ep14mq7v38] { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

@media (max-width: 700px) {
    .skyline-board-wrap .skyline-map[b-ep14mq7v38] { height: calc(var(--skyline-row-count) * 7rem * var(--skyline-target-scale, 1)); }
    .skyline-board-wrap .skyline-map .skyline-node[b-ep14mq7v38] { width: calc(clamp(3.75rem, 16cqw, 7rem) * var(--skyline-target-scale, 1)); }
}
/* /Pages/Administration.razor.rz.scp.css */
.study-page[b-2jsmn1fsso] { width: min(82rem, 100%); margin: 0 auto; padding: 1.5rem 2rem 3rem; color: #eef4ff; }
.admin-header[b-2jsmn1fsso] { display: flex; justify-content: space-between; align-items: flex-start; gap: 2rem; margin-bottom: 1.8rem; }
.admin-header h1[b-2jsmn1fsso] { margin: .7rem 0 .5rem; font-size: clamp(1.8rem, 4vw, 2.6rem); }
.admin-header p[b-2jsmn1fsso] { color: #bdd0e8; margin: .5rem 0; line-height: 1.5; }
.admin-home[b-2jsmn1fsso] { color: #a1e6da; text-underline-offset: .2em; }
.admin-account[b-2jsmn1fsso] { flex: 0 1 22rem; padding: .8rem 1rem; border: 1px solid #395472; border-radius: .8rem; background: #102239; overflow-wrap: anywhere; }
.admin-account p[b-2jsmn1fsso] { margin: 0 0 .5rem; }
.admin-roles summary[b-2jsmn1fsso] { color: #bcd0e9; cursor: pointer; font-size: .9rem; padding-block: .25rem; }
.admin-roles p[b-2jsmn1fsso] { margin-top: .5rem; font-size: .85rem; }
.admin-account button[b-2jsmn1fsso] { margin: .6rem 0 0; }
.study-page button[b-2jsmn1fsso], .study-page input[b-2jsmn1fsso], .study-page select[b-2jsmn1fsso] { min-height: 44px; padding: .6rem .85rem; }
.study-page button[b-2jsmn1fsso] { border: 1px solid #6589b0; border-radius: .5rem; color: #f5f9ff; background: #214369; cursor: pointer; }
.study-page button:hover:not(:disabled)[b-2jsmn1fsso] { border-color: #a3e5d7; background: #2a527e; }
.study-page button:disabled[b-2jsmn1fsso] { opacity: .55; cursor: wait; }
.study-page .admin-primary[b-2jsmn1fsso] { background: #9de1d1; border-color: #9de1d1; color: #082231; font-weight: 750; }
.study-page [role=alert][b-2jsmn1fsso] { background: #502000; color: white; padding: 1rem; border-radius: .5rem; }
.study-page button:focus-visible[b-2jsmn1fsso], .study-page input:focus-visible[b-2jsmn1fsso], .study-page select:focus-visible[b-2jsmn1fsso], .study-page a:focus-visible[b-2jsmn1fsso], .study-page summary:focus-visible[b-2jsmn1fsso] { outline: 3px solid #fde047; outline-offset: 3px; }
.admin-login[b-2jsmn1fsso] { max-width: 30rem; padding: 1.5rem; border: 1px solid #3d5774; border-radius: 1rem; background: #0e2039; }
.admin-login h2[b-2jsmn1fsso] { margin-top: 0; }
.admin-login p[b-2jsmn1fsso] { color: #bed0e4; }
.admin-login label[b-2jsmn1fsso] { display: grid; gap: .4rem; margin-block: 1.1rem; line-height: 1.45; }
.admin-login input[b-2jsmn1fsso] { width: 100%; min-width: 0; color: #fff; border: 1px solid #6388ae; border-radius: .4rem; background: #0a1930; }
.admin-layout[b-2jsmn1fsso] { display: grid; grid-template-columns: 13.5rem minmax(0, 1fr); gap: 1.7rem; align-items: start; }
.admin-nav[b-2jsmn1fsso] { display: grid; gap: .45rem; position: sticky; top: 1rem; }
.admin-nav button[b-2jsmn1fsso] { display: grid; gap: .35rem; text-align: left; padding: .85rem 1rem; background: #101f35; border-color: #354e6c; }
.admin-nav button strong[b-2jsmn1fsso] { font-size: 1rem; }
.admin-nav button span[b-2jsmn1fsso] { color: #b5c8df; font-size: .78rem; line-height: 1.4; }
.admin-nav button[aria-pressed=true][b-2jsmn1fsso] { border-color: #9de1d1; box-shadow: inset 4px 0 #9de1d1; background: #16323e; }
.admin-nav button[aria-pressed=true] strong[b-2jsmn1fsso] { color: #c6fff0; }
.admin-content[b-2jsmn1fsso] { min-width: 0; }
.admin-layout.is-revoked[b-2jsmn1fsso] { grid-template-columns: 1fr; }
.admin-panel-heading[b-2jsmn1fsso] { margin: 0 0 1.2rem; }
.admin-panel-heading h2[b-2jsmn1fsso] { margin: .25rem 0 .5rem; font-size: 1.55rem; }
.admin-panel-heading h2:focus[b-2jsmn1fsso] { outline: none; }
.admin-panel-heading p[b-2jsmn1fsso] { color: #b9cee6; margin: 0; }
.admin-panel[b-2jsmn1fsso] { min-width: 0; }
.admin-panel[hidden][b-2jsmn1fsso] { display: none !important; }
.admin-panel[b-2jsmn1fsso]  section { min-width: 0; }
.admin-panel[b-2jsmn1fsso]  fieldset { min-width: 0; margin: 1rem 0; padding: 1rem; }
.admin-panel[b-2jsmn1fsso]  input:not([type=checkbox]), .admin-panel[b-2jsmn1fsso]  select, .admin-panel[b-2jsmn1fsso]  textarea { max-width: 100%; }
.admin-panel[b-2jsmn1fsso]  pre { max-width: 100%; overflow: auto; }
.admin-panel[b-2jsmn1fsso]  table { max-width: 100%; }
.admin-tool[b-2jsmn1fsso] { margin-block: 1rem; border: 1px solid #42638c; border-radius: .7rem; padding: 1.1rem; background: #0e1f35; min-width: 0; }
.admin-tool > summary[b-2jsmn1fsso] { font-size: 1.05rem; font-weight: 700; cursor: pointer; min-height: 44px; padding-block: .5rem; }
.admin-tool > p[b-2jsmn1fsso] { color: #bed0e5; margin: .3rem 0 1rem; line-height: 1.5; }
.admin-tool > div[b-2jsmn1fsso] { max-width: 100%; overflow-x: auto; }
.admin-tool[b-2jsmn1fsso]  label { display: block; margin-block: .8rem; line-height: 1.5; }
.admin-tool[b-2jsmn1fsso]  input:not([type=checkbox]), .admin-tool[b-2jsmn1fsso]  select, .admin-tool[b-2jsmn1fsso]  textarea { display: block; width: min(100%, 34rem); margin-top: .4rem; min-height: 44px; padding: .5rem .7rem; }
.admin-tool[b-2jsmn1fsso]  button { min-height: 44px; margin: .3rem .3rem .3rem 0; padding: .55rem .8rem; }
.admin-tool[b-2jsmn1fsso]  td, .admin-tool[b-2jsmn1fsso]  th { padding: .5rem; text-align: left; overflow-wrap: anywhere; }
@media (max-width: 1000px) {
    .admin-layout[b-2jsmn1fsso] { grid-template-columns: 1fr; }
    .admin-nav[b-2jsmn1fsso] { position: static; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .study-page[b-2jsmn1fsso] { padding: 1rem; }
    .admin-header[b-2jsmn1fsso] { flex-direction: column; gap: 1rem; }
    .admin-account[b-2jsmn1fsso] { flex-basis: auto; width: 100%; }
    .admin-nav[b-2jsmn1fsso] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-nav button[b-2jsmn1fsso] { padding: .7rem; }
    .admin-nav button span[b-2jsmn1fsso] { display: none; }
    .admin-login[b-2jsmn1fsso], .admin-tool[b-2jsmn1fsso] { padding: 1rem; }
}
@media print {
    .admin-header[b-2jsmn1fsso], .admin-nav[b-2jsmn1fsso], .admin-panel-heading[b-2jsmn1fsso], .admin-run-preparation[b-2jsmn1fsso], [data-testid=admin-panel-security][b-2jsmn1fsso] { display: none !important; }
    .study-page[b-2jsmn1fsso] { color: black; background: white; width: 100%; padding: 0; }
    .admin-layout[b-2jsmn1fsso] { display: block; }
}
/* /Pages/Landing.razor.rz.scp.css */
.study-portal[b-uybp4i4e5y] {
    width: min(64rem, 100%);
    margin: 0 auto;
    padding: 2rem 2rem 3rem;
}

.portal-topline[b-uybp4i4e5y] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 2.8rem; }
.portal-eyebrow[b-uybp4i4e5y] { margin: 0; color: #9de4d7; font-size: .78rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.study-portal[b-uybp4i4e5y]  .language-picker { margin: 0; }
.portal-introduction[b-uybp4i4e5y] { max-width: 48rem; }
.portal-introduction h1[b-uybp4i4e5y] { max-width: 18ch; margin: 0 0 1rem; font-size: clamp(2rem, 4.4vw, 3.25rem); line-height: 1.12; letter-spacing: -.035em; text-wrap: balance; }
.portal-introduction h1:focus[b-uybp4i4e5y] { outline: none; }
.portal-lead[b-uybp4i4e5y] { margin: 0 0 .85rem; color: #e0eaf7; font-size: 1.12rem; line-height: 1.65; }
.portal-game-summary[b-uybp4i4e5y] { margin: 0; color: #b9cee6; line-height: 1.65; }
.portal-reassurance[b-uybp4i4e5y] { display: inline-block; margin: 1.1rem 0 0; padding: .55rem .8rem; border-left: 3px solid #9de4d7; border-radius: 0 .4rem .4rem 0; background: #163137; color: #c3f6e7; font-size: .9rem; line-height: 1.5; }

.study-portal-actions[b-uybp4i4e5y] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 2rem 0 2.7rem; }
.portal-action[b-uybp4i4e5y] { min-width: 0; }
.study-portal-actions a[b-uybp4i4e5y] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4.5rem;
    padding: 1rem;
    border: 1px solid #6983bf;
    border-radius: .8rem;
    background: #10284e;
    color: #f8fbff;
    font-size: 1.15rem;
    font-weight: 750;
    text-align: center;
    text-decoration: none;
}
.study-portal-actions a:hover[b-uybp4i4e5y] { background: #193b68; border-color: #9edfd4; }
.study-portal-actions a:focus-visible[b-uybp4i4e5y], .portal-contact a:focus-visible[b-uybp4i4e5y] { outline: 3px solid #ffdc63; outline-offset: 4px; }
.portal-action p[b-uybp4i4e5y] { margin: .65rem .15rem 0; color: #b9cee6; font-size: .88rem; line-height: 1.5; text-align: center; }

.portal-audiences[b-uybp4i4e5y] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.portal-information[b-uybp4i4e5y] { min-width: 0; padding: 1.5rem; border: 1px solid #39506f; border-radius: 1rem; background: #0f2039; }
.portal-information .portal-eyebrow[b-uybp4i4e5y] { margin-bottom: .55rem; }
.study-portal h2[b-uybp4i4e5y] { margin: 0 0 .8rem; font-size: 1.4rem; line-height: 1.3; text-wrap: balance; }
.portal-information p:not(.portal-eyebrow)[b-uybp4i4e5y], .portal-information li[b-uybp4i4e5y], .portal-data p[b-uybp4i4e5y], .portal-contact p[b-uybp4i4e5y] { color: #c9d9ec; line-height: 1.65; }
.portal-information p:not(.portal-eyebrow)[b-uybp4i4e5y] { margin: 0; }
.portal-steps[b-uybp4i4e5y], .portal-parent-points[b-uybp4i4e5y] { display: grid; gap: .85rem; margin: 1.2rem 0 0; padding-left: 1.4rem; }
.portal-information li[b-uybp4i4e5y] { padding-left: .3rem; }
.portal-information li[b-uybp4i4e5y]::marker { color: #9de4d7; font-weight: 750; }

.portal-data[b-uybp4i4e5y] { margin: 2rem 0; padding: 0 1.5rem; border-left: 2px solid #547297; }
.portal-data h2[b-uybp4i4e5y] { font-size: 1.2rem; }
.portal-data p[b-uybp4i4e5y] { max-width: 58rem; margin: .65rem 0 0; font-size: .95rem; }
.portal-contact[b-uybp4i4e5y] { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.5rem; border-radius: 1rem; background: #173333; }
.portal-contact h2[b-uybp4i4e5y] { font-size: 1.2rem; }
.portal-contact p[b-uybp4i4e5y] { margin: 0; font-size: .95rem; }
.portal-contact a[b-uybp4i4e5y] { flex-shrink: 0; color: #b3f5df; font-weight: 700; text-underline-offset: .2em; overflow-wrap: anywhere; }

@media (max-width: 800px) {
    .portal-contact[b-uybp4i4e5y] { align-items: flex-start; flex-direction: column; gap: 1rem; }
    .portal-audiences[b-uybp4i4e5y] { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
    .study-portal[b-uybp4i4e5y] { padding: 1.1rem 1.1rem 2rem; }
    .portal-topline[b-uybp4i4e5y] { align-items: flex-start; flex-direction: column; gap: 1rem; margin-bottom: 1.7rem; }
    .study-portal[b-uybp4i4e5y]  .language-picker { align-self: flex-end; }
    .portal-introduction h1[b-uybp4i4e5y] { font-size: 2rem; }
    .portal-lead[b-uybp4i4e5y] { font-size: 1rem; }
    .study-portal-actions[b-uybp4i4e5y] { grid-template-columns: 1fr; gap: 1rem; margin: 1.5rem 0 2rem; }
    .study-portal-actions a[b-uybp4i4e5y] { min-height: 3.5rem; }
    .portal-action p[b-uybp4i4e5y] { margin-top: .4rem; }
    .portal-information[b-uybp4i4e5y], .portal-contact[b-uybp4i4e5y] { padding: 1.1rem; }
    .portal-data[b-uybp4i4e5y] { padding-left: 1rem; }
}
/* /Pages/Study.razor.rz.scp.css */
.study-page[b-31ps0b9gaq] { max-width: 72rem; margin: 1rem auto; padding: 1rem; color: #eef4ff; }
.study-page button[b-31ps0b9gaq], .study-page input[b-31ps0b9gaq], .study-page select[b-31ps0b9gaq] { min-height: 44px; margin: .35rem; padding: .5rem .8rem; }
.study-page fieldset[b-31ps0b9gaq] { margin: 1rem 0; padding: 1rem; }
.study-stop[b-31ps0b9gaq] { background: #991b1b; color: white; border: 2px solid white; }
.study-page [role=alert][b-31ps0b9gaq] { background: #502000; color: white; padding: 1rem; }
.study-page button:focus-visible[b-31ps0b9gaq], .study-page input:focus-visible[b-31ps0b9gaq], .study-page select:focus-visible[b-31ps0b9gaq] { outline: 3px solid #fde047; outline-offset: 3px; }

.study-questionnaire[b-31ps0b9gaq] { min-width: 0; }
.study-questionnaire fieldset[b-31ps0b9gaq] { min-inline-size: 0; }
.study-questionnaire legend[b-31ps0b9gaq] { max-width: 100%; overflow-wrap: anywhere; }
.study-questionnaire select[b-31ps0b9gaq] { display: block; width: 100%; max-width: 100%; margin-inline: 0; font: inherit; }
.study-questionnaire button[b-31ps0b9gaq] { max-width: calc(100% - .7rem); white-space: normal; overflow-wrap: anywhere; }
.study-questionnaire h2:focus-visible[b-31ps0b9gaq] { outline: 3px solid #fde047; outline-offset: 3px; }

.study-toolbar[b-31ps0b9gaq] { position: sticky; top: .5rem; z-index: 20; display: flex; flex-wrap: wrap; align-items: center; background: #09172f; }
.study-toolbar button[b-31ps0b9gaq] { max-width: calc(100% - .7rem); white-space: normal; }
.study-page[b-31ps0b9gaq]  .study-participation-information { max-width: 48rem; padding: .65rem; border: 1px solid #7594c1; border-radius: .45rem; overflow-wrap: anywhere; }
.study-page[b-31ps0b9gaq]  .study-participation-information:focus-visible { outline: 3px solid #fde047; outline-offset: 3px; }

.study-assent-choice[b-31ps0b9gaq] { display: flex; align-items: center; gap: .5rem; max-width: 48rem; min-height: 44px; margin-block: .5rem; cursor: pointer; }
.study-assent-choice input[b-31ps0b9gaq] { flex: 0 0 auto; width: 1.35rem; height: 1.35rem; min-height: 1.35rem; padding: 0; }
.study-assent-choice span[b-31ps0b9gaq] { overflow-wrap: anywhere; }

@media (min-width: 1050px) {
    .study-page[b-31ps0b9gaq] { margin: .2rem auto; padding: .6rem 1rem; }
    .study-page > h1[b-31ps0b9gaq] { font-size: 1.6rem; line-height: 1.2; margin: 0 0 .25rem; }
    .study-page > p[b-31ps0b9gaq] { margin: .35rem 0; }
}