@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
*{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}
body,html{height:100%;margin:0;background:#071022;color:#fff}
.container{max-width:980px;margin:20px auto;padding:20px}
h1{margin:0 0 10px}
label{display:block;margin:8px 0}
input,select{width:100%;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:#fff}
.btn,.btn.small,button{background:#0077BE;color:#fff;padding:8px 12px;border-radius:6px;border:0;cursor:pointer}
.stage{margin-top:10px}
canvas{width:100%;height:auto;background:linear-gradient(180deg,#0f1724,#071022);border-radius:8px;display:block}
.hole{text-align:center;margin-top:-36px;font-size:28px;color:#fff}
.result{text-align:center;margin-top:10px;font-weight:700}
table{width:100%;border-collapse:collapse;margin-top:12px}
td,th{padding:8px;border-bottom:1px solid rgba(255,255,255,0.03);text-align:left}