*{box-sizing:border-box}html,body{margin:0;background:#f3f5f8;font-family:Arial,Helvetica,sans-serif;color:#111}
.toolbar{max-width:1000px;margin:18px auto 10px;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:0 12px}.toolbar h1{font-size:18px;margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid #aac7e8;background:#fff;border-radius:8px;padding:9px 13px;font-weight:700;cursor:pointer}.btn.primary{background:#176fd1;color:#fff;border-color:#176fd1}
.sheet{width:210mm;min-height:297mm;margin:0 auto 25px;background:#fff;padding:10mm 12mm 12mm;box-shadow:0 2px 14px rgba(0,0,0,.12)}.brand{font-size:10px;font-weight:800;letter-spacing:1.5px}.title{font-size:27px;margin:4px 0}.sub{font-size:11px;margin:0 0 8px}.meta{font-size:11px;border-top:1px solid #aaa;padding:7px 0;display:flex;gap:18px;align-items:center}.meta label{display:flex;align-items:center;gap:5px;white-space:nowrap}.meta-input{border:0;border-bottom:1px solid #555;outline:none;font:inherit;padding:2px 3px;background:#f7fbff}.meta-date{width:30mm}.meta-location{width:65mm}
.name{border:0;border-bottom:1px solid #555;text-align:center;font:inherit;font-weight:700;background:#f7fbff;outline:none;padding:2px}.name:focus,.meta-input:focus{background:#eaf4ff}.name::placeholder,.meta-input::placeholder{color:#6f7d8c;opacity:1;font-weight:400}
.level-picker{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 8px}.level-picker strong{font-size:11px;margin-right:3px}.level-btn{border:1px solid #9db9d8;background:#fff;border-radius:7px;padding:7px 11px;font-size:10px;font-weight:700;cursor:pointer}.level-btn.active{background:#176fd1;color:#fff;border-color:#176fd1}
.players{display:flex;gap:18px;margin:4px 0 3px;font-size:10px}.players label{display:flex;align-items:center;gap:5px}.players .name{width:45mm}
.level-label{text-align:center;font-size:13px;font-weight:800;margin:4px 0 2px}
.board-wrap{height:205mm;display:flex;align-items:center;justify-content:center}
.dot-board{display:grid;align-items:center;justify-items:center;margin:auto}
.dot{display:block;width:4px;height:4px;background:#111;border-radius:50%}
.dot-board[data-size="9"]{grid-template-columns:repeat(9,18mm);grid-template-rows:repeat(9,18mm)}
.dot-board[data-size="15"]{grid-template-columns:repeat(15,10.5mm);grid-template-rows:repeat(15,10.5mm)}
.dot-board[data-size="25"]{grid-template-columns:repeat(25,6.2mm);grid-template-rows:repeat(25,6.2mm)}
.dot-board[data-size="25"] .dot{width:3px;height:3px}
.reminder{border:1px solid #777;margin-top:3px;padding:4px 6px;font-size:8px;line-height:1.35}.footer{font-size:8px;text-align:center;margin-top:5px}
@media(max-width:850px){.toolbar{align-items:flex-start;flex-direction:column}.sheet-wrap{overflow:auto;padding-bottom:15px}.sheet{margin-left:10px;margin-right:10px}.meta{flex-wrap:wrap}}
@media print{html,body{background:#fff}.toolbar,.level-picker{display:none!important}.sheet-wrap{overflow:visible}.sheet{width:auto;min-height:0;margin:0;padding:0;box-shadow:none}.name,.meta-input{background:transparent}.name::placeholder,.meta-input::placeholder{color:transparent!important}.board-wrap{height:205mm}@page{size:A4 portrait;margin:9mm}}