:root{color-scheme:light;--ink:#172c29;--muted:#51655f;--paper:#f7f5ee;--card:#fffdf7;--line:#d6ddd2;--accent:#176b55;--warm:#b65334;--shadow:0 12px 36px #132d2210}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:17px;line-height:1.9}a{color:var(--accent);text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #dc9438;outline-offset:3px}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}header .brand{font-weight:bold;text-decoration:none;color:var(--ink)}nav{display:flex;gap:24px;flex-wrap:wrap}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,5vw,55px);line-height:1.45;letter-spacing:-1px;margin-bottom:24px}h2{font-size:27px;line-height:1.6}h3{font-size:21px;line-height:1.6}.hero{padding:58px 0 38px;max-width:850px}.eyebrow{display:block;color:var(--warm);font-size:14px;font-weight:bold;letter-spacing:1px;margin-bottom:14px}.lead{font-size:21px;color:var(--muted);max-width:780px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow)}.card{display:flex;flex-direction:column;align-items:flex-start}.card .btn{margin-top:auto}.price{font-size:25px;font-weight:bold;color:var(--accent)}.muted,small{color:var(--muted)}small{font-size:14px}.btn,button{display:inline-block;cursor:pointer;border:0;background:var(--accent);color:#fff;padding:12px 22px;font:inherit;font-weight:bold;border-radius:10px;text-decoration:none;line-height:1.7}.btn.secondary,button.secondary{color:var(--ink);background:#e7ece3;border:1px solid #cbd5c7}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.note{border-right:4px solid var(--warm);padding:14px 20px;background:#f4e8d9;border-radius:6px;margin:22px 0}.section{margin-top:40px}.badge{border:1px solid #afc5b4;background:#edf3e8;border-radius:30px;padding:3px 13px;font-size:14px}.facts{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.fact{padding:8px 14px;border:1px solid var(--line);border-radius:8px}.clues{display:grid;grid-template-columns:1fr 1fr;gap:18px;counter-reset:clue}.clue{position:relative;border:1px solid #c5c9bd;border-radius:10px;padding:24px;background:#fff;break-inside:avoid;min-height:200px}.clue .number{font-size:12px;color:var(--warm);display:block;border-bottom:1px dashed var(--line);margin-bottom:15px;padding-bottom:9px}.clue p:last-child{margin-bottom:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:white;text-align:right}th,td{border-bottom:1px solid var(--line);padding:10px;vertical-align:top}th{background:#edf1e7;font-size:14px}input,select,textarea{font:inherit;background:#fff;border:1px solid #abb9ae;border-radius:7px;padding:8px;width:100%;color:var(--ink);min-height:44px}input[type=number]{direction:ltr;text-align:right}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fields label{display:block;font-size:15px}.fields label span{display:block;color:var(--muted);font-size:12px}.ingredient-table{min-width:760px}.ingredient-table input{min-width:85px}.ingredient-table input.name{min-width:120px}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.result{padding:20px;background:#edf3e8;border-radius:12px}.result b{display:block;font-size:26px}.error{padding:16px;background:#ffe7e0;color:#7f1f12;border:1px solid #cf7060;border-radius:8px}.hidden,[hidden]{display:none!important}.interest{margin:40px 0;background:#173d31;color:#fff;padding:30px;border-radius:18px}.interest h2,.interest p{color:inherit}.interest .btn{background:#e9c883;color:#182d25}.interest .muted{color:#d5e3d5}.interest textarea{margin:8px 0}.interest a:not(.btn){color:#fff}footer{font-size:13px;border-top:1px solid var(--line);margin-top:40px;color:var(--muted)}details{padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-bottom:12px}summary{cursor:pointer;font-weight:bold}.stamp{font-family:monospace;color:var(--warm);font-size:14px}li{margin-bottom:8px}.status{min-height:30px;color:var(--muted);font-size:14px}.solution-table td{font-weight:bold}.print-only{display:none}.hero.game{border-bottom:2px solid var(--ink);margin-bottom:30px}.breadcrumbs{font-size:13px}.inline-copy{font-family:monospace;direction:ltr;display:inline-block}body.solution{background:#edf0e8}.solution .hero{max-width:800px}.subtle{font-size:14px}.white-space{white-space:pre-line}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}header,main,footer{padding:18px}nav{gap:16px}.hero{padding:32px 0 24px}.grid,.clues{grid-template-columns:1fr}.fields{grid-template-columns:1fr 1fr}.results{grid-template-columns:1fr 1fr}.panel,.card{padding:20px}.clue{min-height:0}.lead{font-size:18px}.interest{padding:22px}}@media(max-width:430px){.fields,.results{grid-template-columns:1fr}h1{font-size:31px}.btn,button{width:100%;text-align:center}.actions{gap:9px}}@media print{@page{size:A4;margin:15mm}body{background:#fff;color:#000;font-size:12pt;line-height:1.7}header,footer,.no-print,.interest,.actions,nav,.breadcrumbs{display:none!important}main{padding:0;max-width:none}.hero{padding:0;max-width:none}h1{font-size:26pt}h2{font-size:18pt}.clues{display:block}.clue{break-inside:avoid;min-height:0;margin-bottom:12pt;padding:14pt;border:1px solid #777;box-shadow:none}.panel,.card{box-shadow:none;border:1px solid #777}.print-only{display:block}.section{margin-top:18pt}a{color:#000}.fields{grid-template-columns:repeat(3,1fr)}.result{background:#fff;border:1px solid #777}.hero.game{margin-bottom:16pt}}
.result span{display:block;font-size:.82rem;color:#55655b}.result strong{display:block;margin-top:.5rem;font-size:1.3rem}.table-wrap input{min-width:82px}.table-wrap select{min-width:85px}
.facts{display:flex;flex-wrap:wrap;gap:.65rem 1.2rem}.facts span{display:inline-block}.clue{break-inside:avoid}.table-wrap{max-width:100%;overflow:auto}