:root{--navy:#091a2a;--gold:#c5a260;--sand:#f5efe3;--ink:#152c3f;--line:#ccd5da}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--sand);font:18px/1.65 system-ui,sans-serif}header{background:var(--navy);color:white;padding:22px max(18px,calc((100% - 1040px)/2));display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.brand{color:var(--gold);font-weight:800;letter-spacing:2px;text-decoration:none}main,footer{max-width:1040px;margin:auto;padding:24px 20px}footer,.small{font-size:14px;color:#52646d}h1{font-size:clamp(28px,4vw,43px);line-height:1.2}h2{font-size:26px;line-height:1.3}h3{font-size:21px;line-height:1.35}section,.panel{background:white;padding:26px;border:1px solid #e2d9ca;border-radius:12px;margin:24px 0}p{margin:14px 0}a{color:#365b70}button,.button{display:inline-block;background:var(--navy);color:white;border:0;border-radius:6px;font:inherit;padding:12px 20px;margin:8px 10px 8px 0;cursor:pointer;text-decoration:none}button.secondary{background:#e7edef;color:var(--ink)}button:disabled{opacity:.4;cursor:default}input,select,textarea{font:inherit;color:var(--ink);max-width:100%}input[type=text],select,textarea{width:100%;padding:12px;border:1px solid #8295a0;background:white;border-radius:5px}input[type=radio],input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px}label{display:block;margin:12px 0}textarea{min-height:180px}fieldset{border:1px solid var(--line);border-radius:8px;padding:20px;margin:22px 0}legend{font-weight:700;padding:0 8px}.notice{white-space:pre-line;background:#edf3f4;border-left:4px solid var(--gold);padding:20px}.feedback{padding:16px;background:#fff1de;border-left:4px solid #a25224;margin:14px 0}.feedback.ok{background:#edf7ef;border-color:#2c714f}.error{color:#9c2d18;font-weight:650}.result{font-size:22px;font-weight:700}.hidden{display:none!important}audio{display:block;width:100%;margin:16px 0}details{padding:16px;border:1px solid var(--line);border-radius:8px;background:white;margin:18px 0}summary{font-weight:650;cursor:pointer}.meta{font-size:14px;color:#735b2e}.hero{width:100%;height:auto;border-radius:9px;max-height:500px;object-fit:contain;background:#eee}.photos{display:grid;grid-template-columns:1fr 1fr;gap:20px}.photo{margin:0;border:1px solid var(--line);padding:14px;border-radius:9px}.photo img{width:100%;height:auto;display:block}.photo figcaption{font-weight:700}.cross-scroll{overflow:auto;padding:8px 0}.cross{display:grid;gap:2px;background:var(--navy);border:3px solid var(--navy);width:max-content}.cell{width:36px;height:40px;background:var(--navy);position:relative}.cell.white{background:white}.cell small{position:absolute;top:0;left:3px;font:9px system-ui;z-index:1;pointer-events:none}.cell input{border:0;border-radius:0;width:100%;height:100%;font-weight:bold;text-transform:uppercase;text-align:center;padding:9px 0 0}.cell.good input{background:#d9eddd}.cell.bad input{background:#ffe0c6}.timer{font-size:28px;font-variant-numeric:tabular-nums}.rubric select{width:80px;display:inline-block;margin-right:12px}.level{max-width:480px}.pause{border-left:5px solid var(--gold);padding:16px;background:#faf5e9}.clues{display:grid;grid-template-columns:1fr 1fr;gap:20px}.clues button{background:#eef2f3;color:var(--ink);font-size:16px;text-align:left}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b77c1a;outline-offset:3px}@media(max-width:600px){body{font-size:17px}main{padding:20px 14px}section{padding:18px}.photos,.clues{grid-template-columns:1fr}.cell{width:28px;height:34px}.cell input{font-size:18px}}@media print{button,.button,header,.level{display:none}body{background:white}}