:root{--bg:#0b1220;--gold:#f1c75b;--cream:#f3eee4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#fff;font-family:Arial}header{height:74px;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #ffffff20}.brand{color:#fff;text-decoration:none;font-size:25px;display:flex;gap:10px}.brand span{display:grid;font-size:15px}.brand i,em,.label{color:var(--gold)}nav{display:flex;gap:25px}nav a{color:#b4becc;text-decoration:none}header small{text-align:right;color:#62d491}.duel{max-width:1400px;margin:auto;padding:55px 5vw}.intro{display:flex;justify-content:space-between;align-items:end}.intro>p{color:#aab5c5}.label{font-size:12px;font-weight:bold;letter-spacing:.15em}h1,.ranking h2{font:400 clamp(40px,5vw,66px)/1 Georgia;margin:0 0 30px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;position:relative}.card{display:grid;grid-template-columns:42% 1fr;background:#142136;border-radius:18px;overflow:hidden;min-height:430px}.poster{position:relative;min-height:430px}.poster img{width:100%;height:100%;object-fit:cover;position:absolute}.poster b{position:absolute;bottom:14px;left:14px;background:#000b;padding:6px}.copy{padding:30px 25px;display:flex;flex-direction:column}.copy small{color:#ef6972;font-weight:bold}.copy h2{font:400 34px Georgia;margin:13px 0}.copy p{color:#adb8c8;line-height:1.6}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}.actions button,.next{height:48px;border:0;border-radius:9px;background:var(--gold);font-weight:bold}.actions .down{background:#09111e;color:#fff}.thanks{text-align:center;color:var(--gold)}.vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--gold);color:#111;padding:18px;border-radius:50%;border:7px solid var(--bg)}.notice{padding:14px;border:1px solid var(--gold);margin-bottom:20px;color:var(--gold)}.notice a{color:#fff}.next{display:block;margin:22px auto;padding:0 20px}.ranking{background:var(--cream);color:#172135;padding:65px 8vw}.ranking>#list,.ranking>h2,.ranking>.label{max-width:1100px;margin-left:auto;margin-right:auto}.row{display:grid;grid-template-columns:55px 40px 1fr auto;align-items:center;gap:14px;border-bottom:1px solid #d4cdc0;padding:10px}.row img{width:36px;height:49px;object-fit:cover}.row span{display:grid}.row small{color:#888}footer{text-align:center;padding:30px;color:#8996a9}@media(max-width:750px){nav{display:none}.cards{grid-template-columns:1fr;gap:50px}.card{grid-template-columns:1fr}.poster{height:400px}.intro{display:block}}