.clc{--clc-line: color-mix(in srgb, var(--royal) 24%, var(--hair));display:grid;gap:14px;width:calc(100% - var(--funnel-inset, 44px));max-width:1200px;margin:10px auto 2px}.clc.clc-narrow{width:min(980px,calc(100% - var(--funnel-inset, 44px)))}.clc-modes{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:4px;justify-self:center;padding:4px;border:1px solid var(--hair);border-radius:13px;background:color-mix(in srgb,var(--night) 54%,var(--booth));box-shadow:var(--pop-soft)}.clc-modes button{min-height:42px;padding:8px 17px;border:1px solid transparent;border-radius:9px;background:transparent;color:color-mix(in srgb,var(--chalk) 72%,var(--dim));font:750 13px/1.25 var(--sans);cursor:pointer}.clc-modes button:hover{color:var(--chalk)}.clc-modes button.is-active{border-color:color-mix(in srgb,var(--royal) 42%,var(--line));background:color-mix(in srgb,var(--royal) 16%,var(--booth));color:var(--chalk);box-shadow:inset 0 1px color-mix(in srgb,#fff 7%,transparent)}.clc-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(288px,384px);gap:12px 30px;align-items:stretch;padding:24px 26px 18px;border:1px solid var(--clc-line);border-radius:18px;background:radial-gradient(60% 90% at 8% 0%,color-mix(in srgb,var(--royal) 15%,transparent),transparent 62%),radial-gradient(50% 80% at 100% 100%,color-mix(in srgb,var(--champ) 8%,transparent),transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--royal) 7%,var(--booth-2)),var(--booth));box-shadow:inset 0 1px color-mix(in srgb,#fff 7%,transparent),0 16px 42px #02050c3d}.clc-card.clc-card-wide{grid-template-columns:minmax(0,1fr) minmax(292px,368px) minmax(0,1fr)}.clc-entry{display:grid;align-content:center;gap:12px;min-width:0}.clc-entry-k{color:color-mix(in srgb,var(--royal) 58%,var(--chalk));font:800 11.5px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.11em}.clc-example{display:flex;gap:8px;align-items:baseline;margin:2px 0 0;padding-top:11px;border-top:1px solid color-mix(in srgb,var(--hair) 70%,transparent);color:color-mix(in srgb,var(--chalk) 66%,var(--dim));font:500 12.5px/1.45 var(--sans)}.clc-example b{flex:none;color:color-mix(in srgb,var(--chalk) 82%,var(--dim));font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}.clc-fields{display:grid;gap:7px;align-content:center}.clc-field{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:14px;align-items:center;min-width:0;color:color-mix(in srgb,var(--chalk) 78%,var(--dim));font:750 12.5px/1.3 var(--sans)}.clc-field>span{min-width:0}.clc-field input,.clc-round input{width:100%;min-width:0;height:46px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--night) 34%,var(--booth-2));color:var(--chalk);font:700 18px/1 var(--mono);font-variant-numeric:tabular-nums;box-shadow:inset 0 1px color-mix(in srgb,#fff 5%,transparent);transition:border-color .12s ease,background-color .12s ease}.clc-field input{text-align:right}.clc-field input::-webkit-outer-spin-button,.clc-field input::-webkit-inner-spin-button,.clc-round input::-webkit-outer-spin-button,.clc-round input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.clc-field input[type=number],.clc-round input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.clc-field input:hover,.clc-round input:hover{border-color:color-mix(in srgb,var(--chalk) 42%,var(--line))}.clc-field input:focus,.clc-round input:focus{outline:3px solid color-mix(in srgb,var(--royal) 34%,transparent);outline-offset:1px;border-color:var(--royal);background:var(--booth-2)}.clc-field input[aria-invalid=true],.clc-round input[aria-invalid=true]{border-color:color-mix(in srgb,var(--loss) 72%,var(--line))}.clc-out{--clc-tier: var(--royal);display:grid;gap:9px;justify-items:center;align-content:center;min-width:0;min-height:196px;padding:18px 16px 16px;border-radius:15px;background:linear-gradient(180deg,color-mix(in srgb,var(--clc-tier) 12%,transparent),transparent 66%),color-mix(in srgb,var(--chalk) 5%,transparent);border:1px solid color-mix(in srgb,var(--clc-tier) 32%,var(--hair));box-shadow:inset 0 1px color-mix(in srgb,#fff 6%,transparent)}.clc-out.clc-t-elite{--clc-tier: var(--champ)}.clc-out.clc-t-strong{--clc-tier: var(--royal)}.clc-out.clc-t-mid,.clc-out.clc-t-low{--clc-tier: var(--dim)}.clc-out-k{color:color-mix(in srgb,var(--chalk) 76%,var(--dim));font:800 11.5px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.11em}.clc-num{color:var(--champ-text);font:400 clamp(46px,6.2vw,68px)/1 var(--display);letter-spacing:-.018em}html.dark .clc-num{background-image:linear-gradient(180deg,#f8ce6b,#c07f1a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.clc-scale{width:100%;max-width:292px;display:grid;gap:7px;margin:1px 0 2px}.clc-scale-track{position:relative;height:10px}.clc-scale-bar{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--chalk) 10%,transparent);box-shadow:inset 0 1px 2px #02050c4d}.clc-scale-fill{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--clc-tier) 42%,transparent),var(--clc-tier))}.clc-scale-edge{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--booth);opacity:.82}.clc-scale-dot{position:absolute;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:var(--clc-tier);border:2px solid var(--booth);box-shadow:0 0 0 1px color-mix(in srgb,var(--clc-tier) 60%,transparent),0 2px 6px #02050c73}.clc-scale-ends{display:flex;justify-content:space-between;color:color-mix(in srgb,var(--chalk) 64%,var(--dim));font:600 11px/1 var(--mono)}.clc-band{padding:6px 13px;border-radius:999px;max-width:38ch;background:color-mix(in srgb,var(--clc-tier) 15%,transparent);border:1px solid color-mix(in srgb,var(--clc-tier) 36%,transparent);color:var(--chalk);font:650 13.5px/1.45 var(--sans);text-align:center}.clc-beats{color:color-mix(in srgb,var(--chalk) 74%,var(--dim));font:650 12px/1.35 var(--sans);text-align:center}.clc-hint{align-self:center;color:var(--dim);font:650 13.5px/1.5 var(--sans);text-align:center;max-width:32ch}.clc-hint-problem{color:var(--loss-text)}.clc-leaders{display:grid;align-content:start;gap:9px;min-width:0}.clc-leaders h2{margin:0;color:color-mix(in srgb,var(--chalk) 76%,var(--dim));font:800 11.5px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.11em}.clc-leaders ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.clc-leaders li{display:flex;gap:12px;align-items:baseline;min-width:0;padding:9px 12px;border:1px solid transparent;border-radius:11px;background:color-mix(in srgb,var(--chalk) 5%,transparent)}.clc-leaders li.is-cleared{border-color:color-mix(in srgb,var(--royal) 40%,transparent);background:color-mix(in srgb,var(--royal) 16%,transparent)}.clc-leaders b{flex:none;color:var(--champ-text);font:700 17px/1 var(--mono)}.clc-leaders li.is-cleared b{color:var(--action-text)}.clc-leaders span{min-width:0;color:color-mix(in srgb,var(--chalk) 74%,var(--dim));font:500 13px/1.4 var(--sans)}.clc-formula{margin:4px 0 0;grid-column:1 / -1;text-align:center;font:600 12.5px/1.35 var(--mono);color:color-mix(in srgb,var(--chalk) 64%,var(--dim));border-top:1px solid color-mix(in srgb,var(--hair) 70%,transparent);padding-top:12px}.clc-card.clc-hcp-card{overflow:hidden;grid-template-columns:minmax(0,1fr);gap:0;padding:22px 24px 16px;border-color:color-mix(in srgb,var(--chalk) 24%,var(--hair));background:linear-gradient(180deg,color-mix(in srgb,var(--chalk) 3%,var(--booth-2)),var(--booth));box-shadow:inset 0 1px color-mix(in srgb,#fff 6%,transparent),0 12px 34px #02050c33}.clc-hcp-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(292px,324px);gap:32px;align-items:stretch;min-width:0}.clc-hcp-entry{align-content:start;gap:12px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.clc-hcp-entry-head{display:flex;gap:12px;align-items:center;justify-content:space-between;min-width:0}.clc-hcp-entry-head>div:first-child{display:grid;gap:4px;min-width:0}.clc-hcp-entry .clc-entry-k{color:var(--chalk);font:800 14px/1.2 var(--sans);letter-spacing:.055em}.clc-hcp-entry-note{color:color-mix(in srgb,var(--chalk) 70%,var(--dim));font:550 13px/1.35 var(--sans)}.clc-hcp-entry-actions{flex:none;display:inline-flex;align-items:center;gap:9px}.clc-round-count{color:color-mix(in srgb,var(--chalk) 68%,var(--dim));font:700 12px/1 var(--mono)}.clc-add{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 13px;border:1px solid color-mix(in srgb,var(--royal) 48%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--royal) 13%,var(--booth));color:var(--chalk);font:750 13px/1.2 var(--sans);cursor:pointer;box-shadow:inset 0 1px color-mix(in srgb,#fff 7%,transparent);transition:border-color .15s ease,background-color .15s ease}.clc-add:hover{border-color:var(--royal);background:color-mix(in srgb,var(--royal) 19%,var(--booth))}.clc-add:focus-visible{outline:3px solid color-mix(in srgb,var(--royal) 34%,transparent);outline-offset:2px}.clc-add:disabled{cursor:default;opacity:.58}.clc-rounds{display:grid;gap:0;min-width:0}.clc-round-list{display:grid;gap:0;max-height:244px;overflow-y:auto;min-width:0;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:color-mix(in srgb,var(--royal) 50%,var(--hair)) transparent}.clc-round{display:grid;grid-template-columns:34px repeat(3,minmax(0,1fr)) 66px;gap:6px;align-items:center;min-width:0}.clc-round-head{padding:0 4px 7px;color:color-mix(in srgb,var(--chalk) 76%,var(--dim));font:800 12px/1.1 var(--sans);text-transform:uppercase;letter-spacing:.025em}.clc-round-head>span{display:grid;gap:2px;min-width:0;text-align:center}.clc-round-head>span:first-child{text-align:left}.clc-round-head b{font:inherit}.clc-round-head small{color:color-mix(in srgb,var(--chalk) 58%,var(--dim));font:650 11px/1 var(--mono);letter-spacing:0;text-transform:none}.clc-round-list .clc-round{min-height:49px;padding:5px 4px;border:0;border-top:1px solid color-mix(in srgb,var(--hair) 68%,transparent);border-radius:0;background:transparent;transition:background-color .15s ease}.clc-round-list .clc-round.is-counted{border-color:color-mix(in srgb,var(--hair) 68%,transparent);background:color-mix(in srgb,var(--chalk) 4%,transparent)}.clc-round-list .clc-round:focus-within{background:color-mix(in srgb,var(--royal) 14%,transparent)}.clc-round-index{color:color-mix(in srgb,var(--chalk) 66%,var(--dim));font:700 12px/1 var(--mono);text-align:left}.clc-hcp-field{min-width:0}.clc-handicap .clc-round input{width:100%;min-width:0;height:39px;padding:0 9px;border:1px solid color-mix(in srgb,var(--chalk) 22%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--night) 42%,var(--booth-2));color:var(--chalk);font:750 15.5px/1 var(--mono);font-variant-numeric:tabular-nums;text-align:right;box-shadow:inset 0 1px 2px #02050c24}.clc-diff{--hcp-diff: color-mix(in srgb, var(--chalk) 66%, var(--dim));position:relative;display:flex;align-items:center;justify-content:flex-end;min-width:0;height:39px;padding:0 4px;border-radius:0;background:transparent;color:var(--hcp-diff);font:750 14px/1 var(--mono);text-align:right}.clc-diff.is-elite{--hcp-diff: var(--champ-text)}.clc-diff.is-strong{--hcp-diff: var(--royal)}.clc-diff.is-solid{--hcp-diff: color-mix(in srgb, var(--royal) 58%, var(--mediocre))}.clc-diff.is-mid{--hcp-diff: var(--mediocre)}.clc-diff.is-low{--hcp-diff: color-mix(in srgb, var(--chalk) 62%, var(--dim))}.clc-round.is-counted .clc-diff:before{content:"✓";margin-right:5px;color:var(--royal);font:850 12px/1 var(--sans)}.clc-hcp-result{display:grid;grid-template-rows:1fr auto auto;gap:10px;min-width:0}.clc-handicap .clc-out{min-height:0;padding:0;gap:9px;border:0;border-radius:0;background:transparent;box-shadow:none}.clc-handicap .clc-out-k{font-size:13px;letter-spacing:.08em}.clc-handicap .clc-num{font-size:clamp(58px,6vw,72px)}.clc-handicap .clc-scale{gap:5px}.clc-handicap .clc-band{padding:0;border:0;border-radius:0;background:transparent;color:color-mix(in srgb,var(--chalk) 82%,var(--dim));font-size:14px}.clc-handicap .clc-scale-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--mediocre) 34%,transparent),var(--clc-tier))}.clc-handicap-receipt{margin:0;color:color-mix(in srgb,var(--chalk) 72%,var(--dim));font:600 12.5px/1.4 var(--sans);text-align:center}.clc-handicap-receipt b{color:var(--chalk);font-weight:800}.clc-hcp-bands{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:11px 0 0;border:0;border-top:1px solid color-mix(in srgb,var(--hair) 68%,transparent);border-radius:0;background:transparent}.clc-hcp-band{--hcp-band: var(--dim);display:grid;gap:4px;min-width:0;padding:0 2px;border:0;border-radius:0;background:transparent;color:color-mix(in srgb,var(--chalk) 62%,var(--dim));text-align:center;white-space:nowrap}.clc-hcp-band b{font:750 11.5px/1.1 var(--sans)}.clc-hcp-band small{font:650 11px/1 var(--mono)}.clc-hcp-band-plus{--hcp-band: var(--champ-text)}.clc-hcp-band-single{--hcp-band: var(--royal)}.clc-hcp-band-solid{--hcp-band: color-mix(in srgb, var(--royal) 58%, var(--mediocre))}.clc-hcp-band-bogey{--hcp-band: var(--mediocre)}.clc-hcp-band-building{--hcp-band: color-mix(in srgb, var(--chalk) 56%, var(--dim))}.clc-hcp-band.is-active{border:0;background:transparent;color:var(--hcp-band);font-weight:800;box-shadow:none}.clc-hcp-band.is-active b:before{content:"•";margin-right:4px}.clc-hcp-card .clc-formula{margin-top:15px;padding-top:13px;font:600 13px/1.4 var(--sans)}@media(max-width:1079px){.clc-card.clc-card-wide{grid-template-columns:minmax(0,1fr) minmax(288px,384px)}.clc-card-wide .clc-leaders{grid-column:1 / -1;margin-top:2px}.clc-card-wide .clc-leaders ul{grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:8px}}@media(max-width:760px){.clc-card,.clc-card.clc-card-wide{grid-template-columns:minmax(0,1fr);padding:18px 15px 14px}.clc-out{min-height:0;padding:16px 14px 14px}.clc-scale,.clc-band{max-width:100%}.clc-hcp-workbench{grid-template-columns:minmax(0,1fr);gap:24px}.clc-handicap .clc-out{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"hcp-key hcp-key" "hcp-number hcp-scale" "hcp-number hcp-band";column-gap:12px;row-gap:6px;align-items:center;justify-items:stretch}.clc-handicap .clc-out-k{grid-area:hcp-key;text-align:left}.clc-handicap .clc-num{grid-area:hcp-number;justify-self:center;font-size:clamp(46px,14vw,58px)}.clc-handicap .clc-scale{grid-area:hcp-scale}.clc-handicap .clc-band{grid-area:hcp-band;padding:0}.clc-handicap .clc-beats{grid-column:1 / -1}.clc-handicap .clc-hint{grid-column:1 / -1;justify-self:center}}@media(max-width:520px){.clc{gap:10px;margin-top:6px}.clc-modes{grid-auto-columns:minmax(0,1fr);justify-self:stretch}.clc-modes button{min-height:46px;padding:7px 9px;font-size:12px}.clc-card,.clc-card.clc-card-wide{border-radius:15px}.clc-field{grid-template-columns:minmax(0,1fr) 116px;gap:12px;font-size:12px}.clc-field input{height:44px;padding:0 10px;font-size:17px}.clc-formula{font-size:12px}.clc-num{font-size:clamp(46px,16vw,62px)}.clc-band{font-size:13px}.clc-round{grid-template-columns:1fr 1fr 1fr 72px;gap:4px}.clc-round-head{letter-spacing:0}.clc-round input{height:40px;padding:0 7px;font-size:13px}.clc-diff{font-size:13px}.clc-card.clc-hcp-card{gap:0;padding:15px 13px 13px;border-radius:15px}.clc-hcp-entry-head{gap:8px}.clc-hcp-entry-note{display:none}.clc-hcp-entry-actions{gap:7px}.clc-add{min-height:42px;padding-inline:9px}.clc-handicap .clc-round{grid-template-columns:23px repeat(3,minmax(0,1fr)) 52px;gap:4px}.clc-round-head{padding:0 2px 7px}.clc-round-list .clc-round{min-height:48px;padding-inline:2px}.clc-handicap .clc-round input{height:38px;padding-inline:5px;font-size:14px}.clc-diff{height:38px;padding-inline:2px;font-size:13.5px}.clc-round.is-counted .clc-diff:before{margin-right:3px;font-size:11px}.clc-hcp-result{gap:9px}.clc-handicap .clc-out{padding:0}.clc-handicap-receipt{font-size:12px}.clc-hcp-band{padding-inline:0}.clc-hcp-card .clc-formula{margin-top:12px;padding-top:11px}}@media(max-width:340px){.clc-hcp-entry .clc-entry-k{font-size:13px;letter-spacing:.04em}.clc-round-count{font-size:11px}.clc-add{gap:4px;padding-inline:7px;font-size:12px}.clc-round-head{font-size:11px}.clc-round-head small{font-size:10.5px}.clc-handicap .clc-round input{padding-inline:4px;font-size:13.5px}.clc-diff{font-size:12.5px}.clc-handicap .clc-out{grid-template-areas:"hcp-key hcp-key" "hcp-number hcp-scale" "hcp-band hcp-band"}.clc-handicap .clc-band{justify-self:stretch}}