/* Scan entry: two equally weighted real-world actions. */
body.ci-visitor{--accent:#35cc68;--bg:#04060c;--ink:#fff;--subtle:#c3ccda;background:#04060c;color:#fff}
body.ci-visitor :is(header,.bottom-nav){background:#090d15;border-color:#303d50}
body.ci-visitor .bottom-nav .scan-nav{background:#35cc68;color:#04160d;border-color:#35cc68;box-shadow:none}
body.ci-visitor main .scan-page-title{margin:0 0 18px;font-size:28px;line-height:1.2;font-weight:600;letter-spacing:normal;text-transform:none}
body.ci-visitor main .scan-photo-choices{gap:12px}
body.ci-visitor main #scan-controls .scan-photo-choice{background:#101622;color:#e6edf5;border:1px solid #77869c;border-radius:6px;box-shadow:none;overflow:hidden}
body.ci-visitor main #scan-controls .scan-photo-choice:hover{border-color:#b8c2d1}
body.ci-visitor main .scan-choice-copy{padding:12px 10px;gap:6px}
body.ci-visitor main .scan-choice-copy>strong{font-size:15px;line-height:1.3;color:#fff}
body.ci-visitor main .scan-choice-copy>span{font-size:14px;line-height:1.4;color:#c3ccda}
body.ci-visitor main .scan-choice-copy .scan-choice-reward{display:flex;flex-direction:column;gap:2px;padding-top:8px;margin-top:4px;border-top:1px solid #303d50}
body.ci-visitor main .scan-choice-reward b{font-size:15px;color:#35cc68}
body.ci-visitor main .scan-choice-reward>span{font-size:12px;color:#aeb6c4}
body.ci-visitor main .scan-choice-hint{font-size:14px;line-height:1.6;color:#c3ccda;margin:14px 0 0}
body.ci-visitor main #scan-controls :is(a,button):focus-visible{outline:2px solid #35cc68;outline-offset:3px}

body.ci-visitor main .scan-choice-copy>strong{display:flex;align-items:center;justify-content:space-between;gap:6px}
body.ci-visitor main .scan-choice-copy>strong::after{content:"";width:7px;height:7px;flex:0 0 7px;border-top:1.5px solid #c3ccda;border-right:1.5px solid #c3ccda;transform:rotate(45deg);margin-right:2px}

/* Photo step uses the same compact ink surface as the entry cards. */
body.ci-visitor main:has(#scan-score:not([hidden]))>.scan-page-title{display:none}
body.ci-visitor main #scan-score-title{font-size:28px;line-height:1.2;font-weight:600;margin:0 0 18px;outline:none}
body.ci-visitor main #scan-score .score-submit-step{background:#101622;border:1px solid #77869c;border-radius:6px;padding:16px;box-shadow:none}
body.ci-visitor main #scan-score .score-submit-step h3{margin:0 0 10px;font-size:18px;color:#fff}
body.ci-visitor main #scan-score .score-step-number{background:#263449;color:#fff;box-shadow:none}
body.ci-visitor main #scan-score #score-photo-hint{font-size:16px;line-height:1.5;margin:0 0 14px;color:#c3ccda}
body.ci-visitor main #scan-score .photo-pick label{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 12px;box-sizing:border-box;background:#35cc68;color:#04160d;border:0;border-radius:4px;font-size:16px;line-height:1.3;font-weight:600;box-shadow:none}
body.ci-visitor main #scan-score .photo-pick label::before{content:"";width:19px;height:19px;flex:0 0 19px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' d='M8 5l2-2h4l2 2h4a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V7a2 2 0 012-2z'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E") center/contain no-repeat}
body.ci-visitor main #scan-score-photo-state:empty{display:none}
body.ci-visitor main #scan-score .photo-pick{padding:0;border-radius:4px;background:#35cc68;box-shadow:none}

body.ci-visitor main #scan-score .scan-game-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.ci-visitor main #scan-score:has(#scan-score-preview:not([hidden])) .photo-pick{background:#0b111b;border:1px solid #48566b}
body.ci-visitor main #scan-score:has(#scan-score-preview:not([hidden])) .photo-pick label{background:transparent;color:#e6edf5;min-height:36px;padding:7px 10px;font-size:14px}
body.ci-visitor main #scan-score:has(#scan-score-preview:not([hidden])) .photo-pick label::before{width:16px;height:16px;flex-basis:16px}
body.ci-visitor main #scan-score-game select{background:#0b111b;color:#fff;border:1px solid #48566b;border-radius:4px;min-height:40px}
body.ci-visitor main #scan-score-game p{margin:0}

body.ci-visitor main #scan-score #id_score{display:block;width:100%;max-width:none;box-sizing:border-box;min-height:44px;background:#0b111b;color:#fff;border:1px solid #48566b;border-radius:4px;padding:10px 12px}
body.ci-visitor main #scan-score .score-submit-step p{margin:10px 0 0}
body.ci-visitor main #scan-score .ui-disclosure{background:transparent;border:0;border-top:1px solid #293548;border-radius:0;padding:0;margin:14px 0 0;box-shadow:none}
body.ci-visitor main #scan-score .ui-disclosure summary{padding:10px 0;font-size:14px;color:#c3ccda}
body.ci-visitor main #scan-score .ui-disclosure p{font-size:14px;line-height:1.65;color:#c3ccda;margin:0;padding:0}
body.ci-visitor main #scan-score .ux-check-row{margin:12px 0;gap:10px}
body.ci-visitor main #scan-score-entry>button{display:block;width:100%;min-height:44px;box-sizing:border-box;padding:10px 12px;background:#35cc68;color:#04160d;font-size:16px;font-weight:600;line-height:1.3;border:0;border-radius:4px;box-shadow:none}
body.ci-visitor main #scan-score .score-submission-note{font-size:14px;color:#c3ccda;line-height:1.5;margin:14px 0}

body.ci-visitor main #scan-score label[for="id_score"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.ci-visitor main #scan-score .ui-disclosure[open] summary{margin-bottom:4px;padding-bottom:4px}
body.ci-visitor main #scan-score .ui-disclosure[open] p{margin:0!important}
body.ci-visitor main #scan-score .scan-field-error{color:#f1a0a0;font-size:14px;line-height:1.5;margin:8px 0 0}
body.ci-visitor main #scan-score [aria-invalid="true"]{border-color:#f1a0a0!important;outline-color:#f1a0a0}

body.ci-visitor main #scan-score .ux-check-row:has(+.scan-field-error){margin-bottom:0}
body.ci-visitor main #scan-score .ux-check-row+.scan-field-error{margin-top:4px!important}
body.ci-visitor main #scan-score .scan-submit-status{font-size:14px;line-height:1.5;color:#f1a0a0;margin:12px 0;outline:none}
body.ci-visitor main #scan-score-entry>button:disabled{opacity:.65;cursor:wait}

body.ci-visitor main #scan-score .score-step-number{box-sizing:border-box;border:1px solid #8997ab;color:#fff;font-weight:700}

body.ci-visitor main #scan-score .score-step-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;padding:0;line-height:1;text-align:center;font-variant-numeric:tabular-nums}

body.ci-visitor main #scan-score .score-step-number{padding-bottom:3px}