:root{color:#24150f;font-synthesis:none;background:#fffaf7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #204f75}.page{width:min(100% - 40px,1060px);margin:0 auto;padding:116px 0 48px}h1{letter-spacing:-.045em;max-width:760px;margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:1.05}header>p:not(.eyebrow){color:#6f5045;margin:16px 0 32px;font-size:1.1rem}.eyebrow{color:#9b4124;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:750}.navigation-controls{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border:1px solid #eadbd2;border-radius:14px;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:calc(100vw - 40px);padding:8px;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 8px 30px #3a180a1f}.navigation-controls button,.error-state button{color:#3e251b;background:#f7ece6;border:0;border-radius:9px;padding:10px 13px;font-weight:700;transition:transform .15s,background .15s}.navigation-controls button:hover,.error-state button:hover{background:#efd8cc}.navigation-controls button:active,.error-state button:active{transform:translateY(1px)}.navigation-controls .restart-button{color:#fff;background:#9b4124}.navigation-controls .restart-button:hover{background:#7e311a}.home-page{place-items:center;min-height:100vh;padding-top:88px;display:grid}.catalog-cover{width:min(100%,900px);color:inherit;background:#792e1b;border-radius:28px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden;box-shadow:0 24px 60px #4f1b0a33}.catalog-cover:hover{transform:translateY(-5px);box-shadow:0 30px 70px #4f1b0a47}.catalog-cover img{aspect-ratio:16/8.5;object-fit:cover;width:100%;display:block}.catalog-cover span{color:#fff;letter-spacing:-.03em;padding:22px 28px 26px;font-size:clamp(1.5rem,4vw,2.6rem);font-weight:800;display:block}.selection-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:36px;display:grid}.selection-button{color:#4b2114;text-align:left;background:#fff;border:1px solid #ecd6ca;border-radius:18px;min-height:110px;padding:22px;font-size:1.35rem;font-weight:750;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;box-shadow:0 4px 15px #451a0a0f}.selection-button:hover{background:#fff1e6;border-color:#c56a48;transform:translateY(-2px);box-shadow:0 9px 20px #451a0a1a}.selection-button:active{background:#f7d9ca;transform:translateY(1px)}.feedback{color:#694739;background:#fff1e6;border-radius:14px;margin-top:36px;padding:22px;font-size:1.05rem}.error-state{color:#742f1c;background:#ffe8df}.error-state p{margin:0 0 14px}.table-scroll{background:#fff;border:1px solid #ead8cf;border-radius:16px;width:100%;margin-top:36px;overflow-x:auto}.stock-table{border-collapse:collapse;width:100%;min-width:580px}.stock-table th,.stock-table td{text-align:left;border-bottom:1px solid #efdcd2;padding:18px 20px}.stock-table th{color:#603323;letter-spacing:.035em;text-transform:uppercase;background:#f8e4d8;font-size:.88rem}.stock-table th:last-child,.stock-table td:last-child{text-align:right;white-space:nowrap}.stock-table tbody tr{background:#fff}.stock-table tbody tr:nth-child(2n){background:#fff1e6}.stock-table tbody tr:hover{background:#f9dfd1}.stock-table tbody tr:last-child td{border-bottom:0}@media (width<=620px){.page{width:min(100% - 28px,1060px);padding-top:142px}.navigation-controls{justify-content:center;max-width:none;top:12px;left:12px;right:12px}.navigation-controls button{padding:9px 10px;font-size:.9rem}.home-page{padding-top:116px}.catalog-cover{border-radius:20px}.catalog-cover span{padding:18px 20px 22px}.selection-grid{grid-template-columns:1fr;margin-top:28px}.stock-table th,.stock-table td{padding:15px}}