#cluepage{--hot:#ff6a1f;--warm:#ffb23e;position:fixed;inset:0;z-index:25;overflow-y:auto;background:var(--navy);color:var(--cream);padding:48px 16px 28px;font-family:var(--mono);touch-action:pan-y}
.clue-content{max-width:520px;margin:0 auto;text-align:center}
#cluepage h2{font:18px/1.6 'Press Start 2P',var(--mono);color:var(--hot);text-shadow:0 0 6px var(--hot),0 0 14px var(--warm);margin:0 0 8px}
.clue-sub{color:var(--warm);font:14px var(--mono);text-shadow:0 0 5px var(--warm);margin:0 0 22px}
#clform{display:grid;gap:14px;text-align:left}
#clform label{display:flex;flex-direction:column;gap:6px;font:14px var(--mono);color:var(--warm)}
#clform small{color:var(--cream);opacity:.7;font-size:12px}
#clform input:not([type=checkbox]),#clform textarea{width:100%;padding:10px;border:1px solid var(--hot);border-radius:4px;background:var(--navy2);color:var(--cream);font:15px var(--mono);box-shadow:0 0 6px color-mix(in srgb,var(--hot) 30%,transparent);resize:vertical}
#clform input:focus,#clform textarea:focus{outline:none;border-color:var(--warm);box-shadow:0 0 10px var(--warm)}
.clcount{align-self:flex-end;font-size:11px;color:var(--cream);opacity:.7}
#clform .clcheck{flex-direction:row;align-items:center;gap:10px;color:var(--cream)}
.clcheck input{width:20px;height:20px;accent-color:var(--hot)}
.clrules{border:2px solid var(--hot);border-radius:6px;padding:12px 14px;background:var(--navy2);box-shadow:0 0 10px var(--hot),inset 0 0 8px color-mix(in srgb,var(--warm) 25%,transparent)}
.clrules h3{font:11px/1.8 'Press Start 2P',var(--mono);color:var(--warm);text-shadow:0 0 5px var(--warm);margin:0 0 8px;text-align:center}
.clrules ul{margin:0;padding-left:18px;font:13px/1.6 var(--mono)}
#clstatus{color:var(--warm);min-height:1em;margin:0;text-align:center}
.clbtn{display:block;margin:6px auto;padding:12px 22px;border:2px solid var(--hot);border-radius:6px;background:var(--hot);color:var(--navy);font:12px 'Press Start 2P',var(--mono);cursor:pointer;box-shadow:0 0 12px var(--hot)}
.clbtn:disabled{opacity:.6}
.clbtn.alt{background:transparent;color:var(--warm);border-color:var(--warm);box-shadow:0 0 8px color-mix(in srgb,var(--warm) 50%,transparent);margin-top:22px}
.cldone-msg{font:14px/1.7 'Press Start 2P',var(--mono);color:var(--warm);text-shadow:0 0 8px var(--hot);margin:20px 0}
#clsignin p{font:14px var(--mono)}