.score-notice { position:fixed; inset:0; z-index:2147483647; background:#f1f5f9; color:#0f172a; overflow:auto; font-family:Arial,sans-serif; }
.score-notice * { box-sizing:border-box; }
.score-notice-shell { max-width:1100px; margin:auto; padding:28px; }
.score-notice header, .score-notice-controls, .score-notice-nav { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.score-notice header { border-bottom:1px solid #cbd5e1; padding-bottom:18px; margin-bottom:30px; }
.score-notice h1 { font-size:20px; margin:0 0 8px; }
.score-notice h2 { font-size:clamp(28px,4vw,46px); margin:10px 0; overflow-wrap:anywhere; }
.score-notice p { line-height:1.65; }
.score-notice-muted { color:#475569; font-size:14px; }
.score-notice button { cursor:pointer; border:1px solid #cbd5e1; border-radius:10px; background:white; padding:12px 18px; color:#0f172a; font-size:15px; font-weight:600; }
.score-notice button:disabled { cursor:default; opacity:.45; }
.score-notice button:focus-visible, .score-notice input:focus-visible { outline:3px solid #818cf8; outline-offset:3px; }
.score-notice button.score-notice-primary { background:#4338ca; border-color:#4338ca; color:white; }
.score-notice button.score-notice-hide { background:#0f172a; border-color:#0f172a; color:white; }
.score-notice-card { border:1px solid #e2e8f0; background:white; border-radius:20px; padding:30px; margin:24px 0; }
.score-notice-mask { text-align:center; padding:50px 24px; }
.score-notice-mask strong { display:block; font-size:22px; margin-bottom:14px; }
.score-notice-scores { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:25px; }
.score-notice-score { background:#eef2ff; border:1px solid #e0e7ff; border-radius:14px; padding:20px; }
.score-notice-score span { display:block; font-size:15px; color:#475569; }
.score-notice-score strong { display:block; color:#3730a3; font-size:clamp(25px,4vw,42px); margin-top:12px; }
.score-notice-score small { display:block; color:#475569; line-height:1.5; margin-top:8px; }
.score-notice-competency { grid-column:1 / -1; background:#e0e7ff; border-color:#a5b4fc; }
.score-notice-comments h3 { font-size:21px; margin:0 0 20px; }
.score-notice-comment { border-left:4px solid #818cf8; padding:5px 0 5px 18px; margin:18px 0; }
.score-notice-comment p { font-size:20px; margin:10px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.score-notice-nav { margin-top:26px; padding-top:22px; border-top:1px solid #cbd5e1; }
.score-notice-nav input { width:75px; border:1px solid #cbd5e1; border-radius:8px; padding:10px; background:white; }
.score-notice-error { background:#fff1f2; border:1px solid #fecdd3; color:#9f1239; padding:14px; border-radius:12px; }
@media (max-width:650px) { .score-notice-shell { padding:16px; } .score-notice-card { padding:20px; } .score-notice-scores { grid-template-columns:repeat(2,minmax(0,1fr)); } .score-notice-controls button { padding:10px 12px; } }