.fp-active>canvas,.fp-active>.gameTop,.fp-active>#gameBottom,.fp-active>#gameIntro{display:none!important}
#fpGame{--paper:#e9eee5;position:absolute;inset:0;padding:20px 6% 12px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(#101f2bed,#11242bb8),url('assets/kling-theme/fingerprint-room.png') center/cover;font-family:game,sans-serif;color:#edf2e8;line-height:1.4;overflow:auto}
.fp-head small{color:#e5c89a;font-size:11px;letter-spacing:2px}.fp-head h2{font-size:23px;margin:8px 0 12px;letter-spacing:.5px}.fp-steps{display:flex;gap:6px}.fp-steps span{flex:1;font-size:11px;border-top:3px solid #596b6e;padding-top:7px;color:#b4c2c1}.fp-steps .active{color:#ffdfa8;border-color:#ffdfa8}.fp-steps .complete{color:#93d9be;border-color:#93d9be}.fp-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.fp-meta{display:flex;justify-content:space-between;font-size:10px;color:#c1cfcc}.fp-meta b{font-weight:400;letter-spacing:1px}.fp-evidence{position:relative;flex:1;min-height:100px;max-height:225px;background:var(--paper);border:5px solid #ccd4cd;box-shadow:0 8px 20px #0003,inset 0 0 0 1px #98aaa3;color:#244d50;display:flex;justify-content:center;overflow:hidden;touch-action:none}.fp-main{height:100%;aspect-ratio:1;position:relative}.fp-evidence svg{width:100%;height:100%;display:block}.fp-overlay{position:absolute;inset:0;color:#d58040;mix-blend-mode:multiply;opacity:.7}.fp-zoom{position:absolute;bottom:4px;right:4px;font-size:10px;border:1px solid #738f87;border-radius:3px;color:#264c49;background:#e9eee5e8;padding:4px 7px}.fp-evidence.zoom .fp-main{transform:scale(1.55)}.fp-instruction{font-size:11px;color:#cbd9d5;margin:0;min-height:30px}.fp-rotate{display:flex;align-items:center;gap:8px;font-size:13px}.fp-rotate input{width:100%;accent-color:#eccb91}.fp-rotate output{min-width:40px;font:11px monospace}.fp-candidates{display:grid;grid-template-columns:1fr 1fr;gap:7px;height:205px;flex-shrink:0}.fp-candidates button{position:relative;min-height:0;border:1px solid #6b8481;border-radius:5px;background:#dfe7df;color:#294f50;padding:4px;--paper:#dfe7df;overflow:hidden}.fp-candidates button svg{display:block;width:100%;height:100%}.fp-candidates b{position:absolute;top:5px;left:8px;font:11px monospace;color:#42645e}.fp-candidates button.chosen{border:3px solid #f3ca85;background:#f7eed8;--paper:#f7eed8}.fp-candidates .used{opacity:.28}.fp-candidates.six{height:160px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr)}.fp-foot p{font-size:11px;min-height:30px;margin:0 0 6px;color:#bfe5d5}.fp-submit{width:100%;display:flex;justify-content:space-between;background:linear-gradient(#fff2dc,#e6c792);border:1px solid #fff0d4;border-radius:8px;padding:10px 15px;color:#243b3c;font-weight:600}.fp-strips{width:55%;display:flex;flex-direction:column;padding:10px 0}.fp-slot{height:33.333%;background:transparent;border:1px dashed #78948b;color:#244d50;padding:0;font-size:10px}.fp-reference{width:42%;align-self:center;text-align:center;font-size:9px}.fp-reference svg{height:125px}.fp-pause{position:absolute;inset:0;background:#0b172bdd;display:grid;place-items:center;font-size:24px}.mismatch{outline:2px solid #de9479}.verified .fp-evidence{outline:3px solid #98e3bd}.verified .fp-submit{background:#9cddbe}
@media(max-height:740px){#fpGame{gap:7px;padding-top:15px}.fp-head h2{font-size:20px;margin:5px 0 8px}.fp-candidates{height:160px}.fp-evidence{max-height:170px}.fp-candidates.six{height:135px}.fp-instruction{font-size:10px;min-height:26px}.fp-foot p{min-height:26px}.fp-reference svg{height:95px}}
