:root{--navy:#061a2d;--red:#c52828;--gold:#d7a21e;--cream:#fff9ec;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:#020b13;color:#fff;font-family:Arial,sans-serif;overflow:hidden}
.board{width:100vw;height:100vh;display:grid;grid-template-rows:14vh 1fr 12vh;background:radial-gradient(circle at top right,#123b61,#020b13 55%)}
.board-head{display:grid;grid-template-columns:24% 1fr 20%;align-items:center;padding:1.2vh 2vw;border-bottom:.45vh solid var(--gold)}
.board-head img{height:11vh;max-width:100%;object-fit:contain}
.title{text-align:center}.title h1{margin:0;color:var(--gold);font-size:4.3vh;letter-spacing:.04em}.title p{margin:.3vh 0 0;font-size:2vh;font-weight:800}
.status{text-align:right}.status strong{display:block;color:#ff5656;font-size:2.2vh}.status span{font-size:1.5vh}
.board-main{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2vw;padding:1.2vh 1.5vw;overflow:hidden}
.col{background:rgba(255,255,255,.97);color:#102033;border-radius:1.2vw;overflow:hidden;box-shadow:0 1vh 3vh rgba(0,0,0,.3)}
.cat-title{background:var(--red);color:#fff;padding:.75vh 1vw;font-size:2.25vh;font-weight:950;text-align:center;border-bottom:.35vh solid var(--gold)}
.item{display:grid;grid-template-columns:1fr auto;gap:.7vw;padding:.55vh .9vw;border-bottom:1px dashed #b9b1a3;align-items:start}
.item:last-child{border-bottom:0}.item h3{font-size:1.65vh;margin:0;color:var(--navy)}.item p{font-size:1.15vh;margin:.15vh 0 0;color:#5c6671}.price{font-size:1.75vh;font-weight:950;color:var(--red);white-space:nowrap}
.board-foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1vh 2vw;background:var(--gold);color:var(--navy);font-weight:900}
.board-foot img{height:9vh;width:9vh}.left{font-size:2.1vh}.right{text-align:right;font-size:1.7vh}.draft{position:fixed;top:.5vh;right:.5vw;background:#000;color:#fff;padding:.25vh .5vw;border-radius:.4vw;font-size:1vh}