
:root{--ink:#202321;--red:#701c24;--paper:#f6f5f0;--line:#d9d9d0;--muted:#686b63}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:transparent;padding:12px 18px;color:inherit}button:hover{border-color:var(--red);color:var(--red)}button:focus-visible,a:focus-visible{outline:3px solid #b37070;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--red);border-color:var(--red);color:#fff}.primary:hover{background:#53131a;color:white}#splash{height:100svh;min-height:560px;background:white url('assets/landing.png') center/cover no-repeat;position:relative} .splash-top{position:absolute;top:0;width:100%;padding:26px 4%;display:flex;justify-content:space-between;align-items:center;background:#ffffffed;letter-spacing:4px;font-size:11px}#enter{position:absolute;left:50%;top:72.5%;transform:translateX(-50%);width:350px;height:68px;background:#650e14;color:white;letter-spacing:6px;border:0;font-size:12px}#enter span{margin-left:14px;font-size:22px}#splash>small{position:absolute;bottom:4%;width:100%;text-align:center;letter-spacing:2px;color:#666}header{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 4%;background:#fafaf7;border-bottom:1px solid var(--line)}.wordmark{border:0;padding:0;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:3px;white-space:nowrap}.wordmark img{width:50px;mix-blend-mode:multiply}nav{display:flex;gap:4px;flex-wrap:wrap}nav button{border:0;font-size:12px;padding:12px 10px}nav button.active{color:var(--red);box-shadow:inset 0 -2px var(--red)}.demo{text-align:center;padding:9px;background:#e9e9e0;color:#575b53;font-size:10px;letter-spacing:1.5px}main{max-width:1440px;margin:auto;padding:50px 5% 80px;min-height:75vh}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--red);text-transform:uppercase;margin-bottom:20px}.tag{display:inline-block;background:var(--red);color:#fff;padding:10px 6px;letter-spacing:2px;writing-mode:vertical-rl;font-size:14px}h1{font-size:clamp(42px,5vw,76px);font-weight:400;letter-spacing:-3px;line-height:1.04;margin:12px 0 24px}h2{font-size:28px;font-weight:400;letter-spacing:-1px}h3{font-size:18px;font-weight:500}p{line-height:1.7;color:var(--muted)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin-bottom:45px}.terrain{position:relative;background:repeating-radial-gradient(ellipse at 70% 120%,transparent 0 16px,#b6bcad60 17px 18px,transparent 19px 29px),#e6e8de;padding:36px;min-height:320px}.terrain .tag{position:absolute;right:20px;top:0}.big14{font-size:125px;font-weight:300;letter-spacing:-10px}.terrain p{max-width:240px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tabs button.active{background:var(--ink);color:white}.panel{border:1px solid var(--line);padding:26px;background:#fbfbf7;margin:20px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px}.field{display:flex;flex-direction:column;gap:8px;margin:10px 0}.field>span,label{font-size:11px;letter-spacing:1px;color:#51574f}input,select,textarea{padding:12px;border:1px solid #c9cdc2;background:white;color:var(--ink);width:100%;min-width:0}input[type=color]{height:46px;padding:4px}input[type=range]{accent-color:var(--red)}.card{padding:24px;border:1px solid var(--line);background:#fafaf6;position:relative}.club-art{height:120px;background:radial-gradient(ellipse at center,#e0e1d7,transparent 70%);display:grid;place-items:center}.club-art svg{height:105px;width:180px}.meta{font-size:10px;letter-spacing:1px;color:var(--muted)}.price{font-size:24px;margin:15px 0}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pill{font-size:10px;border:1px solid #bbbfb3;padding:5px 8px;border-radius:20px}.bag{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.slot{border:1px dashed #b9bdae;padding:12px 5px;min-height:90px;text-align:center;font-size:10px}.slot.filled{border-style:solid;background:#e8ecdf}.slot button{padding:3px 7px;margin-top:5px}.result{background:#e8ecdf;padding:20px;margin:14px 0;line-height:1.6}.warning{background:#f3e9db}.money{font-size:38px;color:var(--red)}.impact{width:100%;height:220px;background:#e5e8de;border-radius:45%;position:relative;cursor:crosshair;border:9px solid #444b41;overflow:hidden;touch-action:none}.impact:before{content:'';position:absolute;inset:15px;background:repeating-linear-gradient(0deg,transparent 0 18px,#9ca494 19px 20px)}.impact i{position:absolute;background:var(--red);width:18px;height:18px;border:3px solid white;border-radius:50%;transform:translate(-50%,-50%)}.flight{width:100%;height:220px;background:#e7eadd}.archive{width:100%;display:block}.swatches{display:flex;gap:8px;margin:16px 0}.swatches i{width:38px;height:38px;border:1px solid #ccc}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:17px}footer{border-top:1px solid var(--line);padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:2px}footer b{display:flex;gap:15px;align-items:center}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 24px;background:#202321;color:white;opacity:0;pointer-events:none;z-index:9}#toast.show{opacity:1}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;padding:14px 8px;border-bottom:1px solid var(--line)}.scroll{overflow:auto}.empty{padding:30px;text-align:center;color:var(--muted)}@media(max-width:1000px){header{flex-wrap:wrap}nav{order:3;width:100%;justify-content:center}.filters{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}.hero{gap:25px}.bag{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){#splash{background-size:auto 100%;}#enter{width:290px;font-size:10px;letter-spacing:4px;top:73%;height:60px}.splash-top span:not(.tag){display:none}.hero,.two,.grid{grid-template-columns:1fr}.hero{gap:8px}.terrain{min-height:210px}.big14{font-size:85px}main{padding:30px 5%}.filters{grid-template-columns:1fr 1fr}.filters .field:first-child{grid-column:1/-1}h1{letter-spacing:-2px}.panel{padding:18px}nav button{font-size:11px;padding:10px 6px}footer{flex-wrap:wrap}.bag{grid-template-columns:repeat(3,1fr)}}
