:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#f6f6f6;background:#090909;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,footer{display:flex;justify-content:space-between;align-items:center;padding:22px max(20px,calc((100vw - 1040px)/2));border-bottom:1px solid #303030}.brand{font-size:29px;letter-spacing:-2px;font-weight:1000;color:#fff;text-decoration:none}.brand span{color:#999}.brand .dot{color:#fff}.headright,.eyebrow,.toolbar,.fine,footer{font-size:11px;letter-spacing:1.8px;color:#aaa;font-weight:700}main{max-width:1040px;margin:auto;padding:0 18px}.hero{text-align:center;padding:56px 0 40px}.eyebrow{color:#bfbfbf}.hero h1{font-size:clamp(64px,12vw,135px);font-weight:1000;letter-spacing:-.09em;line-height:.84;margin:20px 0 24px}.hero em{font-style:normal;color:#a0a0a0}.hero p{font-size:15px;color:#aaa;line-height:1.6}.toolbar{display:flex;justify-content:space-between;gap:10px;padding:19px 0;border-top:1px solid #353535}.rule{color:#777}.match{background:#151515;border:1px solid #3b3b3b;border-radius:15px;overflow:hidden}.matchhead{display:flex;justify-content:space-between;align-items:center;padding:19px 20px;border-bottom:1px solid #333}.matchhead strong{font-size:14px}.matchhead span{color:#999;font-size:11px;letter-spacing:1px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:17px}.card{min-width:0;position:relative;background:#202020;border:1px solid #444;border-radius:10px;overflow:hidden}.card .art{aspect-ratio:3/3.7;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#494949,#1d1d1d 65%);overflow:hidden}.art img{width:100%;height:100%;object-fit:contain}.placeholder{border:2px solid #aaa;padding:12px 8px;text-align:center;transform:rotate(-4deg);width:75%;aspect-ratio:2.5/3.5;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:8px 9px 0 #111;background:linear-gradient(140deg,#353535,#111)}.placeholder b{font-size:clamp(15px,3vw,32px);letter-spacing:-1px}.placeholder small{font-size:10px;margin-top:10px;color:#aaa}.details{padding:15px 12px 17px}.details h3{margin:0 0 7px;font-size:clamp(16px,2.8vw,23px);letter-spacing:-.5px}.details p{margin:3px 0;color:#aaa;font-size:12px}.value{margin-top:14px;font-weight:900;font-size:20px}.value small{display:block;color:#888;font-size:10px;font-weight:600;letter-spacing:1px;margin-bottom:5px}.versus{position:absolute;z-index:2;top:42%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#111;border:5px solid #151515;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-weight:1000;font-size:14px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 17px 18px}.pick,.next,.share{border:0;border-radius:7px;background:#eee;color:#111;font-weight:900;padding:17px 10px;cursor:pointer;font-size:13px}.pick:hover,.next:hover,.share:hover{background:#bcbcbc}.pick:disabled{opacity:.4;cursor:wait}.message{padding:12px 18px;color:#ddd;font-size:13px}.results{padding:12px 18px 20px}.results h2{font-size:19px;margin:6px 0 15px}.resultrow{margin:14px 0}.resultlabel{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px}.bar{background:#343434;height:13px;border-radius:10px;overflow:hidden}.fill{background:#eee;height:100%;transition:width .5s}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.next{background:#777;color:#fff}.loading,.empty{text-align:center;padding:80px 20px;color:#aaa}.how{padding:45px 5px 70px;max-width:700px}.how h2{font-size:18px;letter-spacing:1px}.how p{color:#aaa;line-height:1.8;font-size:14px}.how .fine{font-size:11px;letter-spacing:0}footer{border-top:1px solid #333;border-bottom:0;gap:10px}@media(min-width:700px){.cards{gap:25px;padding:25px}.choices{gap:25px;padding:0 25px 25px}.details{padding:20px}.hero{padding-top:80px}.versus{width:65px;height:65px}.pick{font-size:16px}}@media(max-width:370px){.cards{gap:8px;padding:10px}.choices{gap:8px;padding:0 10px 10px}.versus{width:43px;height:43px;font-size:12px}.details{padding:12px 8px}.value{font-size:17px}}
