:root{font-family:Arial,sans-serif;color:#edf4fb;background:#0a131d}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:1.5rem}nav button,.upload,#camera{background:#263a50;border:1px solid #4a627a;border-radius:5px;color:#fff;padding:.6rem .9rem;font-weight:bold;margin-right:.4rem;cursor:pointer}nav .active,.upload{background:#55dcc1;color:#09231f;border:0}header{position:relative;margin:1.4rem 0}h1{margin:.3rem 0;font-size:2rem}.eyebrow,.green,.guide b{color:#55dcc1;font-size:.68rem;font-weight:bold;letter-spacing:.1em}header p{color:#b9c7d5;font-size:.85rem}.upload{position:absolute;right:7rem;top:2rem}.upload input{display:none}#camera{position:absolute;right:0;top:2rem}.workspace{display:grid;grid-template-columns:2fr .9fr;gap:1rem}.panel,.player{background:#132532;border:1px solid #344e62;border-radius:8px}.title{padding:.8rem;border-bottom:1px solid #344e62;font-size:.7rem;font-weight:bold}.title span{float:right;color:#9eb0c0}#empty{height:440px;padding:1rem;color:#b9c7d5}.board{padding:.5rem}.image-wrap{position:relative;background:#050b10}.image-wrap img{display:block;width:100%;max-height:600px;object-fit:contain}.point-row{display:grid;grid-template-columns:repeat(12,1fr);gap:2px}.point-row span{text-align:center;color:#a9b8c5;font-size:.58rem;padding:.3rem 0;background:#1b3343}#markers{position:absolute;inset:0;pointer-events:none}#markers i{position:absolute;width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:bold;font-size:.75rem;border:2px solid #fff;background:#1d4b47;color:#fff}.b{background:#fff!important;color:#132532!important;border-color:#eabd67!important}.primary{margin:.5rem;width:calc(100% - 1rem);background:#55dcc1;border:0;border-radius:5px;padding:.7rem;font-weight:bold}.primary:disabled{opacity:.5}#status{padding:0 .8rem;color:#b9c7d5;font-size:.8rem}.player{margin-top:.6rem;padding:.8rem;border-left:3px solid #eabd67}.player.a{border-left-color:#55dcc1}.player span{float:right}.player strong{font-size:1.4rem}.player small{display:block;color:#afbecb;margin-top:.6rem}.side{padding:0 .8rem}.side .title{margin:0 -.8rem}.side label{display:block;text-align:right;margin:1rem 0;font-size:.75rem}.side select{background:#1b3247;color:#fff;border:1px solid #4a627a;padding:.4rem}.side h2{font-size:1rem}.side #difference{display:block;color:#55dcc1;font-size:1.8rem}.side span{font-size:.7rem;color:#aebdca}.guide{border-top:1px solid #40596e;margin:1rem 0;padding-top:.8rem}.guide p,#review,#validation{font-size:.78rem;color:#b9c7d5;line-height:1.4}details{border-top:1px solid #40596e;padding-top:.7rem}summary{font-weight:bold;font-size:.85rem}#corrections{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;margin-top:.7rem}#corrections label{margin:0;text-align:left;font-size:.7rem}#corrections input{width:2.4rem;background:#0d1b29;color:#fff;border:1px solid #496279;border-radius:3px}@media(max-width:720px){main{padding:.8rem}.workspace{grid-template-columns:1fr}header{padding-bottom:2.6rem}.upload{left:0;right:auto;top:auto;bottom:0}#camera{left:7rem;right:auto;top:auto;bottom:0}#empty{height:280px}.image-wrap img{max-height:460px}}