:root{--ys-navy:#202d49;--ys-pale:#edf4fa;--ys-blue:#56a7df;--ys-line:#e9e9e9}
*{box-sizing:border-box}body.ys-score{margin:0;background:var(--ys-navy);font-family:Arial,Helvetica,sans-serif;color:#05080d;padding-bottom:92px}
.ys-wrap{max-width:520px;margin:auto;padding:0 10px}
.ys-holebar{height:150px;color:#fff;display:grid;grid-template-columns:64px 1fr 64px;align-items:center;text-align:center}
.ys-arrow{font-size:45px;color:#fff;text-decoration:none}.ys-holecircle{width:72px;height:72px;border-radius:50%;background:#fff;color:#05080d;margin:auto;display:flex;align-items:center;justify-content:center;font-size:54px;font-weight:800;position:relative}
.ys-course{font-size:13px;margin-top:7px;font-weight:800}.ys-meta{font-size:12px;opacity:.85}
.ys-card{background:#fff;border-radius:20px;margin:0 0 16px;padding:16px 16px 18px}
.ys-playerhead{display:flex;align-items:center;border-bottom:2px solid var(--ys-line);padding-bottom:12px;margin-bottom:13px}
.ys-dot{width:28px;height:28px;border-radius:50%;background:var(--ys-navy);margin-right:10px}.ys-name{font-size:24px;font-weight:900;flex:1}.ys-hcp{background:var(--ys-pale);padding:8px 10px;border-radius:6px;font-size:18px}.ys-hcp b{font-size:23px}
.ys-counter{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;padding:0 18px}
.ys-minus,.ys-plus{width:80px;height:80px;border-radius:50%;font-size:58px;line-height:70px;background:#f4f4f4;border:2px solid #aaa;color:#aaa;margin:auto}.ys-plus{background:#fff;border-color:var(--ys-navy);color:#000}
.ys-gross{font-size:60px;font-weight:900}
.ys-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:15px;text-align:center}.ys-stat{background:var(--ys-pale);border-radius:5px;padding:8px 4px;font-size:17px;font-weight:800}.ys-stat strong{display:block;font-size:31px}.ys-stat.total{background:var(--ys-navy);color:#fff}
.ys-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 22px 0}.ys-pill{border:2px solid var(--ys-navy);border-radius:28px;background:#fff;padding:8px 10px;font-size:20px;font-weight:900}
.ys-save{width:100%;border:0;border-radius:15px;background:#fff;color:var(--ys-navy);font-size:18px;font-weight:900;padding:14px;margin:2px 0 18px}
.ys-bottom{position:fixed;bottom:0;left:0;right:0;height:82px;background:#fff;display:flex;z-index:50;border-top:1px solid #ddd;padding-bottom:env(safe-area-inset-bottom)}
.ys-bottom a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#090d16;font-size:11px;font-weight:700;gap:4px}.ys-bottom a.active{background:#e8f2fa}.ys-bottom svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ys-team{color:#fff;text-align:center;margin:-12px 0 12px;font-size:13px}
@media(max-width:390px){.ys-wrap{padding:0 8px}.ys-card{padding:14px 12px}.ys-counter{padding:0 8px}.ys-minus,.ys-plus{width:70px;height:70px}.ys-name{font-size:21px}.ys-actions{margin-left:10px;margin-right:10px}}

/* v18 shared YarraScore surfaces */
.ys-page{min-height:100vh;background:#f3f5f7;padding-bottom:92px;font-family:Arial,Helvetica,sans-serif}
.ys-page .ys-page-head{background:var(--ys-navy);color:#fff;padding:18px 16px 16px}
.ys-page .ys-page-title{font-size:24px;font-weight:900}.ys-page .ys-page-sub{font-size:12px;opacity:.8;margin-top:3px}
.ys-page .ys-content{max-width:520px;margin:auto;padding:12px}
.ys-page .ys-panel{background:#fff;border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:0 1px 5px #0000000a}
.ys-page select{width:100%;padding:12px;border:1px solid #d7dce2;border-radius:10px;background:#fff;font-size:16px}
.ys-bottom a.active{color:var(--ys-navy);background:#e4f0f9}.ys-bottom a.active svg{stroke:#3f9ed8}

/* v19 unified public module */
.yp-body{margin:0;background:#f3f5f7;color:#101522;font-family:Arial,Helvetica,sans-serif;padding-bottom:88px}
.yp-shell{max-width:520px;margin:auto;min-height:100vh}
.yp-head{background:var(--ys-navy);color:#fff;padding:22px 16px 18px}.yp-brand{font-size:12px;font-weight:900;letter-spacing:.12em;opacity:.8}.yp-title{font-size:28px;font-weight:900;margin-top:5px}.yp-sub{font-size:13px;opacity:.8;margin-top:4px;line-height:1.4}
.yp-content{padding:12px}.yp-card{display:block;background:#fff;border-radius:18px;padding:16px;margin-bottom:12px;color:inherit;text-decoration:none;box-shadow:0 2px 8px #0000000b}
.yp-row{display:flex;align-items:center;gap:12px}.yp-icon{width:44px;height:44px;border-radius:13px;background:#edf4fa;display:grid;place-items:center;flex:0 0 44px}.yp-icon svg{width:25px;height:25px;fill:none;stroke:var(--ys-navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.yp-grow{flex:1;min-width:0}.yp-card-title{font-size:18px;font-weight:900}.yp-muted{font-size:12px;opacity:.62;margin-top:3px;line-height:1.4}.yp-chevron{font-size:28px;font-weight:300}
.yp-section{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin:18px 4px 8px}
.yp-badge{display:inline-block;border-radius:999px;background:var(--ys-navy);color:#fff;font-size:10px;font-weight:900;padding:5px 8px;margin-right:6px}.yp-badge.pm{background:#56a7df}
.yp-form label{display:block;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin-bottom:7px}.yp-form select,.yp-form input{width:100%;padding:13px;border:1px solid #d9dee4;border-radius:11px;background:#fff;font-size:17px}
.yp-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;border:0;border-radius:14px;background:var(--ys-navy);color:#fff;text-decoration:none;font-size:17px;font-weight:900}.yp-secondary{background:#fff;color:var(--ys-navy);border:2px solid var(--ys-navy)}
.yp-grid-holes{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.yp-hole{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:var(--ys-navy);border:2px solid var(--ys-navy);font-weight:900;background:#fff}.yp-hole.done{background:#e6f4eb}.yp-hole.current{background:var(--ys-navy);color:#fff}

/* v21 strict public consistency */
:root{--yp-navy:#102d43;--yp-blue:#4ca3d9;--yp-bg:#f3f5f7;--yp-card:#fff;--yp-text:#111923;--yp-muted:#68727c}
html,body{margin:0;background:var(--yp-bg);color:var(--yp-text);font-family:Arial,Helvetica,sans-serif}
.ys-top,.yp-head{background:var(--yp-navy)!important;color:#fff}
.ys-brand,.yp-brand{font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.ys-card,.yp-card{background:var(--yp-card);border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,.05);border:0}
.ys-bottom{background:#fff;border-top:1px solid #e1e5e8}
.ys-bottom a{color:#1d2925;font-weight:800}
.ys-bottom a svg,.yp-icon svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ys-bottom a.active{color:var(--yp-navy);background:#eaf1f4}
.ys-bottom a.active svg{stroke:var(--yp-blue)}
.yp-primary,.ys-save{background:var(--yp-navy)!important;color:#fff!important;border-radius:14px!important;font-weight:900!important}
.yp-secondary{background:#fff!important;color:var(--yp-navy)!important;border:2px solid var(--yp-navy)!important}
.yp-card-title,.ys-name{color:var(--yp-text)}
.yp-muted,.yp-sub{color:inherit}
.yp-section{color:var(--yp-muted)}
a{ -webkit-tap-highlight-color:transparent }

.yp-page-icon{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.12);display:grid;place-items:center;margin-bottom:10px}
.yp-page-icon svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.yp-action-icon{display:inline-grid;place-items:center;width:24px;height:24px;vertical-align:middle;margin-right:5px}
.yp-action-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}