.nfl-pick{--ink:#f1eedb;--night:#0c191b;--gold:#ddc88d;--sage:#b0c8a8;--line:#52716c;body{color:var(--ink)}.review-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:35px 0}.review-options .panel{border-radius:12px;border:2px solid var(--line);box-shadow:7px 7px 0 #06110f}.review-options button{margin-top:5px}summary{cursor:pointer;min-height:44px}dialog{color:var(--ink);background:var(--night);border:2px solid var(--gold);border-radius:14px;width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:24px;overflow:auto}dialog::backdrop{background:#020b09d9}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line);margin-bottom:16px}.dialog-top h2{font-size:32px}.dialog-top .eyebrow{font-size:10px}.preferences,.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}.preferences label{display:flex;align-items:center;gap:7px;min-height:44px;font-size:13px}.preferences input{width:20px;height:20px}button,select{border:1px solid var(--gold);background:#203a30;color:var(--ink);padding:10px 16px;border-radius:5px;font:inherit;min-height:44px}button:disabled{opacity:.55;cursor:wait}input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}input[type=text]{width:100%;min-width:0;padding:12px;background:var(--ink);color:var(--night);font:inherit;border:2px solid var(--sage);border-radius:5px;min-height:48px}.terminal{background:#b0c8a8;border:5px solid #06110f;border-radius:24px 24px 16px 16px;padding:16px;box-shadow:inset -8px -9px 0 #698674,0 0 0 3px var(--ink);margin:20px 4px;color:var(--night)}.terminal-screen{background:#132b24;border:4px solid #06110f;border-radius:12px;padding:16px;color:var(--ink);box-shadow:inset 4px 4px 0 #081511}.terminal-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.terminal-top svg{width:82px;flex-shrink:0}.clues{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.clues span{border:1px solid #769181;border-radius:4px;padding:3px 7px;font-size:14px;background:#233f32}.gadget-label{font:bold 11px Arial,sans-serif;letter-spacing:2px}.fixture-notice{font-size:12px;color:var(--gold)}.lock-art{display:block;width:min(100%,300px);height:auto;margin:12px auto}.needle{transform-origin:160px 150px;transform:rotate(var(--angle,0deg));transition:transform .12s ease}.lock-art .face{fill:var(--gold);stroke:#06110f;stroke-width:6}.lock-art .shadow{fill:#9e854c;stroke:#06110f;stroke-width:5}.lock-art .highlight{fill:#f1eedb}.lock-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.lock-control input[type=range]{width:100%;min-height:44px;accent-color:var(--gold)}.meters{display:grid;gap:9px;margin:16px 0}.meters label{font-size:13px}progress,meter{display:block;width:100%;height:15px;accent-color:var(--sage)}.picks{font-size:18px;color:var(--gold)}#feedback{border-left:4px solid var(--gold);padding:12px 16px;background:#203a30;min-height:55px;overflow-wrap:anywhere}form button{margin-top:12px}.alternate{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.nerd-info{font:12px/1.5 monospace;overflow-wrap:anywhere}.success{border:2px solid var(--gold);padding:24px;border-radius:12px;background:#203a30}.success h3{color:var(--gold)}.torque{touch-action:none;user-select:none;width:100%;font-weight:bold}.fine{line-height:1.6}@media(max-width:600px){.review-options,.lock-layout{grid-template-columns:1fr}.lock-layout{gap:8px}dialog{padding:16px}.dialog-top h2{font-size:26px}.terminal{padding:10px}.terminal-screen{padding:12px}.lock-art{max-width:220px}.controls button{flex:1}header{gap:12px}header>a:last-child{font-size:12px;max-width:100px}.brand{letter-spacing:1px}.brand small{font-size:7px}.preferences{gap:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.needle{transition:none}*{animation:none!important}}
/* Keep labels in their own row; allow long localized labels and zoom reflow. */
#guess-form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;width:100%}
#guess-form>label{display:block;position:static;float:none;width:auto;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.5;margin:0}
#guess-form>input{display:block;box-sizing:border-box;min-width:0;width:100%;max-width:100%;margin:0}
#guess-form>p,#guess-form>button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;margin:0}
#stage,.terminal,.terminal-screen,.lock-control{min-width:0;max-width:100%}
.silhouette-clues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.silhouette-clues figure{margin:0;min-width:0;text-align:center}
.silhouette-clues img{display:block;width:100%;max-width:160px;height:auto;margin:auto}
.silhouette-clues figcaption{font-size:12px;line-height:1.4;overflow-wrap:anywhere;margin-top:6px}
.direction-cue{border:2px solid var(--line);border-radius:8px;min-height:48px;padding:9px 12px;text-align:center;font-weight:bold;font-size:15px;background:#132b24;overflow-wrap:anywhere}
.direction-cue[data-proximity=far]{border-style:dashed;border-color:var(--gold)}
.direction-cue[data-proximity=near]{border-color:var(--sage);border-width:3px}
.direction-cue[data-proximity=aligned]{border-color:var(--gold);background:#294835}
.cue-accent{animation:cue-nudge .24s ease-out 1}
@keyframes cue-nudge{from{transform:translateY(2px)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.cue-accent{animation:none;transform:none}}
/* r04: the mechanism carries the feedback; words remain a secondary live description. */
.cylinder{transform-origin:160px 160px;transform:rotate(var(--turn,0deg));transition:transform .25s linear}
.bolt{transform:translateX(var(--bolt,0px));transition:transform .25s linear}
.lock-art .face{transition:fill .25s}
.lock-art[data-resistance=aligned] .face{fill:#b0c8a8}
.lock-art[data-resistance=far] .face{fill:#cc9a82}
.lock-art[data-resistance=near] .face{fill:#ddc88d}
.lock-art .needle{stroke-width:calc(1px + var(--strain,0)*2px)}
.direction-cue{display:flex;align-items:center;justify-content:center;gap:12px;min-height:68px}
.direction-cue .cue-icon{font:bold 44px/1 Arial,sans-serif}
.direction-cue .cue-label{font-size:13px;letter-spacing:.04em}
.direction-cue[data-proximity=far]{border-style:dashed;border-color:#dd9e86;background:#392b25}
.direction-cue[data-proximity=near]{border-style:double;border-width:5px}
.direction-cue[data-proximity=aligned]{border-style:solid;background:#2b483a}
.torque.engaged{background:var(--sage);color:var(--night);box-shadow:inset 0 4px 0 #06110f55;transform:translateY(2px)}
#feedback{font-size:13px;min-height:0;border-left-width:2px;background:transparent;padding:8px 12px}
@media(prefers-reduced-motion:reduce){.cylinder,.bolt,.lock-art .face{transition:none}.torque.engaged{transform:none}}
}
#manager-profile input{min-height:52px;box-sizing:border-box;max-width:100%}
.nfl-pick #stage{min-width:0}.nfl-pick button{cursor:pointer}.nfl-pick button:focus-visible{outline:3px solid #77d9c4;outline-offset:3px}
