*{box-sizing:border-box}
body{margin:0;background:#07111f;color:#eef5ff;font-family:Arial,sans-serif}
.wrap{width:min(960px,calc(100% - 24px));margin:24px auto 50px}
header{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#102540;padding:22px;border-radius:20px;border:1px solid #29466d}
.eyebrow{color:#79b6ff;font-size:12px;letter-spacing:2px}
h1{margin:6px 0;font-size:clamp(27px,5vw,45px)}
header p{margin:0;color:#bdcbe0}
.price{background:#e51d30;border-radius:16px;padding:16px;font-size:26px;font-weight:bold;white-space:nowrap}
.notice{margin:16px 0;padding:16px;background:#14243a;border-right:5px solid #f2c348;border-radius:12px;line-height:1.6}
.form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding:15px;background:#0f1d31;border:1px solid #2b4365;border-radius:15px}
label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#c5d4e8}
input,button{font:inherit}
input{padding:12px;border-radius:9px;border:1px solid #3b5373;background:#071426;color:white}
button{border:0;border-radius:10px;padding:12px 20px;background:#e51d30;color:white;font-weight:bold;cursor:pointer}
.stats{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}
.stats span{background:#152741;border:1px solid #2d486d;padding:7px 10px;border-radius:999px;font-size:12px}
.ticket{background:#f8f8f5;color:#111;border-radius:17px;padding:15px}
.ticket-title{display:grid;grid-template-columns:1fr 60px;gap:8px;border-bottom:2px solid #bbb;padding:0 6px 9px;font-weight:bold;color:#555}
.row{display:grid;grid-template-columns:34px 1fr 52px;align-items:center;gap:7px;padding:8px 2px;border-bottom:1px solid #ddd}
.row:last-child{border-bottom:0}
.num{color:#777;font-weight:bold}
.balls{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;direction:ltr}
.balls span,.strong{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;font-weight:bold;font-size:clamp(13px,2.4vw,20px)}
.balls span{background:#e8ebef;border:1px solid #c8ced5}
.strong{background:#77c8ed;border:2px solid #1592cb;max-width:48px}
.buttons{display:flex;gap:10px;margin-top:15px}
.hidden{position:absolute;left:-9999px;top:-9999px}
@media(max-width:650px){
 .wrap{width:calc(100% - 10px);margin-top:7px}
 header{padding:16px;border-radius:14px;align-items:flex-start}
 header p{font-size:12px}
 .price{font-size:20px;padding:12px}
 .form{grid-template-columns:1fr}
 .ticket{padding:7px}
 .row{grid-template-columns:27px 1fr 40px;gap:3px;padding:7px 0}
 .balls{gap:3px}
 .balls span,.strong{font-size:12px}
}
@media print{
 body{background:white;color:black}
 .wrap{width:100%;margin:0}
 header,.notice,.form,.stats,.buttons{display:none}
 .ticket{padding:0;border-radius:0}
}