:root{color:#e8edf2;background:#101418;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#101418}button,select,input{font:inherit}.appShell{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:28px 0 40px}.topBar,.rangeHeader{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow,.dialogEyebrow{margin:0 0 6px;color:#99a8b8;font-size:.78rem;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.7rem,3vw,2.4rem)}h2{margin-bottom:0;font-size:1.25rem}.verifiedBadge,.pendingBadge,.readyBadge{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:6px;font-weight:700;white-space:nowrap}.verifiedBadge{border:1px solid #465260;background:#171d24}.pendingBadge{background:#ffd166;color:#1a1300}.readyBadge{background:#35b779;color:#05150d}.controlsBand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0;padding:14px;border:1px solid #2a333d;border-radius:8px;background:#171d24}.controlsBand label{display:grid;gap:7px;color:#b7c4d1;font-size:.82rem}.controlsBand select{width:100%;min-height:40px;border:1px solid #3a4652;border-radius:6px;padding:0 10px;color:#f6f8fb;background:#101418}.spotHint{margin:-10px 0 22px;color:#cbd5df;font-size:.95rem}input{width:100%;min-height:40px;border:1px solid #3a4652;border-radius:6px;padding:0 10px;color:#f6f8fb;background:#101418}.rangeLayout{display:grid;gap:16px}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;color:#c8d2dd;font-size:.9rem}.legendItem{display:inline-flex;align-items:center;gap:6px}.legendSwatch{width:14px;height:14px;border-radius:3px}.rangeGrid{display:grid;grid-template-columns:repeat(13,minmax(44px,1fr));gap:4px}.rangeCell{position:relative;display:grid;align-content:space-between;min-width:0;aspect-ratio:1 / 1;border:1px solid #202a33;border-radius:6px;overflow:hidden;padding:5px;color:#fff;background:#2f3740;cursor:pointer}.rangeCell:hover,.rangeCell:focus-visible{border-color:#f2d28b;outline:none}.handLabel{z-index:1;font-weight:800;font-size:clamp(.66rem,1.2vw,.9rem);line-height:1;text-shadow:0 1px 2px rgb(0 0 0 / 55%)}.frequencyFlag,.missingFlag{position:absolute;right:4px;bottom:4px;z-index:2;border-radius:4px;padding:2px 4px;color:#1a1300;background:#ffd166;font-size:.58rem;font-weight:800}.missingFlag{background:#95a3b3;color:#111820}.actionSegments{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.actionSegment{display:grid;place-items:end center;min-width:0;padding-bottom:4px;font-size:.58rem;font-weight:700}.exploitPanel,.emptyState,.notesPanel,.rangeSummaryPanel,.rawMetaPanel{border:1px solid #2a333d;border-radius:8px;padding:16px;background:#171d24}.rangeSummaryPanel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px}.rangeSummaryPanel div{display:grid;gap:6px;border:1px solid #26313b;border-radius:7px;padding:12px;background:#101418}.rangeSummaryPanel strong{color:#f6f8fb}.rangeSummaryPanel p{margin:0;color:#cbd5df}.notesPanel{display:grid;gap:8px;padding:12px 14px}.notesPanel p{margin:0;color:#cbd5df;font-size:.9rem}.exploitPanel h3{margin-bottom:8px}.exploitPanel p{color:#cbd5df}.exploitPanel dl{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0 0}.exploitPanel dt{color:#8fa1b3;font-size:.78rem}.exploitPanel dd{margin:2px 0 0;font-weight:700}.conflictSummary{margin:14px 0 0;color:#ffd166;font-weight:700}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#070a0dd1}.handDialog{position:relative;z-index:1001;width:min(360px,100%);border:1px solid #42515f;border-radius:8px;padding:18px;background:#171d24;box-shadow:0 20px 70px #0000006b}.handDialog h2{font-size:2rem}.dialogContext{margin:0 0 8px;color:#cbd5df;font-weight:700}.detailHeading{margin:12px 0 0;color:#f6f8fb;font-size:.95rem}.detailRows{display:grid;gap:8px;margin:14px 0}.detailRow{display:flex;justify-content:space-between;border-bottom:1px solid #2a333d;padding-bottom:8px}.detailNote{color:#cbd5df}.subtleNote{color:#99a8b8;font-size:.9rem}.frequencySource{border-radius:6px;padding:8px 10px;color:#f8f0d5;background:#3b321d;font-weight:700}.secondaryButton{width:100%;min-height:40px;border:1px solid #485766;border-radius:6px;color:#f6f8fb;background:#222b34;cursor:pointer}.rawMetaPanel{color:#cbd5df}.rawMetaPanel summary{cursor:pointer;color:#f6f8fb;font-weight:800}.rawMetaPanel dl{display:grid;gap:12px;margin:14px 0 0}.rawMetaPanel dt{color:#99a8b8;font-size:.78rem;text-transform:uppercase}.rawMetaPanel dd{margin:4px 0 0}.rawMetaPanel p{margin:0 0 6px}.toolPanel{display:grid;gap:14px;margin-top:28px;border:1px solid #2a333d;border-radius:8px;padding:16px;background:#171d24}.panelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.inlineControls{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:10px}.inlineControls label{display:grid;gap:7px;color:#b7c4d1;font-size:.82rem}.inlineControls select{min-height:40px;border:1px solid #3a4652;border-radius:6px;padding:0 10px;color:#f6f8fb;background:#101418}.compareControls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.compactButton{width:auto;min-width:108px;padding:0 14px}.formError{margin:0;color:#ffb4aa;font-weight:700}.toolSummary{margin:0;color:#cbd5df}.dataTable{display:grid;overflow-x:auto;border:1px solid #2a333d;border-radius:8px}.dataRow{display:grid;grid-template-columns:minmax(170px,1.2fr) minmax(180px,1.4fr) minmax(120px,.8fr);gap:12px;align-items:center;min-width:720px;border-top:1px solid #26313b;padding:10px 12px;color:#d9e2eb;background:#101418}.dataRow:first-child{border-top:0}.dataHead{color:#f6f8fb;background:#222b34;font-weight:800}.compareRow{grid-template-columns:78px minmax(210px,1fr) minmax(210px,1fr) 120px}.coverageRow{grid-template-columns:minmax(280px,1.8fr) 86px repeat(4,minmax(110px,.7fr));min-width:980px}.dataRow small{display:block;margin-top:3px;color:#99a8b8}.qualityWarn{color:#ffd166;font-weight:800}.qualityOk{color:#9be7bd;font-weight:800}.fourStats{grid-template-columns:repeat(4,minmax(0,1fr))}.missingTables{border:1px solid #2a333d;border-radius:8px;padding:12px;background:#101418}.missingTables summary{cursor:pointer;font-weight:800}.missingList{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.missingList code{border:1px solid #33404d;border-radius:5px;padding:4px 6px;color:#dfe8f2;background:#171d24;font-size:.78rem}.trainingPanel{display:grid;gap:14px;margin-top:28px;border:1px solid #2a333d;border-radius:8px;padding:16px;background:#171d24}.trainingHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.trainingHeader h2{font-size:2rem}.trainingMeta,.trainingCaution{margin:0;color:#cbd5df}.trainingCaution{color:#ffdca0}.answerGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.answerGrid button{min-height:42px;border:1px solid #465260;border-radius:6px;color:#f6f8fb;background:#222b34;cursor:pointer}.answerGrid button:disabled{cursor:not-allowed;opacity:.7}.answerResult{border-radius:8px;padding:14px}.answerResult h3{margin-bottom:8px}.answerResult.accepted{border:1px solid #2f7d68;background:#17332d}.answerResult.missed{border:1px solid #c65345;background:#3a211f}.statsPanel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.statsPanel div{display:grid;gap:4px;border:1px solid #2a333d;border-radius:8px;padding:12px;background:#101418}.statsPanel strong{font-size:1.35rem}.statsPanel span{color:#9fb0c1;font-size:.82rem}@media(max-width:760px){.appShell{width:min(100vw - 18px,680px);padding-top:16px}.topBar,.rangeHeader{align-items:flex-start;flex-direction:column}.controlsBand,.rangeSummaryPanel{grid-template-columns:1fr}.rangeGrid{grid-template-columns:repeat(13,minmax(0,1fr));gap:1px}.answerGrid,.statsPanel,.fourStats{grid-template-columns:repeat(2,minmax(0,1fr))}.inlineControls,.compareControls,.panelHeader{grid-template-columns:1fr}.panelHeader{display:grid}.compactButton{width:100%}.rangeCell{border-radius:3px;padding:2px}.actionSegment{font-size:0}.handLabel{font-size:clamp(.5rem,2.4vw,.68rem)}.frequencyFlag,.missingFlag{display:none}}