*{box-sizing:border-box} :root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#162d34;background:#f5f1e8;font-size:16px}body{margin:0}main{max-width:1180px;margin:auto;padding:48px 30px 24px}header{max-width:770px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:700;color:#68736e}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.8rem,7vw,5rem);line-height:1.03;margin:20px 0}h1 span{color:#c55d36}.intro{font-size:1.15rem;color:#53625e;line-height:1.65}h2{font-family:Georgia,serif;font-size:1.8rem;font-weight:400;line-height:1.3}p{line-height:1.6}nav{display:flex;gap:8px;border-bottom:1px solid #d9d8cc;padding:20px 0 15px;margin-bottom:30px}button,.button,select,input,textarea{font:inherit}button,.button{min-height:48px;padding:11px 20px;border:1px solid #c8cec5;background:transparent;border-radius:7px;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600}button:hover,.button:hover{background:#e7e9df}button:disabled{opacity:.45;cursor:default}.primary,nav .active{background:#183e3b;color:white;border-color:#183e3b}.primary:hover,nav .active:hover{background:#28514a}label{display:block;font-weight:600;margin-bottom:10px}input,textarea,select{background:#fffdf7;border:1px solid #bbc7bd;border-radius:7px;color:inherit;padding:13px;width:100%;min-height:48px}textarea{resize:vertical;line-height:1.5}select{max-width:200px}.workspace{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(320px,1.15fr);gap:44px;align-items:start}.controls{max-width:430px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.muted{font-size:.86rem;color:#62706a}.paper-wrap{background:#e8e7dd;border-radius:12px;padding:18px}.paper-wrap svg{width:100%;height:auto;display:block;background:white;box-shadow:0 4px 20px #14202a0c}#paper{max-height:900px;overflow:auto}details{border-top:1px solid #d9d8cc;margin-top:26px;padding:18px 0}summary{cursor:pointer;font-weight:600}#trail{display:block;max-width:100%;background:white;margin-top:16px}#photo{position:absolute;width:1px;height:1px;opacity:0}#photo:focus+button{outline:2px solid #183e3b}#photo-canvas{max-width:100%;height:auto;display:block;max-height:750px;object-fit:contain;touch-action:manipulation}#photo-canvas:empty{display:none}.read-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:30px}#result{padding:22px;background:#e6ecdf;border-radius:10px;align-self:start}#decoded{white-space:pre-wrap;overflow-wrap:anywhere}#game-paper{max-width:650px}#clue{background:#e6ecdf;padding:20px;border-radius:8px;font-size:1.1rem}.answer-row{display:flex;gap:10px;max-width:600px}#app-status{color:#a14f32;min-height:24px}footer{border-top:1px solid #d9d8cc;margin-top:45px;padding-top:20px;font-size:.8rem;color:#68736e;display:flex;justify-content:space-between;gap:20px}#revision{white-space:nowrap;font-size:.65rem} [hidden]{display:none!important}button:focus-visible,.button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c55d36;outline-offset:3px}@media(max-width:720px){main{padding:30px max(18px,env(safe-area-inset-right)) 20px max(18px,env(safe-area-inset-left))}.workspace,.read-layout{grid-template-columns:1fr;gap:22px}.controls{max-width:none}.paper-wrap{padding:10px}nav button{flex:1}.actions button,.actions .button{flex:1}.answer-row{flex-wrap:wrap}.answer-row button{width:100%}footer{padding-bottom:env(safe-area-inset-bottom)}}@media print{body{background:white}main{padding:0;max-width:none}header,nav,.controls,footer,#app-status,.paper-wrap>.eyebrow,#read,#play,#shared-settings{display:none!important}.workspace{display:block}.paper-wrap{padding:0;background:white}#paper{max-height:none;overflow:visible}#paper svg{box-shadow:none;width:100%;max-height:95vh}}