:root{color-scheme:dark;--bg:#081820;--panel:#112a34;--ink:#e9f4f5;--muted:#b3cbd0;--line:#375560;--mint:#a2eee1;--gold:#ffd28c}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 20% 0,#173b44,var(--bg) 65%);color:var(--ink);font:1rem/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--mint)}button,input{font:inherit}button{min-height:44px;padding:8px 13px;border:1px solid #587780;border-radius:7px;background:#183540;color:var(--ink);cursor:pointer}button:hover:not(:disabled){background:#28505b}button:disabled{opacity:.5;cursor:default}button[aria-pressed=true]{border-color:var(--mint);background:#28554f;box-shadow:inset 0 0 0 1px var(--mint)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.primary{background:var(--mint);color:#08262c;border-color:var(--mint);font-weight:750}.primary:hover:not(:disabled){background:#ccfff0}.top{height:52px;padding:6px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:1.25rem;font-weight:750;display:flex;gap:7px;align-items:center;text-decoration:none;color:var(--ink)}.brand span{color:var(--mint);margin-left:-7px}.top nav{display:flex;gap:22px;font-size:.875rem}.top nav a{text-decoration:none}.skip{position:absolute;top:-70px;background:var(--mint);color:var(--bg);padding:10px;z-index:10}.skip:focus{top:0}main{max-width:1240px;margin:auto;padding:14px 24px 8px}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.eyebrow{font-size:.75rem;letter-spacing:.12em;color:var(--mint);margin:0 0 3px;font-weight:650}h1{font-size:2.25rem;line-height:1.05;letter-spacing:-.04em;margin:0}h1 em{font-family:Georgia,serif;color:var(--gold);font-weight:400}h2{font-size:1rem;margin:0}.heading p:last-child{margin:5px 0 0;color:var(--muted)}#round{font-size:.875rem;color:var(--gold);white-space:nowrap}.bench{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0c212b}.bar{padding:9px 16px;background:#17343c;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.875rem}.bar>span{color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 370px}.image-panel{padding:14px;border-right:1px solid var(--line);min-width:0}.surface-wrap{position:relative;background:#757575;isolation:isolate;overflow:hidden;border-radius:6px;border:1px solid #78898f;height:clamp(220px,calc(100svh - 325px),425px)}#surface{display:block;width:100%;height:100%}.feature-pin{position:absolute;transform:translate(-50%,-50%);min-height:36px;width:36px;padding:0;border-radius:50%;border-color:#dfebec;background:#152a31;color:white;font-weight:700;box-shadow:0 2px 5px #0008;z-index:2}.feature-pin[aria-pressed=true]{background:var(--gold);color:#18222b;border-color:#18222b;box-shadow:0 0 0 2px var(--gold)}.detector-marker{position:absolute;font-size:.75rem;letter-spacing:.07em;padding:4px 9px;background:#0a252e;color:var(--mint);border:1px solid #98dace;border-radius:4px;pointer-events:none}.image-tag{position:absolute;bottom:7px;right:8px;font-size:.75rem;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none}fieldset{border:0;padding:0;margin:10px 0 0;min-width:0}legend{font-size:.875rem;padding:0 0 5px;font-weight:650}#detector-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}#detector-buttons button{font-size:.875rem;padding:6px}.image-note{font-size:.875rem;color:var(--muted);margin:7px 0 0}.decisions{padding:16px;min-width:0}.decision-heading p{font-size:.875rem;color:var(--muted);margin:3px 0 10px}#answers{display:grid;gap:7px}.answer-row{display:grid;grid-template-columns:44px 1fr 1fr;gap:7px;align-items:center}.answer-row .select-feature{font-weight:700;padding:5px}.answer-row .guess{font-size:.875rem;padding:7px}.answer-row .guess[aria-pressed=true]::before{content:'✓ ';font-weight:bold}.answer-row .verdict{grid-column:2/-1;font-size:.875rem;color:var(--muted)}.actions{display:grid;gap:8px;margin-top:14px}.actions button{width:100%;font-size:.875rem}#clue-toggle{border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:4px;min-height:36px}.feedback{color:var(--muted);font-size:.875rem;margin-top:8px}.clue-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.875rem}.clue-heading button{min-height:32px;padding:0;width:32px;font-size:1.3rem}#clue{padding:10px;margin-top:4px;border:1px solid #667d86;border-radius:8px;background:#091b25}#profile{width:100%;height:108px;display:block}#clue p{font-size:.875rem;margin:3px 0}#clue .small{font-size:.75rem;color:var(--muted)}#result{margin-top:14px}#result-title{font-size:1.2rem;color:var(--mint)}#result p{font-size:.875rem;color:var(--muted);margin:6px 0 12px}#next{width:100%}#lab-link{display:block;margin-top:12px;font-size:.875rem}.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:3px 10px;margin-top:5px;font-size:.875rem;color:var(--muted)}.footer button{border-color:transparent;background:transparent;font-size:.875rem;padding:5px;min-height:36px;text-decoration:underline;text-underline-offset:4px}#load-status:empty,#share-status:empty{display:none}#share-status{font-size:.875rem;margin:3px 0}#share-url{width:100%;padding:8px}dialog{background:var(--panel);color:var(--ink);border:1px solid #68858e;border-radius:12px;max-width:600px;width:calc(100% - 28px);max-height:85svh;padding:24px}dialog::backdrop{background:#02090cdb}dialog h2{font-size:1.6rem}dialog p{color:var(--muted)}.close{float:right;padding:0;width:44px;font-size:1.5rem}
@media(min-width:761px) and (max-height:700px){main{padding-top:9px}.heading{margin-bottom:9px}.heading p:last-child{display:none}h1{font-size:2rem}.bar{padding-block:7px}.image-panel{padding:10px}.surface-wrap{height:clamp(200px,calc(100svh - 330px),340px)}.decisions{padding:12px 16px}.actions{margin-top:10px}#answers{gap:5px}.decision-heading p{margin-bottom:7px}.image-note{font-size:.75rem}.footer{font-size:.75rem}.footer button{font-size:.75rem}.workspace{grid-template-columns:minmax(0,1fr) 350px}}
@media(max-width:760px){.top{height:48px;padding:6px 12px}.brand{font-size:1.1rem}.top nav{gap:15px}main{padding:10px 12px 8px}.heading{margin-bottom:9px}.heading .eyebrow{font-size:.65rem;letter-spacing:.06em}h1{font-size:2rem}.heading p:last-child{font-size:.875rem;max-width:270px}#round{font-size:.75rem}.workspace{grid-template-columns:1fr}.bar{padding:8px 10px}.bar>span{display:none}.image-panel{padding:9px;border-right:0;border-bottom:1px solid var(--line)}.surface-wrap{height:clamp(195px,30svh,300px)}.image-note{display:none}fieldset{margin-top:7px}legend{font-size:.875rem}#detector-buttons{gap:5px}#detector-buttons button{font-size:.8rem}.decisions{padding:10px}.decision-heading{display:flex;gap:5px;justify-content:space-between;align-items:center}.decision-heading h2{font-size:.875rem}.decision-heading p{font-size:.75rem;margin:0}#answers{grid-template-columns:1fr 1fr;gap:7px 10px;margin-top:8px}.answer-row{grid-template-columns:28px 1fr 1fr;gap:3px}.answer-row button{min-height:40px}.answer-row .select-feature{font-size:.875rem;padding:0}.answer-row .guess{font-size:.75rem;padding:4px 2px}.answer-row .verdict{font-size:.75rem}.actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.actions button{font-size:.8rem;padding:7px}.feedback{font-size:.8rem;margin-top:6px}.footer{justify-content:center;font-size:.75rem}.footer>span{width:100%;text-align:center}.footer button{font-size:.75rem}#clue{margin-top:8px}#profile{height:95px}.feature-pin{min-height:32px;width:32px;font-size:.875rem}}
@media(max-width:360px){main{padding-inline:8px}.heading p:last-child{font-size:.8rem}.heading .eyebrow{font-size:.6rem}.heading{gap:4px}.decisions{padding-inline:7px}#answers{gap:7px 6px}.answer-row{grid-template-columns:24px 1fr 1fr}.answer-row .guess{font-size:.7rem}.decision-heading{display:block}.decision-heading p{margin-top:2px}.surface-wrap{height:195px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:760px){.answer-row .guess{font-size:.875rem}.answer-row button{min-height:44px}.answer-row .guess[aria-pressed=true]::before{content:""}.answer-row .guess[aria-pressed=true]{font-weight:800;text-decoration:underline;text-underline-offset:4px}.decision-heading{flex-wrap:wrap}.feature-pin{min-height:36px;width:36px}}

.visual-region{position:relative;min-width:0}.review .decision-heading{display:none}.review .guess{display:none}.review .answer-row{grid-template-columns:44px minmax(0,1fr)}.review .verdict{grid-column:2}.review .feedback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.review #result{margin-top:8px}.review .actions{margin-top:6px}
@media(min-width:761px){.visual-region:has(#clue:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:10px}.visual-region #clue{margin:0;align-self:stretch}.visual-region #profile{height:100px}.visual-region #clue .clue-heading{align-items:flex-start}.review .answer-row{min-height:44px}}
@media(min-width:761px) and (max-width:1050px){.visual-region:has(#clue:not([hidden])){grid-template-columns:1fr}.visual-region #clue:not([hidden]){position:absolute;inset:0;z-index:3}.visual-region:has(#clue:not([hidden])) .surface-wrap{visibility:hidden}}
@media(max-width:760px){.visual-region #clue:not([hidden]){position:absolute;inset:0;z-index:3;margin:0;display:flex;flex-direction:column;justify-content:space-between}.visual-region:has(#clue:not([hidden])) .surface-wrap{visibility:hidden}.visual-region #profile{height:100px;flex:1;min-height:60px}.visual-region #clue p{font-size:.875rem}.visual-region #clue .small{font-size:.75rem}.review #answers{grid-template-columns:1fr 1fr}.review .answer-row{grid-template-columns:28px minmax(0,1fr);gap:5px}.review .actions{display:block}.review .verdict{font-size:.875rem}.review #result p{margin-block:5px 9px}}